/*! 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.
 */
@import url('https://d3e54v103j8qbb.cloudfront.net/fonts/inter/inter.s3.3a4044b2f3.css');
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 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, 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"] {
  -webkit-box-sizing: border-box;
  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. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type="search"] {
  -webkit-appearance: none;
  /* 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-box-sizing: border-box;
  /* 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: 210px;
  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;
    -webkit-box-shadow: -8px 0 #1F1F1F;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    -webkit-box-shadow: -8px 0 #808080;
    box-shadow: -8px 0 #808080;
  }
}
@keyframes wf-blink {
  0%,
  100% {
    background: #808080;
    -webkit-box-shadow: -8px 0 #1F1F1F;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    -webkit-box-shadow: -8px 0 #808080;
    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);
  }
}
@-webkit-keyframes wf-distractor-blink {
  40% {
    opacity: 1;
  }
}
@keyframes wf-distractor-blink {
  40% {
    opacity: 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
 *
 * NOTE: For new components, use ui/Layer, not these zIndex: https://github.com/webflow/webflow/blob/dev/docs/app/designer-overlay-system/overlay-system.md
 */
.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.09103df2ca.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.f7d2c184d4.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) {
  .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.982a1e43d8.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.f989bbc935.png);
    background-size: 440px;
  }
  #site-iframe-next.xray-mode {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
* {
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
a.close-x:hover > i {
  opacity: 1.0;
}
.invalid-input {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  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-EnumOption::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,
.bem-TagSelect .selectize-control .selectize-input.not-full 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.09103df2ca.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.09103df2ca.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,
.bem-TagSelect .selectize-control .selectize-input.not-full div.item .remove {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.f7d2c184d4.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,
.bem-TagSelect .selectize-control .selectize-input.not-full 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.982a1e43d8.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,
  .bem-TagSelect .selectize-control .selectize-input.not-full div.item .remove {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo@2x.f989bbc935.png);
    background-size: 440px;
  }
  .w-rich-text-des-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.982a1e43d8.png);
    background-size: 640px;
  }
}
.no-scrollbar {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .kit-scroll-pane {
  scrollbar-width: 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;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0.0;
  -webkit-transition: background-color 50ms ease;
  transition: background-color 50ms ease;
}
.wf-tip > .arrow {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border: 6px solid transparent;
  -webkit-transition: border-color 50ms ease;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 1.4;
  white-space: nowrap;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  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.dark {
  background-color: black;
  border-radius: 3px;
}
.wf-tip.dark.right > .arrow {
  border-right-color: black;
}
.wf-tip.dark.left > .arrow {
  border-left-color: black;
}
.wf-tip.dark.top > .arrow {
  border-top-color: black;
}
.wf-tip.dark.bottom > .arrow {
  border-bottom-color: black;
}
.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-video,
.icon-el.n-video {
  background-position: -440px -460px;
  width: 10px;
  vertical-align: -1px;
  margin-top: -1px;
}
.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;
}
.el-icon.n-search,
.icon-el.n-search {
  background-position: -400px -520px;
  width: 10px;
}
.el-icon.n-search-result,
.icon-el.n-search-result {
  background-position: -420px -520px;
  width: 12px;
  height: 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;
}
.hovered-outline .el-icon.n-search {
  background-position: -400px -540px;
}
.hovered-outline .el-icon.n-search-result {
  background-position: -420px -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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 200ms ease;
  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;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
a.bem-AddTab_Button > .label,
.bem-AddTab_Placeholder > .label {
  display: block;
  position: relative;
  bottom: 0px;
  height: 30px;
  color: #a6a6a6;
  -webkit-transition: color 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.css-selector:after {
  clear: both;
}
.css-selector .media-icon {
  float: left;
  height: 14px;
  opacity: 0.7;
  -webkit-transition: opacity 50ms ease-in;
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner {
  padding: 0 8px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 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:not(class$='-primitive') > *,
.context-lens:hover:not(class$='-primitive') > *,
button:hover:not(class$='-primitive') > * {
  color: #ebebeb;
}
.bem-TopBar_Body_ContextLens > * {
  color: #d9d9d9;
}
.btn-blank {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-box-shadow: 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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #2b2b2b;
}
.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%;
  scrollbar-width: none;
}
.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;
  -webkit-transition: all 200ms ease;
  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.5;
  pointer-events: none;
}
.kit-section .advanced-only {
  display: none;
}
.kit-section.show-advanced .advanced-only {
  display: block;
}
.kit-section .transition-parent > .transition-child {
  -webkit-transition: none;
  transition: none;
}
.kit-section .transition-parent > .transition-child.transition-enter.transition-enter-active {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 500ms, -webkit-transform 500ms;
  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);
  -webkit-transition: opacity 500ms, -webkit-transform 500ms;
  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 9.5px 0 5.5px;
  opacity: 0.85;
}
.kit-section-title > .label {
  font-size: 12px;
  line-height: 16px;
  color: #d9d9d9;
  text-decoration: none;
  display: block;
  font-weight: 600;
  cursor: default;
  text-transform: capitalize;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-transition: opacity 200ms ease;
  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 8px 0 5px;
}
.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: 8px 8px;
  min-height: 20px;
  zoom: 1;
}
.kit-section-body:before,
.kit-section-body:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 {
  zoom: 1;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.kit-panel:before,
.kit-panel:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 > * {
  -webkit-transition: visibility 0 linear 500ms;
  transition: visibility 0 linear 500ms;
}
.kit-panel.stackable > .body.active > * {
  -webkit-transition: visibility 0 linear 0;
  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 {
  -webkit-transition: height 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.kit-panel-title:after {
  clear: both;
}
.kit-panel-title > * {
  -webkit-transition: opacity 200ms;
  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;
  -webkit-transition: opacity 50ms;
  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 {
  -webkit-transition: opacity 200ms;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);
  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 {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kit-divider {
  clear: both;
  height: 1px;
  line-height: 0;
  font-size: 0;
  border-top: 1px solid #333333;
  margin: 8px -8px;
}
.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;
  letter-spacing: -0.2px;
  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 {
  -webkit-transition: border 200ms ease;
  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: 23;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.kit-field:after {
  clear: both;
}
.kit-field:first-child {
  padding-top: 0;
}
.kit-field:last-child {
  padding-bottom: 0;
}
.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.5;
}
.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-divider + .kit-field {
  padding-top: 0;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  -webkit-transition: opacity 50ms ease;
  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;
  -webkit-transition: opacity 200ms ease;
  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;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.8);
  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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kit-list-item.active.grey .kit-list-radio i {
  opacity: 1;
  background-position: -80px -320px;
}
.kit-list-item.ui-sortable-helper {
  -webkit-box-shadow: 0 0 0 1px #3b79c3, inset 0 0 10px 0 rgba(59, 121, 195, 0.5);
  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) {
  -webkit-transition: opacity 200ms ease;
  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;
  -webkit-box-shadow: 0 0 0 1px black;
  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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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: 23;
  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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  -webkit-box-shadow: none;
  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;
  -webkit-box-sizing: content-box;
  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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-button > span {
  display: none;
}
.kit-button > i {
  display: inline-block;
  opacity: 0.8;
  -webkit-transition: opacity 50ms ease;
  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;
  -webkit-box-sizing: border-box;
  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: 0.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;
  -webkit-box-shadow: none;
  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,
.kit-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.kit-button.disabled-keepevents {
  opacity: 0.5;
  pointer-events: none;
  pointer-events: auto;
  cursor: not-allowed;
}
.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: 23;
}
.kit-button-group {
  zoom: 1;
  margin-bottom: 7px;
}
.kit-button-group:before,
.kit-button-group:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -webkit-transition: opacity 200ms ease;
  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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  width: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  color: #d9d9d9;
  -webkit-transition: color 50ms ease;
  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::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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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.5;
  pointer-events: none;
}
.kit-unit-box.readonly > .ticks {
  display: none;
}
.kit-unit-box.readonly > .unit {
  right: 0;
}
.kit-unit-box.focused-field {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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%;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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.5;
  pointer-events: none;
  pointer-events: auto;
  cursor: not-allowed;
}
.kit-checkbox.disabled:not(.checked) > .kit-checkbox-input > i {
  opacity: 0;
}
.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 {
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: 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 > svg {
  margin-top: 8px;
}
.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;
  -webkit-box-shadow: none;
  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 {
  -webkit-box-shadow: none;
  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;
  -webkit-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);
  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: 0 6px;
  height: 24px;
  line-height: 22px;
  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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  -webkit-box-shadow: 0 0 0 1px #ae94ff;
  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: 8px;
  top: 5px;
}
.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%;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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;
  -webkit-transition: opacity 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.kit-color-input:after {
  clear: both;
}
.kit-color-input.focused > .kit-text-input {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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: 23;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.15), inset 0 0px 0 rgba(255, 255, 255, 0.08);
  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;
  -webkit-transition: opacity 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 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;
  -webkit-transition: opacity 200ms ease, background-color 200ms ease;
  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 {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 500ms ease, -webkit-box-shadow 500ms ease;
  transition: background-color 500ms ease, -webkit-box-shadow 500ms ease;
  transition: background-color 500ms ease, box-shadow 500ms ease;
  transition: background-color 500ms ease, box-shadow 500ms ease, -webkit-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;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.kit-indicator > a.kit-indicator-button {
  position: relative;
  -webkit-box-sizing: border-box;
  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: 600;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #ae94ff;
  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: 164px;
  margin: 0 0 0 44px;
}
.kit-dynfield-select.no-checkbox {
  border: none;
  -webkit-box-shadow: 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: 13;
}
.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: 8px;
}
.kit-sidebar-top-section:before,
.kit-sidebar-top-section:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.kit-sidebar-top-section:after {
  clear: both;
}
.kit-sidebar-top-section a {
  color: #d9d9d9;
}
.kit-sidebar-top-section .title {
  float: left;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-transition: 200ms opacity ease;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-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;
  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;
}
.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;
  -webkit-box-shadow: -1.5em 0em #d9d9d9, 1.5em 0em #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 {
  -webkit-transition: padding 200ms ease;
  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;
}
.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;
  -webkit-transition: opacity 200ms ease;
  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;
}
.image-metadata {
  display: -ms-grid;
  display: grid;
  line-height: 12px;
  grid-gap: 4px;
}
.image-metadata > .file-name {
  max-width: 100%;
}
.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 > .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;
}
.drag-ghost {
  width: 100vw;
  height: 100vh;
  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;
  -webkit-transition: opacity 50ms ease;
  transition: opacity 50ms ease;
}
.offset-box .handle:before,
.offset-box .handle:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  top: 1px;
}
.offset-box .handle:before {
  left: -16px;
}
.offset-box .handle:after {
  right: -16px;
}
.offset-box .handle:hover {
  opacity: .75;
}
.offset-box .handle.vert {
  width: 19px;
  height: auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAACAQMAAAAHJZy3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX19fSQkJHhjEKQAAAARSURBVAjXYzjAwMBwgAFMAgASDAMB5CpHBgAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  background-size: 17px 100%;
  background-position: 1px 0;
  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: 1px;
}
.offset-box .handle.vert:after {
  right: auto;
  top: auto;
  left: 1px;
  bottom: -18px;
}
.offset-box .handle.top {
  top: -3px;
  height: 19px;
  background-size: 1px 18px;
  background-position: 0 1px;
  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: 19px;
  background-size: 1px 18px;
  background-position: 0 1px;
  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: 1px;
}
.offset-box .handle.left:before {
  background-position: -140px -440px;
}
.offset-box .handle.left:after {
  background-position: -120px -440px;
}
.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 > svg {
  position: absolute;
  right: -26px;
  top: 0;
  width: 26px;
  height: 40px;
  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 > svg {
  margin: 4px 0px 0px 2px;
}
.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: 6px;
  left: 0;
  opacity: 0.6;
}
.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;
  -webkit-transition: border-bottom 50ms ease;
  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);
  -webkit-transition: border-bottom 50ms ease;
  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);
  -webkit-transition: border-bottom 50ms ease;
  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: 25;
}
.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 > .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: 10003;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(26, 26, 26, 0.95);
  text-align: center;
  color: #d9d9d9;
  font-size: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#preloader.inactive {
  pointer-events: none;
}
.preloader-container {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.preloader-progress {
  height: 100%;
  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;
}
.preloader-message {
  margin-top: 10px;
  font-size: 16px;
}
.preloader-brand {
  height: 36px;
  width: 140px;
}
.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;
  -webkit-transition: opacity 50ms ease;
  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;
}
.publish-targets {
  color: #d9d9d9;
  border-radius: 3px;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
}
.avoid-right-sidebar .publish-targets {
  right: 250px;
}
.publish-targets .published-page-link {
  color: #a6a6a6;
}
.publish-targets .published-page-link:hover {
  color: #d9d9d9;
}
.publish-targets .loader {
  position: absolute;
  top: 26px;
  right: 1px;
  bottom: 51px;
  left: 1px;
  text-align: center;
  opacity: 0;
  display: none;
  z-index: 1;
  background-color: #404040;
  min-height: 50px;
  -webkit-box-shadow: 0 1px 0 #212121;
  box-shadow: 0 1px 0 #212121;
}
.publish-targets .loader .loader-indicator {
  opacity: 1;
  position: absolute;
  top: 47%;
  left: 45%;
}
.publish-targets.visible {
  display: block;
  width: 285px;
}
.publish-targets.loading .loader {
  opacity: 0.8;
  display: block;
}
.publish-targets .kit-button {
  padding: 3px 15px;
  font-size: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.publish-targets .buttons:after {
  clear: both;
}
.publish-targets .status {
  clear: left;
  margin-left: 27px;
}
.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;
  font-size: 10px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.publish-targets ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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: 4px;
}
.publish-targets .kit-checkbox > .kit-checkbox-input {
  margin-top: 3px;
}
.publish-targets .kit-checkbox > span {
  font-size: 14px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: -2px;
  margin-left: -7px;
  margin-bottom: -2px;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 5px;
  cursor: pointer;
}
.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;
}
.publish-targets .publishing-locked-icon {
  margin-right: 8px;
}
.publish-targets .no-publishing-permissions-message {
  margin-top: 6px;
  color: #a6a6a6;
  font-size: 12px;
}
@-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: 25;
}
.panel-mask[data-depth='2'] {
  z-index: 26;
}
.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: 24;
  background-color: #404040;
  border-radius: 3px;
  color: #d9d9d9;
  padding: 10px;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  font-size: 11px;
  -webkit-transition: height 200ms ease;
  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: 26;
}
.panel[data-depth='2'] {
  z-index: 27;
}
.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;
}
.panel .kit-unit-box {
  line-height: initial;
}
.large-panel .tick {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.reset-panel {
  padding: 6px 7px 8px;
  width: 224px;
}
.reset-panel > .inner {
  font-size: 11px;
}
.reset-panel > .inner > .kit-button.reset {
  float: none;
  margin-bottom: 7px;
}
.reset-panel > .inner > .kit-button.reset > i {
  width: 9px;
  height: 11px;
  margin: 0 8px;
  background-position: -40px -60px;
}
.reset-panel > .inner > .kit-button.close-panel {
  clear: both;
  float: none;
  width: auto;
}
.reset-panel > .inner > .message {
  margin-bottom: 7px;
  text-align: left;
  white-space: normal;
}
.reset-panel > .inner > .css-selector {
  margin-bottom: 7px;
}
.reset-panel > .inner > .css-selector > .chunk.main {
  float: left;
}
.reset-panel > .inner > .kit-field.edit {
  position: relative;
  margin-bottom: 5px;
  zoom: 1;
}
.reset-panel > .inner > .kit-field.edit:before,
.reset-panel > .inner > .kit-field.edit:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.reset-panel > .inner > .kit-field.edit:after {
  clear: both;
}
.reset-panel > .inner > .kit-field.edit .kit-label {
  float: left;
  margin-top: 0;
  margin-right: 8px;
  margin-left: 2px;
  padding-top: 6px;
}
.reset-panel > .inner > .kit-field.edit .kit-label .inner {
  pointer-events: none;
  color: #d9d9d9;
  text-decoration: none;
}
.reset-panel > .inner > .kit-field.edit .kit-button {
  margin-top: 0;
}
.reset-panel > .inner > .kit-field.edit .kit-button.auto {
  position: absolute;
  width: 50px;
  right: 0;
}
.reset-panel .kit-unit-box {
  line-height: initial;
}
.panel.guidance-panel {
  padding: 8px 8px 3px;
  background: #e6e6e6;
  border: #e6e6e6;
  color: #1a1a1a;
  text-align: left;
  -webkit-box-shadow: none;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
}
.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.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;
}
.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;
  -webkit-transition: 500ms opacity ease, -webkit-transform 500ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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.5;
  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.transform-panel:not(.visible) {
  position: initial;
  left: auto;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.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 .transform-warning {
  line-height: 10px;
  margin-top: 6px;
  float: left;
}
.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;
  -webkit-box-sizing: border-box;
  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: 5px;
}
.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:not(.visible) {
  position: initial;
  left: auto;
  display: block;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel.transition-panel .select2-container > .select2-choice {
  outline: none;
}
.panel.transition-panel .select2-results {
  max-height: 120px;
}
.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 {
  -webkit-transition: padding 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 i {
  opacity: 0.7;
  margin-right: 1px;
}
.general-settings .kit-field {
  margin-bottom: 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr;
  grid-template-columns: 0 52px 1fr;
}
.general-settings .kit-field > .kit-text-box,
.general-settings .kit-field > .kit-select2 .select2-container {
  width: 100%;
  margin: 0;
}
.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: 54px;
  color: #a6a6a6;
}
.general-settings .kit-title.visibility > .info {
  font-style: italic;
}
.general-settings .kit-radio-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1fr 1fr 1fr 1fr 0;
  grid-template-columns: 0 1fr 1fr 1fr 1fr 0;
}
.general-settings .kit-radio-buttons .kit-button {
  height: 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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;
}
.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gplus-settings .kit-field.url .kit-text-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.gplus-settings .kit-field.layout .kit-label {
  margin-top: 7px;
}
.gplus-settings .kit-field.layout .kit-radio-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.gplus-settings .kit-field.layout .kit-radio-buttons .kit-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.gplus-settings .kit-field.annotation .kit-button {
  width: 48px;
}
.gplus-settings .kit-field.annotation .kit-button.none > i {
  display: none;
}
.attribute-settings {
  padding-top: 0px;
}
.attribute-settings .kit-field.attributes {
  padding: 0;
}
.attribute-settings .kit-field.attributes > .kit-label {
  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.5;
  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;
  -webkit-transition: opacity 50ms ease;
  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: 72px;
}
.macro-settings .edit-styles .display .kit-button,
.macro-settings .edit-step .display .kit-button {
  width: 46px;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 10px;
  margin: 8px 0 5px 5px;
  height: 28px;
  line-height: 22px;
  border: none;
  background: none;
  -webkit-box-shadow: 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;
  -webkit-transition: opacity 50ms;
  transition: opacity 50ms;
}
.macro-settings .transition-indicator:before,
.macro-settings .transition-indicator:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 .kit-section-body {
  padding-top: 8px;
}
.dynlist-settings .ui-state .kit-radio-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1fr 1fr 0;
  grid-template-columns: 0 1fr 1fr 0;
  float: none;
}
.dynlist-settings .ui-state .kit-button {
  width: auto;
}
.dynlist-settings .grid-layout .kit-label {
  margin-bottom: 5px;
}
.dynlist-settings .grid-layout .kit-radio-buttons {
  position: inherit;
}
.dynlist-settings .grid-layout .kit-button {
  margin: 0;
  border-right: 0;
}
.dynlist-settings .grid-layout .kit-button.first {
  border-bottom-right-radius: 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-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: 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;
}
.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;
  word-wrap: break-word;
}
.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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.background-video-progress-bar-fill {
  height: 100%;
  background: #2ad986;
  border-radius: 100px;
  -webkit-transition: width 200ms ease;
  transition: width 200ms ease;
}
.background-video-progress-bar-fill-blue {
  height: 100%;
  background: #2ad986;
  border-radius: 100px;
  -webkit-transition: width 200ms ease;
  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 {
  width: 292px;
  position: absolute;
  pointer-events: all;
  border-radius: 3px;
  border: 1px solid #212121;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  background-color: #404040;
  color: #d9d9d9;
  font-size: 11px;
  z-index: 28;
  -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.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 .mini-settings-content {
  padding: 8px;
}
.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 .kit-button {
  width: 100%;
}
.atom-mini-settings {
  width: auto;
}
.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;
  -webkit-transition: -webkit-box-shadow 200ms ease;
  transition: -webkit-box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease, -webkit-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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  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.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;
}
.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);
  -webkit-transition: background-color 200ms ease;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb:after {
  clear: both;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  height: 18px;
  line-height: 1;
  display: none;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  clear: both;
  background-color: #178df7;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  white-space: nowrap;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .icon {
  padding-left: 4px;
  font-size: 0px;
  line-height: 0px;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .label {
  font-weight: normal;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current {
  padding-bottom: 2px;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner {
  display: -ms-grid;
  display: grid;
  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;
  -webkit-transition: opacity 200ms ease;
  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: -ms-grid;
  display: grid;
}
.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: #2cc786;
}
.wf-outline.is-symbol.symbol-inst {
  -webkit-box-shadow: inset 0 0 0 3px rgba(44, 199, 134, 0.15);
  box-shadow: inset 0 0 0 3px rgba(44, 199, 134, 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(44, 199, 134, 0.08);
}
.wf-outline.is-dynamic {
  border-color: #8e66ff;
}
.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: 11;
  pointer-events: none !important;
  height: 2px;
  background-color: #178df7;
  line-height: 0;
  font-size: 0;
  -webkit-transition: background-color 200ms ease;
  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;
  -webkit-transition: opacity 200ms ease;
  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: 12;
  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: 13;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-transition: background-color 50ms linear;
  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%;
  -webkit-transition: top 200ms ease-out;
  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;
  -webkit-transition: left 200ms ease-out;
  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-preload {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}
.selected-outline.is-symbol > .resize-handle::before {
  border-color: #2cc786;
}
.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: 13;
}
.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: #2b2b2b;
  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: #8C8C8C;
}
.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 {
  margin-left: 3px;
}
.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: #121212;
  border-color: #121212;
}
.wf-canvas-resizing .tab-handle:before,
.wf-canvas-resizing .tab-handle:after {
  background: #5e5e5e;
}
#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.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.symbol > .notice.symbol {
  opacity: 1.0;
}
.style-tab .kit-blocker.no-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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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 .target-toggle {
  position: relative;
  height: auto;
  line-height: 14px;
  text-decoration: none;
  cursor: default;
  color: #a6a6a6;
  -webkit-transition: opacity 50ms ease;
  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;
  -webkit-box-shadow: 0 0 15px #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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.right-sidebar ::selection {
  background-color: #3490eb;
  color: white;
}
.right-sidebar > .tabs {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.right-sidebar > .tabs > .tab {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  text-align: center;
  height: 35px;
  background: #2b2b2b;
  -webkit-box-shadow: inset -1px -1px 0 0 #212121;
  box-shadow: inset -1px -1px 0 0 #212121;
  cursor: default;
}
.right-sidebar > .tabs > .tab > span > i {
  opacity: 0.6;
  -webkit-transition: opacity 50ms ease;
  transition: opacity 50ms ease;
}
.right-sidebar > .tabs > .tab:hover > span > i {
  opacity: 1.0;
}
.right-sidebar > .tabs > .tab.active {
  background: #404040;
  cursor: default;
  -webkit-box-shadow: inset -1px 0px 0 0 #212121, -1px -1px 0 0 #212121, 0 2px 0 0 #404040;
  box-shadow: inset -1px 0px 0 0 #212121, -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 {
  -webkit-box-shadow: inset 0px -1px 0 0 #212121;
  box-shadow: inset 0px -1px 0 0 #212121;
}
.right-sidebar > .tabs > .tab:last-child.active {
  -webkit-box-shadow: none;
  box-shadow: 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;
  -webkit-box-shadow: 0 -1px 0 0 #212121;
  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.5;
  pointer-events: none;
}
.right-sidebar .nav-buttons {
  float: right;
}
.right-sidebar .nav-buttons > .nav-button {
  float: left;
  margin-left: 13px;
  color: #a6a6a6;
  -webkit-transition: color 50ms ease;
  transition: color 50ms ease;
}
.right-sidebar .nav-buttons > .nav-button:hover {
  color: #d9d9d9;
  cursor: default;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  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 {
  -webkit-transition: color 50ms ease;
  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;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  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 {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: opacity 200ms;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  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 {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  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;
  -webkit-box-shadow: none !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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  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 {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  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 {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  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;
  -webkit-box-shadow: none !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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  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: #5e5e5e;
}
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;
}
#site-iframe-next.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;
}
.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);
  -webkit-transition-delay: 200ms;
  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);
  -webkit-transition: background-color 50ms ease, opacity 50ms ease-in, -webkit-transform 50ms ease-in;
  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;
}
.cursor-panel {
  height: 385px;
  padding: 0 0 8px 0;
  background-color: #404040;
  border: 1px solid #212121;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  pointer-events: all;
  max-width: 224px;
}
.cursor-panel .cursor-panel-content {
  padding: 7px 0 0 7px;
  width: 100%;
}
.cursor-panel .cursor-panel-content .kit-label {
  display: block;
  padding-top: 0px;
}
.cursor-panel .cursor-panel-content .cursor-buttons {
  margin-left: 4px;
}
.cursor-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 .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.982a1e43d8.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: -webkit-zoom-in;
  cursor: zoom-in;
}
.cursor-button.zoom-in > i {
  background-position: -40px -640px;
}
.cursor-button.zoom-out:hover {
  cursor: -webkit-zoom-out;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* image details panel */
}
#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.09103df2ca.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.09103df2ca.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;
}
[class*='w-editor-edit'] .w-richtext .w-embed,
[class*='w-editor-edit'] .w-rte-editable .w-embed {
  color: transparent;
}
[class*='w-editor-edit'] .w-richtext .w-embed:after,
[class*='w-editor-edit'] .w-rte-editable .w-embed:after {
  display: block;
  line-height: 0;
}
.panel.text-column-count-panel {
  padding: 6px;
  position: initial;
  left: auto;
  top: auto;
  display: block;
}
.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-field.text-column-gap .kit-label .link {
  height: 20px;
  margin-top: 1px;
  margin-right: 1px;
  padding: 2px 3px 0;
}
.panel.text-column-count-panel .kit-field.text-column-gap .kit-label .link i {
  background-position: -20px -660px;
  width: 15px;
}
.panel.text-column-count-panel .kit-field.column-rule-color .kit-label .link {
  height: 18px;
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 3px;
}
.panel.text-column-count-panel .kit-field.column-rule-color .kit-label .link i {
  background-position: -80px -660px;
  width: 14px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-label .link {
  height: 18px;
  margin-top: 4px;
  margin-right: 1px;
  padding: 2px 3px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-label .link i {
  background-position: -40px -660px;
  width: 14px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button {
  width: 23px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button > i {
  height: 12px;
  margin-top: 5px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button.none > i {
  background-position: -420px -60px;
  width: 9px;
  height: 10px;
  margin-top: 6px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button.solid > i {
  background-position: -140px -660px;
  width: 14px;
  margin-left: 10px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button.dashed > i {
  background-position: -160px -660px;
  width: 14px;
  margin-left: 10px;
}
.panel.text-column-count-panel .kit-field.column-rule-style .kit-radio-button.dotted > i {
  background-position: -180px -660px;
  width: 14px;
  margin-left: 10px;
}
.panel.text-column-count-panel .kit-field.column-rule-width .kit-label .link {
  height: 18px;
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 3px;
}
.panel.text-column-count-panel .kit-field.column-rule-width .kit-label .link i {
  background-position: -60px -660px;
  width: 14px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-label .link {
  height: 17px;
  margin-top: 4px;
  margin-right: 1px;
  padding: 2px 3px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-label .link i {
  background-position: -100px -660px;
  width: 14px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-radio-button {
  width: 31px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-radio-button > i {
  height: 12px;
  margin-top: 5px;
  margin-right: 1px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-radio-button.none > i {
  background-position: -100px -660px;
  width: 14px;
}
.panel.text-column-count-panel .kit-field.column-span .kit-radio-button.all > i {
  background-position: -120px -660px;
  width: 14px;
}
.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: 16px;
}
.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-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-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: #4d4d4d;
  height: 100%;
}
.bem-AssetGrid_Item:hover {
  background-color: #5e5e5e;
}
.bem-AssetGrid_Item-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.bem-AssetGrid_Item-selected {
  background-color: #363636;
}
.bem-AssetGrid_Item-selected:hover {
  background-color: #363636;
}
.bem-AssetGrid_Item-list .bem-AssetGrid_ItemBody,
.bem-AssetGrid_Item-smallList .bem-AssetGrid_ItemBody {
  margin-right: -1px;
}
.bem-AssetGrid.isHotSelecting .bem-AssetGrid_Item {
  cursor: default;
}
.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 #404040;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  margin-left: -1px;
  margin-top: -1px;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.bem-AssetGrid_Item-grid .bem-AssetGrid_ItemBody {
  padding: 0 3px;
}
.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%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ebebeb;
}
.bem-AssetGrid_ItemText {
  white-space: nowrap;
  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;
}
.bem-AssetGrid_Item-list .bem-AssetGrid_ItemText,
.bem-AssetGrid_Item-smallList .bem-AssetGrid_ItemText {
  border-left: 1px solid #212121;
  padding-left: 8px;
  margin-right: 15px;
}
.bem-AssetGrid_Item-grid .bem-AssetGrid_ItemText {
  width: 100%;
  font-size: 11px;
  text-align: center;
}
.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: #a6a6a6;
  font-size: 10px;
}
.bem-AssetGrid_Item-grid .bem-AssetGrid_ItemPreview {
  margin: 3px;
  margin-bottom: 5px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bem-AssetGrid_Item-smallList .bem-AssetGrid_ItemDimensions {
  display: none;
}
.bem-AssetGrid_Item-smallList .bem-AssetGrid_ItemSpinner {
  padding-top: 14px;
  padding-left: 2px;
}
.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 8px;
  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 .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;
  -webkit-box-shadow: -1.5em 0em #d9d9d9, 1.5em 0em #2b2b2b;
  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:hover {
  background: #5e5e5e;
}
.AssetsMenu .dropdown-menu-item:hover i {
  opacity: 1;
}
.AssetsMenu .dropdown-menu-item.disabled {
  background: #4d4d4d;
  color: #a6a6a6;
}
.AssetsMenu .dropdown-menu-item.disabled.checked {
  color: #d9d9d9;
}
.AssetsMenu .dropdown-menu-item.disabled:hover {
  background: #4d4d4d;
}
.AssetsTab_LinkUploadModalWrap {
  position: relative;
}
.AssetsTab_LinkUploadModalWrap .panel-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  width: 241px;
  background-color: rgba(26, 26, 26, 0.85);
}
.AssetsTab_LinkUploadModal {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 7px;
  width: 226px;
  padding: 6px 7px 8px;
  line-height: normal;
}
.AssetsTab_LinkUploadModal .tick {
  left: auto;
  right: 30px;
}
.AssetsTab_LinkUploadModal .link-submit-button {
  float: right;
  margin: 5px 0;
  padding: 1px 10px;
}
.AssetsTab_LinkUploadModal .hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  box-shadow: 0 0 0 1px #ea384c;
  overflow: hidden;
}
.AssetsTab_LinkUploadModal .hasError > input.input {
  color: #ff5266;
}
.AssetsTab_LinkUploadModal .upload-error {
  color: #ea384c;
  margin: 2px 0 0 30px;
  width: 90%;
}
.AssetsTab_LinkUploadModal .link-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.AssetsTab_LinkUploadModal .link-input-field .link-input {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.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;
  -webkit-transition: opacity 50ms ease-in-out;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.attribute-panel {
  width: 200px;
  font-size: 12px;
}
.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 {
  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;
}
@-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: normal;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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_RealtimeViewersContainer {
  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;
  -webkit-transition: opacity 200ms ease-in-out;
  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;
  white-space: nowrap;
  background: #2b2b2b;
  color: #ebebeb;
}
.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 #5e5e5e;
  -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;
  -webkit-box-shadow: 0 0 0 1px #ebebeb;
  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;
  -ms-grid-row-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.982a1e43d8.png) !important;
    background-size: 640px;
  }
}
.avoid-bottom-bar .bem-BottomBar {
  display: block;
}
.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: 10004;
}
.bem-Button {
  -webkit-appearance: none;
  padding: 0 10px;
  background: #5e5e5e;
  border-radius: 2px;
  font-family: Inter, Helvetica, Arial, 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: 26px;
  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 {
  opacity: 0.5;
  cursor: not-allowed;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.checkbox-settings .kit-field.name > .kit-text-box,
.checkbox-settings .kit-field.style-type > .kit-text-box {
  width: auto;
}
.checkbox-settings .kit-checkbox.required {
  width: auto;
}
.bem-ColorButton {
  position: relative;
  width: 30px;
  margin-top: 1px;
  margin-bottom: 1px;
  background: #5e5e5e;
  border-right: 1px solid #212121;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  overflow: hidden;
  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;
  cursor: default;
}
.bem-ColorButton:hover {
  background: #6b6b6b;
}
.bem-ColorButton_Icon {
  opacity: 0.7;
  height: inherit;
}
.bem-ColorButton.isSet {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi3LFjBwM2oK2tjVWciYFEMKqBGMCCK7yvXr06Gkr00wAQYACiEgXLqZw3aAAAAABJRU5ErkJggg==');
  background-size: 8px;
  background-position: 0% 0%;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-ColorButton_Fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-ColorButton_Fill.isTransparent {
  background-image: none;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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 {
  -webkit-transition: all 200ms ease;
  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: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #fc29fc), color-stop(33%, #0b26fb), color-stop(49%, #2cfffe), color-stop(66%, #29fd3f), color-stop(83%, #f9ff00), to(red));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  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;
}
.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-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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  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-DateButton-disabled,
.bem-DateButton-disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background: #5e5e5e;
}
.bem-DateButton-disabled .bem-DateButton_Icon,
.bem-DateButton-disabled:hover .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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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-activeCurrentMonth {
  cursor: default;
}
.bem-DatePicker_Day-activeCurrentMonth:hover {
  background: #4d4d4d;
}
.bem-DatePicker_Day-activeNotCurrentMonth {
  cursor: default;
  color: #737373;
}
.bem-DatePicker_Day-activeNotCurrentMonth: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_Button-disabled,
.bem-DateTimeSwitch_Button-disabled:hover {
  opacity: 0.4;
  cursor: not-allowed;
}
.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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.bem-LeftSidebarPanels.visible {
  left: 35px;
}
.bem-DesignerLogo {
  position: fixed;
  z-index: 37;
  top: 0;
  left: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.bem-DesignerLogo_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  width: 35px;
  height: 34px;
  border-right: 1px solid #333333;
}
.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);
  -webkit-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  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-top .bem-Dropdown_Body {
  margin-top: 0;
  top: 0;
}
.bem-Dropdown-right .bem-Dropdown_Body {
  left: initial;
  right: 0;
}
.bem-Dropdown.isActive .bem-Dropdown_Body {
  display: block;
  z-index: 36;
}
.bem-Dropdown_Shield {
  bottom: 0;
  -webkit-box-sizing: content-box;
  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;
}
.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: 600;
}
.kit-dynfield-select .kit-checkbox span.collection .bem-Svg {
  margin-right: 5px;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #ae94ff;
  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: 164px;
}
.kit-dynfield-select.no-checkbox {
  border: none;
  -webkit-box-shadow: 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 .kit-section-body {
  padding-top: 8px;
}
.dynlist-settings .ui-state .kit-radio-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1fr 1fr 0;
  grid-template-columns: 0 1fr 1fr 0;
  float: none;
}
.dynlist-settings .ui-state .kit-button {
  width: auto;
}
.dynlist-settings .grid-layout .kit-label {
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dynlist-settings .grid-layout .kit-radio-buttons {
  position: inherit;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1fr 1fr 1fr 1fr 1fr 0;
  grid-template-columns: 0 1fr 1fr 1fr 1fr 1fr 0;
  width: 100%;
}
.dynlist-settings .grid-layout .kit-button {
  width: auto;
  margin: 0;
  border-right: 0;
}
.dynlist-settings .grid-layout .kit-button.first {
  border-bottom-right-radius: 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-field.collection,
.dynlist-settings .kit-field.ui-state {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.dynlist-settings .kit-field.collection .kit-fancy-select {
  outline: none;
}
.dynlist-settings .kit-field.collection .kit-fancy-select.open {
  -webkit-box-shadow: 0 0 0 1px rgba(174, 148, 255, 0.65), 0 0 4px 2px rgba(174, 148, 255, 0.4);
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
}
.form-file-upload-settings .kit-field.ui-state {
  padding-top: 0;
}
.form-file-upload-settings .kit-field.ui-state > .kit-label {
  padding: 0 0 6px 0;
}
.form-file-upload-settings .kit-field.name {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
  padding-bottom: 0;
}
.form-file-upload-settings .kit-field.name .kit-text-input {
  width: 100%;
}
.form-file-upload-settings .child-element {
  padding-top: 8px;
  padding-left: 20px;
}
.form-file-upload-settings .info-message {
  margin-top: 4px;
  color: #808080;
  font-size: 11px;
  line-height: 14px;
}
.form-file-upload-settings .info-message a {
  color: #808080;
}
.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.clickable {
  cursor: default;
}
.bem-FileDropZone.clickable:hover,
.bem-FileDropZone.clickable:focus {
  background: #232323;
}
.bem-FileDropZone.isDropTarget {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.bem-Field_Head-nolabel {
  margin-bottom: 0px;
}
.bem-Field_Label {
  max-width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 100%;
}
.bem-Field_Hint {
  color: #a6a6a6;
  display: block;
}
.bem-Field_Hint-bottom {
  margin-top: 8px;
}
.bem-Field_Head + .bem-Field_Hint,
.bem-View + .bem-Field_Hint {
  margin-top: 4px;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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;
  position: relative;
}
.bem-Field-inline .bem-Note-error,
.bem-Field-inline .bem-Note {
  position: absolute;
  bottom: 36px;
  right: 0;
}
.bem-Field-medium {
  width: calc(33.33333333% - 13.33333333px);
}
.bem-Field-medium:first-child {
  margin-left: 0;
  margin-top: 20px;
}
.bem-Field-small {
  max-width: 350px;
}
.bem-Field-half {
  width: calc(50% - 10px);
}
.bem-Field-half:nth-of-type(2n + 3) {
  margin-left: 0;
  margin-top: 20px;
}
.bem-Field-third {
  width: calc(33.33333333% - 13.33333333px);
}
.bem-Field-third > .bem-Field_Head {
  position: relative;
}
.bem-Field-third > .bem-Field_Head > .bem-Note-error,
.bem-Field-third > .bem-Field_Head > .bem-Note {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bem-Field-half > .bem-Field_Head {
  position: relative;
}
.bem-Field-half > .bem-Field_Head > .bem-Note-error,
.bem-Field-half > .bem-Field_Head > .bem-Note {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bem-FileInput_Input {
  display: none;
}
.bem-FileInput.bem-Button {
  position: relative;
  overflow: hidden;
}
.bem-FileInput.bem-Button:disabled,
.bem-FileInput.bem-Button[disabled] {
  opacity: 0.5;
}
.bem-FileInput.bem-Button .bem-FileInput_Input {
  display: block;
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 200%;
  opacity: 0;
  cursor: default;
}
.bem-FileInput.bem-Button:disabled .bem-FileInput_Input,
.bem-FileInput.bem-Button[disabled] .bem-FileInput_Input {
  cursor: not-allowed;
  pointer-events: none;
}
.bem-FileInput:disabled,
.bem-FileInput[disabled] {
  cursor: not-allowed;
}
.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;
}
.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-settings .kit-field {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.form-settings .kit-field.name > .kit-label,
.form-settings .kit-field.submit-text > .kit-label,
.form-settings .kit-field.placeholder > .kit-label,
.form-settings .kit-field.wait-text > .kit-label,
.form-settings .kit-field.ui-state > .kit-label {
  float: none;
}
.form-settings .kit-field.name > .kit-text-box,
.form-settings .kit-field.submit-text > .kit-text-box,
.form-settings .kit-field.placeholder > .kit-text-box,
.form-settings .kit-field.wait-text > .kit-text-box,
.form-settings .kit-field.ui-state > .kit-text-box {
  width: auto;
}
.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: auto;
}
.form-settings .kit-field.method .select2-container {
  width: 100%;
  margin: 0;
}
.form-settings .kit-field.ui-state .kit-radio-button {
  padding: 0px 7px;
}
.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;
  -webkit-transition: opacity 50ms ease-in;
  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;
  -webkit-transition: margin-top 200ms ease-out, height 200ms ease-out, background-color 200ms linear;
  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;
  -webkit-transition: opacity 200ms ease;
  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-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: 1;
}
.bem-Goggles_Margin-negative {
  z-index: 4;
}
.bem-Goggles_Padding {
  z-index: 2;
}
.bem-Goggles_Inside {
  z-index: 3;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-HintButton:hover {
  background: #5e5e5e;
}
.bem-Heading {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #ebebeb;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  color: #d9d9d9;
  pointer-events: auto;
}
.panel.help-panel.tooltip {
  outline: none;
  padding: 0;
}
.panel.help-panel.tooltip .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 12px;
  margin: 12px 0;
}
.panel.help-panel.tooltip .heading .section-name {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.panel.help-panel.tooltip .heading .section-name > div:first-child {
  margin-right: 4px;
}
.panel.help-panel.tooltip p {
  font-size: 12px;
  padding: 0 12px;
}
.panel.help-panel.tooltip video {
  min-height: 174px;
}
.panel.help-panel.tooltip video::-webkit-media-controls-volume-slider,
.panel.help-panel.tooltip video::-webkit-media-controls-mute-button {
  display: none;
}
.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;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
.bem-IconButton:hover {
  opacity: 1;
}
.bem-ImageInput {
  border-radius: 2px;
}
.bem-ImageInput_Csv {
  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;
}
.bem-ImageInput_Csv-preview {
  background: #4d4d4d;
  color: #a9a9a9;
  border: 1px solid #6b6b6b;
}
.bem-ImageInput_Csv.hasNotice {
  background: #6f6452;
  border-color: #9e8863;
  color: #B99f76;
}
.bem-ImageInput_Csv.highlighted {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-ImageInput.hasError,
.bem-ImageInput_Csv.hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  box-shadow: 0 0 0 1px #ea384c;
  overflow: hidden;
}
.bem-ImageInput.hasError > input.input,
.bem-ImageInput_Csv.hasError > input.input {
  color: #ff5266;
}
.bem-ImageInput_Controls {
  margin-top: 10px;
}
.bem-MultiImageInput_Csv {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px;
  border-radius: 2px;
}
.bem-MultiImageInput_Csv-empty {
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #6b6b6b;
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-MultiImageInput_Csv-preview {
  color: #a9a9a9;
  border: 1px solid #6b6b6b;
  padding: 5px;
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-MultiImageInput_Csv.hasNotice {
  background: #6f6452;
  border-color: #9e8863;
  color: #B99f76;
}
.bem-MultiImageInput_Csv.highlighted {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-MultiImageInput_Csv.hasError,
.bem-MultiImageInput_Csv_Csv.hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  box-shadow: 0 0 0 1px #ea384c;
  overflow: hidden;
}
.bem-MultiImageInput_Csv.hasError > input.input,
.bem-MultiImageInput_Csv_Csv.hasError > input.input {
  color: #ff5266;
}
.bem-MultiImageInput_Csv_Controls {
  margin-top: 10px;
}
.bem-ImagePreview {
  height: 100%;
  padding: 8px;
  border: 1px solid #212121;
  border-radius: 2px;
  background: #2b2b2b;
  color: #d9d9d9;
  position: relative;
}
.bem-ImagePreview_Image {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.bem-ImagePreview.isDropTarget {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-ImagePreview-preview {
  border: none;
  background: none;
  padding: 4px;
}
.image-mini-settings .image-metadata + .hi-dpi {
  padding-top: 4px;
}
.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-settings > .kit-section-body {
  padding-bottom: 2px;
}
.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 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 44px 1fr 0;
  grid-template-columns: 0 44px 1fr 0;
}
.image-settings .details > .preview {
  -ms-flex-item-align: start;
  align-self: start;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  font-size: 0px;
  line-height: 0px;
  background-color: #2b2b2b;
  border: 1px solid #212121;
  border-radius: 2px;
  padding: 1px;
}
.image-settings .details > .preview > .image {
  max-width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
}
.image-settings .details > .image-metadata {
  padding-left: 8px;
}
.image-settings .src-binding,
.image-settings .alt-binding {
  margin-bottom: 8px;
}
.image-settings .column-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.image-settings .kit-field.width,
.image-settings .kit-field.height {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
  padding: 0;
}
.image-settings .kit-field.alt-text {
  margin-bottom: 8px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.image-settings .kit-field.alt-text > .kit-text-box {
  width: auto;
}
.image-settings .kit-dynfield-select {
  margin-bottom: 8px;
}
.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: 187px;
}
.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 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.input-settings .kit-field.name > .kit-label,
.input-settings .kit-field.placeholder > .kit-label,
.input-settings .kit-field.type > .kit-label {
  padding-bottom: 6px;
  float: none;
}
.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: auto;
}
.input-settings .kit-field.name {
  padding-top: 0;
}
.input-settings .kit-field.type .select2-container {
  width: 100%;
  margin: 0;
}
.input-settings .kit-field.choices {
  padding: 0;
}
.input-settings .kit-input-control {
  display: inline-block;
  float: none;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  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);
  -webkit-transition: opacity 200ms;
  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,
.bem-ItemStatus-scheduledFailed {
  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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  -webkit-box-shadow: 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 {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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: 75vw;
  max-width: 1000px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.bem-KeyboardShortcuts_Inner .note {
  margin-bottom: 16px;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: -2;
  grid-column-end: -1;
}
.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 16px 0;
  padding: 0 0 12px 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-size: 26px;
  color: #d9d9d9;
}
.bem-KeyboardShortcuts_Inner .section > .title {
  margin: 0 0 4px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #212121;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.bem-KeyboardShortcuts_Inner .section > .keys {
  font-size: 12px;
  padding: 8px 0 20px 0;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line {
  padding: 4px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line > .key {
  font-family: "SF Mono", "Liberation Mono", Inconsolata, Consolas, Monaco, Menlo, monospace;
  color: white;
  position: relative;
  text-align: right;
}
.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.disabled .key,
.bem-KeyboardShortcuts_Inner .section > .keys > .line.disabled .action {
  color: #737373;
}
.bem-KeyboardShortcuts_Inner.pc .section > .keys > .line > .key.mac {
  display: none;
}
.bem-KeyboardShortcuts_Inner.pc .section > .keys > .line > .key.pc {
  display: block;
}
.bem-EmbedEditor_Modal {
  color: #d9d9d9;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card {
  width: 800px;
  pointer-events: all;
  -webkit-box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  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-ProgressOverlay_Wrapper {
  z-index: 10000;
  background-color: rgba(26, 26, 26, 0.95);
  color: #d9d9d9;
  font-size: 12px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
}
.bem-ProgressOverlay_Wrapper,
.bem-ProgressOverlay_Modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-ProgressOverlay_Modal {
  top: 0;
}
.bem-ProgressOverlay_Message {
  padding: 0 0 15px 0;
  font-size: 14px;
}
.bem-ProgressOverlay_Progress {
  width: 325px;
  margin: 250px auto 0 auto;
}
.bem-ProgressOverlay_Track {
  height: 2px;
  background: #404040;
  border-radius: 3px;
}
.bem-ProgressOverlay_Bar {
  background: #178df7;
  width: 1%;
  height: 2px;
  border-radius: 3px;
  -webkit-transition: width 200ms linear;
  transition: width 200ms linear;
}
.bem-ProgressOverlay_Details {
  padding: 15px 0 0 0;
  font-size: 12px;
}
.bem-ProgressOverlay_Info {
  padding: 0 0 20px 0;
  font-size: 14px;
}
.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 .drag-over-distractor {
  position: relative;
}
.left-sidebar-links .drag-over-distractor::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-box-shadow: inset 0 0 0 2px #404040, inset 0 0 0 4px #3490eb;
  box-shadow: inset 0 0 0 2px #404040, inset 0 0 0 4px #3490eb;
  border-radius: 3px;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: none;
  transition: none;
}
.left-sidebar-links .drag-over-distractor.active::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.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;
  right: 1px;
  left: 0;
  bottom: -1px;
  height: 1px;
  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;
}
.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 transparent;
  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;
  margin: 0 8px;
}
.left-sidebar-links .button.first-button {
  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 {
  -webkit-transition: opacity 50ms ease, -webkit-transform 50ms ease-in;
  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;
  top: 4px;
}
.left-sidebar-links .button.logo .label {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 35px;
  top: 0px;
  height: 35px;
  font-size: 11px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #d9d9d9;
  padding: 13px 130px 11px 10px;
  white-space: nowrap;
  background-image: linear-gradient(to left, transparent, #404040 80px, #404040);
  -webkit-transition: opacity 200ms ease;
  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;
  -webkit-transition: opacity 50ms ease;
  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;
}
.left-sidebar-links .button.logo:hover > i.chrome-settings {
  opacity: 1;
}
.left-sidebar-links .button.logo:hover .label {
  opacity: 1;
}
.left-sidebar-links .button.logo.redirecting {
  pointer-events: none;
}
.left-sidebar-links .button.logo.redirecting > i {
  opacity: 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;
}
.left-sidebar-links .button.logo.redirecting .label {
  opacity: 1;
}
.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:not(.with-divider):after {
  display: none;
}
.left-sidebar-links .bottom > .button.audits,
.left-sidebar-links .bottom > .button.setting {
  padding-top: 7px;
  padding-bottom: 7px;
}
.left-sidebar-links .bottom > .button.tutorials {
  padding-top: 7px;
  border-top: 1px solid transparent;
}
.left-sidebar-links .bottom > .button.tutorials.active {
  border-top-color: #212121;
}
.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 {
  -webkit-transition: 200ms opacity ease;
  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;
}
@media screen and (max-height: 495px) {
  .left-sidebar-links .bottom .setting {
    display: none;
  }
}
@media screen and (max-height: 350px) {
  .left-sidebar-links .bottom {
    display: none;
  }
}
.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-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;
  padding: 1px;
}
.lightbox-image-panel .kit-field.image > .kit-group .details > .preview > img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.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%;
}
.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 .lightbox-media-binding:not(.enabled) {
  margin-top: 8px;
}
.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: 8px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.lightbox-settings .group-field .group {
  width: auto;
}
.lightbox-settings .one-line-text {
  height: 29px;
}
.lightbox-settings .invalid {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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-field:not(.mode):not(.file) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.link-settings .kit-label {
  width: auto;
}
.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: auto;
  float: left;
}
.link-settings .kit-text-box {
  width: auto;
}
.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: 8px;
}
.link-settings .kit-field.mode .kit-radio-button svg {
  margin-top: 1px;
}
.link-settings .kit-field.mode .kit-radio-button:last-child {
  margin-right: 0;
}
.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.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;
  -ms-grid-row-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: 0.7;
}
.bem-List_Row:hover .bem-List_DragHandle,
.bem-List_Row.isSource .bem-List_DragHandle {
  visibility: visible;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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;
  -webkit-box-shadow: none;
  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: #787878;
}
.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: 100%;
}
.map-settings .kit-field.apikey {
  padding-bottom: 0;
}
.map-settings .kit-field.address,
.map-settings .kit-field.tooltip {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.map-settings .kit-field.address .kit-label.icon-label {
  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 > .kit-label {
  width: 50px;
}
.map-settings .kit-field.tooltip > .kit-text-box {
  float: left;
  width: 172px;
}
.map-settings .kit-field.zoom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 1fr 0;
  grid-template-columns: 0 72px 1fr 1fr 0;
  padding-bottom: 0;
}
.map-settings .kit-field.zoom > .kit-label {
  width: 50px;
}
.map-settings .kit-field.zoom > .kit-unit-slider {
  width: 110px;
}
.map-settings .kit-field.zoom > .kit-text-box {
  -ms-grid-column-align: end;
  justify-self: end;
  width: 45px;
}
.map-settings .kit-field.style .kit-title {
  padding-bottom: 4px;
}
.map-settings .kit-field.style .kit-radio-buttons {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1fr 1fr 1fr 1fr 0;
  grid-template-columns: 0 1fr 1fr 1fr 1fr 0;
}
.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-Menu {
  border-radius: 3px;
  color: #d9d9d9;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  background: #4d4d4d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0;
}
.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: #5e5e5e;
  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;
  background: #4d4d4d;
}
.bem-Menu_Item-visuallyDisabled {
  opacity: 0.4;
}
.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;
  /**
   * 1. The button shifts 1px on hover in Safari without this.
   */
}
.bem-Modal_Card {
  max-width: 100%;
  background: #404040;
  color: #d9d9d9;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.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;
  -webkit-transition: opacity 200ms;
  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;
  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%;
}
.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 .column-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.navbar-settings .kit-button {
  margin-bottom: 4px;
}
.navbar-settings .kit-button > i {
  position: relative;
  top: 1px;
}
.navbar-settings .kit-button.open-menu {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.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 > 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-top: 4px;
}
.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 .select2-container {
  width: 100%;
  margin: 0;
}
.navbar-settings .anim-type {
  float: none;
}
.navbar-settings .easing {
  float: none;
}
.navbar-settings .anim-duration {
  display: inline-block;
  float: none;
}
.navbar-settings .anim-duration .bem-UnitBox {
  float: left;
}
.navbar-settings .anim-delay {
  display: inline-block;
  float: none;
  margin-left: 12px;
}
.navbar-settings .anim-delay .kit-unit-box {
  width: 71px;
}
.navbar-settings .kit-field {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.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: 134px;
}
.navbar-settings .kit-checkbox-group .kit-checkbox.noScroll {
  width: 182px;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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;
  font-size: 12px;
  line-height: 1.5;
}
.bem-Note-error {
  background-color: #c92c3f;
  font-weight: 400;
}
.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-left {
  right: auto;
  left: 14px;
}
.bem-Note-below .bem-Note_Arrow-right {
  right: 14px;
  left: auto;
}
.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-left {
  right: auto;
  left: 14px;
}
.bem-Note_Arrow-right {
  right: 14px;
  left: auto;
}
.bem-Note_Arrow::before {
  content: '';
  display: block;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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,
.bem-NotificationList-inCommerceSettings,
.bem-NotificationList-inSiteUsersManager {
  top: 80px;
  right: 10px;
}
.bem-NotificationList-inMailSettings,
.bem-NotificationList-inDataManagerSettings {
  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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  /**
   * 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: #2cc786;
}
.bem-Notification-love {
  color: #e437ff;
}
.bem-Notification_Icon {
  float: left;
  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_CTA {
  margin-top: 5px;
}
.bem-Notification_Action {
  float: right;
  margin-left: 10px;
  cursor: default;
}
.bem-NumberInput {
  position: relative;
}
.bem-NumberInput_Units {
  position: absolute;
  color: #737373;
  padding: 0 8px;
  line-height: 32px;
  right: 24px;
}
.bem-NumberInput_Units-left {
  left: 0;
  right: auto;
}
.bem-NumberInput > .bem-TextInput {
  padding-right: 33px;
}
.bem-NumberInput_Ticks {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.bem-NumberInput_Ticks_Button {
  position: relative;
  background: #5e5e5e;
  border: 1px solid #212121;
}
.bem-NumberInput_Ticks_Button:hover {
  background: #6b6b6b;
}
.bem-NumberInput_Ticks_Button-up {
  border-top-right-radius: 3px;
}
.bem-NumberInput_Ticks_Button-down {
  border-top-width: 0;
  border-bottom-right-radius: 3px;
}
.bem-NumberInput_Ticks_Button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.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-CommercePriceInput {
  position: relative;
}
.bem-CommercePriceInput_Units {
  position: absolute;
  color: #737373;
  padding: 0 8px;
  line-height: 32px;
  right: 24px;
}
.bem-CommercePriceInput_Units-left {
  left: 0;
  right: auto;
}
.bem-CommercePriceInput > .bem-TextInput {
  padding-right: 33px;
}
.bem-OutlineDropParentNode {
  border: 2px solid #178df7;
  z-index: 9;
}
.bem-OutlineDropParentNode > .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: -21px;
}
.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 {
  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: #178df7;
  border-radius: 3px 3px 0 0;
}
.bem-OutlineDropParentNode.hang-down > .breadcrumbs {
  margin-bottom: -18px;
}
.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: 6;
}
.bem-OutlineHoveredNode.editing {
  border: none;
  outline: 1px solid #178df7;
}
.bem-OutlineHoveredNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  background-color: transparent;
  color: #178df7;
}
.bem-OutlineHoveredNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .open-mini-settings {
  display: none;
}
.bem-OutlineHoveredNode.ix-relink-mode {
  border: 1px solid #b03ac2;
}
.bem-OutlineHoveredNode.ix-relink-mode .crumb > .inner {
  color: #b03ac2 !important;
}
.bem-OutlineHoveredNode.is-symbol .crumb > .inner {
  color: #2cc786 !important;
}
.bem-OutlineHoveredNode.is-dynamic .crumb > .inner {
  color: #8e66ff !important;
}
.bem-OutlineHoveredParentNode {
  z-index: 8;
  border: 1px solid #ff542e;
}
.bem-OutlinePerspectiveParentNode {
  z-index: 8;
  border: 1px solid #e437ff;
}
.bem-OutlinePerspectiveParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  margin-left: 0px;
  background-color: #e437ff;
}
.bem-OutlineRelativeParentNode {
  z-index: 8;
  border: 1px solid #e437ff;
}
.bem-OutlineRelativeParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  margin-left: 0px;
  background-color: #e437ff;
}
.bem-OutlineSelectedNode {
  border: 1px solid #178df7;
  z-index: 7;
}
.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 {
  width: 18px;
  height: 18px;
  padding-left: 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: inherit;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner {
  background-color: #2cc786;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner.has-mini-settings > .icon.open-mini-settings {
  border-left-color: #27b278;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner.has-mini-settings > .icon.open-mini-settings:hover {
  background-color: #27b278;
  border-left-color: #239d6a;
}
.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;
}
.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;
}
.bem-Pane_Body {
  position: relative;
  overflow: auto;
}
.bem-Pane_Body_Inner {
  -ms-flex-item-align: stretch;
  -ms-grid-row-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;
  -webkit-box-shadow: inset 23px 0 0 -20px #d9d9d9;
  box-shadow: inset 23px 0 0 -20px #d9d9d9;
  margin-top: 8px;
}
.bem-Pane_Message-locked {
  -webkit-box-shadow: inset 23px 0 0 -20px #facb4b;
  box-shadow: inset 23px 0 0 -20px #facb4b;
}
.bem-Pane_Message-warning {
  -webkit-box-shadow: inset 23px 0 0 -20px #facb4b;
  box-shadow: inset 23px 0 0 -20px #facb4b;
}
.bem-Pane_Message-dynamic {
  -webkit-box-shadow: inset 23px 0 0 -20px #ae94ff;
  box-shadow: inset 23px 0 0 -20px #ae94ff;
}
.bem-Pane_Message-page {
  -webkit-box-shadow: inset 23px 0 0 -20px #2ad986;
  box-shadow: inset 23px 0 0 -20px #2ad986;
}
.bem-Pane_Message-info {
  -webkit-box-shadow: inset 23px 0 0 -20px #d9d9d9;
  box-shadow: inset 23px 0 0 -20px #d9d9d9;
}
.bem-Pane_Message-danger {
  -webkit-box-shadow: inset 13px 0 0 -10px #FB6B6F;
  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;
  position: relative;
  left: 12px;
}
.bem-Pane_Message_Icon-locked {
  color: #facb4b;
}
.bem-Pane_Message_Icon-warning {
  -ms-flex-item-align: initial;
  -ms-grid-row-align: initial;
  align-self: initial;
  color: #facb4b;
}
.bem-Pane_Message_Icon-dynamic {
  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;
  -ms-grid-row-align: initial;
  align-self: initial;
  color: #d9d9d9;
}
.bem-Pane_Message_Icon-danger {
  color: #FB6B6F;
}
.bem-Pane_Message_Content {
  display: inline-block;
  margin-left: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bem-Pane_Message_Icon + .bem-Pane_Message_Content {
  margin-left: 20px;
}
.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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: 16px 12px;
}
.bem-Pane_Section + .bem-Pane_Section {
  border-top: 1px solid #212121;
}
.bem-Pane_Title {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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: 8px;
}
.bem-Pane_Close + .bem-Pane_Actions {
  margin-left: 8px;
}
.bem-Pane_Actions-divided {
  border-right: 1px solid #333333;
  padding-right: 8px;
}
.bem-Pane_Icon {
  opacity: 0.6;
  width: 17px;
}
.bem-Pane-tab {
  border: 0;
}
.bem-Pane-tab .bem-Pane_Head {
  background: #404040;
  -webkit-box-shadow: none;
  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;
  pointer-events: auto;
}
.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: 12px;
  line-height: 14px;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #333333;
  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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  cursor: text;
}
.bem-Pill.hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 24;
  outline: none;
  overflow: hidden;
  /* 1 */
}
.bem-Popup-top {
  top: auto;
  bottom: 39px;
}
.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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  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-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: '';
}
.bem-ProfilePicture_Image {
  -o-object-fit: cover;
  object-fit: cover;
}
.bem-ProfilePictures {
  overflow: hidden;
}
.bem-ProfilePictures_Profile {
  border: 0 solid transparent;
  -webkit-box-sizing: content-box;
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.radio-settings .kit-field.group-name > .kit-text-box,
.radio-settings .kit-field.choice-value > .kit-text-box,
.radio-settings .kit-field.style-type > .kit-text-box {
  width: auto;
}
.radio-settings .kit-checkbox.required {
  width: auto;
}
.bem-ResetPopoverContent {
  width: 220px;
  padding: 8px;
}
.search-form-settings .kit-button.go-to-search-results-page {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-form-settings .kit-button.go-to-search-results-page .icon-main {
  margin-left: 5px;
}
.bem-SearchResultSettings .kit-checkbox > .kit-checkbox-input {
  margin-right: 8px;
}
.bem-SearchResultSettings_PreviewResultsField {
  padding-top: 0;
}
.bem-SearchResultSettings_PreviewResultsLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 6px 0 0;
}
.bem-SearchResultSettings_PreviewResultsTooltip {
  padding-top: 2px;
}
.bem-SearchResultSettings_PreviewResultsTextBox {
  margin-top: 6px;
  width: 100% !important;
}
.bem-SearchResultSettings_RadioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.bem-SearchResultSettings_RadioButton {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.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 .slider-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 32px 32px 44px;
  grid-template-columns: 1fr 8px 32px 32px 44px;
  gap: 4px;
}
.slider-settings .kit-button {
  width: auto;
}
.slider-settings .kit-button.add-slide > i {
  background-position: -480px -20px;
  width: 10px;
  height: 9px;
}
.slider-settings .kit-button.add-slide > span {
  position: relative;
  padding-left: 4px;
}
.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 > i {
  position: relative;
  background-position: -559px -20px;
  width: 7px;
  height: 12px;
  top: 4px;
}
.slider-settings .quick-select > i.hamburger {
  position: relative;
  background-position: -140px -40px;
  width: 10px;
  height: 11px;
  top: 5px;
}
.slider-settings .quick-select > i.expand {
  position: relative;
  width: 5px;
  height: 4px;
  margin-left: 8px;
  top: 2px;
  background-position: -20px 0px;
}
.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 .kit-field {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 72px 1fr 0;
  grid-template-columns: 0 72px 1fr 0;
}
.slider-settings .select2-container {
  width: 100%;
  margin: 0;
}
.slider-settings .kit-checkbox-group {
  margin: 4px 0 8px;
}
.slider-settings .kit-title {
  padding-bottom: 0;
}
.slider-settings .kit-checkbox-group.slider-opts {
  padding-bottom: 8px;
}
.slider-settings .kit-checkbox-group.slider-opts > .kit-field:last-child {
  padding: 0;
}
.slider-settings .kit-checkbox-group.slider-opts > .kit-field {
  padding: 0 0 4px 0;
}
.slider-settings .kit-checkbox-group > .kit-checkbox.hideArrows {
  width: auto;
}
.slider-settings .kit-checkbox-group.nav-style {
  padding-bottom: 8px;
}
.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;
}
.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: 12px;
  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: 29;
  -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;
  width: 40%;
}
.bem-TopBar_Body_Group-right {
  margin-left: -1px;
  z-index: -1;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.bem-TopBar_Body_Group-center {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-TopBar_Body_BackToTemplatesButton {
  background-color: transparent;
  border: none;
  border-left: 1px solid #333333;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  text-decoration: none;
}
.bem-TopBar_Body_BackToTemplatesButton:hover {
  background-color: #4d4d4d;
}
.bem-TopBar_Body_BackToTemplatesButton_Text {
  color: #a6a6a6;
  display: inline;
  margin: 0 0 0 10px;
}
.bem-TopBar_Body_ContextLens {
  border-right: 1px solid #333333;
  height: 34px;
  cursor: default;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.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;
}
.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_Label-symbol {
  color: #2ad986;
}
.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;
  line-height: 34px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  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.982a1e43d8.png);
  background-size: 640px;
  border: none;
  width: 10px;
  height: 8px;
  top: 13px;
  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;
  -webkit-box-shadow: none;
  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_TemplatePreviewPurchaseButton {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1D76E1;
  border: 0;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 95px;
  padding: 10px;
  text-decoration: none;
}
.bem-TopBar_Body_TemplatePreviewPurchaseButton:hover {
  background-color: #3384e5;
}
.bem-TopBar_Body_TemplatePreviewPurchaseButton_Icon {
  opacity: 1;
}
.bem-TopBar_Body_TemplatePreviewPurchaseButton_Text {
  color: #ffffff;
  margin: 0 0 0 6px;
}
.bem-TopBar_Body_CloneButton {
  font-size: 12px;
}
.bem-TopBar_Body_CloneButton_InExperiment {
  background-color: #1D76E1;
}
.bem-TopBar_Body_CloneButton_InExperiment .bem-TopBar_Body_Button_Icon {
  opacity: 0.8;
}
.bem-TopBar_Body_CloneButton_InExperiment:hover {
  background-color: #3384e5;
}
.bem-TopBar_Body_CloneButton_Text {
  margin-left: 10px;
}
.bem-TopBar_Body_SignupButton {
  font-size: 12px;
  background-color: #3b79c3;
}
.bem-TopBar_Body_SignupButton:hover {
  background-color: #4e86c9;
}
.bem-TopBar_Body_SignupButton_Text {
  opacity: 0.8;
}
.bem-TopBar_Body_BreakpointButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: rgba(217, 217, 217, 0.4);
}
.bem-TopBar_Body_BreakpointButton:hover {
  color: rgba(217, 217, 217, 0.8);
}
.bem-TopBar_Body_Group-right .bem-TopBar_Body_Button {
  border-left: 1px solid #333333;
  border-right: none;
}
.bem-TopBar_Body_PreviewButton {
  padding: 10px 9px;
}
.bem-TopBar_Body_PreviewButton-active .bem-TopBar_Body_PreviewButton_Icon {
  color: #178df7;
  opacity: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bem-TopBar_Body_PreviewButton-active:hover .bem-TopBar_Body_PreviewButton_Icon {
  opacity: 0.95;
}
.bem-TopBar_Body_BreakpointButton:first-child {
  border-left: 1px solid #333333;
}
.bem-TopBar_Body_BreakpointButton-active {
  background-color: #212121;
}
.bem-TopBar_Body_BreakpointButton-active .bem-TopBar_Body_BreakpointButton_Icon {
  opacity: 0.8;
}
.bem-TopBar_Body_BreakpointButton-active:hover .bem-TopBar_Body_BreakpointButton_Icon {
  opacity: 0.95;
}
.bem-TopBar_Body_ExportButton-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.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_SyncStatus {
  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: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  border-radius: 100px;
  z-index: 1;
}
.bem-TopBar_Body_SyncStatus_LegacyIcon:before {
  content: '';
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 100px;
  margin: 8px 0 0 8px;
  background-color: #404040;
  -webkit-box-shadow: -5px 0 0 0 #404040, 5px 0 0 0 #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_Icon {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.bem-TopBar_Body_SyncStatus-saved .bem-TopBar_Body_SyncStatus_Icon,
.bem-TopBar_Body_SyncStatus-canSync .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,
.bem-TopBar_Body_SyncStatus-isHandoverViewer .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;
  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-settings .kit-field.url {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.video-settings .embed-link-box {
  float: left;
}
.youtube-video-settings .embed-link-box {
  width: auto;
}
.youtube-video-settings .kit-label {
  width: 52px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.youtube-video-settings .kit-field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.youtube-video-settings .kit-field .kit-label {
  width: auto;
}
.youtube-video-mini-settings {
  width: 240px;
}
.bem-VideoTutorials {
  height: 100%;
}
.bem-VideoTutorials .kit-slate {
  pointer-events: all;
}
.bem-VideoTutorials .kit-slate .header {
  border-top-color: #212121;
  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;
  height: 46px;
}
.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: 33px;
  background-color: #2b2b2b;
  position: relative;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.bem-VideoTutorials .kit-section .kit-section-title .tick {
  margin-top: 1px !important;
}
.bem-VideoTutorials .kit-section .kit-section-title > .label {
  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: 256px;
  width: calc(100% - 256px);
  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 {
  padding: 20px 16px;
}
.bem-HelpPane_Section + .bem-HelpPane_Section {
  border-top: 1px solid #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;
}
.pagination-settings {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 240px;
}
.pagination-settings .show-all-settings-button .show-all-settings-wrapper {
  padding-bottom: 8px;
}
.youtube-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.youtube-wrapper .youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube-wrapper-hidden {
  display: none;
}
.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;
  -webkit-transition: background-color 50ms ease, -webkit-box-shadow 50ms ease;
  transition: background-color 50ms ease, -webkit-box-shadow 50ms ease;
  transition: box-shadow 50ms ease, background-color 50ms ease;
  transition: box-shadow 50ms ease, background-color 50ms ease, -webkit-box-shadow 50ms ease;
  pointer-events: all;
}
.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_ButtonLink .bem-BarButton {
  cursor: pointer;
  border-radius: 0;
  border-right: 1px solid #212121;
}
.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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: border-top 50ms;
  transition: border-top 50ms;
}
.bem-KitDropDown_Caret-open {
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-top: none;
  -webkit-transition: border-bottom 50ms;
  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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: color 50ms ease, -webkit-box-shadow 50ms ease;
  transition: color 50ms ease, -webkit-box-shadow 50ms ease;
  transition: color 50ms ease, box-shadow 50ms ease;
  transition: color 50ms ease, box-shadow 50ms ease, -webkit-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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-RichTextInput.hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  cursor: default;
  pointer-events: none;
}
.bem-RichTextInput.hasNotice {
  -webkit-box-shadow: none;
  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-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;
}
.bem-RichTextInput .bem-FilteredDropDown_TriggerText {
  top: 8px;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger {
  background-color: #5e5e5e;
  border-color: #333333;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger:hover {
  background-color: #6b6b6b !important;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger-expanded:hover {
  border-bottom-color: #404040 !important;
  background-color: #5e5e5e !important;
}
.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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  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;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  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 {
  scollbar-width: none;
}
.bem-RichTextInput .bem-FilteredDropdown_ScrollView::-webkit-scrollbar-track {
  border-left-color: #404040;
}
.bem-RichTextInput .w-richtext .w-embed,
.bem-RichTextInput .w-rte-editable .w-embed {
  background-color: #363636;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAMAAADM4ogkAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFAAAApqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqamMn8J/wAAABF0Uk5TAEDv/1DPEGCA3yCfvzBwj6+Iq9kXAAAAyUlEQVR4nI3T2Q6DMAxE0SZDVijw/1/bsiexYzNPFTqi6pX7+ZAZi4E+ZeYA61+4gP+i7nzaILIK4+4wai7bA8IocDwdJtl9cS+IcHpgktyAYlKiVEKh+oxq3UT+SLN9hFh9QQM7iTJa2Km+Uug4Z0AhW91xkEkUwEFa3Sce2jZRBA/b6vcZEtgkGtGFVfXiDAms/rsThBWHaSRXJkoyvKvPsgOWs7WtH7c/BtdhRqhwT5Shw736+gY6Nc21ILd+ZsmX9PYctvLGH7vUCnjhPDHRAAAAAElFTkSuQmCC);
  background-position: 16px 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
  height: 76px;
  min-height: 20px;
  margin-bottom: 10px;
  color: transparent;
}
.bem-RichTextInput .w-richtext .w-embed:before,
.bem-RichTextInput .w-rte-editable .w-embed:before {
  color: #a6a6a6;
  content: 'This embed will only appear on the published/exported site.';
  display: block;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  padding: 28px 28px 28px 50px;
  position: absolute;
}
.bem-RichTextInput .w-richtext .w-embed *,
.bem-RichTextInput .w-rte-editable .w-embed * {
  display: none;
}
.bem-RichTextInput_Content {
  background: #2b2b2b;
  display: block;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 12px;
  padding: 8px 9px;
  width: 100%;
  overflow: auto;
  cursor: text;
  min-height: 140px;
  pointer-events: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  -webkit-user-select: auto;
}
.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 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:after,
.bem-RichTextInput_Content .w-richtext-figure-selected[data-rt-type="video"] div:after {
  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:after,
.bem-RichTextInput_Content figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.bem-RichTextInput_Content figure {
  position: relative;
  max-width: 60%;
}
.bem-RichTextInput_Content figure > div:before {
  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:after,
.bem-RichTextInput_Content figure[data-rt-type='video'] > div:after {
  display: block;
}
.bem-RTToolbar {
  position: absolute;
  height: auto;
  padding: 0;
  left: 0;
  bottom: 0;
  overflow: visible;
  display: table;
}
.bem-RTToolbar-hideBoxShadow {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}
.bem-RTToolbar_ButtonSection {
  float: left;
  border-radius: 2px;
  background-color: #404040;
  -webkit-box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  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;
  height: 28px;
  padding-top: 5px;
}
@-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;
  -webkit-transition: opacity 50ms ease;
  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;
  -webkit-box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  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);
  -webkit-transition: background-color 50ms ease, color 50ms ease;
  transition: background-color 50ms ease, color 50ms ease;
  color: #d9d9d9;
  pointer-events: all;
}
.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);
  -webkit-transition: -webkit-transform 50ms ease;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-transition: opacity 50ms ease;
  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;
  -webkit-box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: right;
  opacity: 0.4;
  -webkit-transition: opacity 50ms ease;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  -webkit-transition: opacity 50ms ease;
  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: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-FilteredDropDown_Trigger:not(.bem-FilteredDropDown_Trigger-expanded):hover {
  background-color: #5e5e5e;
}
.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: 31px;
  color: #d9d9d9;
  background-color: #404040;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 11px;
  outline: none;
  pointer-events: auto;
  width: 100%;
  margin-right: 25px;
}
.bem-FilteredDropDown_Input::-webkit-input-placeholder {
  color: #737373;
}
.bem-FilteredDropDown_Input {
  padding: 0px 10px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.bem-FilteredDropDown_TriggerTextContainer {
  -ms-flex-item-align: center;
  -ms-grid-row-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;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-top: 1px solid #212121;
}
.bem-FilteredDropDown_ScrollView {
  max-height: 200px;
  margin-top: -2px;
  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 {
  scrollbar-width: 7px;
}
.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;
  pointer-events: all;
}
.bem-Scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #2b2b2b;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  width: 11px;
  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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #1a0dab;
  overflow-wrap: break-word;
}
.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;
  overflow-wrap: break-word;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
}
.bem-SelectInput.hasError {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #2b2b2b;
  background: #5e5e5e;
  z-index: 24;
  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;
}
.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;
}
.bem-SelectInput_WithAddition .bem-SelectInput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.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.5;
}
.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 {
  -webkit-box-sizing: border-box;
  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-big {
  width: 30px;
  height: 30px;
}
.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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: 200ms;
  transition: 200ms;
  width: 40px;
}
.bem-Switch_Switch::before {
  display: block;
  border-radius: 100px;
  padding-top: 60%;
  width: 60%;
  background: #5e5e5e;
  content: '';
  -webkit-transition: 200ms;
  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 {
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.bem-Switch_Input:focus + .bem-Switch_Switch {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
}
.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: not-allowed;
}
.bem-Switch_Input:disabled:not(.bem-Switch_Input-preview) ~ .bem-Switch_Text {
  opacity: 0.5;
}
.bem-Switch_Text {
  margin-left: 8px;
  -webkit-transition: color 200ms ease;
  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: 0.5px;
  color: #d9d9d9;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #4d4d4d;
  border-bottom: 1px solid #212121;
}
.bem-Table_Header {
  text-transform: capitalize;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 14px;
  font-weight: 600;
  padding: 0 13px;
  width: 0;
  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: 100%;
}
.bem-Table_Row-clickable {
  cursor: default;
}
.bem-Table_Row-clickable:hover,
.bem-Table_Row.isSelected {
  background-color: #4d4d4d;
  color: white;
}
.bem-Table_Row.isBulkSelected {
  background-color: rgba(52, 144, 235, 0.25);
}
.bem-Table_Row.isDisabled {
  cursor: not-allowed;
}
.bem-Table_Row.isDisabled > * {
  opacity: 0.5;
}
.bem-Table_Cell {
  padding: 0 13px;
  min-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-button.add-list {
  margin-bottom: -5px;
  -ms-grid-column-align: end;
  justify-self: end;
}
.tabs-settings .kit-list-wrapper {
  margin-bottom: 4px;
}
.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 .kit-field {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 52px 1fr 0;
  grid-template-columns: 0 52px 1fr 0;
}
.tabs-settings .kit-select2 .select2-container {
  width: 100%;
  margin: 0;
}
.tabs-settings .column-2 {
  padding-top: 4px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.tabs-settings .column-2 .kit-field {
  padding: 0;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-TagSelect.hasError > input.input {
  color: #ff5266;
}
.bem-TagSelect-preview .selectize-control .selectize-input.items.not-full {
  pointer-events: none;
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-TagSelect-preview .selectize-control .selectize-input.items.not-full.disabled {
  opacity: 1;
}
.bem-TagSelect.hasNotice {
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bem-TagSelect .selectize-control .selectize-input,
.bem-TagSelect .selectize-control .selectize-input.has-items,
.bem-TagSelect .selectize-control .selectize-input.not-full {
  padding: 0px 35px 1px 3px !important;
  vertical-align: top;
  min-height: 32px;
  z-index: 0;
}
.bem-TagSelect .selectize-control .selectize-input:hover,
.bem-TagSelect .selectize-control .selectize-input.has-items:hover,
.bem-TagSelect .selectize-control .selectize-input.not-full: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.not-full.focus,
.bem-TagSelect .selectize-control .selectize-input.focus:hover,
.bem-TagSelect .selectize-control .selectize-input.has-items.focus:hover,
.bem-TagSelect .selectize-control .selectize-input.not-full.focus:hover {
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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,
.bem-TagSelect .selectize-control .selectize-input.not-full::before {
  content: none;
}
.bem-TagSelect .selectize-control .selectize-input > input,
.bem-TagSelect .selectize-control .selectize-input.has-items > input,
.bem-TagSelect .selectize-control .selectize-input.not-full > 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,
.bem-TagSelect .selectize-control .selectize-input.not-full > input::-webkit-input-placeholder {
  color: #737373;
}
.bem-TagSelect .selectize-control .selectize-input div.item,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item,
.bem-TagSelect .selectize-control .selectize-input.not-full 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,
.bem-TagSelect .selectize-control .selectize-input.not-full 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,
.bem-TagSelect .selectize-control .selectize-input.not-full div.item .remove:hover {
  opacity: 1;
}
.bem-TagSelect .selectize-control .selectize-input.highlighted,
.bem-TagSelect .selectize-control .selectize-input.has-items.highlighted,
.bem-TagSelect .selectize-control .selectize-input.not-full.highlighted {
  border-color: rgba(107, 176, 255, 0.8);
  background: rgba(107, 176, 255, 0.35);
}
.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;
  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,
.bem-TagSelect .selectize-control .selectize-input.not-full {
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  color: #d9d9d9;
  cursor: text;
  display: block;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 12px;
  padding-top: 8px;
  padding-right: 9px;
  padding-bottom: 8px;
  padding-left: 9px;
  width: 100%;
  line-height: 14px;
}
.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;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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;
  -webkit-box-shadow: none;
  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 {
  -webkit-box-shadow: none;
  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-disabled {
  color: #737373;
}
.bem-TimePicker_Button-active: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-TimePicker_SwitchButton-disabled,
.bem-TimePicker_SwitchButton-disabled:hover {
  background: inherit;
  color: #d9d9d9;
  opacity: 0.5;
  cursor: not-allowed;
}
.bem-TimePicker-disabled {
  color: #737373;
  pointer-events: none;
}
.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 {
  position: absolute;
  background: transparent;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 9px;
  padding-left: 9px;
  padding-bottom: 2px;
  font-family: inherit;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-focused,
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-focused:hover {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.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;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #2b2b2b;
}
.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;
  color: #a6a6a6 !important;
}
.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 {
  border: none;
}
.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-lines > div > div:nth-child(3),
.bem-TokenInput .cm-s-default .CodeMirror-lines > div > div:nth-child(3) {
  z-index: 0 !important;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-placeholder {
  color: #4d4d4d;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #2b2b2b;
  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-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 {
  -webkit-box-shadow: 0 0 0 1px #ea384c;
  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 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.bem-VideoInput_Preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.bem-VideoInput_Preview_EmbedWrapper {
  display: inline-block;
  padding: 8px;
  border: 1px solid #212121;
  border-radius: 2px;
  background: #2b2b2b;
  color: #d9d9d9;
  /* Cap video preview width at 250px + 16px padding + 2px border */
  max-width: 268px;
}
.bem-VideoInput_Preview_EmbedWrapper > iframe {
  width: 100%;
  height: 100%;
}
.bem-WireframeField {
  /* Variables */
}
.bem-WireframeField.isHovering,
.bem-WireframeField.isEditing {
  color: #6bb0ff;
}
.bem-WireframeField_Field {
  /* General Field Properties */
  position: relative;
  height: 32px;
  border: 1px solid #6b6b6b;
  background: #4d4d4d;
  border-radius: 2px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  /* 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) */
  /* CommercePrice & Number field with up + down arrows */
  /* 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: 96px;
}
.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.f7d2c184d4.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: -8px;
}
.bem-WireframeField_Field-RichText {
  position: relative;
}
.bem-WireframeField_Field-RichText::before {
  right: -8px;
}
.bem-WireframeField_Field-CommercePrice,
.bem-WireframeField_Field-Number {
  position: relative;
}
.bem-WireframeField_Field_NumberArrow {
  position: absolute;
  right: 0;
  border-left: 1px solid #6b6b6b;
  width: 20px;
}
.bem-WireframeField_Field_NumberArrow i {
  margin: 0 2px 4px 6px;
  opacity: 0.7;
}
.bem-WireframeField_Field_NumberArrow-up {
  top: 0;
  height: 16px;
  padding-top: 2px;
  border-bottom: 1px solid #6b6b6b;
}
.bem-WireframeField_Field_NumberArrow-down {
  height: 16px;
  bottom: 0;
  padding-top: 2px;
}
.bem-WireframeField_Field-CommercePrice.isEditing .bem-WireframeField_Field_NumberArrow,
.bem-WireframeField_Field-CommercePrice.isHovering .bem-WireframeField_Field_NumberArrow,
.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-CommercePrice.isEditing .bem-WireframeField_Field_NumberArrow i,
.bem-WireframeField_Field-CommercePrice.isHovering .bem-WireframeField_Field_NumberArrow i,
.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-CommercePrice.isEditing .bem-WireframeField_Field_NumberArrow-up,
.bem-WireframeField_Field-CommercePrice.isHovering .bem-WireframeField_Field_NumberArrow-up,
.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-CommercePrice.isEditing .bem-WireframeField_Field_NumberArrow-down,
.bem-WireframeField_Field-CommercePrice.isHovering .bem-WireframeField_Field_NumberArrow-down,
.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-EnumOption,
.bem-WireframeField_Field-ItemRef,
.bem-WireframeField_Field-Option {
  position: relative;
}
.bem-WireframeField_Field-EnumOption::before,
.bem-WireframeField_Field-ItemRef::before,
.bem-WireframeField_Field-Option::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 14px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.f7d2c184d4.png);
  background-position: -260px -260px;
  width: 7px;
  height: 4px;
  opacity: 0.7;
}
.bem-WireframeField_Field-EnumOption::before.field-plaintext,
.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-EnumOption::before.field-richtext,
.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-EnumOption::before.field-imageset,
.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-EnumOption::before.field-imageref,
.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-EnumOption::before.field-number,
.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-EnumOption::before.field-date,
.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-EnumOption::before.field-link,
.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-EnumOption::before.field-bool,
.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-EnumOption::before.field-itemref,
.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-EnumOption::before.field-item-multiple,
.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-EnumOption::before.field-video,
.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-EnumOption::before.field-map,
.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-EnumOption::before.field-color,
.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-EnumOption::before.help,
.bem-WireframeField_Field-ItemRef::before.help,
.bem-WireframeField_Field-Option::before.help {
  background-position: -320px -40px;
  width: 35px;
  height: 40px;
}
.bem-WireframeField_Field-EnumOption::before.field-small-video,
.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-EnumOption::before.field-small-bool,
.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-EnumOption::before.field-small-plaintext,
.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-EnumOption::before.field-small-number,
.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-EnumOption::before.field-small-richtext,
.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-EnumOption::before.field-small-imageref,
.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-EnumOption::before.field-small-imageset,
.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-EnumOption::before.field-small-date,
.bem-WireframeField_Field-ItemRef::before.field-small-date,
.bem-WireframeField_Field-Option::before.field-small-date,
.bem-WireframeField_Field-EnumOption::before.field-small-datetime,
.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-EnumOption::before.field-small-link,
.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-EnumOption::before.field-small-map,
.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-EnumOption::before.field-small-itemref,
.bem-WireframeField_Field-ItemRef::before.field-small-itemref,
.bem-WireframeField_Field-Option::before.field-small-itemref,
.bem-WireframeField_Field-EnumOption::before.field-small-item,
.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-EnumOption::before.field-small-itemrefset,
.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-EnumOption::before.field-small-arrow,
.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-EnumOption::before.add-collection,
.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-EnumOption::before.collection,
.bem-WireframeField_Field-ItemRef::before.collection,
.bem-WireframeField_Field-Option::before.collection {
  background-position: -40px -120px;
  width: 11px;
  height: 14px;
}
.bem-WireframeField_Field-EnumOption::before.contributors,
.bem-WireframeField_Field-ItemRef::before.contributors,
.bem-WireframeField_Field-Option::before.contributors {
  background-position: -80px -120px;
  width: 20px;
  height: 17px;
}
.bem-WireframeField_Field-EnumOption::before.page-template,
.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-EnumOption::before.help-circle,
.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-EnumOption::before.textarea-handle,
.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-EnumOption::before.field-small-color,
.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-EnumOption::before.add-field,
.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-EnumOption::before.checkmark,
.bem-WireframeField_Field-ItemRef::before.checkmark,
.bem-WireframeField_Field-Option::before.checkmark {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.bem-WireframeField_Field-EnumOption::before.checkmark-draft,
.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-EnumOption::before.status-draft,
.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-EnumOption::before.common-edit,
.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-EnumOption::before.status-pending,
.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-EnumOption::before.status-archived,
.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-EnumOption::before.status-published,
.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-EnumOption::before.status-published-pending,
.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-EnumOption::before.image-drop,
.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-EnumOption::before.cms-preview,
.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-EnumOption::before.field-date-button,
.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-EnumOption::before.field-time-button,
.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-EnumOption::before.item-action-publish,
.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-EnumOption::before.item-action-unpublish,
.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-EnumOption::before.item-action-archive,
.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-EnumOption::before.item-action-delete,
.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-EnumOption::before.field-color-button,
.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-EnumOption::before.field-color-button2,
.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-EnumOption::before.caret-big-up,
.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-EnumOption::before.caret-big-down,
.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-EnumOption::before.caret-small-up,
.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-EnumOption::before.caret-small-down,
.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-EnumOption::before.chevron-up,
.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-EnumOption::before.chevron-down,
.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-EnumOption::before.chevron-left,
.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-EnumOption::before.chevron-right,
.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-EnumOption::before.image-dimension-big,
.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-EnumOption::before.image-size-big,
.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-EnumOption::before.back-arrow,
.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-EnumOption::before.edit-collection,
.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-EnumOption::before.field-color-triangle,
.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-EnumOption::before.image-edit,
.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-EnumOption::before.image-replace,
.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-EnumOption::before.image-delete,
.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-EnumOption::before.image-open-url,
.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-EnumOption::before.slug-link,
.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-EnumOption::before.search,
.bem-WireframeField_Field-ItemRef::before.search,
.bem-WireframeField_Field-Option::before.search {
  background-position: -160px -240px;
  width: 13px;
  height: 13px;
}
.bem-WireframeField_Field-EnumOption::before.search-big,
.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-EnumOption::before.required-asterisk,
.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-EnumOption::before.remove-tag,
.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-EnumOption::before.cmspreview-color,
.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-EnumOption::before.cmspreview-date,
.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-EnumOption::before.cmspreview-caret-up,
.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-EnumOption::before.cmspreview-caret-down,
.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-EnumOption::before.cmspreview-image,
.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-EnumOption::before.add-item-small,
.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-EnumOption::before.add-item,
.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-EnumOption::before.add-item-inline,
.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-EnumOption.isHovering::before,
.bem-WireframeField_Field-EnumOption.isEditing::before,
.bem-WireframeField_Field-Option.isHovering::before,
.bem-WireframeField_Field-Option.isEditing::before,
.bem-WireframeField_Field-ItemRef.isHovering::before,
.bem-WireframeField_Field-ItemRef.isEditing::before {
  opacity: 1;
}
.bem-WireframeField_Field-Color .bem-WireframeField_Field_ColorPicker {
  height: 30px;
  width: 31px;
  display: inline-block;
  border-right: 1px solid #6b6b6b;
  padding: 7px 10px;
}
.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: 40px;
  height: 24px;
  border-radius: 100px;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.bem-WireframeField_Field-Bool::before {
  display: inline-block;
  margin-top: -1px;
  margin-left: -1px;
  width: 22px;
  height: 22px;
  content: '';
  border-radius: 100px;
  border: 1px solid #858585;
  background: #d9d9d9;
}
.bem-WireframeField_Field-Bool::after {
  content: 'NO';
  display: block;
  position: absolute;
  top: 4px;
  right: -28px;
  color: #6b6b6b;
}
.bem-WireframeField_Field-Bool.isChecked {
  background: #d9d9d9;
  border-color: #858585;
}
.bem-WireframeField_Field-Bool.isChecked::before {
  margin-left: calc(40%);
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-WireframeField_Field-Bool.isChecked::after {
  content: 'YES';
  right: -33px;
}
.bem-WireframeField_Field-Bool.isHovering,
.bem-WireframeField_Field-Bool.isEditing {
  background: rgba(107, 176, 255, 0.3);
}
.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-FileRef,
.bem-WireframeField_Field-ImageRef {
  height: 96px;
  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: 32px;
}
.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-WireframeField_Field_FileRef {
  opacity: 0.7;
}
.bem-WireframeField_Field-FileRef.isHovering .bem-WireframeField_Field_FileRef,
.bem-WireframeField_Field-FileRef.isEditing .bem-WireframeField_Field_FileRef {
  opacity: 1;
}
.bem-WireframeField_Field_PlainText {
  line-height: 32px;
  padding: 0 10px;
}
.bem-DummyDataGenerator {
  padding: 20px;
}
.bem-DummyDataGenerator_Buttons {
  margin-top: 15px;
  margin-bottom: 15px;
}
/**
  Copied from CodeMirror v5.40.0
  https://github.com/codemirror/CodeMirror/blob/ed8dfeb5e2ed25b5dd1f1eccc7b757ca6dbd118d/lib/codemirror.css

  Not modified. Customizations go in
  - public/css/designer-flux/codemirror-custom.less
  - public/css/dashboard/codemirror.less
*/
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* 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-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.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-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .CodeMirror-selected {
  background: #c3dbf8 !important;
}
.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,
.cm-s-default .cm-type {
  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: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.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 actual 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;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.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 ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.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;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.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;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.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 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.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-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
/* 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;
}
/**
  Modified from CodeMirror v5.40.0
  https://github.com/codemirror/CodeMirror/blob/ed8dfeb5e2ed25b5dd1f1eccc7b757ca6dbd118d/theme/material.css
*/
/*

    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.CodeMirror {
  background-color: #2b2b2b;
  color: #d9d9d9;
}
.cm-s-webflow-material .CodeMirror-gutters {
  background: #2b2b2b;
  color: #d9d9d9;
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
/* webflow added */
.cm-s-webflow-material .CodeMirror-gutter {
  border-right: 1px solid #212121;
}
.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-focused {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
  border-radius: 2px;
}
.cm-s-webflow-material.CodeMirror-focused:hover {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3490eb;
  box-shadow: 0 0 0 1px #3490eb;
}
.cm-s-webflow-material .CodeMirror-linenumber {
  color: #737373;
  text-align: center;
}
/* end webflow added */
.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-cursor {
  border-left: 1px solid #d6d6d6;
}
.cm-s-webflow-material div.CodeMirror-selected {
  background: none;
}
.cm-s-webflow-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(59, 121, 195, 0.35);
}
.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 .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,
.cm-s-webflow-material .cm-type {
  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,
.cm-s-webflow-material .cm-type {
  color: #DECB6B;
}
/* webflow removed
  .cm-s-webflow-material .cm-tag { color: rgba(255, 83, 112, 1); }
*/
.cm-s-webflow-material .cm-error {
  color: white;
  background-color: #c92c3f;
}
.cm-s-webflow-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.CodeMirror {
  /* This creates a new stacking context for all of CodeMirror, keeping its z-index mess to itself */
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.part-list-item-hidden {
  display: none;
}
#consent-container {
  position: fixed;
  left: 200px;
  right: 200px;
  bottom: 20px;
  z-index: 10000;
}
#consent-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#consent-container > div > div {
  margin: auto;
  padding: 10px 50px 10px 20px;
  background-color: #262626;
  border-radius: 0px;
  color: white;
}
#consent-container > div > div > div {
  max-width: 650px;
}
div[data-consent-manager-dialog] section {
  min-height: unset !important;
}
@media screen and (max-width: 991px) {
  #consent-container {
    left: 12px;
    right: 12px;
    bottom: 50px;
  }
}
html,
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}