/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: inherit;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
Some default styling.  This applies to edit mode and run mode, and effects things
such as HTML elements.
*/
b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

body {
  font-family: Helvetica, Arial, sans-serif;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

ul,
ol {
  display: block;
  padding-left: 40px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: inherit;
  cursor: pointer;
}
a:visited {
  color: inherit;
  text-decoration: none;
}

input:-moz-ui-invalid {
  box-shadow: none;
}

input[type=input],
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=input]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a9a9a9;
}
input[type=input]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #a9a9a9;
  opacity: 1;
}
input[type=input]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #a9a9a9 !important;
}
input[type=input]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #a9a9a9;
  opacity: 1;
}
input[type=input].grey::-webkit-input-placeholder,
input[type=text].grey::-webkit-input-placeholder,
input[type=password].grey::-webkit-input-placeholder,
input[type=email].grey::-webkit-input-placeholder,
input[type=search].grey::-webkit-input-placeholder,
input[type=tel].grey::-webkit-input-placeholder,
textarea.grey::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a9a9a9;
}
input[type=input].grey::-moz-placeholder,
input[type=text].grey::-moz-placeholder,
input[type=password].grey::-moz-placeholder,
input[type=email].grey::-moz-placeholder,
input[type=search].grey::-moz-placeholder,
input[type=tel].grey::-moz-placeholder,
textarea.grey::-moz-placeholder {
  /* Firefox 19+ */
  color: #a9a9a9;
  opacity: 1;
}
input[type=input].grey:-ms-input-placeholder,
input[type=text].grey:-ms-input-placeholder,
input[type=password].grey:-ms-input-placeholder,
input[type=email].grey:-ms-input-placeholder,
input[type=search].grey:-ms-input-placeholder,
input[type=tel].grey:-ms-input-placeholder,
textarea.grey:-ms-input-placeholder {
  /* IE 10+ */
  color: #a9a9a9 !important;
}
input[type=input].grey:-moz-placeholder,
input[type=text].grey:-moz-placeholder,
input[type=password].grey:-moz-placeholder,
input[type=email].grey:-moz-placeholder,
input[type=search].grey:-moz-placeholder,
input[type=tel].grey:-moz-placeholder,
textarea.grey:-moz-placeholder {
  /* Firefox 18- */
  color: #a9a9a9;
  opacity: 1;
}
input[type=input].white::-webkit-input-placeholder,
input[type=text].white::-webkit-input-placeholder,
input[type=password].white::-webkit-input-placeholder,
input[type=email].white::-webkit-input-placeholder,
input[type=search].white::-webkit-input-placeholder,
input[type=tel].white::-webkit-input-placeholder,
textarea.white::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
}
input[type=input].white::-moz-placeholder,
input[type=text].white::-moz-placeholder,
input[type=password].white::-moz-placeholder,
input[type=email].white::-moz-placeholder,
input[type=search].white::-moz-placeholder,
input[type=tel].white::-moz-placeholder,
textarea.white::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}
input[type=input].white:-ms-input-placeholder,
input[type=text].white:-ms-input-placeholder,
input[type=password].white:-ms-input-placeholder,
input[type=email].white:-ms-input-placeholder,
input[type=search].white:-ms-input-placeholder,
input[type=tel].white:-ms-input-placeholder,
textarea.white:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff !important;
}
input[type=input].white:-moz-placeholder,
input[type=text].white:-moz-placeholder,
input[type=password].white:-moz-placeholder,
input[type=email].white:-moz-placeholder,
input[type=search].white:-moz-placeholder,
input[type=tel].white:-moz-placeholder,
textarea.white:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
  opacity: 1;
}
input[type=input].black::-webkit-input-placeholder,
input[type=text].black::-webkit-input-placeholder,
input[type=password].black::-webkit-input-placeholder,
input[type=email].black::-webkit-input-placeholder,
input[type=search].black::-webkit-input-placeholder,
input[type=tel].black::-webkit-input-placeholder,
textarea.black::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333333;
}
input[type=input].black::-moz-placeholder,
input[type=text].black::-moz-placeholder,
input[type=password].black::-moz-placeholder,
input[type=email].black::-moz-placeholder,
input[type=search].black::-moz-placeholder,
input[type=tel].black::-moz-placeholder,
textarea.black::-moz-placeholder {
  /* Firefox 19+ */
  color: #333333;
  opacity: 1;
}
input[type=input].black:-ms-input-placeholder,
input[type=text].black:-ms-input-placeholder,
input[type=password].black:-ms-input-placeholder,
input[type=email].black:-ms-input-placeholder,
input[type=search].black:-ms-input-placeholder,
input[type=tel].black:-ms-input-placeholder,
textarea.black:-ms-input-placeholder {
  /* IE 10+ */
  color: #333333 !important;
}
input[type=input].black:-moz-placeholder,
input[type=text].black:-moz-placeholder,
input[type=password].black:-moz-placeholder,
input[type=email].black:-moz-placeholder,
input[type=search].black:-moz-placeholder,
input[type=tel].black:-moz-placeholder,
textarea.black:-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
  opacity: 1;
}
input[type=input].blue::-webkit-input-placeholder,
input[type=text].blue::-webkit-input-placeholder,
input[type=password].blue::-webkit-input-placeholder,
input[type=email].blue::-webkit-input-placeholder,
input[type=search].blue::-webkit-input-placeholder,
input[type=tel].blue::-webkit-input-placeholder,
textarea.blue::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #60aef7;
}
input[type=input].blue::-moz-placeholder,
input[type=text].blue::-moz-placeholder,
input[type=password].blue::-moz-placeholder,
input[type=email].blue::-moz-placeholder,
input[type=search].blue::-moz-placeholder,
input[type=tel].blue::-moz-placeholder,
textarea.blue::-moz-placeholder {
  /* Firefox 19+ */
  color: #60aef7;
  opacity: 1;
}
input[type=input].blue:-ms-input-placeholder,
input[type=text].blue:-ms-input-placeholder,
input[type=password].blue:-ms-input-placeholder,
input[type=email].blue:-ms-input-placeholder,
input[type=search].blue:-ms-input-placeholder,
input[type=tel].blue:-ms-input-placeholder,
textarea.blue:-ms-input-placeholder {
  /* IE 10+ */
  color: #60aef7 !important;
}
input[type=input].blue:-moz-placeholder,
input[type=text].blue:-moz-placeholder,
input[type=password].blue:-moz-placeholder,
input[type=email].blue:-moz-placeholder,
input[type=search].blue:-moz-placeholder,
input[type=tel].blue:-moz-placeholder,
textarea.blue:-moz-placeholder {
  /* Firefox 18- */
  color: #60aef7;
  opacity: 1;
}
input[type=input].green::-webkit-input-placeholder,
input[type=text].green::-webkit-input-placeholder,
input[type=password].green::-webkit-input-placeholder,
input[type=email].green::-webkit-input-placeholder,
input[type=search].green::-webkit-input-placeholder,
input[type=tel].green::-webkit-input-placeholder,
textarea.green::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #69c765;
}
input[type=input].green::-moz-placeholder,
input[type=text].green::-moz-placeholder,
input[type=password].green::-moz-placeholder,
input[type=email].green::-moz-placeholder,
input[type=search].green::-moz-placeholder,
input[type=tel].green::-moz-placeholder,
textarea.green::-moz-placeholder {
  /* Firefox 19+ */
  color: #69c765;
  opacity: 1;
}
input[type=input].green:-ms-input-placeholder,
input[type=text].green:-ms-input-placeholder,
input[type=password].green:-ms-input-placeholder,
input[type=email].green:-ms-input-placeholder,
input[type=search].green:-ms-input-placeholder,
input[type=tel].green:-ms-input-placeholder,
textarea.green:-ms-input-placeholder {
  /* IE 10+ */
  color: #69c765;
}
input[type=input].green:-moz-placeholder,
input[type=text].green:-moz-placeholder,
input[type=password].green:-moz-placeholder,
input[type=email].green:-moz-placeholder,
input[type=search].green:-moz-placeholder,
input[type=tel].green:-moz-placeholder,
textarea.green:-moz-placeholder {
  /* Firefox 18- */
  color: #69c765;
  opacity: 1;
}
input[type=input].red::-webkit-input-placeholder,
input[type=text].red::-webkit-input-placeholder,
input[type=password].red::-webkit-input-placeholder,
input[type=email].red::-webkit-input-placeholder,
input[type=search].red::-webkit-input-placeholder,
input[type=tel].red::-webkit-input-placeholder,
textarea.red::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ff8585;
}
input[type=input].red::-moz-placeholder,
input[type=text].red::-moz-placeholder,
input[type=password].red::-moz-placeholder,
input[type=email].red::-moz-placeholder,
input[type=search].red::-moz-placeholder,
input[type=tel].red::-moz-placeholder,
textarea.red::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff8585;
  opacity: 1;
}
input[type=input].red:-ms-input-placeholder,
input[type=text].red:-ms-input-placeholder,
input[type=password].red:-ms-input-placeholder,
input[type=email].red:-ms-input-placeholder,
input[type=search].red:-ms-input-placeholder,
input[type=tel].red:-ms-input-placeholder,
textarea.red:-ms-input-placeholder {
  /* IE 10+ */
  color: #ff8585 !important;
}
input[type=input].red:-moz-placeholder,
input[type=text].red:-moz-placeholder,
input[type=password].red:-moz-placeholder,
input[type=email].red:-moz-placeholder,
input[type=search].red:-moz-placeholder,
input[type=tel].red:-moz-placeholder,
textarea.red:-moz-placeholder {
  /* Firefox 18- */
  color: #ff8585;
  opacity: 1;
}

textarea {
  resize: none;
}

/*# sourceMappingURL=reset.css.map */

@charset "UTF-8";
/* by default in the editor, things shouldn't be highlighted.
This fucks up contenteditable things, though, so excluding the property editor,
and adding it back manually where needed...
*/
/*  Contains stuff that apply both in edit mode and plugin_edit mode */
@font-face {
  font-family: "bubble";
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?-eiqxi1);
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?#iefix-eiqxi1) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994746211x616051028715446500/bubble.ttf?-eiqxi1) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994775004x325740637257695170/bubble.woff?-eiqxi1) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994761081x117351920343935490/bubble.svg?-eiqxi1#bubble) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "bubble";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-big-arrow:before {
  content: "\e603";
}

.icon-filter:before {
  content: "\e608";
}

.icon-account:before {
  content: "\e621";
}

.icon-analytics:before {
  content: "\e622";
}

.icon-element:before {
  content: "\e623";
}

.icon-email:before {
  content: "\e624";
}

.icon-navigation:before {
  content: "\e625";
}

.icon-payment:before {
  content: "\e626";
}

.icon-data:before {
  content: "\e627";
}

.icon-design:before {
  content: "\e628";
}

.icon-plugins:before {
  content: "\e629";
}

.icon-settings:before {
  content: "\e62a";
}

.icon-workflow:before {
  content: "\e62b";
}

.icon-checkbox:before {
  content: "\e62c";
}

.icon-dropdown:before {
  content: "\e62d";
}

.icon-file-uploader:before {
  content: "\e62e";
}

.icon-input:before {
  content: "\e62f";
}

.icon-multi-line:before {
  content: "\e630";
}

.icon-picture-uploader:before {
  content: "\e631";
}

.icon-rich-text:before {
  content: "\e632";
}

.icon-slider:before {
  content: "\e633";
}

.icon-time:before {
  content: "\e634";
}

.icon-new:before {
  content: "\e635";
}

.icon-alert:before {
  content: "\e636";
}

.icon-button:before {
  content: "\e637";
}

.icon-calendar:before {
  content: "\e638";
}

.icon-charts:before {
  content: "\e639";
}

.icon-html:before {
  content: "\e63a";
}

.icon-icon:before {
  content: "\e63b";
}

.icon-image:before {
  content: "\e63c";
}

.icon-link:before {
  content: "\e63d";
}

.icon-map:before {
  content: "\e63e";
}

.icon-shape:before {
  content: "\e63f";
}

.icon-slideshow:before {
  content: "\e640";
}

.icon-text:before {
  content: "\e641";
}

.icon-video:before {
  content: "\e642";
}

.icon-check-1:before {
  content: "\e643";
}

.icon-check-2:before {
  content: "\e644";
}

.icon-upload:before {
  content: "\e645";
}

.icon-arrow-down:before {
  content: "\e646";
}

.icon-arrow-dropdown:before {
  content: "\e647";
}

.icon-edit:before {
  content: "\e648";
}

.icon-trash:before {
  content: "\e649";
}

.icon-puzzle-2:before {
  content: "\e64a";
}

.icon-close:before {
  content: "\e64b";
}

.icon-box:before {
  content: "\e64c";
}

.icon-tools:before {
  content: "\e64d";
}

.icon-visible:before {
  content: "\e64e";
}

.icon-apps:before {
  content: "\e64f";
}

.icon-logout:before {
  content: "\e650";
}

.icon-user:before {
  content: "\e651";
}

.icon-laptop:before {
  content: "\e600";
}

.icon-puzzle-1:before {
  content: "\e601";
}

.icon-add:before {
  content: "\e602";
}

.icon-arrow-right:before {
  content: "\e604";
}

.icon-bold:before {
  content: "\e605";
}

.icon-border:before {
  content: "\e606";
}

.icon-center-align:before {
  content: "\e607";
}

.icon-clone:before {
  content: "\e609";
}

.icon-copy:before {
  content: "\e60a";
}

.icon-cut:before {
  content: "\e60b";
}

.icon-float-group:before {
  content: "\e60c";
}

.icon-grid:before {
  content: "\e60d";
}

.icon-group:before {
  content: "\e60e";
}

.icon-group-focus:before {
  content: "\e60f";
}

.icon-issues:before {
  content: "\e610";
}

.icon-italic:before {
  content: "\e611";
}

.icon-learn:before {
  content: "\e612";
}

.icon-left-align:before {
  content: "\e613";
}

.icon-manual:before {
  content: "\e614";
}

.icon-page:before {
  content: "\e615";
}

.icon-paste:before {
  content: "\e616";
}

.icon-popup:before {
  content: "\e617";
}

.icon-question:before {
  content: "\e618";
}

.icon-redo:before {
  content: "\e619";
}

.icon-repeat-group:before {
  content: "\e61a";
}

.icon-right-align:before {
  content: "\e61b";
}

.icon-ruler:before {
  content: "\e61c";
}

.icon-selection:before {
  content: "\e61d";
}

.icon-star:before {
  content: "\e61e";
}

.icon-underline:before {
  content: "\e61f";
}

.icon-undo:before {
  content: "\e620";
}

@font-face {
  font-family: "newbubble";
  font-display: "block";
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw);
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw#iefix) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285379584x602803728543221900/newbubble.ttf?7ieipw) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285427644x842161195585504100/newbubble.woff?7ieipw) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285461448x702500568004325000/newbubble.svg?7ieipw#newbubble) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "newbubble" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\e913";
}

.icon-logo-b:before {
  content: "\e914";
}

.icon-applications:before {
  content: "\e900";
}

.icon-plugins:before {
  content: "\e901";
}

.icon-account:before {
  content: "\e902";
}

.icon-templates:before {
  content: "\e903";
}

.icon-logout:before {
  content: "\e904";
}

.icon-buy:before {
  content: "\e905";
}

.icon-facebook:before {
  content: "\e906";
  color: #4a67ad;
}

.icon-link:before {
  content: "\e907";
}

.icon-medium .path1:before {
  content: "\e908";
  color: rgb(220, 238, 238);
}

.icon-medium .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-twitter:before {
  content: "\e90a";
  color: #1da1f2;
}

.icon-trash:before {
  content: "\e90b";
}

.icon-share:before {
  content: "\e90c";
}

.icon-info:before {
  content: "\e90d";
}

.icon-take-off:before {
  content: "\e90e";
}

.icon-play:before {
  content: "\e90f";
}

.icon-copy:before {
  content: "\e910";
}

.icon-eye:before {
  content: "\e911";
}

.icon-edit:before {
  content: "\e912";
}

.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.menu-bar,
.navigation-home,
.toolbox-panel,
.layers-box,
.mainwindow {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}

:root {
  --menubar-height: 35px;
}

body {
  background: white;
  overflow: hidden;
  background-repeat: repeat;
}
body > .body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin-left: 0px; /* should match logo */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body > .body * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/**
  If the floating PE is locked, make sure there's another room on the right side of Design Tab
  TODO: remove this when we remove floating PE
*/
body:has(.property-editor-2.ui-draggable-disabled) .tabs-1 {
  margin-right: 340px;
}

.body main {
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 0;
}

input,
textarea {
  font: inherit;
}

::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}

::-webkit-scrollbar-thumb:hover {
  background: #bdbdbd;
  cursor: default;
}

::-webkit-scrollbar-thumb:active {
  background-color: #b8b8b8;
  cursor: default;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(156, 156, 156, 0.8);
}

@media all and (min--moz-device-pixel-ratio: 0) {
  div {
    scrollbar-width: thin;
  }
}
button,
button:focus {
  outline: none;
  outline-offset: 0em;
}

td {
  vertical-align: top;
}

.ui-widget {
  /*overrides jquery ui widgets like tabs*/
  font-family: inherit;
  font-size: 12px;
}

.canvas,
.designcanvas,
.action-editor {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.canvas,
.designcanvas {
  /* look at check_below_canvas in design_canvas.js for more on canvas sizing / overflow */
  overflow-x: auto;
  overflow-y: visible;
  height: 100%;
}

.mainwindow {
  display: flex;
  flex: 1;
  overflow: auto;
}

.tabcanvas {
  background-color: white;
  display: flex;
  flex: 1;
}
.tabcanvas.tabs-1 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.tabcanvas.tabs-1.responsive-mode {
  background-color: rgba(194, 202, 208, 0.2470588235);
}
.tabcanvas.tabs-1 .canvas,
.tabcanvas.tabs-1 .designcanvas {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
.tabcanvas.tabs-1 .canvas.resp-v1,
.tabcanvas.tabs-1 .designcanvas.resp-v1 {
  flex-grow: 1;
  display: grid;
  grid-template-areas: "content";
  grid-template-columns: minmax(max-content, 100%);
  grid-template-rows: max-content;
  height: max-content;
  width: max-content;
  overflow: visible;
  padding-bottom: 40px;
  z-index: 0;
  min-width: 100%;
}
.tabcanvas.tabs-1 .canvas.resp-v1.responsive-mode,
.tabcanvas.tabs-1 .designcanvas.resp-v1.responsive-mode {
  min-width: 0;
  margin-left: 0;
}
.tabcanvas.tabs-1 .canvas.resp-v1.responsive-mode.crud-breakpoints,
.tabcanvas.tabs-1 .designcanvas.resp-v1.responsive-mode.crud-breakpoints {
  margin-left: auto;
}
.tabcanvas.tabs-1 .canvas.reusable-editor,
.tabcanvas.tabs-1 .designcanvas.reusable-editor {
  background-color: #b5b5b5;
}
.tabcanvas.tabs-1 .canvas .design-grid,
.tabcanvas.tabs-1 .designcanvas .design-grid {
  display: grid;
  position: absolute;
  pointer-events: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.tabcanvas.tabs-1 .designcanvas:not(.responsive-mode) {
  padding-top: 40px;
  background-color: #fafafa;
}
.tabcanvas.tabs-1 .resize-responsive-canvas {
  position: absolute;
  height: 60px;
  top: 50%;
  width: 4px;
  border-radius: 10px;
  background-color: rgba(194, 202, 208, 0.6980392157);
  transition: height 0.2s, width 0.2s, left 0.2s, right 0.2s;
}
.tabcanvas.tabs-1 .resize-responsive-canvas:hover, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging {
  height: 72px;
  width: 8px;
  cursor: ew-resize;
}
.tabcanvas.tabs-1 .resize-responsive-canvas:hover.right, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging.right {
  right: -14px;
}
.tabcanvas.tabs-1 .resize-responsive-canvas:hover.left, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging.left {
  left: -14px;
}
.tabcanvas.tabs-1 .resize-responsive-canvas.right {
  right: -10px;
}
.tabcanvas.tabs-1 .resize-responsive-canvas.left {
  left: -10px;
}
.tabcanvas.tabs-2, .tabcanvas.tabs-8 {
  overflow: scroll;
}
.tabcanvas.tabs-3, .tabcanvas.tabs-4, .tabcanvas.tabs-5, .tabcanvas.tabs-6, .tabcanvas.tabs-7, .tabcanvas.tabs-1.general, .tabcanvas.tabs-3.api, .tabcanvas.tabs-8, .tabcanvas.tabs-2.sharedtech {
  border-left: 1px solid var(--b-border, #e6e6e6);
}

/* ----------------------------------

MENU BAR

---------------------------------- */
.main-tab-bar:not(.butter) {
  width: 40px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background: white;
  z-index: 2;
  flex-shrink: 0;
}
.main-tab-bar:not(.butter) .tab {
  font-size: 12px;
  cursor: pointer;
  height: 60px;
  padding: 42px 5px 10px 5px;
  border-left: 4px solid transparent;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.main-tab-bar:not(.butter) .tab:before {
  font-family: bubble;
  background: none;
  font-size: 22px;
  color: #868686;
  float: left;
  margin-bottom: 0px;
  margin-left: 3px;
  margin-top: -30px;
  width: 26px;
  height: 30px;
  position: absolute;
}
.main-tab-bar:not(.butter) .tab.disabled {
  opacity: 0.4;
  cursor: default;
}
.main-tab-bar:not(.butter) .tab.disabled:hover {
  background-color: transparent;
}
.main-tab-bar:not(.butter) .tab.disabled:hover:before {
  color: #bbc5c8;
}
.main-tab-bar:not(.butter) .tab.selected {
  cursor: default;
  color: var(--b-txt-brand, #0c29ab) !important;
  border-left: 4px solid var(--b-txt-brand, #0c29ab);
  padding-left: 1px;
}
.main-tab-bar:not(.butter) .tab.selected:before {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.main-tab-bar:not(.butter) .tab:hover {
  background-color: rgb(249, 249, 249);
}
.main-tab-bar:not(.butter) .tab.selected:hover {
  background-color: transparent;
}

.menu-bar {
  width: 100%;
  height: 35px;
  flex-shrink: 0;
  background-color: #ffffff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: var(--b-txt-primary, #1a1a1a);
  overflow: hidden;
}

.menu-bar .empty_space_1 {
  width: 0px;
}

.menu-bar .logo {
  margin-top: 1px;
  width: 40px;
  padding: 8px 12px;
}
.menu-bar .logo svg,
.menu-bar .logo span {
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
}
.menu-bar .logo svg {
  color: var(--b-icon-primary);
}
.menu-bar .logo:focus {
  outline: 0px dotted transparent;
}
.menu-bar .logo:focus:active {
  outline: 0px dotted transparent !important;
}
.menu-bar .logo:hover, .menu-bar .logo:focus-visible {
  color: var(--b-txt-brand, #0c29ab);
  text-decoration: none;
}
.menu-bar .logo:hover svg, .menu-bar .logo:focus-visible svg {
  color: var(--b-txt-brand, #0c29ab);
}

.menu-bar .menu-item {
  padding-top: 11px;
  padding-left: 13px;
  padding-right: 12px;
  text-align: center;
  cursor: pointer;
  height: 35px;
}
.menu-bar .menu-item.flashing {
  background-color: var(--b-txt-brand, #0c29ab);
  color: white;
}

.menu-bar .user-name {
  padding: 9px 10px 0px 8px;
  float: right;
  cursor: pointer;
  border-left: 1px solid #ebf0f2;
}
.menu-bar .user-name:after {
  position: relative;
  float: right;
  display: block;
  color: #989898;
  content: "\e621";
  font-family: "bubble";
  font-size: 17px;
}

.menu-bar .log-in {
  padding: 11px 12px 0 12px;
  float: right;
  cursor: pointer;
  border-left: 1px solid #ebf0f2;
  color: white;
  background: var(--b-txt-brand, #0c29ab);
}

.menu-bar > * {
  height: 35px;
  font-size: 12px;
}

.menu-bar.pop-enabled {
  height: var(--menubar-height);
  z-index: 50000002;
}
.menu-bar.pop-enabled > :not(:last-child) {
  display: none !important;
}

.top-menu,
.version-dropdown-panel,
.composer-palette.element-picker,
.grid-settings-panel,
.arrange-panel,
.composer-palette.composer-dropdown-long.responsive-picker,
.preview-panel {
  background: white;
  margin-top: 4px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 4px;
  color: var(--b-txt-primary, #1a1a1a);
  -webkit-box-shadow: var(--b-level1);
  -moz-box-shadow: var(--b-level1);
  box-shadow: var(--b-level1);
  overflow-y: auto;
}
.top-menu.workflowtab,
.version-dropdown-panel.workflowtab,
.composer-palette.element-picker.workflowtab,
.grid-settings-panel.workflowtab,
.arrange-panel.workflowtab,
.composer-palette.composer-dropdown-long.responsive-picker.workflowtab,
.preview-panel.workflowtab {
  padding: 0px;
  width: 336px;
}

.top-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*------------------
CONTEXT MENU
------------------*/
.context-menu .context-menu-item.disabled {
  display: none;
}
.context-menu .context-menu-item.separator.disabled {
  display: block;
}

.context-menu-item {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}

.context-menu-item:first-child {
  border-top: none;
}

.context-menu {
  background: white;
  margin-top: 3px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: var(--b-txt-primary, #1a1a1a);
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow-y: auto;
  width: 220px;
}
.context-menu.styles {
  width: 164px;
}
.context-menu.styles .context-menu-item {
  column-gap: 4px;
  padding: 8px;
  justify-items: start;
}
.context-menu.styles .context-menu-item.separator {
  margin-bottom: 4px;
  margin-top: 4px;
}
.context-menu.styles .context-menu-item.copy-style .content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.context-menu.styles .context-menu-item.copy-style .shortcuts {
  display: flex;
  gap: 4px;
}
.context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon {
  border: 1px solid rgb(230, 230, 230);
  border-radius: 4px;
  height: 24px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon.meta {
  padding-left: 6px;
  padding-right: 6px;
}
.context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon:not(.meta) {
  width: 24px;
}
.context-menu.styles .context-menu-item.paste-style, .context-menu.styles .context-menu-item.notes, .context-menu.styles .context-menu-item.delete-style {
  justify-content: flex-start;
  gap: 4px;
}
.context-menu.styles .context-menu-item.delete-style {
  color: #b0200c;
}
.context-menu.styles .context-menu-item:first-child {
  padding: 8px 8px 4px 8px;
}
.context-menu.styles .context-menu-item:last-child {
  margin-bottom: 4px;
}
.context-menu .context-menu-item {
  padding: 7px 7px 7px 27px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.context-menu .context-menu-item:before {
  font-family: "FontAwesome";
}
.context-menu .context-menu-item.edit:before, .context-menu .context-menu-item.edit_backdrop:before {
  content: "\f044";
}
.context-menu .context-menu-item.cut:before {
  content: "\f0c4";
}
.context-menu .context-menu-item.copy:before, .context-menu .context-menu-item.copy_action:before, .context-menu .context-menu-item.copy_element:before {
  content: "\f0c5";
}
.context-menu .context-menu-item.paste:before, .context-menu .context-menu-item.paste_action:before, .context-menu .context-menu-item.paste_element:before {
  content: "\f0ea";
}
.context-menu .context-menu-item.copy_formatting:before {
  content: "\f12d";
}
.context-menu .context-menu-item.paste_formatting:before {
  content: "\f15c";
}
.context-menu .context-menu-item.clone_this:before {
  content: "\f016";
}
.context-menu .context-menu-item.delete:before {
  content: "\f014";
}
.context-menu .context-menu-item.replace_by:before {
  content: "\f0ec";
}
.context-menu .context-menu-item.insert_an:before {
  content: "\f07e";
}
.context-menu .context-menu-item.reveal_the:before, .context-menu .context-menu-item.edit_workflow:before {
  content: "\f009";
}
.context-menu .context-menu-item .shortcut-text {
  color: var(--b-txt-tertiary);
  float: right;
}
.context-menu .context-menu-item.header {
  color: var(--b-txt-secondary, #525252);
  cursor: default;
  font-size: 10px;
  font-weight: 600;
  line-height: 11px;
}
.context-menu .context-menu-item.header:hover {
  color: var(--b-txt-secondary, #525252);
  background: white;
}
.context-menu .context-menu-item:first-child {
  border-top: none;
}

.context-menu .context-menu-item:hover {
  background-color: #f4f4f4;
}

.context-menu-item.right-arrow {
  padding-right: 29px;
}
.context-menu-item.right-arrow:after {
  font-family: "FontAwesome";
  content: "\f0da";
  font-size: 12px;
  position: absolute;
  right: 7px;
  text-align: center;
  width: 11px;
  color: #000000;
}
.context-menu-item.right-arrow.disabled:after {
  display: none;
}
.context-menu-item.right-arrow.hovered {
  background-color: rgb(249, 249, 249);
  color: #000000;
}

.context-menu.breakpoint-context-menu {
  width: 200px;
  font-size: 14px;
  color: var(--b-txt-secondary, #525252);
}
.context-menu.breakpoint-context-menu .context-menu-title {
  padding: 16px 12px 8px 12px;
  color: #161616;
}
.context-menu.breakpoint-context-menu .context-menu-description {
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
}
.context-menu.breakpoint-context-menu .context-menu-item {
  height: 36px;
  line-height: 16px;
  padding: 0px 12px 0px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.context-menu.breakpoint-context-menu .context-menu-item .option-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.context-menu.breakpoint-context-menu .context-menu-item .popIcon {
  padding-right: 4px;
}
.context-menu.breakpoint-context-menu .context-menu-item.blue-context-text {
  color: var(--b-txt-brand, #0c29ab);
}
.context-menu.breakpoint-context-menu .context-menu-item.add-new-breakpoint {
  padding-left: 27px;
  font-weight: 600;
}
.context-menu.breakpoint-context-menu .context-menu-item.add-new-breakpoint:before {
  content: "\f067";
  color: var(--b-txt-brand, #0c29ab);
}
.context-menu.breakpoint-context-menu .context-menu-item .shortcut-text {
  color: var(--b-txt-inactive, #c7c7c7);
  padding-right: 4px;
}
.context-menu.breakpoint-context-menu .context-menu-item:hover {
  background-color: var(--b-bg-brand1, #f5faff);
  color: var(--b-txt-brand, #0c29ab);
}
.context-menu.breakpoint-context-menu .context-menu-item .btn {
  color: var(--b-txt-secondary, #525252);
}
.context-menu.breakpoint-context-menu .context-menu-item .btn:hover {
  color: var(--b-txt-brand, #0c29ab);
}
.context-menu.breakpoint-context-menu .context-menu-item .context-menu-content {
  display: flex;
  align-items: center;
}
.context-menu.breakpoint-context-menu .context-menu-item .context-menu-content.editing {
  column-gap: 8px;
}
.context-menu.breakpoint-context-menu .context-menu-item.disabled {
  display: flex;
  color: rgb(213, 213, 213);
  cursor: default;
}
.context-menu.breakpoint-context-menu .context-menu-item.disabled:hover {
  background-color: transparent;
}
.context-menu.breakpoint-context-menu .context-menu-item:first-child {
  margin-top: 4px;
}
.context-menu.breakpoint-context-menu .context-menu-item:last-child {
  margin-bottom: 4px;
}

.context-menu.breakpoint-context-menu.default-breakpoint-context-menu {
  width: 220px;
}
.context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default:hover {
  color: var(--b-txt-brand, #0c29ab);
}
.context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default .trailing-icon {
  padding-left: 8px;
}
.context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default .trailing-icon:before {
  font-family: "FontAwesome";
  content: "\f040";
}

.context-menu.small-breakpoint-menu {
  width: 88px;
}
.context-menu.small-breakpoint-menu .context-menu-item {
  padding: 0px 8px 0px 8px;
  justify-content: flex-start;
}

.context-menu.workflow-items {
  width: 236px;
  z-index: 100000002;
}
.context-menu.workflow-items.event-type-picker {
  width: 288px;
}
.context-menu.workflow-items .context-menu-item {
  column-gap: 4px;
  padding: 8px;
  justify-items: start;
}
.context-menu.workflow-items .context-menu-item.search {
  padding: 0px 0px 0px 8px;
}
.context-menu.workflow-items .context-menu-item.separator {
  margin-bottom: 4px;
  margin-top: 4px;
}
.context-menu.workflow-items .context-menu-item.red {
  color: var(--b-txt-danger);
}
.context-menu.workflow-items .context-menu-content {
  flex-grow: 1;
}
.context-menu.workflow-items .context-menu-item:first-child {
  margin-top: 4px;
}
.context-menu.workflow-items .context-menu-item:last-child {
  margin-bottom: 4px;
}

.top-menu .dropdown-option.hovered,
.top-menu .context-menu-item:hover,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.hovered,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:hover,
.composer-palette.element-picker .dropdown-option.hovered,
.composer-palette.element-picker .context-menu-item:hover,
.context-menu .dropdown-option.hovered,
.context-menu .context-menu-item:hover,
.arrange-panel .dropdown-option.hovered,
.arrange-panel .context-menu-item:hover,
.preview-panel .dropdown-option.hovered,
.preview-panel .context-menu-item:hover {
  background-color: rgb(249, 249, 249);
  color: #000000;
}
.top-menu .context-menu-item,
.top-menu .dropdown-option,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option,
.composer-palette.element-picker .context-menu-item,
.composer-palette.element-picker .dropdown-option,
.context-menu .context-menu-item,
.context-menu .dropdown-option,
.arrange-panel .context-menu-item,
.arrange-panel .dropdown-option,
.preview-panel .context-menu-item,
.preview-panel .dropdown-option {
  padding: 7px 15px 7px 29px;
  border-top: none; /*1px solid #E5E5E5;*/
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.top-menu .context-menu-item:first-child,
.top-menu .dropdown-option:first-child,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:first-child,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option:first-child,
.composer-palette.element-picker .context-menu-item:first-child,
.composer-palette.element-picker .dropdown-option:first-child,
.context-menu .context-menu-item:first-child,
.context-menu .dropdown-option:first-child,
.arrange-panel .context-menu-item:first-child,
.arrange-panel .dropdown-option:first-child,
.preview-panel .context-menu-item:first-child,
.preview-panel .dropdown-option:first-child {
  border-top: none;
}
.top-menu .context-menu-item .delete-page-btn.fa.fa-trash-o,
.top-menu .dropdown-option .delete-page-btn.fa.fa-trash-o,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .delete-page-btn.fa.fa-trash-o,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .delete-page-btn.fa.fa-trash-o,
.composer-palette.element-picker .context-menu-item .delete-page-btn.fa.fa-trash-o,
.composer-palette.element-picker .dropdown-option .delete-page-btn.fa.fa-trash-o,
.context-menu .context-menu-item .delete-page-btn.fa.fa-trash-o,
.context-menu .dropdown-option .delete-page-btn.fa.fa-trash-o,
.arrange-panel .context-menu-item .delete-page-btn.fa.fa-trash-o,
.arrange-panel .dropdown-option .delete-page-btn.fa.fa-trash-o,
.preview-panel .context-menu-item .delete-page-btn.fa.fa-trash-o,
.preview-panel .dropdown-option .delete-page-btn.fa.fa-trash-o {
  float: right;
  margin-right: -10px;
  color: var(--b-txt-tertiary, #8a8a8a);
  font-size: 11px;
}
.top-menu .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.top-menu .dropdown-option .delete-page-btn.fa.fa-trash-o:hover,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .delete-page-btn.fa.fa-trash-o:hover,
.composer-palette.element-picker .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.composer-palette.element-picker .dropdown-option .delete-page-btn.fa.fa-trash-o:hover,
.context-menu .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.context-menu .dropdown-option .delete-page-btn.fa.fa-trash-o:hover,
.arrange-panel .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.arrange-panel .dropdown-option .delete-page-btn.fa.fa-trash-o:hover,
.preview-panel .context-menu-item .delete-page-btn.fa.fa-trash-o:hover,
.preview-panel .dropdown-option .delete-page-btn.fa.fa-trash-o:hover {
  color: rgb(176, 187, 190);
}
.top-menu .context-menu-item.beta_badge::after,
.top-menu .dropdown-option.beta_badge::after,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.beta_badge::after,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.beta_badge::after,
.composer-palette.element-picker .context-menu-item.beta_badge::after,
.composer-palette.element-picker .dropdown-option.beta_badge::after,
.context-menu .context-menu-item.beta_badge::after,
.context-menu .dropdown-option.beta_badge::after,
.arrange-panel .context-menu-item.beta_badge::after,
.arrange-panel .dropdown-option.beta_badge::after,
.preview-panel .context-menu-item.beta_badge::after,
.preview-panel .dropdown-option.beta_badge::after {
  color: var(--b-txt-brand);
  background: var(--b-bg-brand1);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 4px;
  margin-left: 4px;
  border-radius: 4px;
  content: "BETA";
}
.top-menu .context-menu-item .needs-upgrade,
.top-menu .dropdown-option .needs-upgrade,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .needs-upgrade,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .needs-upgrade,
.composer-palette.element-picker .context-menu-item .needs-upgrade,
.composer-palette.element-picker .dropdown-option .needs-upgrade,
.context-menu .context-menu-item .needs-upgrade,
.context-menu .dropdown-option .needs-upgrade,
.arrange-panel .context-menu-item .needs-upgrade,
.arrange-panel .dropdown-option .needs-upgrade,
.preview-panel .context-menu-item .needs-upgrade,
.preview-panel .dropdown-option .needs-upgrade {
  float: right;
  margin-right: 10px;
  color: var(--b-txt-brand, #0c29ab);
  font-size: 11px;
}
.top-menu .context-menu-item.disabled,
.top-menu .dropdown-option.disabled,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled,
.composer-palette.element-picker .context-menu-item.disabled,
.composer-palette.element-picker .dropdown-option.disabled,
.context-menu .context-menu-item.disabled,
.context-menu .dropdown-option.disabled,
.arrange-panel .context-menu-item.disabled,
.arrange-panel .dropdown-option.disabled,
.preview-panel .context-menu-item.disabled,
.preview-panel .dropdown-option.disabled {
  color: rgb(213, 213, 213);
  cursor: default;
}
.top-menu .context-menu-item.disabled .disabled-option-msg,
.top-menu .dropdown-option.disabled .disabled-option-msg,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled .disabled-option-msg,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled .disabled-option-msg,
.composer-palette.element-picker .context-menu-item.disabled .disabled-option-msg,
.composer-palette.element-picker .dropdown-option.disabled .disabled-option-msg,
.context-menu .context-menu-item.disabled .disabled-option-msg,
.context-menu .dropdown-option.disabled .disabled-option-msg,
.arrange-panel .context-menu-item.disabled .disabled-option-msg,
.arrange-panel .dropdown-option.disabled .disabled-option-msg,
.preview-panel .context-menu-item.disabled .disabled-option-msg,
.preview-panel .dropdown-option.disabled .disabled-option-msg {
  font-size: 8px;
}
.top-menu .context-menu-item.disabled:hover, .top-menu .context-menu-item.disabled.hovered,
.top-menu .dropdown-option.disabled:hover,
.top-menu .dropdown-option.disabled.hovered,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled:hover,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled.hovered,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled:hover,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled.hovered,
.composer-palette.element-picker .context-menu-item.disabled:hover,
.composer-palette.element-picker .context-menu-item.disabled.hovered,
.composer-palette.element-picker .dropdown-option.disabled:hover,
.composer-palette.element-picker .dropdown-option.disabled.hovered,
.context-menu .context-menu-item.disabled:hover,
.context-menu .context-menu-item.disabled.hovered,
.context-menu .dropdown-option.disabled:hover,
.context-menu .dropdown-option.disabled.hovered,
.arrange-panel .context-menu-item.disabled:hover,
.arrange-panel .context-menu-item.disabled.hovered,
.arrange-panel .dropdown-option.disabled:hover,
.arrange-panel .dropdown-option.disabled.hovered,
.preview-panel .context-menu-item.disabled:hover,
.preview-panel .context-menu-item.disabled.hovered,
.preview-panel .dropdown-option.disabled:hover,
.preview-panel .dropdown-option.disabled.hovered {
  background-color: transparent;
}
.top-menu .context-menu-item.current_page, .top-menu .context-menu-item.currently-selected-option, .top-menu .context-menu-item.current_page:before,
.top-menu .dropdown-option.current_page,
.top-menu .dropdown-option.currently-selected-option,
.top-menu .dropdown-option.current_page:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.current_page,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.currently-selected-option,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.current_page:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.current_page,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.currently-selected-option,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.current_page:before,
.composer-palette.element-picker .context-menu-item.current_page,
.composer-palette.element-picker .context-menu-item.currently-selected-option,
.composer-palette.element-picker .context-menu-item.current_page:before,
.composer-palette.element-picker .dropdown-option.current_page,
.composer-palette.element-picker .dropdown-option.currently-selected-option,
.composer-palette.element-picker .dropdown-option.current_page:before,
.context-menu .context-menu-item.current_page,
.context-menu .context-menu-item.currently-selected-option,
.context-menu .context-menu-item.current_page:before,
.context-menu .dropdown-option.current_page,
.context-menu .dropdown-option.currently-selected-option,
.context-menu .dropdown-option.current_page:before,
.arrange-panel .context-menu-item.current_page,
.arrange-panel .context-menu-item.currently-selected-option,
.arrange-panel .context-menu-item.current_page:before,
.arrange-panel .dropdown-option.current_page,
.arrange-panel .dropdown-option.currently-selected-option,
.arrange-panel .dropdown-option.current_page:before,
.preview-panel .context-menu-item.current_page,
.preview-panel .context-menu-item.currently-selected-option,
.preview-panel .context-menu-item.current_page:before,
.preview-panel .dropdown-option.current_page,
.preview-panel .dropdown-option.currently-selected-option,
.preview-panel .dropdown-option.current_page:before {
  color: var(--b-txt-brand, #0c29ab);
}
.top-menu .context-menu-item.separator,
.top-menu .dropdown-option.separator,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.separator,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.separator,
.composer-palette.element-picker .context-menu-item.separator,
.composer-palette.element-picker .dropdown-option.separator,
.context-menu .context-menu-item.separator,
.context-menu .dropdown-option.separator,
.arrange-panel .context-menu-item.separator,
.arrange-panel .dropdown-option.separator,
.preview-panel .context-menu-item.separator,
.preview-panel .dropdown-option.separator {
  border-bottom: 1px solid rgb(245, 245, 245);
  height: 0;
  padding: 0;
}
.top-menu .context-menu-item:before,
.top-menu .dropdown-option:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option:before,
.composer-palette.element-picker .context-menu-item:before,
.composer-palette.element-picker .dropdown-option:before,
.context-menu .context-menu-item:before,
.context-menu .dropdown-option:before,
.arrange-panel .context-menu-item:before,
.arrange-panel .dropdown-option:before,
.preview-panel .context-menu-item:before,
.preview-panel .dropdown-option:before {
  font-family: "FontAwesome";
  font-size: 12px;
  margin-left: -20px;
  margin-right: 8px;
  position: absolute;
  text-align: center;
  width: 11px;
  color: #adadad;
}
.top-menu .context-menu-item.disabled:before,
.top-menu .dropdown-option.disabled:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled:before,
.composer-palette.element-picker .context-menu-item.disabled:before,
.composer-palette.element-picker .dropdown-option.disabled:before,
.context-menu .context-menu-item.disabled:before,
.context-menu .dropdown-option.disabled:before,
.arrange-panel .context-menu-item.disabled:before,
.arrange-panel .dropdown-option.disabled:before,
.preview-panel .context-menu-item.disabled:before,
.preview-panel .dropdown-option.disabled:before {
  color: #dcdcdc;
}
.top-menu .context-menu-item.page_name:before,
.top-menu .dropdown-option.page_name:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.page_name:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.page_name:before,
.composer-palette.element-picker .context-menu-item.page_name:before,
.composer-palette.element-picker .dropdown-option.page_name:before,
.context-menu .context-menu-item.page_name:before,
.context-menu .dropdown-option.page_name:before,
.arrange-panel .context-menu-item.page_name:before,
.arrange-panel .dropdown-option.page_name:before,
.preview-panel .context-menu-item.page_name:before,
.preview-panel .dropdown-option.page_name:before {
  content: "" !important;
}
.top-menu .context-menu-item.api:before,
.top-menu .dropdown-option.api:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.api:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.api:before,
.composer-palette.element-picker .context-menu-item.api:before,
.composer-palette.element-picker .dropdown-option.api:before,
.context-menu .context-menu-item.api:before,
.context-menu .dropdown-option.api:before,
.arrange-panel .context-menu-item.api:before,
.arrange-panel .dropdown-option.api:before,
.preview-panel .context-menu-item.api:before,
.preview-panel .dropdown-option.api:before {
  content: "\f20e";
}
.top-menu .context-menu-item.unchecked:before,
.top-menu .dropdown-option.unchecked:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.unchecked:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.unchecked:before,
.composer-palette.element-picker .context-menu-item.unchecked:before,
.composer-palette.element-picker .dropdown-option.unchecked:before,
.context-menu .context-menu-item.unchecked:before,
.context-menu .dropdown-option.unchecked:before,
.arrange-panel .context-menu-item.unchecked:before,
.arrange-panel .dropdown-option.unchecked:before,
.preview-panel .context-menu-item.unchecked:before,
.preview-panel .dropdown-option.unchecked:before {
  content: "\f096";
}
.top-menu .context-menu-item.checked:before,
.top-menu .dropdown-option.checked:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.checked:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.checked:before,
.composer-palette.element-picker .context-menu-item.checked:before,
.composer-palette.element-picker .dropdown-option.checked:before,
.context-menu .context-menu-item.checked:before,
.context-menu .dropdown-option.checked:before,
.arrange-panel .context-menu-item.checked:before,
.arrange-panel .dropdown-option.checked:before,
.preview-panel .context-menu-item.checked:before,
.preview-panel .dropdown-option.checked:before {
  content: "\f046";
}
.top-menu .context-menu-item.undo:before,
.top-menu .dropdown-option.undo:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.undo:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.undo:before,
.composer-palette.element-picker .context-menu-item.undo:before,
.composer-palette.element-picker .dropdown-option.undo:before,
.context-menu .context-menu-item.undo:before,
.context-menu .dropdown-option.undo:before,
.arrange-panel .context-menu-item.undo:before,
.arrange-panel .dropdown-option.undo:before,
.preview-panel .context-menu-item.undo:before,
.preview-panel .dropdown-option.undo:before {
  content: "\f0e2";
}
.top-menu .context-menu-item.redo:before,
.top-menu .dropdown-option.redo:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.redo:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.redo:before,
.composer-palette.element-picker .context-menu-item.redo:before,
.composer-palette.element-picker .dropdown-option.redo:before,
.context-menu .context-menu-item.redo:before,
.context-menu .dropdown-option.redo:before,
.arrange-panel .context-menu-item.redo:before,
.arrange-panel .dropdown-option.redo:before,
.preview-panel .context-menu-item.redo:before,
.preview-panel .dropdown-option.redo:before {
  content: "\f01e";
}
.top-menu .context-menu-item.cut:before,
.top-menu .dropdown-option.cut:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.cut:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.cut:before,
.composer-palette.element-picker .context-menu-item.cut:before,
.composer-palette.element-picker .dropdown-option.cut:before,
.context-menu .context-menu-item.cut:before,
.context-menu .dropdown-option.cut:before,
.arrange-panel .context-menu-item.cut:before,
.arrange-panel .dropdown-option.cut:before,
.preview-panel .context-menu-item.cut:before,
.preview-panel .dropdown-option.cut:before {
  content: "\f0c4";
}
.top-menu .context-menu-item.copy:before,
.top-menu .dropdown-option.copy:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy:before,
.composer-palette.element-picker .context-menu-item.copy:before,
.composer-palette.element-picker .dropdown-option.copy:before,
.context-menu .context-menu-item.copy:before,
.context-menu .dropdown-option.copy:before,
.arrange-panel .context-menu-item.copy:before,
.arrange-panel .dropdown-option.copy:before,
.preview-panel .context-menu-item.copy:before,
.preview-panel .dropdown-option.copy:before {
  content: "\f0c5";
}
.top-menu .context-menu-item.copy_to_another_app:before,
.top-menu .dropdown-option.copy_to_another_app:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_to_another_app:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_to_another_app:before,
.composer-palette.element-picker .context-menu-item.copy_to_another_app:before,
.composer-palette.element-picker .dropdown-option.copy_to_another_app:before,
.context-menu .context-menu-item.copy_to_another_app:before,
.context-menu .dropdown-option.copy_to_another_app:before,
.arrange-panel .context-menu-item.copy_to_another_app:before,
.arrange-panel .dropdown-option.copy_to_another_app:before,
.preview-panel .context-menu-item.copy_to_another_app:before,
.preview-panel .dropdown-option.copy_to_another_app:before {
  content: "\f019";
}
.top-menu .context-menu-item.convert_into:before,
.top-menu .dropdown-option.convert_into:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.convert_into:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.convert_into:before,
.composer-palette.element-picker .context-menu-item.convert_into:before,
.composer-palette.element-picker .dropdown-option.convert_into:before,
.context-menu .context-menu-item.convert_into:before,
.context-menu .dropdown-option.convert_into:before,
.arrange-panel .context-menu-item.convert_into:before,
.arrange-panel .dropdown-option.convert_into:before,
.preview-panel .context-menu-item.convert_into:before,
.preview-panel .dropdown-option.convert_into:before {
  content: "\f006";
}
.top-menu .context-menu-item.group_elements.in.a.group:before,
.top-menu .dropdown-option.group_elements.in.a.group:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.group_elements.in.a.group:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.group_elements.in.a.group:before,
.composer-palette.element-picker .context-menu-item.group_elements.in.a.group:before,
.composer-palette.element-picker .dropdown-option.group_elements.in.a.group:before,
.context-menu .context-menu-item.group_elements.in.a.group:before,
.context-menu .dropdown-option.group_elements.in.a.group:before,
.arrange-panel .context-menu-item.group_elements.in.a.group:before,
.arrange-panel .dropdown-option.group_elements.in.a.group:before,
.preview-panel .context-menu-item.group_elements.in.a.group:before,
.preview-panel .dropdown-option.group_elements.in.a.group:before {
  content: "\f247";
}
.top-menu .context-menu-item.group_elements.fixed:before,
.top-menu .dropdown-option.group_elements.fixed:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.group_elements.fixed:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.group_elements.fixed:before,
.composer-palette.element-picker .context-menu-item.group_elements.fixed:before,
.composer-palette.element-picker .dropdown-option.group_elements.fixed:before,
.context-menu .context-menu-item.group_elements.fixed:before,
.context-menu .dropdown-option.group_elements.fixed:before,
.arrange-panel .context-menu-item.group_elements.fixed:before,
.arrange-panel .dropdown-option.group_elements.fixed:before,
.preview-panel .context-menu-item.group_elements.fixed:before,
.preview-panel .dropdown-option.group_elements.fixed:before {
  content: "\f247";
}
.top-menu .context-menu-item.ungroup_these:before,
.top-menu .dropdown-option.ungroup_these:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.ungroup_these:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.ungroup_these:before,
.composer-palette.element-picker .context-menu-item.ungroup_these:before,
.composer-palette.element-picker .dropdown-option.ungroup_these:before,
.context-menu .context-menu-item.ungroup_these:before,
.context-menu .dropdown-option.ungroup_these:before,
.arrange-panel .context-menu-item.ungroup_these:before,
.arrange-panel .dropdown-option.ungroup_these:before,
.preview-panel .context-menu-item.ungroup_these:before,
.preview-panel .dropdown-option.ungroup_these:before {
  content: "\f248";
}
.top-menu .context-menu-item.paste:before,
.top-menu .dropdown-option.paste:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste:before,
.composer-palette.element-picker .context-menu-item.paste:before,
.composer-palette.element-picker .dropdown-option.paste:before,
.context-menu .context-menu-item.paste:before,
.context-menu .dropdown-option.paste:before,
.arrange-panel .context-menu-item.paste:before,
.arrange-panel .dropdown-option.paste:before,
.preview-panel .context-menu-item.paste:before,
.preview-panel .dropdown-option.paste:before {
  content: "\f0ea";
}
.top-menu .context-menu-item.select_all:before,
.top-menu .dropdown-option.select_all:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.select_all:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.select_all:before,
.composer-palette.element-picker .context-menu-item.select_all:before,
.composer-palette.element-picker .dropdown-option.select_all:before,
.context-menu .context-menu-item.select_all:before,
.context-menu .dropdown-option.select_all:before,
.arrange-panel .context-menu-item.select_all:before,
.arrange-panel .dropdown-option.select_all:before,
.preview-panel .context-menu-item.select_all:before,
.preview-panel .dropdown-option.select_all:before {
  content: "\f00a";
}
.top-menu .context-menu-item.copy_formatting:before, .top-menu .context-menu-item.copy_style:before,
.top-menu .dropdown-option.copy_formatting:before,
.top-menu .dropdown-option.copy_style:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_formatting:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_style:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_formatting:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_style:before,
.composer-palette.element-picker .context-menu-item.copy_formatting:before,
.composer-palette.element-picker .context-menu-item.copy_style:before,
.composer-palette.element-picker .dropdown-option.copy_formatting:before,
.composer-palette.element-picker .dropdown-option.copy_style:before,
.context-menu .context-menu-item.copy_formatting:before,
.context-menu .context-menu-item.copy_style:before,
.context-menu .dropdown-option.copy_formatting:before,
.context-menu .dropdown-option.copy_style:before,
.arrange-panel .context-menu-item.copy_formatting:before,
.arrange-panel .context-menu-item.copy_style:before,
.arrange-panel .dropdown-option.copy_formatting:before,
.arrange-panel .dropdown-option.copy_style:before,
.preview-panel .context-menu-item.copy_formatting:before,
.preview-panel .context-menu-item.copy_style:before,
.preview-panel .dropdown-option.copy_formatting:before,
.preview-panel .dropdown-option.copy_style:before {
  content: "\f12d";
}
.top-menu .context-menu-item.replace_by:before,
.top-menu .dropdown-option.replace_by:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.replace_by:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.replace_by:before,
.composer-palette.element-picker .context-menu-item.replace_by:before,
.composer-palette.element-picker .dropdown-option.replace_by:before,
.context-menu .context-menu-item.replace_by:before,
.context-menu .dropdown-option.replace_by:before,
.arrange-panel .context-menu-item.replace_by:before,
.arrange-panel .dropdown-option.replace_by:before,
.preview-panel .context-menu-item.replace_by:before,
.preview-panel .dropdown-option.replace_by:before {
  content: "\f0ec";
}
.top-menu .context-menu-item.paste_formatting:before, .top-menu .context-menu-item.paste_style:before,
.top-menu .dropdown-option.paste_formatting:before,
.top-menu .dropdown-option.paste_style:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste_formatting:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste_style:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste_formatting:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste_style:before,
.composer-palette.element-picker .context-menu-item.paste_formatting:before,
.composer-palette.element-picker .context-menu-item.paste_style:before,
.composer-palette.element-picker .dropdown-option.paste_formatting:before,
.composer-palette.element-picker .dropdown-option.paste_style:before,
.context-menu .context-menu-item.paste_formatting:before,
.context-menu .context-menu-item.paste_style:before,
.context-menu .dropdown-option.paste_formatting:before,
.context-menu .dropdown-option.paste_style:before,
.arrange-panel .context-menu-item.paste_formatting:before,
.arrange-panel .context-menu-item.paste_style:before,
.arrange-panel .dropdown-option.paste_formatting:before,
.arrange-panel .dropdown-option.paste_style:before,
.preview-panel .context-menu-item.paste_formatting:before,
.preview-panel .context-menu-item.paste_style:before,
.preview-panel .dropdown-option.paste_formatting:before,
.preview-panel .dropdown-option.paste_style:before {
  content: "\f15c";
}
.top-menu .context-menu-item.clone_this:before,
.top-menu .dropdown-option.clone_this:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.clone_this:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.clone_this:before,
.composer-palette.element-picker .context-menu-item.clone_this:before,
.composer-palette.element-picker .dropdown-option.clone_this:before,
.context-menu .context-menu-item.clone_this:before,
.context-menu .dropdown-option.clone_this:before,
.arrange-panel .context-menu-item.clone_this:before,
.arrange-panel .dropdown-option.clone_this:before,
.preview-panel .context-menu-item.clone_this:before,
.preview-panel .dropdown-option.clone_this:before {
  content: "\f016";
}
.top-menu .context-menu-item.tutorial_videos:before,
.top-menu .dropdown-option.tutorial_videos:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.tutorial_videos:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.tutorial_videos:before,
.composer-palette.element-picker .context-menu-item.tutorial_videos:before,
.composer-palette.element-picker .dropdown-option.tutorial_videos:before,
.context-menu .context-menu-item.tutorial_videos:before,
.context-menu .dropdown-option.tutorial_videos:before,
.arrange-panel .context-menu-item.tutorial_videos:before,
.arrange-panel .dropdown-option.tutorial_videos:before,
.preview-panel .context-menu-item.tutorial_videos:before,
.preview-panel .dropdown-option.tutorial_videos:before {
  content: "\f008";
}
.top-menu .context-menu-item.shortcuts_list:before,
.top-menu .dropdown-option.shortcuts_list:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.shortcuts_list:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.shortcuts_list:before,
.composer-palette.element-picker .context-menu-item.shortcuts_list:before,
.composer-palette.element-picker .dropdown-option.shortcuts_list:before,
.context-menu .context-menu-item.shortcuts_list:before,
.context-menu .dropdown-option.shortcuts_list:before,
.arrange-panel .context-menu-item.shortcuts_list:before,
.arrange-panel .dropdown-option.shortcuts_list:before,
.preview-panel .context-menu-item.shortcuts_list:before,
.preview-panel .dropdown-option.shortcuts_list:before {
  content: "\f022";
}
.top-menu .context-menu-item.references:before, .top-menu .context-menu-item.academy:before,
.top-menu .dropdown-option.references:before,
.top-menu .dropdown-option.academy:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.references:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.academy:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.references:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.academy:before,
.composer-palette.element-picker .context-menu-item.references:before,
.composer-palette.element-picker .context-menu-item.academy:before,
.composer-palette.element-picker .dropdown-option.references:before,
.composer-palette.element-picker .dropdown-option.academy:before,
.context-menu .context-menu-item.references:before,
.context-menu .context-menu-item.academy:before,
.context-menu .dropdown-option.references:before,
.context-menu .dropdown-option.academy:before,
.arrange-panel .context-menu-item.references:before,
.arrange-panel .context-menu-item.academy:before,
.arrange-panel .dropdown-option.references:before,
.arrange-panel .dropdown-option.academy:before,
.preview-panel .context-menu-item.references:before,
.preview-panel .context-menu-item.academy:before,
.preview-panel .dropdown-option.references:before,
.preview-panel .dropdown-option.academy:before {
  content: "\f02d";
}
.top-menu .context-menu-item.forum:before,
.top-menu .dropdown-option.forum:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.forum:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.forum:before,
.composer-palette.element-picker .context-menu-item.forum:before,
.composer-palette.element-picker .dropdown-option.forum:before,
.context-menu .context-menu-item.forum:before,
.context-menu .dropdown-option.forum:before,
.arrange-panel .context-menu-item.forum:before,
.arrange-panel .dropdown-option.forum:before,
.preview-panel .context-menu-item.forum:before,
.preview-panel .dropdown-option.forum:before {
  content: "\f0c0";
}
.top-menu .context-menu-item.responsive_engine:before,
.top-menu .dropdown-option.responsive_engine:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.responsive_engine:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.responsive_engine:before,
.composer-palette.element-picker .context-menu-item.responsive_engine:before,
.composer-palette.element-picker .dropdown-option.responsive_engine:before,
.context-menu .context-menu-item.responsive_engine:before,
.context-menu .dropdown-option.responsive_engine:before,
.arrange-panel .context-menu-item.responsive_engine:before,
.arrange-panel .dropdown-option.responsive_engine:before,
.preview-panel .context-menu-item.responsive_engine:before,
.preview-panel .dropdown-option.responsive_engine:before {
  content: "\f10b";
}
.top-menu .context-menu-item.explore_third-party.resources:before,
.top-menu .dropdown-option.explore_third-party.resources:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.explore_third-party.resources:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.explore_third-party.resources:before,
.composer-palette.element-picker .context-menu-item.explore_third-party.resources:before,
.composer-palette.element-picker .dropdown-option.explore_third-party.resources:before,
.context-menu .context-menu-item.explore_third-party.resources:before,
.context-menu .dropdown-option.explore_third-party.resources:before,
.arrange-panel .context-menu-item.explore_third-party.resources:before,
.arrange-panel .dropdown-option.explore_third-party.resources:before,
.preview-panel .context-menu-item.explore_third-party.resources:before,
.preview-panel .dropdown-option.explore_third-party.resources:before {
  content: "\f005";
}
.top-menu .context-menu-item.report_a:before,
.top-menu .dropdown-option.report_a:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.report_a:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.report_a:before,
.composer-palette.element-picker .context-menu-item.report_a:before,
.composer-palette.element-picker .dropdown-option.report_a:before,
.context-menu .context-menu-item.report_a:before,
.context-menu .dropdown-option.report_a:before,
.arrange-panel .context-menu-item.report_a:before,
.arrange-panel .dropdown-option.report_a:before,
.preview-panel .context-menu-item.report_a:before,
.preview-panel .dropdown-option.report_a:before {
  content: "\f188";
}
.top-menu .context-menu-item.ask_for:before,
.top-menu .dropdown-option.ask_for:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.ask_for:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.ask_for:before,
.composer-palette.element-picker .context-menu-item.ask_for:before,
.composer-palette.element-picker .dropdown-option.ask_for:before,
.context-menu .context-menu-item.ask_for:before,
.context-menu .dropdown-option.ask_for:before,
.arrange-panel .context-menu-item.ask_for:before,
.arrange-panel .dropdown-option.ask_for:before,
.preview-panel .context-menu-item.ask_for:before,
.preview-panel .dropdown-option.ask_for:before {
  content: "\f128";
}
.top-menu .context-menu-item.learning_lessons:before,
.top-menu .dropdown-option.learning_lessons:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.learning_lessons:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.learning_lessons:before,
.composer-palette.element-picker .context-menu-item.learning_lessons:before,
.composer-palette.element-picker .dropdown-option.learning_lessons:before,
.context-menu .context-menu-item.learning_lessons:before,
.context-menu .dropdown-option.learning_lessons:before,
.arrange-panel .context-menu-item.learning_lessons:before,
.arrange-panel .dropdown-option.learning_lessons:before,
.preview-panel .context-menu-item.learning_lessons:before,
.preview-panel .dropdown-option.learning_lessons:before {
  content: "\f135";
}
.top-menu .context-menu-item.learning:before,
.top-menu .dropdown-option.learning:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.learning:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.learning:before,
.composer-palette.element-picker .context-menu-item.learning:before,
.composer-palette.element-picker .dropdown-option.learning:before,
.context-menu .context-menu-item.learning:before,
.context-menu .dropdown-option.learning:before,
.arrange-panel .context-menu-item.learning:before,
.arrange-panel .dropdown-option.learning:before,
.preview-panel .context-menu-item.learning:before,
.preview-panel .dropdown-option.learning:before {
  content: "\f109";
}
.top-menu .context-menu-item.get_some.help:before,
.top-menu .dropdown-option.get_some.help:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.get_some.help:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.get_some.help:before,
.composer-palette.element-picker .context-menu-item.get_some.help:before,
.composer-palette.element-picker .dropdown-option.get_some.help:before,
.context-menu .context-menu-item.get_some.help:before,
.context-menu .dropdown-option.get_some.help:before,
.arrange-panel .context-menu-item.get_some.help:before,
.arrange-panel .dropdown-option.get_some.help:before,
.preview-panel .context-menu-item.get_some.help:before,
.preview-panel .dropdown-option.get_some.help:before {
  content: "\f0d0";
}
.top-menu .context-menu-item.my_applications:before, .top-menu .context-menu-item.my_plugins:before, .top-menu .context-menu-item.my_templates:before, .top-menu .context-menu-item.my_account:before, .top-menu .context-menu-item.log_out:before,
.top-menu .dropdown-option.my_applications:before,
.top-menu .dropdown-option.my_plugins:before,
.top-menu .dropdown-option.my_templates:before,
.top-menu .dropdown-option.my_account:before,
.top-menu .dropdown-option.log_out:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_applications:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_plugins:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_templates:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_account:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.log_out:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_applications:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_plugins:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_templates:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_account:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.log_out:before,
.composer-palette.element-picker .context-menu-item.my_applications:before,
.composer-palette.element-picker .context-menu-item.my_plugins:before,
.composer-palette.element-picker .context-menu-item.my_templates:before,
.composer-palette.element-picker .context-menu-item.my_account:before,
.composer-palette.element-picker .context-menu-item.log_out:before,
.composer-palette.element-picker .dropdown-option.my_applications:before,
.composer-palette.element-picker .dropdown-option.my_plugins:before,
.composer-palette.element-picker .dropdown-option.my_templates:before,
.composer-palette.element-picker .dropdown-option.my_account:before,
.composer-palette.element-picker .dropdown-option.log_out:before,
.context-menu .context-menu-item.my_applications:before,
.context-menu .context-menu-item.my_plugins:before,
.context-menu .context-menu-item.my_templates:before,
.context-menu .context-menu-item.my_account:before,
.context-menu .context-menu-item.log_out:before,
.context-menu .dropdown-option.my_applications:before,
.context-menu .dropdown-option.my_plugins:before,
.context-menu .dropdown-option.my_templates:before,
.context-menu .dropdown-option.my_account:before,
.context-menu .dropdown-option.log_out:before,
.arrange-panel .context-menu-item.my_applications:before,
.arrange-panel .context-menu-item.my_plugins:before,
.arrange-panel .context-menu-item.my_templates:before,
.arrange-panel .context-menu-item.my_account:before,
.arrange-panel .context-menu-item.log_out:before,
.arrange-panel .dropdown-option.my_applications:before,
.arrange-panel .dropdown-option.my_plugins:before,
.arrange-panel .dropdown-option.my_templates:before,
.arrange-panel .dropdown-option.my_account:before,
.arrange-panel .dropdown-option.log_out:before,
.preview-panel .context-menu-item.my_applications:before,
.preview-panel .context-menu-item.my_plugins:before,
.preview-panel .context-menu-item.my_templates:before,
.preview-panel .context-menu-item.my_account:before,
.preview-panel .context-menu-item.log_out:before,
.preview-panel .dropdown-option.my_applications:before,
.preview-panel .dropdown-option.my_plugins:before,
.preview-panel .dropdown-option.my_templates:before,
.preview-panel .dropdown-option.my_account:before,
.preview-panel .dropdown-option.log_out:before {
  font-family: "newbubble";
  color: #5d5d5d;
  font-size: 13px;
}
.top-menu .context-menu-item.my_applications:before,
.top-menu .dropdown-option.my_applications:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_applications:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_applications:before,
.composer-palette.element-picker .context-menu-item.my_applications:before,
.composer-palette.element-picker .dropdown-option.my_applications:before,
.context-menu .context-menu-item.my_applications:before,
.context-menu .dropdown-option.my_applications:before,
.arrange-panel .context-menu-item.my_applications:before,
.arrange-panel .dropdown-option.my_applications:before,
.preview-panel .context-menu-item.my_applications:before,
.preview-panel .dropdown-option.my_applications:before {
  content: "\e900";
}
.top-menu .context-menu-item.my_plugins:before,
.top-menu .dropdown-option.my_plugins:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_plugins:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_plugins:before,
.composer-palette.element-picker .context-menu-item.my_plugins:before,
.composer-palette.element-picker .dropdown-option.my_plugins:before,
.context-menu .context-menu-item.my_plugins:before,
.context-menu .dropdown-option.my_plugins:before,
.arrange-panel .context-menu-item.my_plugins:before,
.arrange-panel .dropdown-option.my_plugins:before,
.preview-panel .context-menu-item.my_plugins:before,
.preview-panel .dropdown-option.my_plugins:before {
  content: "\e901";
}
.top-menu .context-menu-item.my_templates:before,
.top-menu .dropdown-option.my_templates:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_templates:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_templates:before,
.composer-palette.element-picker .context-menu-item.my_templates:before,
.composer-palette.element-picker .dropdown-option.my_templates:before,
.context-menu .context-menu-item.my_templates:before,
.context-menu .dropdown-option.my_templates:before,
.arrange-panel .context-menu-item.my_templates:before,
.arrange-panel .dropdown-option.my_templates:before,
.preview-panel .context-menu-item.my_templates:before,
.preview-panel .dropdown-option.my_templates:before {
  content: "\e903";
}
.top-menu .context-menu-item.my_account:before,
.top-menu .dropdown-option.my_account:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_account:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_account:before,
.composer-palette.element-picker .context-menu-item.my_account:before,
.composer-palette.element-picker .dropdown-option.my_account:before,
.context-menu .context-menu-item.my_account:before,
.context-menu .dropdown-option.my_account:before,
.arrange-panel .context-menu-item.my_account:before,
.arrange-panel .dropdown-option.my_account:before,
.preview-panel .context-menu-item.my_account:before,
.preview-panel .dropdown-option.my_account:before {
  content: "\e902";
}
.top-menu .context-menu-item.log_out:before,
.top-menu .dropdown-option.log_out:before,
.composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.log_out:before,
.composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.log_out:before,
.composer-palette.element-picker .context-menu-item.log_out:before,
.composer-palette.element-picker .dropdown-option.log_out:before,
.context-menu .context-menu-item.log_out:before,
.context-menu .dropdown-option.log_out:before,
.arrange-panel .context-menu-item.log_out:before,
.arrange-panel .dropdown-option.log_out:before,
.preview-panel .context-menu-item.log_out:before,
.preview-panel .dropdown-option.log_out:before {
  content: "\e904";
}
.top-menu.user-name,
.composer-palette.bubble-ui:not(.icon_palette).user-name,
.composer-palette.element-picker.user-name,
.context-menu.user-name,
.arrange-panel.user-name,
.preview-panel.user-name {
  width: 120px;
}

.menu-bar .project-name.menu-item:hover, .menu-bar .project-name.menu-item.open, .menu-bar .project-name.menu-item.selected,
.version-dropdown:hover,
.version-dropdown.open,
.version-dropdown.selected,
.element-picker .spot:hover,
.element-picker .spot.open,
.element-picker .spot.selected,
.menu-bar .user-name:hover,
.menu-bar .user-name.open,
.menu-bar .user-name.selected,
.menu-bar .menu-item:not(.log-in):hover,
.menu-bar .menu-item:not(.log-in).open,
.menu-bar .menu-item:not(.log-in).selected {
  background-color: rgb(249, 249, 249) !important;
}

.menu-bar .project-name {
  padding-left: 8px;
  text-align: left;
  border-left: 1px solid #ebf0f2;
  border-right: 1px solid #ebf0f2;
}

.menu-bar .empty_space_2 {
  float: right;
}

.menu-bar .simple-notification {
  float: left;
  width: 40px;
  padding-top: 11px;
  color: #b5b5b5;
  text-align: center;
}

.menu-bar .empty_space_3 {
  float: right;
  width: 15px;
}

.context-menu .context-menu-item.disabled {
  display: none;
}
.context-menu .context-menu-item.separator.disabled {
  display: block;
}

.context-menu-item {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}

.context-menu-item:first-child {
  border-top: none;
}

.toolbox-panel {
  width: 100%;
  clear: left;
  float: left;
  display: none;
  margin-bottom: 50px;
  padding-bottom: 3px;
  margin-bottom: 20px;
}
.toolbox-panel h3 {
  text-align: center;
  font-size: 11px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.toolbox-panel h2 {
  text-align: center;
  color: white;
  font-size: 12px;
  margin-top: 9px;
  margin-bottom: 9px;
}
.toolbox-panel hr {
  border: none;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.toolbox-pane {
  width: 186px;
  font-size: 12px;
  border-left: 1px solid var(--b-border, #e6e6e6);
  background-color: white;
  overflow-y: auto;
  height: 100%;
  z-index: 1;
}

.layers-box h2,
.section_title {
  cursor: pointer;
  float: left;
  font-size: 13px;
  color: var(--b-txt-primary, #1a1a1a);
  padding: 6px 15px 10px 18px;
  background-color: #f5f5f5;
  height: 27px;
  width: 100%;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
  overflow: hidden;
}
.layers-box h2:before,
.section_title:before {
  font-family: "FontAwesome";
  content: "\f0da";
  font-size: 14px;
  margin-left: 3px;
  margin-right: 10px;
  width: 12px;
}
.layers-box h2.open:before,
.section_title.open:before {
  content: "\f0d7";
  margin-left: 0px;
  margin-right: 10px;
}

.entry-list,
.folders-wrapper {
  float: left;
  width: 100%;
}
.entry-list .bubble-ui.btn.add-folder-btn,
.folders-wrapper .bubble-ui.btn.add-folder-btn {
  float: left;
  margin: 15px 0 15px 26px;
  width: 133px;
}

.entry-list .folders-list,
.folders-wrapper .folders-list,
.toolbox-pane.plugin-elements .folders-list,
.toolbox-pane.plugin-actions .folders-list {
  display: block;
  padding: 0px;
  cursor: default;
  overflow: auto;
}
.entry-list .folder-row,
.folders-wrapper .folder-row,
.toolbox-pane.plugin-elements .folder-row,
.toolbox-pane.plugin-actions .folder-row {
  padding-left: 2px;
  overflow: auto;
  margin-bottom: 0px;
  cursor: pointer;
  height: 22px;
  width: 100%;
  display: table;
}
.entry-list .folder-caption,
.folders-wrapper .folder-caption,
.toolbox-pane.plugin-elements .folder-caption,
.toolbox-pane.plugin-actions .folder-caption {
  display: table-cell;
  vertical-align: middle;
  max-width: 77px;
  width: 100%;
  font-weight: 400;
  padding: 0px 2px 0px 5px;
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* css-3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}
.entry-list .folder-caption:hover,
.folders-wrapper .folder-caption:hover,
.toolbox-pane.plugin-elements .folder-caption:hover,
.toolbox-pane.plugin-actions .folder-caption:hover {
  background-color: rgb(249, 249, 249);
}
.entry-list .folder.bubble-ui.delete-btn, .entry-list .folder.bubble-ui.copy-btn, .entry-list .folder.bubble-ui.modify-btn,
.folders-wrapper .folder.bubble-ui.delete-btn,
.folders-wrapper .folder.bubble-ui.copy-btn,
.folders-wrapper .folder.bubble-ui.modify-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn {
  position: absolute;
  margin-top: -12px;
}
.entry-list .folder.bubble-ui.delete-btn,
.folders-wrapper .folder.bubble-ui.delete-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn {
  right: 5px;
}
.entry-list .folder.bubble-ui.delete-btn:before,
.folders-wrapper .folder.bubble-ui.delete-btn:before,
.toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn:before,
.toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn:before {
  font-size: 12px;
}
.entry-list .folder.bubble-ui.modify-btn,
.folders-wrapper .folder.bubble-ui.modify-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn {
  right: 20px;
}
.entry-list .folder.bubble-ui.modify-btn:before,
.folders-wrapper .folder.bubble-ui.modify-btn:before,
.toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn:before,
.toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn:before {
  font-size: 10px;
}
.entry-list .folder.bubble-ui.copy-btn,
.folders-wrapper .folder.bubble-ui.copy-btn,
.toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn,
.toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn {
  right: 22px;
}
.entry-list .folder.bubble-ui.copy-btn:before,
.folders-wrapper .folder.bubble-ui.copy-btn:before,
.toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn:before,
.toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn:before {
  font-size: 10px;
}
.entry-list .folder-icon,
.folders-wrapper .folder-icon,
.toolbox-pane.plugin-elements .folder-icon,
.toolbox-pane.plugin-actions .folder-icon {
  width: 20px;
  height: 27px;
  text-align: center;
  border-right: 1px solid rgb(245, 245, 245);
}
.entry-list .folder-icon:before,
.folders-wrapper .folder-icon:before,
.toolbox-pane.plugin-elements .folder-icon:before,
.toolbox-pane.plugin-actions .folder-icon:before {
  font-family: "FontAwesome";
  content: "";
  position: relative;
  top: 2px;
}
.entry-list .folder-icon:hover,
.folders-wrapper .folder-icon:hover,
.toolbox-pane.plugin-elements .folder-icon:hover,
.toolbox-pane.plugin-actions .folder-icon:hover {
  color: var(--b-bg-contrast1, #525252);
}
.entry-list .folder-icon:before,
.folders-wrapper .folder-icon:before,
.toolbox-pane.plugin-elements .folder-icon:before,
.toolbox-pane.plugin-actions .folder-icon:before {
  top: 7px;
}
.entry-list .folder-row.selected .folder-icon:before,
.folders-wrapper .folder-row.selected .folder-icon:before,
.toolbox-pane.plugin-elements .folder-row.selected .folder-icon:before,
.toolbox-pane.plugin-actions .folder-row.selected .folder-icon:before {
  content: "\f06e";
}

.folders-wrapper .folder-caption {
  padding-right: 30px;
}

.bubble-ui.btn.feedback-button {
  margin-top: 20px;
  margin-right: 40px;
  font-size: 14px;
  box-shadow: 0px 2px 4px black;
}

/* ----------------------------------

STATUS NOTIFICATION (ie "Saving..." message)

---------------------------------- */
.status-notification {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000010;
  background-color: rgba(255, 255, 255, 0.94);
}
.status-notification .message-box {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  position: fixed;
  top: 100px;
  width: 400px;
  height: 180px;
  left: 50%;
  margin-left: -200px;
}
.status-notification .message-box .subtitle {
  text-align: center;
  font-size: 16px;
  color: var(--b-txt-brand, #0c29ab);
  margin-top: 40px;
  line-height: 30px;
  white-space: pre-line;
}

.loading-animation {
  width: 100%;
  height: 100px;
}
.loading-animation .bubble,
.loading-animation .pulse {
  left: 50%;
  top: 50%;
  position: absolute;
  border-radius: 50%;
}
.loading-animation .bubble {
  width: 30px;
  height: 30px;
  background: var(--b-txt-brand, #0c29ab);
  margin: -20px 0 0 -20px;
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
  z-index: 3;
}
.loading-animation .pulse {
  background: rgba(0, 0, 0, 0.1);
  height: 14px;
  width: 14px;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: 2;
}
.loading-animation .pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #7070f1;
  animation-delay: 1.1s;
}

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(10px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(10px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(10px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(10px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
.bubble-ui.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: var(--b-txt-on-contrast);
  float: right;
  width: fit-content;
  height: fit-content;
  background-color: var(--b-bg-on-brand1);
  border: 1px solid var(--b-border-brand);
  padding: 8px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.bubble-ui.btn:hover {
  background-color: var(--b-bg-on-brand2);
  border-color: var(--b-bg-on-brand2);
}
.bubble-ui.btn.disabled, .bubble-ui.btn.disabled:hover, .bubble-ui.btn.forced-pressed, .bubble-ui.btn.forced-pressed:hover {
  cursor: default;
  background-color: var(--b-bg-accent-cobalt);
  border-color: var(--b-bg-accent-cobalt);
  pointer-events: none;
}
.bubble-ui.btn.grey {
  border-color: var(--b-border-brand);
  background-color: var(--b-bg-primary);
  color: var(--b-txt-brand);
}
.bubble-ui.btn.grey:hover {
  background-color: var(--b-bg-brand1);
}
.bubble-ui.btn.grey.disabled {
  border-color: var(--b-bg-accent-cobalt);
  color: var(--b-bg-accent-cobalt);
}
.bubble-ui.btn.grey.disabled:hover {
  background-color: var(--b-bg-primary);
}
.bubble-ui.btn.responsive-modal-btn {
  display: flex;
  width: 148px;
  height: 30px;
  padding: 0px;
  margin-bottom: 6px;
  align-items: center;
  justify-content: center;
}
.bubble-ui.btn.light {
  background-color: transparent;
  border: 1px solid var(--b-border);
  color: var(--b-txt-primary, #1a1a1a);
}
.bubble-ui.btn.light:hover {
  background-color: rgb(249, 249, 249);
}
.bubble-ui.btn.light.disabled, .bubble-ui.btn.light.disabled:hover {
  background-color: transparent;
  border: 1px solid var(--b-border-inactive);
  color: var(--b-txt-inactive);
}
.bubble-ui.btn.small-height {
  height: 30px !important;
  padding-top: 7px !important;
}

.bubble-ui.light-grey-btn {
  color: var(--b-txt-tertiary);
  cursor: pointer;
}
.bubble-ui.light-grey-btn:hover {
  color: var(--b-txt-secondary);
  text-decoration: none;
}

.bubble-ui.composer-slider .ui-slider-handle {
  background: #bdc8cc !important;
  border: 1px solid #9daeb3;
}

.btn.IconInput.grey.bubble-ui {
  height: 30px;
  width: 168px;
  padding-top: 3px !important;
}
.btn.IconInput.grey.bubble-ui .button-caption {
  float: left;
  margin-left: 15px;
}
.btn.IconInput.grey.bubble-ui i {
  float: right;
  margin-right: 15px;
}

.bubble-ui.composer-palette.icon_palette .dropdown-option:hover {
  background-color: rgb(249, 249, 249);
}
.bubble-ui.composer-palette.icon_palette .dropdown-option.currently-selected-option {
  color: var(--b-txt-brand, #0c29ab);
}

.bubble-ui.delete-btn,
.bubble-ui.comment-btn,
.modify-btn,
.copy-btn {
  cursor: pointer;
  color: var(--b-icon-tertiary);
}
.bubble-ui.delete-btn:before,
.bubble-ui.comment-btn:before,
.modify-btn:before,
.copy-btn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask-size: contain;
  mask-position: center;
}

.bubble-ui.delete-btn:hover {
  color: var(--b-icon-danger);
}

.bubble-ui.comment-btn:hover,
.modify-btn:hover,
.copy-btn:hover {
  color: var(--b-icon-brand);
}

.bubble-ui.delete-btn:before {
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 6H22V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2H13C12.2044 2 11.4413 2.31607 10.8787 2.87868C10.3161 3.44129 10 4.20435 10 5V6H5C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8H6V26C6 26.5304 6.21071 27.0391 6.58579 27.4142C6.96086 27.7893 7.46957 28 8 28H24C24.5304 28 25.0391 27.7893 25.4142 27.4142C25.7893 27.0391 26 26.5304 26 26V8H27C27.2652 8 27.5196 7.89464 27.7071 7.70711C27.8946 7.51957 28 7.26522 28 7C28 6.73478 27.8946 6.48043 27.7071 6.29289C27.5196 6.10536 27.2652 6 27 6ZM12 5C12 4.73478 12.1054 4.48043 12.2929 4.29289C12.4804 4.10536 12.7348 4 13 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V6H12V5ZM24 26H8V8H24V26ZM14 13V21C14 21.2652 13.8946 21.5196 13.7071 21.7071C13.5196 21.8946 13.2652 22 13 22C12.7348 22 12.4804 21.8946 12.2929 21.7071C12.1054 21.5196 12 21.2652 12 21V13C12 12.7348 12.1054 12.4804 12.2929 12.2929C12.4804 12.1054 12.7348 12 13 12C13.2652 12 13.5196 12.1054 13.7071 12.2929C13.8946 12.4804 14 12.7348 14 13ZM20 13V21C20 21.2652 19.8946 21.5196 19.7071 21.7071C19.5196 21.8946 19.2652 22 19 22C18.7348 22 18.4804 21.8946 18.2929 21.7071C18.1054 21.5196 18 21.2652 18 21V13C18 12.7348 18.1054 12.4804 18.2929 12.2929C18.4804 12.1054 18.7348 12 19 12C19.2652 12 19.5196 12.1054 19.7071 12.2929C19.8946 12.4804 20 12.7348 20 13Z" fill="currentColor"/></svg>');
}

.bubble-ui.modify-btn:before {
  mask-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.4138 9.17122L22.8288 3.58497C22.643 3.39921 22.4225 3.25185 22.1799 3.15131C21.9372 3.05077 21.6771 2.99902 21.4144 2.99902C21.1517 2.99902 20.8916 3.05077 20.6489 3.15131C20.4062 3.25185 20.1857 3.39921 20 3.58497L4.58626 19C4.39973 19.185 4.25185 19.4053 4.15121 19.648C4.05057 19.8907 3.99917 20.151 4.00001 20.4137V26C4.00001 26.5304 4.21072 27.0391 4.5858 27.4142C4.96087 27.7893 5.46958 28 6.00001 28H11.5863C11.849 28.0008 12.1093 27.9494 12.352 27.8488C12.5947 27.7481 12.815 27.6002 13 27.4137L28.4138 12C28.5995 11.8142 28.7469 11.5937 28.8474 11.3511C28.948 11.1084 28.9997 10.8483 28.9997 10.5856C28.9997 10.3229 28.948 10.0628 28.8474 9.82012C28.7469 9.57744 28.5995 9.35695 28.4138 9.17122ZM11.5863 26H6.00001V20.4137L17 9.41372L22.5863 15L11.5863 26ZM24 13.585L18.4138 7.99997L21.4138 4.99997L27 10.585L24 13.585Z" fill="black"/></svg>');
}

.bubble-ui.copy-btn:before {
  mask-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 8H5C4.73478 8 4.48043 8.10536 4.29289 8.29289C4.10536 8.48043 4 8.73478 4 9V27C4 27.2652 4.10536 27.5196 4.29289 27.7071C4.48043 27.8946 4.73478 28 5 28H23C23.2652 28 23.5196 27.8946 23.7071 27.7071C23.8946 27.5196 24 27.2652 24 27V9C24 8.73478 23.8946 8.48043 23.7071 8.29289C23.5196 8.10536 23.2652 8 23 8ZM22 26H6V10H22V26ZM28 5V23C28 23.2652 27.8946 23.5196 27.7071 23.7071C27.5196 23.8946 27.2652 24 27 24C26.7348 24 26.4804 23.8946 26.2929 23.7071C26.1054 23.5196 26 23.2652 26 23V6H9C8.73478 6 8.48043 5.89464 8.29289 5.70711C8.10536 5.51957 8 5.26522 8 5C8 4.73478 8.10536 4.48043 8.29289 4.29289C8.48043 4.10536 8.73478 4 9 4H27C27.2652 4 27.5196 4.10536 27.7071 4.29289C27.8946 4.48043 28 4.73478 28 5Z" fill="black"/></svg>');
}

.bubble-ui.comment-btn:before {
  mask-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 14C21 14.2652 20.8946 14.5196 20.7071 14.7071C20.5196 14.8946 20.2652 15 20 15H12C11.7348 15 11.4804 14.8946 11.2929 14.7071C11.1054 14.5196 11 14.2652 11 14C11 13.7348 11.1054 13.4804 11.2929 13.2929C11.4804 13.1054 11.7348 13 12 13H20C20.2652 13 20.5196 13.1054 20.7071 13.2929C20.8946 13.4804 21 13.7348 21 14ZM20 17H12C11.7348 17 11.4804 17.1054 11.2929 17.2929C11.1054 17.4804 11 17.7348 11 18C11 18.2652 11.1054 18.5196 11.2929 18.7071C11.4804 18.8946 11.7348 19 12 19H20C20.2652 19 20.5196 18.8946 20.7071 18.7071C20.8946 18.5196 21 18.2652 21 18C21 17.7348 20.8946 17.4804 20.7071 17.2929C20.5196 17.1054 20.2652 17 20 17ZM29 15.5C28.9964 18.8141 27.6782 21.9914 25.3348 24.3348C22.9914 26.6782 19.8141 27.9964 16.5 28H5.95875C5.43946 27.9993 4.94163 27.7928 4.57444 27.4256C4.20724 27.0584 4.00066 26.5605 4 26.0413V15.5C4 12.1848 5.31696 9.00537 7.66117 6.66116C10.0054 4.31696 13.1848 3 16.5 3C19.8152 3 22.9946 4.31696 25.3388 6.66116C27.683 9.00537 29 12.1848 29 15.5ZM27 15.5C27 12.7152 25.8938 10.0445 23.9246 8.07538C21.9555 6.10625 19.2848 5 16.5 5C13.7152 5 11.0445 6.10625 9.07538 8.07538C7.10625 10.0445 6 12.7152 6 15.5V26H16.5C19.2839 25.997 21.9528 24.8898 23.9213 22.9213C25.8898 20.9528 26.997 18.2839 27 15.5Z" fill="black"/></svg>');
}
.bubble-ui.comment-btn.has-notes:before {
  mask-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 3C13.1859 3.00364 10.0086 4.32177 7.66518 6.66518C5.32177 9.0086 4.00364 12.1859 4 15.5V26.0413C4.00066 26.5605 4.20724 27.0584 4.57444 27.4256C4.94163 27.7928 5.43946 27.9993 5.95875 28H16.5C19.8152 28 22.9946 26.683 25.3388 24.3388C27.683 21.9946 29 18.8152 29 15.5C29 12.1848 27.683 9.00537 25.3388 6.66117C22.9946 4.31696 19.8152 3 16.5 3ZM20 19H12C11.7348 19 11.4804 18.8946 11.2929 18.7071C11.1054 18.5196 11 18.2652 11 18C11 17.7348 11.1054 17.4804 11.2929 17.2929C11.4804 17.1054 11.7348 17 12 17H20C20.2652 17 20.5196 17.1054 20.7071 17.2929C20.8946 17.4804 21 17.7348 21 18C21 18.2652 20.8946 18.5196 20.7071 18.7071C20.5196 18.8946 20.2652 19 20 19ZM20 15H12C11.7348 15 11.4804 14.8946 11.2929 14.7071C11.1054 14.5196 11 14.2652 11 14C11 13.7348 11.1054 13.4804 11.2929 13.2929C11.4804 13.1054 11.7348 13 12 13H20C20.2652 13 20.5196 13.1054 20.7071 13.2929C20.8946 13.4804 21 13.7348 21 14C21 14.2652 20.8946 14.5196 20.7071 14.7071C20.5196 14.8946 20.2652 15 20 15Z" fill="black"/></svg>');
}

.bubble-ui.progress-bar {
  float: left;
  width: 100%;
  border: 1px solid #9daeb3;
  height: 10px;
  overflow: hidden;
}
.bubble-ui.progress-bar .progress-div {
  float: left;
  height: 100%;
  background-color: #9daeb3;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.btn {
  cursor: pointer;
}

.btn-cancel {
  background-color: transparent;
  color: grey;
}

.light-button {
  font-size: 11px;
  cursor: pointer;
}
.light-button:hover {
  text-decoration: underline;
}
.light-button.disabled {
  cursor: default;
}
.light-button.disabled:hover {
  text-decoration: none;
}

.bubble-ui.green-box {
  border: 1px solid var(--b-border-default);
  background-color: var(--b-bg-secondary);
  padding: 12px;
  float: left;
  clear: both;
  overflow: hidden;
  border-radius: 4px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.bubble-ui.green-box > * {
  float: left;
}
.bubble-ui.green-box .header {
  font-size: 16px;
  line-height: 1.13;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.bubble-ui.green-box .caption {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.bubble-ui.green-box input {
  background-color: white !important;
  height: 35px;
}
.bubble-ui.green-box .grey-text {
  color: var(--b-text-tertiary);
}
.bubble-ui.green-box .dark-grey-text {
  color: var(--b-text-secondary);
}
.bubble-ui.green-box.greater-padding {
  padding: 24px 18px;
}
.bubble-ui.green-box.near-limit {
  border: solid 1px rgba(254, 218, 37, 0.88);
  background-color: rgba(254, 218, 37, 0.12);
}
.bubble-ui.green-box.alert {
  border: solid 1px #970707;
  background-color: rgba(151, 7, 7, 0.12);
}

.highlight-box {
  pointer-events: none;
  position: absolute;
  z-index: 15001;
  border: 3px solid red;
  background: rgba(255, 0, 0, 0.5);
}

.version-dropdown-panel,
.grid-settings-panel,
.composer-palette.element-picker,
.arrange-panel,
.composer-palette.bubble-ui.composer-dropdown-long.responsive-picker,
.preview-panel {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.composer-palette.bubble-ui,
.tt-autocomplete-dropdown-menu.bubble-ui {
  background: white;
  margin-top: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 5px;
  border: 1px solid rgb(245, 245, 245);
  color: var(--b-txt-primary, #1a1a1a);
  overflow-y: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.composer-palette.bubble-ui:before,
.tt-autocomplete-dropdown-menu.bubble-ui:before {
  content: "";
}
.composer-palette.bubble-ui.composer-dropdown-long,
.tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-long {
  min-width: 156px;
}
.composer-palette.bubble-ui.composer-dropdown-short,
.tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-short {
  min-width: 73px;
}
.composer-palette.bubble-ui.composer-dropdown-medium-large,
.tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-medium-large {
  min-width: 91px;
}
.composer-palette.bubble-ui.composer-dropdown-mid_extra_large,
.tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-mid_extra_large {
  min-width: 242px;
}
.composer-palette.bubble-ui.composer-dropdown-extra_extra_large,
.tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-extra_extra_large {
  min-width: 286px;
}
.composer-palette.bubble-ui .delete-option,
.tt-autocomplete-dropdown-menu.bubble-ui .delete-option {
  color: var(--b-txt-tertiary, #8a8a8a) !important;
}
.composer-palette.bubble-ui .delete-option:hover,
.tt-autocomplete-dropdown-menu.bubble-ui .delete-option:hover {
  color: #b0bbbe !important;
}

.composer-palette.new-field-form {
  min-width: 174px !important;
}

.reference-palette-canvas,
.info-palette-canvas {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  position: fixed;
  z-index: 50000013;
  opacity: 0;
  background-color: var(--b-bg-contrast1, #525252);
  box-sizing: content-box; /* we use content box so that we can programmatically set the width of the content area */
  -moz-box-sizing: content-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  cursor: pointer;
  min-width: 98px;
  max-width: 200px;
  min-height: 12px;
  max-height: 200px;
  word-break: break-word;
  white-space: pre-wrap;
}
.reference-palette-canvas .manual-link,
.info-palette-canvas .manual-link {
  text-align: right;
}
.reference-palette-canvas .manual-link:hover,
.info-palette-canvas .manual-link:hover {
  text-decoration: underline;
}

.info-palette-canvas {
  background-color: #565656;
  border-color: #565656;
}

input.bubble-ui,
textarea.bubble-ui,
.composer-color.bubble-ui,
.composer.bubble-ui,
.property-editor-2.light-design .composer-color,
.property-editor-2.light-design .composer,
.bubble-ui .autocomplete-input:not(.new-composer),
.property-editor-2.light-design input.NumberBox {
  border: 1px solid var(--b-border, #e6e6e6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  color: var(--b-txt-primary, #1a1a1a);
  font-size: 14px;
  padding-left: 10px;
}
input.bubble-ui:focus,
textarea.bubble-ui:focus,
.composer-color.bubble-ui:focus,
.composer.bubble-ui:focus,
.property-editor-2.light-design .composer-color:focus,
.property-editor-2.light-design .composer:focus,
.bubble-ui .autocomplete-input:not(.new-composer):focus,
.property-editor-2.light-design input.NumberBox:focus {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
input.bubble-ui.invalid,
textarea.bubble-ui.invalid,
.composer-color.bubble-ui.invalid,
.composer.bubble-ui.invalid,
.property-editor-2.light-design .composer-color.invalid,
.property-editor-2.light-design .composer.invalid,
.bubble-ui .autocomplete-input:not(.new-composer).invalid,
.property-editor-2.light-design input.NumberBox.invalid {
  border: 1px solid var(--b-border-danger) !important;
}
input.bubble-ui.mandatory.empty,
textarea.bubble-ui.mandatory.empty,
.composer-color.bubble-ui.mandatory.empty,
.composer.bubble-ui.mandatory.empty,
.property-editor-2.light-design .composer-color.mandatory.empty,
.property-editor-2.light-design .composer.mandatory.empty,
.bubble-ui .autocomplete-input:not(.new-composer).mandatory.empty,
.property-editor-2.light-design input.NumberBox.mandatory.empty {
  border: 1px solid var(--b-border, #e6e6e6) !important;
}
input.bubble-ui.mandatory.empty:focus,
textarea.bubble-ui.mandatory.empty:focus,
.composer-color.bubble-ui.mandatory.empty:focus,
.composer.bubble-ui.mandatory.empty:focus,
.property-editor-2.light-design .composer-color.mandatory.empty:focus,
.property-editor-2.light-design .composer.mandatory.empty:focus,
.bubble-ui .autocomplete-input:not(.new-composer).mandatory.empty:focus,
.property-editor-2.light-design input.NumberBox.mandatory.empty:focus {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}

.border-invalid {
  border: 1px solid var(--b-border-danger);
}

input.bubble-ui.small-height {
  height: 30px !important;
}

.bubble-ui.warning-icon.clickable, .bubble-ui.checked-icon.clickable {
  cursor: pointer;
}
.bubble-ui.warning-icon:before, .bubble-ui.checked-icon:before {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.bubble-ui.warning-icon {
  color: var(--b-icon-danger) !important;
}
.bubble-ui.warning-icon.yellow {
  color: black !important;
}
.bubble-ui.warning-icon.yellow:before {
  color: #feda25 !important;
}
.bubble-ui.warning-icon:before {
  content: "\f071";
}
.bubble-ui.warning {
  color: var(--b-txt-danger) !important;
}
.bubble-ui.checked-icon {
  color: #0cce92 !important;
}
.bubble-ui.checked-icon:before {
  content: "\f00c";
}

.bubble-ui.palette-picker {
  width: 110px;
}

.bubble-ui.CodeComposer {
  min-height: 100px;
  outline: none;
}
.bubble-ui.CodeComposer .CodeMirror-activeline-background {
  background: transparent !important;
}
.bubble-ui.CodeComposer .theme,
.bubble-ui.CodeComposer .fullscreen-btn {
  margin-top: 2px;
}
.bubble-ui.CodeComposer .theme {
  float: left;
}
.bubble-ui.CodeComposer .fullscreen-btn {
  float: right;
}
.bubble-ui.CodeComposer.focused .CodeMirror {
  border: 1px solid var(--b-txt-brand, #0c29ab);
}
.bubble-ui.CodeComposer.focused.fullscreen .CodeMirror {
  border: 1px solid var(--b-border, #e6e6e6);
}
.bubble-ui.CodeComposer.focused .CodeMirror-activeline-background {
  background: #e8f2ff !important;
}
.bubble-ui.CodeComposer.focused .cm-s-night .CodeMirror-activeline-background {
  background: #1c005a !important;
}
.bubble-ui.CodeComposer .CodeMirror {
  border: 1px solid var(--b-border, #e6e6e6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: auto;
  min-height: 100px;
}
.bubble-ui.CodeComposer .CodeMirror .CodeMirror-scroll {
  max-height: 300px;
}
.bubble-ui.CodeComposer.fullscreen .CodeMirror .CodeMirror-scroll {
  max-height: none;
}

code.code-explanation {
  color: #982d54;
  background: #fafcfc;
  border: 1px solid #f0f4f7;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 5px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  cursor: default;
}
code.code-explanation.block {
  white-space: pre;
  line-height: 1.4;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 20px;
  float: left;
  width: 90%;
  overflow: auto;
}

.property-editor-2.light-design input.NumberBox {
  padding-left: 4px;
}

.composer-color.bubble-ui,
.property-editor-2.light-design .composer-color {
  background-color: white !important;
  padding-left: 5px !important;
}

.property-editor-2.light-design .TextBox {
  border: 1px solid var(--b-border, #e6e6e6) !important;
  background-color: white !important;
}

textarea.bubble-ui {
  padding-top: 8px;
  padding-bottom: 8px;
}

.property-editor-2.light-design .autostretch input {
  color: var(--b-txt-primary, #1a1a1a);
  background-color: white !important;
  border: 1px solid transparent;
}
.property-editor-2.light-design .autostretch input:hover, .property-editor-2.light-design .autostretch input:focus {
  background-color: white !important;
}

.bubble-ui.composer,
.property-editor-2.light-design .composer,
.bubble-ui.IconInput {
  border: 1px solid var(--b-border, #e6e6e6) !important;
  background-color: transparent !important;
  font-size: 14px !important;
}
.bubble-ui.composer input.composer-input.text-input,
.bubble-ui.composer input.composer-input.number-input,
.property-editor-2.light-design .composer input.composer-input.text-input,
.property-editor-2.light-design .composer input.composer-input.number-input,
.bubble-ui.IconInput input.composer-input.text-input,
.bubble-ui.IconInput input.composer-input.number-input {
  outline: none;
  color: var(--b-txt-primary, #1a1a1a);
  height: 18px;
  font-size: 14px;
  margin-top: -2px;
  border: 1px solid transparent;
}
.bubble-ui.composer input.composer-input.text-input:hover, .bubble-ui.composer input.composer-input.text-input:focus,
.bubble-ui.composer input.composer-input.number-input:hover,
.bubble-ui.composer input.composer-input.number-input:focus,
.property-editor-2.light-design .composer input.composer-input.text-input:hover,
.property-editor-2.light-design .composer input.composer-input.text-input:focus,
.property-editor-2.light-design .composer input.composer-input.number-input:hover,
.property-editor-2.light-design .composer input.composer-input.number-input:focus,
.bubble-ui.IconInput input.composer-input.text-input:hover,
.bubble-ui.IconInput input.composer-input.text-input:focus,
.bubble-ui.IconInput input.composer-input.number-input:hover,
.bubble-ui.IconInput input.composer-input.number-input:focus {
  background-color: white !important;
}
.bubble-ui.composer .spot,
.bubble-ui.composer .dynamic,
.property-editor-2.light-design .composer .spot,
.property-editor-2.light-design .composer .dynamic,
.bubble-ui.IconInput .spot,
.bubble-ui.IconInput .dynamic {
  color: var(--b-txt-brand, #0c29ab);
  margin-top: -2px;
}
.bubble-ui.composer .spot:hover:before, .bubble-ui.composer .spot.selected:before,
.bubble-ui.composer .dynamic:hover:before,
.bubble-ui.composer .dynamic.selected:before,
.property-editor-2.light-design .composer .spot:hover:before,
.property-editor-2.light-design .composer .spot.selected:before,
.property-editor-2.light-design .composer .dynamic:hover:before,
.property-editor-2.light-design .composer .dynamic.selected:before,
.bubble-ui.IconInput .spot:hover:before,
.bubble-ui.IconInput .spot.selected:before,
.bubble-ui.IconInput .dynamic:hover:before,
.bubble-ui.IconInput .dynamic.selected:before {
  color: #9c9c9c !important;
}
.bubble-ui.composer .spot:hover,
.bubble-ui.composer .dynamic:hover,
.property-editor-2.light-design .composer .spot:hover,
.property-editor-2.light-design .composer .dynamic:hover,
.bubble-ui.IconInput .spot:hover,
.bubble-ui.IconInput .dynamic:hover {
  color: #6565ff;
}
.bubble-ui.composer .spot.selected:hover, .bubble-ui.composer .spot.selected,
.bubble-ui.composer .dynamic.selected:hover,
.bubble-ui.composer .dynamic.selected,
.property-editor-2.light-design .composer .spot.selected:hover,
.property-editor-2.light-design .composer .spot.selected,
.property-editor-2.light-design .composer .dynamic.selected:hover,
.property-editor-2.light-design .composer .dynamic.selected,
.bubble-ui.IconInput .spot.selected:hover,
.bubble-ui.IconInput .spot.selected,
.bubble-ui.IconInput .dynamic.selected:hover,
.bubble-ui.IconInput .dynamic.selected {
  color: white !important;
}

.bubble-ui.composer-image,
.property-editor-2.light-design .composer-image,
.bubble-ui.composer-file,
.property-editor-2.light-design .composer-file {
  background-color: transparent;
}
.bubble-ui.composer-image:hover,
.property-editor-2.light-design .composer-image:hover,
.bubble-ui.composer-file:hover,
.property-editor-2.light-design .composer-file:hover {
  background-color: white;
}
.bubble-ui.composer-image .file-caption,
.property-editor-2.light-design .composer-image .file-caption,
.bubble-ui.composer-file .file-caption,
.property-editor-2.light-design .composer-file .file-caption {
  border: 1px solid var(--b-border, #e6e6e6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.bubble-ui.composer-image img,
.property-editor-2.light-design .composer-image img,
.bubble-ui.composer-file img,
.property-editor-2.light-design .composer-file img {
  border: 1px solid var(--b-border, #e6e6e6);
}

.bubble-ui.composer-dropdown .spot,
.property-editor-2.light-design .composer-dropdown .spot,
.property-editor-2.light-design .text-composer,
.bubble-ui.IconInput {
  background-color: white !important;
  border: 1px solid var(--b-border, #e6e6e6) !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  color: var(--b-txt-primary, #1a1a1a) !important;
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-top: 8px !important;
}
.bubble-ui.composer-dropdown .spot:before,
.property-editor-2.light-design .composer-dropdown .spot:before,
.property-editor-2.light-design .text-composer:before,
.bubble-ui.IconInput:before {
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.bubble-ui.composer-dropdown .spot.empty.mandatory,
.property-editor-2.light-design .composer-dropdown .spot.empty.mandatory,
.property-editor-2.light-design .text-composer.empty.mandatory,
.bubble-ui.IconInput.empty.mandatory {
  border: 1px solid var(--b-border, #e6e6e6) !important;
}
.bubble-ui.composer-dropdown .spot.empty.mandatory.selected,
.property-editor-2.light-design .composer-dropdown .spot.empty.mandatory.selected,
.property-editor-2.light-design .text-composer.empty.mandatory.selected,
.bubble-ui.IconInput.empty.mandatory.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.bubble-ui.composer-dropdown .spot:hover,
.property-editor-2.light-design .composer-dropdown .spot:hover,
.property-editor-2.light-design .text-composer:hover,
.bubble-ui.IconInput:hover {
  border: 1px solid var(--b-border, #e6e6e6) !important;
}
.bubble-ui.composer-dropdown .spot.selected,
.property-editor-2.light-design .composer-dropdown .spot.selected,
.property-editor-2.light-design .text-composer.selected,
.bubble-ui.IconInput.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.bubble-ui.composer-dropdown .spot input,
.property-editor-2.light-design .composer-dropdown .spot input,
.property-editor-2.light-design .text-composer input,
.bubble-ui.IconInput input {
  color: inherit !important;
}
.bubble-ui.composer-dropdown .spot input.composer-input.text-input,
.bubble-ui.composer-dropdown .spot input.composer-input,
.property-editor-2.light-design .composer-dropdown .spot input.composer-input.text-input,
.property-editor-2.light-design .composer-dropdown .spot input.composer-input,
.property-editor-2.light-design .text-composer input.composer-input.text-input,
.property-editor-2.light-design .text-composer input.composer-input,
.bubble-ui.IconInput input.composer-input.text-input,
.bubble-ui.IconInput input.composer-input {
  outline: none;
  color: var(--b-txt-primary, #1a1a1a) !important;
  margin-top: -3px;
}
.bubble-ui.composer-dropdown .spot.composer-dropdown-mid_extra_large input.composer-input,
.property-editor-2.light-design .composer-dropdown .spot.composer-dropdown-mid_extra_large input.composer-input,
.property-editor-2.light-design .text-composer.composer-dropdown-mid_extra_large input.composer-input,
.bubble-ui.IconInput.composer-dropdown-mid_extra_large input.composer-input {
  width: 210px !important;
}

.bubble-ui.composer-dropdown .spot:before,
.property-editor-2.light-design .composer-dropdown .spot:before {
  background-color: white;
  position: relative;
}

.property-editor-2.light-design .composer-dropdown .spot {
  padding-top: 6px !important;
}

.settingstab .bubble-ui.composer-dropdown .spot input.composer-input.text-input,
.settingstab .bubble-ui.composer-dropdown .spot input.composer-input {
  padding-top: 1px;
}

.bubble-ui .component-checkbox,
.property-editor-2.light-design .component-checkbox {
  background-color: white !important;
  border: 1px solid var(--b-border, #e6e6e6) !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}
.bubble-ui .component-checkbox.checked:before,
.property-editor-2.light-design .component-checkbox.checked:before {
  margin-top: 2px;
  color: #9ea5a7;
}

.composer-palette.bubble-ui,
.composer-palette.element-picker {
  position: absolute !important;
}
.composer-palette.bubble-ui .section,
.composer-palette.element-picker .section {
  border-bottom: 1px solid #ebebeb;
}
.composer-palette.bubble-ui .dropdown-option,
.composer-palette.element-picker .dropdown-option {
  padding: 7px 15px 7px 7px !important;
}
.composer-palette.bubble-ui::-webkit-scrollbar-thumb,
.composer-palette.element-picker::-webkit-scrollbar-thumb {
  background: rgb(218, 218, 218);
}
.composer-palette.bubble-ui::-webkit-scrollbar-thumb:hover,
.composer-palette.element-picker::-webkit-scrollbar-thumb:hover {
  background: #a6a6a6;
  cursor: default;
}
.composer-palette.bubble-ui::-webkit-scrollbar-thumb:active,
.composer-palette.element-picker::-webkit-scrollbar-thumb:active {
  background-color: #a6a6a6;
  cursor: default;
}

.custom-plugin-panel .delete-btn,
.tabcanvas.api .delete-btn {
  float: right;
  margin-top: 3px;
  margin-right: 20px;
}
.custom-plugin-panel.apiconnector2 .expand-btn,
.custom-plugin-panel .api-editor .expand-btn, .custom-plugin-panel.dbconnector .expand-btn,
.tabcanvas.api.apiconnector2 .expand-btn,
.tabcanvas.api .api-editor .expand-btn,
.tabcanvas.api.dbconnector .expand-btn {
  margin-right: -14px;
  margin-top: -17px;
  width: 42px;
}
.custom-plugin-panel.apiconnector2 .expand-btn.call,
.custom-plugin-panel .api-editor .expand-btn.call, .custom-plugin-panel.dbconnector .expand-btn.call,
.tabcanvas.api.apiconnector2 .expand-btn.call,
.tabcanvas.api .api-editor .expand-btn.call,
.tabcanvas.api.dbconnector .expand-btn.call {
  margin-top: -12px;
  margin-right: -9px;
  float: right;
  margin-bottom: 7px;
}
.custom-plugin-panel.apiconnector2 .expand-btn.all,
.custom-plugin-panel .api-editor .expand-btn.all, .custom-plugin-panel.dbconnector .expand-btn.all,
.tabcanvas.api.apiconnector2 .expand-btn.all,
.tabcanvas.api .api-editor .expand-btn.all,
.tabcanvas.api.dbconnector .expand-btn.all {
  width: 90px;
}
.custom-plugin-panel.apiconnector2 .move-wrapper,
.custom-plugin-panel.apiconnector2 .expand-btn,
.custom-plugin-panel .api-editor .move-wrapper,
.custom-plugin-panel .api-editor .expand-btn, .custom-plugin-panel.dbconnector .move-wrapper,
.custom-plugin-panel.dbconnector .expand-btn,
.tabcanvas.api.apiconnector2 .move-wrapper,
.tabcanvas.api.apiconnector2 .expand-btn,
.tabcanvas.api .api-editor .move-wrapper,
.tabcanvas.api .api-editor .expand-btn,
.tabcanvas.api.dbconnector .move-wrapper,
.tabcanvas.api.dbconnector .expand-btn {
  float: right;
}
.custom-plugin-panel.apiconnector2 .move-wrapper,
.custom-plugin-panel .api-editor .move-wrapper, .custom-plugin-panel.dbconnector .move-wrapper,
.tabcanvas.api.apiconnector2 .move-wrapper,
.tabcanvas.api .api-editor .move-wrapper,
.tabcanvas.api.dbconnector .move-wrapper {
  margin-top: -12px;
}
.custom-plugin-panel.apiconnector2 .move-wrapper .move-down-btn,
.custom-plugin-panel.apiconnector2 .move-wrapper .move-up-btn,
.custom-plugin-panel .api-editor .move-wrapper .move-down-btn,
.custom-plugin-panel .api-editor .move-wrapper .move-up-btn, .custom-plugin-panel.dbconnector .move-wrapper .move-down-btn,
.custom-plugin-panel.dbconnector .move-wrapper .move-up-btn,
.tabcanvas.api.apiconnector2 .move-wrapper .move-down-btn,
.tabcanvas.api.apiconnector2 .move-wrapper .move-up-btn,
.tabcanvas.api .api-editor .move-wrapper .move-down-btn,
.tabcanvas.api .api-editor .move-wrapper .move-up-btn,
.tabcanvas.api.dbconnector .move-wrapper .move-down-btn,
.tabcanvas.api.dbconnector .move-wrapper .move-up-btn {
  float: right;
  margin-right: 10px;
}
.custom-plugin-panel.apiconnector .type-zone, .custom-plugin-panel.apiconnector2 .type-zone, .custom-plugin-panel.appconnector .type-zone, .custom-plugin-panel.dbconnector .type-zone,
.custom-plugin-panel .api-editor .type-zone,
.tabcanvas.api.apiconnector .type-zone,
.tabcanvas.api.apiconnector2 .type-zone,
.tabcanvas.api.appconnector .type-zone,
.tabcanvas.api.dbconnector .type-zone,
.tabcanvas.api .api-editor .type-zone {
  float: left;
  width: 340px;
  margin-top: 10px;
  margin-right: 10px;
}
.custom-plugin-panel.apiconnector .type-caption, .custom-plugin-panel.apiconnector2 .type-caption, .custom-plugin-panel.appconnector .type-caption, .custom-plugin-panel.dbconnector .type-caption,
.custom-plugin-panel .api-editor .type-caption,
.tabcanvas.api.apiconnector .type-caption,
.tabcanvas.api.apiconnector2 .type-caption,
.tabcanvas.api.appconnector .type-caption,
.tabcanvas.api.dbconnector .type-caption,
.tabcanvas.api .api-editor .type-caption {
  max-width: 170px;
}
.custom-plugin-panel.apiconnector input, .custom-plugin-panel.apiconnector2 input, .custom-plugin-panel.appconnector input, .custom-plugin-panel.dbconnector input,
.custom-plugin-panel .api-editor input,
.tabcanvas.api.apiconnector input,
.tabcanvas.api.apiconnector2 input,
.tabcanvas.api.appconnector input,
.tabcanvas.api.dbconnector input,
.tabcanvas.api .api-editor input {
  height: 30px;
}
.custom-plugin-panel.apiconnector .call-panel,
.custom-plugin-panel.apiconnector .app-wrapper,
.custom-plugin-panel.apiconnector .cs-panel,
.custom-plugin-panel.apiconnector .query-panel, .custom-plugin-panel.apiconnector2 .call-panel,
.custom-plugin-panel.apiconnector2 .app-wrapper,
.custom-plugin-panel.apiconnector2 .cs-panel,
.custom-plugin-panel.apiconnector2 .query-panel, .custom-plugin-panel.appconnector .call-panel,
.custom-plugin-panel.appconnector .app-wrapper,
.custom-plugin-panel.appconnector .cs-panel,
.custom-plugin-panel.appconnector .query-panel, .custom-plugin-panel.dbconnector .call-panel,
.custom-plugin-panel.dbconnector .app-wrapper,
.custom-plugin-panel.dbconnector .cs-panel,
.custom-plugin-panel.dbconnector .query-panel,
.custom-plugin-panel .api-editor .call-panel,
.custom-plugin-panel .api-editor .app-wrapper,
.custom-plugin-panel .api-editor .cs-panel,
.custom-plugin-panel .api-editor .query-panel,
.tabcanvas.api.apiconnector .call-panel,
.tabcanvas.api.apiconnector .app-wrapper,
.tabcanvas.api.apiconnector .cs-panel,
.tabcanvas.api.apiconnector .query-panel,
.tabcanvas.api.apiconnector2 .call-panel,
.tabcanvas.api.apiconnector2 .app-wrapper,
.tabcanvas.api.apiconnector2 .cs-panel,
.tabcanvas.api.apiconnector2 .query-panel,
.tabcanvas.api.appconnector .call-panel,
.tabcanvas.api.appconnector .app-wrapper,
.tabcanvas.api.appconnector .cs-panel,
.tabcanvas.api.appconnector .query-panel,
.tabcanvas.api.dbconnector .call-panel,
.tabcanvas.api.dbconnector .app-wrapper,
.tabcanvas.api.dbconnector .cs-panel,
.tabcanvas.api.dbconnector .query-panel,
.tabcanvas.api .api-editor .call-panel,
.tabcanvas.api .api-editor .app-wrapper,
.tabcanvas.api .api-editor .cs-panel,
.tabcanvas.api .api-editor .query-panel {
  overflow-y: auto;
  margin-bottom: 20px;
  clear: left;
  padding: 20px;
  width: 100%;
}
.custom-plugin-panel.apiconnector .call-panel .new-button,
.custom-plugin-panel.apiconnector .call-panel .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector .app-wrapper .new-button,
.custom-plugin-panel.apiconnector .app-wrapper .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector .cs-panel .new-button,
.custom-plugin-panel.apiconnector .cs-panel .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector .query-panel .new-button,
.custom-plugin-panel.apiconnector .query-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .call-panel .new-button,
.custom-plugin-panel.apiconnector2 .call-panel .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector2 .app-wrapper .new-button,
.custom-plugin-panel.apiconnector2 .app-wrapper .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector2 .cs-panel .new-button,
.custom-plugin-panel.apiconnector2 .cs-panel .authenticate-plugin-builder,
.custom-plugin-panel.apiconnector2 .query-panel .new-button,
.custom-plugin-panel.apiconnector2 .query-panel .authenticate-plugin-builder, .custom-plugin-panel.appconnector .call-panel .new-button,
.custom-plugin-panel.appconnector .call-panel .authenticate-plugin-builder,
.custom-plugin-panel.appconnector .app-wrapper .new-button,
.custom-plugin-panel.appconnector .app-wrapper .authenticate-plugin-builder,
.custom-plugin-panel.appconnector .cs-panel .new-button,
.custom-plugin-panel.appconnector .cs-panel .authenticate-plugin-builder,
.custom-plugin-panel.appconnector .query-panel .new-button,
.custom-plugin-panel.appconnector .query-panel .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .call-panel .new-button,
.custom-plugin-panel.dbconnector .call-panel .authenticate-plugin-builder,
.custom-plugin-panel.dbconnector .app-wrapper .new-button,
.custom-plugin-panel.dbconnector .app-wrapper .authenticate-plugin-builder,
.custom-plugin-panel.dbconnector .cs-panel .new-button,
.custom-plugin-panel.dbconnector .cs-panel .authenticate-plugin-builder,
.custom-plugin-panel.dbconnector .query-panel .new-button,
.custom-plugin-panel.dbconnector .query-panel .authenticate-plugin-builder,
.custom-plugin-panel .api-editor .call-panel .new-button,
.custom-plugin-panel .api-editor .call-panel .authenticate-plugin-builder,
.custom-plugin-panel .api-editor .app-wrapper .new-button,
.custom-plugin-panel .api-editor .app-wrapper .authenticate-plugin-builder,
.custom-plugin-panel .api-editor .cs-panel .new-button,
.custom-plugin-panel .api-editor .cs-panel .authenticate-plugin-builder,
.custom-plugin-panel .api-editor .query-panel .new-button,
.custom-plugin-panel .api-editor .query-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector .call-panel .new-button,
.tabcanvas.api.apiconnector .call-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector .app-wrapper .new-button,
.tabcanvas.api.apiconnector .app-wrapper .authenticate-plugin-builder,
.tabcanvas.api.apiconnector .cs-panel .new-button,
.tabcanvas.api.apiconnector .cs-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector .query-panel .new-button,
.tabcanvas.api.apiconnector .query-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector2 .call-panel .new-button,
.tabcanvas.api.apiconnector2 .call-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector2 .app-wrapper .new-button,
.tabcanvas.api.apiconnector2 .app-wrapper .authenticate-plugin-builder,
.tabcanvas.api.apiconnector2 .cs-panel .new-button,
.tabcanvas.api.apiconnector2 .cs-panel .authenticate-plugin-builder,
.tabcanvas.api.apiconnector2 .query-panel .new-button,
.tabcanvas.api.apiconnector2 .query-panel .authenticate-plugin-builder,
.tabcanvas.api.appconnector .call-panel .new-button,
.tabcanvas.api.appconnector .call-panel .authenticate-plugin-builder,
.tabcanvas.api.appconnector .app-wrapper .new-button,
.tabcanvas.api.appconnector .app-wrapper .authenticate-plugin-builder,
.tabcanvas.api.appconnector .cs-panel .new-button,
.tabcanvas.api.appconnector .cs-panel .authenticate-plugin-builder,
.tabcanvas.api.appconnector .query-panel .new-button,
.tabcanvas.api.appconnector .query-panel .authenticate-plugin-builder,
.tabcanvas.api.dbconnector .call-panel .new-button,
.tabcanvas.api.dbconnector .call-panel .authenticate-plugin-builder,
.tabcanvas.api.dbconnector .app-wrapper .new-button,
.tabcanvas.api.dbconnector .app-wrapper .authenticate-plugin-builder,
.tabcanvas.api.dbconnector .cs-panel .new-button,
.tabcanvas.api.dbconnector .cs-panel .authenticate-plugin-builder,
.tabcanvas.api.dbconnector .query-panel .new-button,
.tabcanvas.api.dbconnector .query-panel .authenticate-plugin-builder,
.tabcanvas.api .api-editor .call-panel .new-button,
.tabcanvas.api .api-editor .call-panel .authenticate-plugin-builder,
.tabcanvas.api .api-editor .app-wrapper .new-button,
.tabcanvas.api .api-editor .app-wrapper .authenticate-plugin-builder,
.tabcanvas.api .api-editor .cs-panel .new-button,
.tabcanvas.api .api-editor .cs-panel .authenticate-plugin-builder,
.tabcanvas.api .api-editor .query-panel .new-button,
.tabcanvas.api .api-editor .query-panel .authenticate-plugin-builder {
  height: 30px;
  padding-top: 7px;
}
.custom-plugin-panel.apiconnector .call-panel .invalid-domain-input,
.custom-plugin-panel.apiconnector .app-wrapper .invalid-domain-input,
.custom-plugin-panel.apiconnector .cs-panel .invalid-domain-input,
.custom-plugin-panel.apiconnector .query-panel .invalid-domain-input, .custom-plugin-panel.apiconnector2 .call-panel .invalid-domain-input,
.custom-plugin-panel.apiconnector2 .app-wrapper .invalid-domain-input,
.custom-plugin-panel.apiconnector2 .cs-panel .invalid-domain-input,
.custom-plugin-panel.apiconnector2 .query-panel .invalid-domain-input, .custom-plugin-panel.appconnector .call-panel .invalid-domain-input,
.custom-plugin-panel.appconnector .app-wrapper .invalid-domain-input,
.custom-plugin-panel.appconnector .cs-panel .invalid-domain-input,
.custom-plugin-panel.appconnector .query-panel .invalid-domain-input, .custom-plugin-panel.dbconnector .call-panel .invalid-domain-input,
.custom-plugin-panel.dbconnector .app-wrapper .invalid-domain-input,
.custom-plugin-panel.dbconnector .cs-panel .invalid-domain-input,
.custom-plugin-panel.dbconnector .query-panel .invalid-domain-input,
.custom-plugin-panel .api-editor .call-panel .invalid-domain-input,
.custom-plugin-panel .api-editor .app-wrapper .invalid-domain-input,
.custom-plugin-panel .api-editor .cs-panel .invalid-domain-input,
.custom-plugin-panel .api-editor .query-panel .invalid-domain-input,
.tabcanvas.api.apiconnector .call-panel .invalid-domain-input,
.tabcanvas.api.apiconnector .app-wrapper .invalid-domain-input,
.tabcanvas.api.apiconnector .cs-panel .invalid-domain-input,
.tabcanvas.api.apiconnector .query-panel .invalid-domain-input,
.tabcanvas.api.apiconnector2 .call-panel .invalid-domain-input,
.tabcanvas.api.apiconnector2 .app-wrapper .invalid-domain-input,
.tabcanvas.api.apiconnector2 .cs-panel .invalid-domain-input,
.tabcanvas.api.apiconnector2 .query-panel .invalid-domain-input,
.tabcanvas.api.appconnector .call-panel .invalid-domain-input,
.tabcanvas.api.appconnector .app-wrapper .invalid-domain-input,
.tabcanvas.api.appconnector .cs-panel .invalid-domain-input,
.tabcanvas.api.appconnector .query-panel .invalid-domain-input,
.tabcanvas.api.dbconnector .call-panel .invalid-domain-input,
.tabcanvas.api.dbconnector .app-wrapper .invalid-domain-input,
.tabcanvas.api.dbconnector .cs-panel .invalid-domain-input,
.tabcanvas.api.dbconnector .query-panel .invalid-domain-input,
.tabcanvas.api .api-editor .call-panel .invalid-domain-input,
.tabcanvas.api .api-editor .app-wrapper .invalid-domain-input,
.tabcanvas.api .api-editor .cs-panel .invalid-domain-input,
.tabcanvas.api .api-editor .query-panel .invalid-domain-input {
  border-color: red !important;
}
.custom-plugin-panel.apiconnector .sub-call-panel, .custom-plugin-panel.apiconnector2 .sub-call-panel, .custom-plugin-panel.appconnector .sub-call-panel, .custom-plugin-panel.dbconnector .sub-call-panel,
.custom-plugin-panel .api-editor .sub-call-panel,
.tabcanvas.api.apiconnector .sub-call-panel,
.tabcanvas.api.apiconnector2 .sub-call-panel,
.tabcanvas.api.appconnector .sub-call-panel,
.tabcanvas.api.dbconnector .sub-call-panel,
.tabcanvas.api .api-editor .sub-call-panel {
  width: 100%;
  float: left;
  margin: 15px 0px 15px 0px;
  padding: 15px;
  border: var(--b-border, #e6e6e6) 1px solid;
}
.custom-plugin-panel.apiconnector .instructions,
.custom-plugin-panel.apiconnector .must-authenticate,
.custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .instructions,
.custom-plugin-panel.apiconnector2 .must-authenticate,
.custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .instructions,
.custom-plugin-panel.appconnector .must-authenticate,
.custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .instructions,
.custom-plugin-panel.dbconnector .must-authenticate,
.custom-plugin-panel.dbconnector .key-disclaimer,
.custom-plugin-panel .api-editor .instructions,
.custom-plugin-panel .api-editor .must-authenticate,
.custom-plugin-panel .api-editor .key-disclaimer,
.tabcanvas.api.apiconnector .instructions,
.tabcanvas.api.apiconnector .must-authenticate,
.tabcanvas.api.apiconnector .key-disclaimer,
.tabcanvas.api.apiconnector2 .instructions,
.tabcanvas.api.apiconnector2 .must-authenticate,
.tabcanvas.api.apiconnector2 .key-disclaimer,
.tabcanvas.api.appconnector .instructions,
.tabcanvas.api.appconnector .must-authenticate,
.tabcanvas.api.appconnector .key-disclaimer,
.tabcanvas.api.dbconnector .instructions,
.tabcanvas.api.dbconnector .must-authenticate,
.tabcanvas.api.dbconnector .key-disclaimer,
.tabcanvas.api .api-editor .instructions,
.tabcanvas.api .api-editor .must-authenticate,
.tabcanvas.api .api-editor .key-disclaimer {
  line-height: 1.5;
  clear: both;
  float: left;
  margin-top: 10px;
}
.custom-plugin-panel.apiconnector .instructions,
.custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .instructions,
.custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .instructions,
.custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .instructions,
.custom-plugin-panel.dbconnector .key-disclaimer,
.custom-plugin-panel .api-editor .instructions,
.custom-plugin-panel .api-editor .key-disclaimer,
.tabcanvas.api.apiconnector .instructions,
.tabcanvas.api.apiconnector .key-disclaimer,
.tabcanvas.api.apiconnector2 .instructions,
.tabcanvas.api.apiconnector2 .key-disclaimer,
.tabcanvas.api.appconnector .instructions,
.tabcanvas.api.appconnector .key-disclaimer,
.tabcanvas.api.dbconnector .instructions,
.tabcanvas.api.dbconnector .key-disclaimer,
.tabcanvas.api .api-editor .instructions,
.tabcanvas.api .api-editor .key-disclaimer {
  margin-bottom: 10px;
}
.custom-plugin-panel.apiconnector .auth-wrapper .instructions, .custom-plugin-panel.apiconnector2 .auth-wrapper .instructions, .custom-plugin-panel.appconnector .auth-wrapper .instructions, .custom-plugin-panel.dbconnector .auth-wrapper .instructions,
.custom-plugin-panel .api-editor .auth-wrapper .instructions,
.tabcanvas.api.apiconnector .auth-wrapper .instructions,
.tabcanvas.api.apiconnector2 .auth-wrapper .instructions,
.tabcanvas.api.appconnector .auth-wrapper .instructions,
.tabcanvas.api.dbconnector .auth-wrapper .instructions,
.tabcanvas.api .api-editor .auth-wrapper .instructions {
  margin-bottom: 0px;
}
.custom-plugin-panel.apiconnector .calls-wrapper,
.custom-plugin-panel.apiconnector .auth-wrapper, .custom-plugin-panel.apiconnector2 .calls-wrapper,
.custom-plugin-panel.apiconnector2 .auth-wrapper, .custom-plugin-panel.appconnector .calls-wrapper,
.custom-plugin-panel.appconnector .auth-wrapper, .custom-plugin-panel.dbconnector .calls-wrapper,
.custom-plugin-panel.dbconnector .auth-wrapper,
.custom-plugin-panel .api-editor .calls-wrapper,
.custom-plugin-panel .api-editor .auth-wrapper,
.tabcanvas.api.apiconnector .calls-wrapper,
.tabcanvas.api.apiconnector .auth-wrapper,
.tabcanvas.api.apiconnector2 .calls-wrapper,
.tabcanvas.api.apiconnector2 .auth-wrapper,
.tabcanvas.api.appconnector .calls-wrapper,
.tabcanvas.api.appconnector .auth-wrapper,
.tabcanvas.api.dbconnector .calls-wrapper,
.tabcanvas.api.dbconnector .auth-wrapper,
.tabcanvas.api .api-editor .calls-wrapper,
.tabcanvas.api .api-editor .auth-wrapper {
  width: 100%;
}
.custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .key-disclaimer,
.custom-plugin-panel .api-editor .key-disclaimer,
.tabcanvas.api.apiconnector .key-disclaimer,
.tabcanvas.api.apiconnector2 .key-disclaimer,
.tabcanvas.api.appconnector .key-disclaimer,
.tabcanvas.api.dbconnector .key-disclaimer,
.tabcanvas.api .api-editor .key-disclaimer {
  margin-top: 0px;
}
.custom-plugin-panel.apiconnector .must-authenticate, .custom-plugin-panel.apiconnector2 .must-authenticate, .custom-plugin-panel.appconnector .must-authenticate, .custom-plugin-panel.dbconnector .must-authenticate,
.custom-plugin-panel .api-editor .must-authenticate,
.tabcanvas.api.apiconnector .must-authenticate,
.tabcanvas.api.apiconnector2 .must-authenticate,
.tabcanvas.api.appconnector .must-authenticate,
.tabcanvas.api.dbconnector .must-authenticate,
.tabcanvas.api .api-editor .must-authenticate {
  margin-bottom: -5px;
}
.custom-plugin-panel.apiconnector .must-authenticate:before, .custom-plugin-panel.apiconnector2 .must-authenticate:before, .custom-plugin-panel.appconnector .must-authenticate:before, .custom-plugin-panel.dbconnector .must-authenticate:before,
.custom-plugin-panel .api-editor .must-authenticate:before,
.tabcanvas.api.apiconnector .must-authenticate:before,
.tabcanvas.api.apiconnector2 .must-authenticate:before,
.tabcanvas.api.appconnector .must-authenticate:before,
.tabcanvas.api.dbconnector .must-authenticate:before,
.tabcanvas.api .api-editor .must-authenticate:before {
  margin-right: 10px;
}
.custom-plugin-panel.apiconnector .url-help, .custom-plugin-panel.apiconnector2 .url-help, .custom-plugin-panel.appconnector .url-help, .custom-plugin-panel.dbconnector .url-help,
.custom-plugin-panel .api-editor .url-help,
.tabcanvas.api.apiconnector .url-help,
.tabcanvas.api.apiconnector2 .url-help,
.tabcanvas.api.appconnector .url-help,
.tabcanvas.api.dbconnector .url-help,
.tabcanvas.api .api-editor .url-help {
  float: left;
  margin-top: 9px;
  margin-left: 20px;
}
.custom-plugin-panel.apiconnector .field-label, .custom-plugin-panel.apiconnector2 .field-label, .custom-plugin-panel.appconnector .field-label, .custom-plugin-panel.dbconnector .field-label,
.custom-plugin-panel .api-editor .field-label,
.tabcanvas.api.apiconnector .field-label,
.tabcanvas.api.apiconnector2 .field-label,
.tabcanvas.api.appconnector .field-label,
.tabcanvas.api.dbconnector .field-label,
.tabcanvas.api .api-editor .field-label {
  float: left;
  clear: both;
  width: 50px;
  margin-top: 9px;
}
.custom-plugin-panel.apiconnector .field-label.publish-as, .custom-plugin-panel.apiconnector2 .field-label.publish-as, .custom-plugin-panel.appconnector .field-label.publish-as, .custom-plugin-panel.dbconnector .field-label.publish-as,
.custom-plugin-panel .api-editor .field-label.publish-as,
.tabcanvas.api.apiconnector .field-label.publish-as,
.tabcanvas.api.apiconnector2 .field-label.publish-as,
.tabcanvas.api.appconnector .field-label.publish-as,
.tabcanvas.api.dbconnector .field-label.publish-as,
.tabcanvas.api .api-editor .field-label.publish-as {
  width: 54px;
  clear: none;
  margin-left: 20px;
}
.custom-plugin-panel.apiconnector .field-label.param-value, .custom-plugin-panel.apiconnector .field-label.private-key, .custom-plugin-panel.apiconnector .field-label.password, .custom-plugin-panel.apiconnector .field-label.appsecret, .custom-plugin-panel.apiconnector .field-label.appsecret-test, .custom-plugin-panel.apiconnector .field-label.auth-method, .custom-plugin-panel.apiconnector .field-label.add-to-header, .custom-plugin-panel.apiconnector .field-label.token-data-type, .custom-plugin-panel.apiconnector .field-label.private, .custom-plugin-panel.apiconnector .field-label.client-safe, .custom-plugin-panel.apiconnector .field-label.url-client-safe, .custom-plugin-panel.apiconnector .field-label.data-type, .custom-plugin-panel.apiconnector .field-label.email-path, .custom-plugin-panel.apiconnector .field-label.querystring, .custom-plugin-panel.apiconnector .field-label.add-offline, .custom-plugin-panel.apiconnector2 .field-label.param-value, .custom-plugin-panel.apiconnector2 .field-label.private-key, .custom-plugin-panel.apiconnector2 .field-label.password, .custom-plugin-panel.apiconnector2 .field-label.appsecret, .custom-plugin-panel.apiconnector2 .field-label.appsecret-test, .custom-plugin-panel.apiconnector2 .field-label.auth-method, .custom-plugin-panel.apiconnector2 .field-label.add-to-header, .custom-plugin-panel.apiconnector2 .field-label.token-data-type, .custom-plugin-panel.apiconnector2 .field-label.private, .custom-plugin-panel.apiconnector2 .field-label.client-safe, .custom-plugin-panel.apiconnector2 .field-label.url-client-safe, .custom-plugin-panel.apiconnector2 .field-label.data-type, .custom-plugin-panel.apiconnector2 .field-label.email-path, .custom-plugin-panel.apiconnector2 .field-label.querystring, .custom-plugin-panel.apiconnector2 .field-label.add-offline, .custom-plugin-panel.appconnector .field-label.param-value, .custom-plugin-panel.appconnector .field-label.private-key, .custom-plugin-panel.appconnector .field-label.password, .custom-plugin-panel.appconnector .field-label.appsecret, .custom-plugin-panel.appconnector .field-label.appsecret-test, .custom-plugin-panel.appconnector .field-label.auth-method, .custom-plugin-panel.appconnector .field-label.add-to-header, .custom-plugin-panel.appconnector .field-label.token-data-type, .custom-plugin-panel.appconnector .field-label.private, .custom-plugin-panel.appconnector .field-label.client-safe, .custom-plugin-panel.appconnector .field-label.url-client-safe, .custom-plugin-panel.appconnector .field-label.data-type, .custom-plugin-panel.appconnector .field-label.email-path, .custom-plugin-panel.appconnector .field-label.querystring, .custom-plugin-panel.appconnector .field-label.add-offline, .custom-plugin-panel.dbconnector .field-label.param-value, .custom-plugin-panel.dbconnector .field-label.private-key, .custom-plugin-panel.dbconnector .field-label.password, .custom-plugin-panel.dbconnector .field-label.appsecret, .custom-plugin-panel.dbconnector .field-label.appsecret-test, .custom-plugin-panel.dbconnector .field-label.auth-method, .custom-plugin-panel.dbconnector .field-label.add-to-header, .custom-plugin-panel.dbconnector .field-label.token-data-type, .custom-plugin-panel.dbconnector .field-label.private, .custom-plugin-panel.dbconnector .field-label.client-safe, .custom-plugin-panel.dbconnector .field-label.url-client-safe, .custom-plugin-panel.dbconnector .field-label.data-type, .custom-plugin-panel.dbconnector .field-label.email-path, .custom-plugin-panel.dbconnector .field-label.querystring, .custom-plugin-panel.dbconnector .field-label.add-offline,
.custom-plugin-panel .api-editor .field-label.param-value,
.custom-plugin-panel .api-editor .field-label.private-key,
.custom-plugin-panel .api-editor .field-label.password,
.custom-plugin-panel .api-editor .field-label.appsecret,
.custom-plugin-panel .api-editor .field-label.appsecret-test,
.custom-plugin-panel .api-editor .field-label.auth-method,
.custom-plugin-panel .api-editor .field-label.add-to-header,
.custom-plugin-panel .api-editor .field-label.token-data-type,
.custom-plugin-panel .api-editor .field-label.private,
.custom-plugin-panel .api-editor .field-label.client-safe,
.custom-plugin-panel .api-editor .field-label.url-client-safe,
.custom-plugin-panel .api-editor .field-label.data-type,
.custom-plugin-panel .api-editor .field-label.email-path,
.custom-plugin-panel .api-editor .field-label.querystring,
.custom-plugin-panel .api-editor .field-label.add-offline,
.tabcanvas.api.apiconnector .field-label.param-value,
.tabcanvas.api.apiconnector .field-label.private-key,
.tabcanvas.api.apiconnector .field-label.password,
.tabcanvas.api.apiconnector .field-label.appsecret,
.tabcanvas.api.apiconnector .field-label.appsecret-test,
.tabcanvas.api.apiconnector .field-label.auth-method,
.tabcanvas.api.apiconnector .field-label.add-to-header,
.tabcanvas.api.apiconnector .field-label.token-data-type,
.tabcanvas.api.apiconnector .field-label.private,
.tabcanvas.api.apiconnector .field-label.client-safe,
.tabcanvas.api.apiconnector .field-label.url-client-safe,
.tabcanvas.api.apiconnector .field-label.data-type,
.tabcanvas.api.apiconnector .field-label.email-path,
.tabcanvas.api.apiconnector .field-label.querystring,
.tabcanvas.api.apiconnector .field-label.add-offline,
.tabcanvas.api.apiconnector2 .field-label.param-value,
.tabcanvas.api.apiconnector2 .field-label.private-key,
.tabcanvas.api.apiconnector2 .field-label.password,
.tabcanvas.api.apiconnector2 .field-label.appsecret,
.tabcanvas.api.apiconnector2 .field-label.appsecret-test,
.tabcanvas.api.apiconnector2 .field-label.auth-method,
.tabcanvas.api.apiconnector2 .field-label.add-to-header,
.tabcanvas.api.apiconnector2 .field-label.token-data-type,
.tabcanvas.api.apiconnector2 .field-label.private,
.tabcanvas.api.apiconnector2 .field-label.client-safe,
.tabcanvas.api.apiconnector2 .field-label.url-client-safe,
.tabcanvas.api.apiconnector2 .field-label.data-type,
.tabcanvas.api.apiconnector2 .field-label.email-path,
.tabcanvas.api.apiconnector2 .field-label.querystring,
.tabcanvas.api.apiconnector2 .field-label.add-offline,
.tabcanvas.api.appconnector .field-label.param-value,
.tabcanvas.api.appconnector .field-label.private-key,
.tabcanvas.api.appconnector .field-label.password,
.tabcanvas.api.appconnector .field-label.appsecret,
.tabcanvas.api.appconnector .field-label.appsecret-test,
.tabcanvas.api.appconnector .field-label.auth-method,
.tabcanvas.api.appconnector .field-label.add-to-header,
.tabcanvas.api.appconnector .field-label.token-data-type,
.tabcanvas.api.appconnector .field-label.private,
.tabcanvas.api.appconnector .field-label.client-safe,
.tabcanvas.api.appconnector .field-label.url-client-safe,
.tabcanvas.api.appconnector .field-label.data-type,
.tabcanvas.api.appconnector .field-label.email-path,
.tabcanvas.api.appconnector .field-label.querystring,
.tabcanvas.api.appconnector .field-label.add-offline,
.tabcanvas.api.dbconnector .field-label.param-value,
.tabcanvas.api.dbconnector .field-label.private-key,
.tabcanvas.api.dbconnector .field-label.password,
.tabcanvas.api.dbconnector .field-label.appsecret,
.tabcanvas.api.dbconnector .field-label.appsecret-test,
.tabcanvas.api.dbconnector .field-label.auth-method,
.tabcanvas.api.dbconnector .field-label.add-to-header,
.tabcanvas.api.dbconnector .field-label.token-data-type,
.tabcanvas.api.dbconnector .field-label.private,
.tabcanvas.api.dbconnector .field-label.client-safe,
.tabcanvas.api.dbconnector .field-label.url-client-safe,
.tabcanvas.api.dbconnector .field-label.data-type,
.tabcanvas.api.dbconnector .field-label.email-path,
.tabcanvas.api.dbconnector .field-label.querystring,
.tabcanvas.api.dbconnector .field-label.add-offline,
.tabcanvas.api .api-editor .field-label.param-value,
.tabcanvas.api .api-editor .field-label.private-key,
.tabcanvas.api .api-editor .field-label.password,
.tabcanvas.api .api-editor .field-label.appsecret,
.tabcanvas.api .api-editor .field-label.appsecret-test,
.tabcanvas.api .api-editor .field-label.auth-method,
.tabcanvas.api .api-editor .field-label.add-to-header,
.tabcanvas.api .api-editor .field-label.token-data-type,
.tabcanvas.api .api-editor .field-label.private,
.tabcanvas.api .api-editor .field-label.client-safe,
.tabcanvas.api .api-editor .field-label.url-client-safe,
.tabcanvas.api .api-editor .field-label.data-type,
.tabcanvas.api .api-editor .field-label.email-path,
.tabcanvas.api .api-editor .field-label.querystring,
.tabcanvas.api .api-editor .field-label.add-offline {
  clear: none;
  margin-left: 20px;
}
.custom-plugin-panel.apiconnector .field-label.private-key, .custom-plugin-panel.apiconnector .field-label.username, .custom-plugin-panel.apiconnector .field-label.password, .custom-plugin-panel.apiconnector .field-label.private-key-name, .custom-plugin-panel.apiconnector .field-label.appid, .custom-plugin-panel.apiconnector .field-label.appsecret, .custom-plugin-panel.apiconnector .field-label.appid-test, .custom-plugin-panel.apiconnector .field-label.appsecret-test, .custom-plugin-panel.apiconnector .field-label.scope, .custom-plugin-panel.apiconnector .field-label.service-call-name, .custom-plugin-panel.apiconnector2 .field-label.private-key, .custom-plugin-panel.apiconnector2 .field-label.username, .custom-plugin-panel.apiconnector2 .field-label.password, .custom-plugin-panel.apiconnector2 .field-label.private-key-name, .custom-plugin-panel.apiconnector2 .field-label.appid, .custom-plugin-panel.apiconnector2 .field-label.appsecret, .custom-plugin-panel.apiconnector2 .field-label.appid-test, .custom-plugin-panel.apiconnector2 .field-label.appsecret-test, .custom-plugin-panel.apiconnector2 .field-label.scope, .custom-plugin-panel.apiconnector2 .field-label.service-call-name, .custom-plugin-panel.appconnector .field-label.private-key, .custom-plugin-panel.appconnector .field-label.username, .custom-plugin-panel.appconnector .field-label.password, .custom-plugin-panel.appconnector .field-label.private-key-name, .custom-plugin-panel.appconnector .field-label.appid, .custom-plugin-panel.appconnector .field-label.appsecret, .custom-plugin-panel.appconnector .field-label.appid-test, .custom-plugin-panel.appconnector .field-label.appsecret-test, .custom-plugin-panel.appconnector .field-label.scope, .custom-plugin-panel.appconnector .field-label.service-call-name, .custom-plugin-panel.dbconnector .field-label.private-key, .custom-plugin-panel.dbconnector .field-label.username, .custom-plugin-panel.dbconnector .field-label.password, .custom-plugin-panel.dbconnector .field-label.private-key-name, .custom-plugin-panel.dbconnector .field-label.appid, .custom-plugin-panel.dbconnector .field-label.appsecret, .custom-plugin-panel.dbconnector .field-label.appid-test, .custom-plugin-panel.dbconnector .field-label.appsecret-test, .custom-plugin-panel.dbconnector .field-label.scope, .custom-plugin-panel.dbconnector .field-label.service-call-name,
.custom-plugin-panel .api-editor .field-label.private-key,
.custom-plugin-panel .api-editor .field-label.username,
.custom-plugin-panel .api-editor .field-label.password,
.custom-plugin-panel .api-editor .field-label.private-key-name,
.custom-plugin-panel .api-editor .field-label.appid,
.custom-plugin-panel .api-editor .field-label.appsecret,
.custom-plugin-panel .api-editor .field-label.appid-test,
.custom-plugin-panel .api-editor .field-label.appsecret-test,
.custom-plugin-panel .api-editor .field-label.scope,
.custom-plugin-panel .api-editor .field-label.service-call-name,
.tabcanvas.api.apiconnector .field-label.private-key,
.tabcanvas.api.apiconnector .field-label.username,
.tabcanvas.api.apiconnector .field-label.password,
.tabcanvas.api.apiconnector .field-label.private-key-name,
.tabcanvas.api.apiconnector .field-label.appid,
.tabcanvas.api.apiconnector .field-label.appsecret,
.tabcanvas.api.apiconnector .field-label.appid-test,
.tabcanvas.api.apiconnector .field-label.appsecret-test,
.tabcanvas.api.apiconnector .field-label.scope,
.tabcanvas.api.apiconnector .field-label.service-call-name,
.tabcanvas.api.apiconnector2 .field-label.private-key,
.tabcanvas.api.apiconnector2 .field-label.username,
.tabcanvas.api.apiconnector2 .field-label.password,
.tabcanvas.api.apiconnector2 .field-label.private-key-name,
.tabcanvas.api.apiconnector2 .field-label.appid,
.tabcanvas.api.apiconnector2 .field-label.appsecret,
.tabcanvas.api.apiconnector2 .field-label.appid-test,
.tabcanvas.api.apiconnector2 .field-label.appsecret-test,
.tabcanvas.api.apiconnector2 .field-label.scope,
.tabcanvas.api.apiconnector2 .field-label.service-call-name,
.tabcanvas.api.appconnector .field-label.private-key,
.tabcanvas.api.appconnector .field-label.username,
.tabcanvas.api.appconnector .field-label.password,
.tabcanvas.api.appconnector .field-label.private-key-name,
.tabcanvas.api.appconnector .field-label.appid,
.tabcanvas.api.appconnector .field-label.appsecret,
.tabcanvas.api.appconnector .field-label.appid-test,
.tabcanvas.api.appconnector .field-label.appsecret-test,
.tabcanvas.api.appconnector .field-label.scope,
.tabcanvas.api.appconnector .field-label.service-call-name,
.tabcanvas.api.dbconnector .field-label.private-key,
.tabcanvas.api.dbconnector .field-label.username,
.tabcanvas.api.dbconnector .field-label.password,
.tabcanvas.api.dbconnector .field-label.private-key-name,
.tabcanvas.api.dbconnector .field-label.appid,
.tabcanvas.api.dbconnector .field-label.appsecret,
.tabcanvas.api.dbconnector .field-label.appid-test,
.tabcanvas.api.dbconnector .field-label.appsecret-test,
.tabcanvas.api.dbconnector .field-label.scope,
.tabcanvas.api.dbconnector .field-label.service-call-name,
.tabcanvas.api .api-editor .field-label.private-key,
.tabcanvas.api .api-editor .field-label.username,
.tabcanvas.api .api-editor .field-label.password,
.tabcanvas.api .api-editor .field-label.private-key-name,
.tabcanvas.api .api-editor .field-label.appid,
.tabcanvas.api .api-editor .field-label.appsecret,
.tabcanvas.api .api-editor .field-label.appid-test,
.tabcanvas.api .api-editor .field-label.appsecret-test,
.tabcanvas.api .api-editor .field-label.scope,
.tabcanvas.api .api-editor .field-label.service-call-name {
  width: 90px;
}
.custom-plugin-panel.apiconnector .field-label.param-key, .custom-plugin-panel.apiconnector2 .field-label.param-key, .custom-plugin-panel.appconnector .field-label.param-key, .custom-plugin-panel.dbconnector .field-label.param-key,
.custom-plugin-panel .api-editor .field-label.param-key,
.tabcanvas.api.apiconnector .field-label.param-key,
.tabcanvas.api.apiconnector2 .field-label.param-key,
.tabcanvas.api.appconnector .field-label.param-key,
.tabcanvas.api.dbconnector .field-label.param-key,
.tabcanvas.api .api-editor .field-label.param-key {
  width: 32px;
}
.custom-plugin-panel.apiconnector .field-label.param-value, .custom-plugin-panel.apiconnector2 .field-label.param-value, .custom-plugin-panel.appconnector .field-label.param-value, .custom-plugin-panel.dbconnector .field-label.param-value,
.custom-plugin-panel .api-editor .field-label.param-value,
.tabcanvas.api.apiconnector .field-label.param-value,
.tabcanvas.api.apiconnector2 .field-label.param-value,
.tabcanvas.api.appconnector .field-label.param-value,
.tabcanvas.api.dbconnector .field-label.param-value,
.tabcanvas.api .api-editor .field-label.param-value {
  width: 45px;
}
.custom-plugin-panel.apiconnector .field-label.optional, .custom-plugin-panel.apiconnector2 .field-label.optional, .custom-plugin-panel.appconnector .field-label.optional, .custom-plugin-panel.dbconnector .field-label.optional,
.custom-plugin-panel .api-editor .field-label.optional,
.tabcanvas.api.apiconnector .field-label.optional,
.tabcanvas.api.apiconnector2 .field-label.optional,
.tabcanvas.api.appconnector .field-label.optional,
.tabcanvas.api.dbconnector .field-label.optional,
.tabcanvas.api .api-editor .field-label.optional {
  width: 62px;
}
.custom-plugin-panel.apiconnector .field-label.private, .custom-plugin-panel.apiconnector2 .field-label.private, .custom-plugin-panel.appconnector .field-label.private, .custom-plugin-panel.dbconnector .field-label.private,
.custom-plugin-panel .api-editor .field-label.private,
.tabcanvas.api.apiconnector .field-label.private,
.tabcanvas.api.apiconnector2 .field-label.private,
.tabcanvas.api.appconnector .field-label.private,
.tabcanvas.api.dbconnector .field-label.private,
.tabcanvas.api .api-editor .field-label.private {
  width: 55px;
}
.custom-plugin-panel.apiconnector .field-label.querystring, .custom-plugin-panel.apiconnector2 .field-label.querystring, .custom-plugin-panel.appconnector .field-label.querystring, .custom-plugin-panel.dbconnector .field-label.querystring,
.custom-plugin-panel .api-editor .field-label.querystring,
.tabcanvas.api.apiconnector .field-label.querystring,
.tabcanvas.api.apiconnector2 .field-label.querystring,
.tabcanvas.api.appconnector .field-label.querystring,
.tabcanvas.api.dbconnector .field-label.querystring,
.tabcanvas.api .api-editor .field-label.querystring {
  width: 60px;
}
.custom-plugin-panel.apiconnector .field-label.param-doc, .custom-plugin-panel.apiconnector2 .field-label.param-doc, .custom-plugin-panel.appconnector .field-label.param-doc, .custom-plugin-panel.dbconnector .field-label.param-doc,
.custom-plugin-panel .api-editor .field-label.param-doc,
.tabcanvas.api.apiconnector .field-label.param-doc,
.tabcanvas.api.apiconnector2 .field-label.param-doc,
.tabcanvas.api.appconnector .field-label.param-doc,
.tabcanvas.api.dbconnector .field-label.param-doc,
.tabcanvas.api .api-editor .field-label.param-doc {
  width: 190px;
}
.custom-plugin-panel.apiconnector .field-label.add-to-header, .custom-plugin-panel.apiconnector .field-label.add-offline, .custom-plugin-panel.apiconnector .field-label.add-basic-authentication, .custom-plugin-panel.apiconnector .field-label.token-data-type, .custom-plugin-panel.apiconnector2 .field-label.add-to-header, .custom-plugin-panel.apiconnector2 .field-label.add-offline, .custom-plugin-panel.apiconnector2 .field-label.add-basic-authentication, .custom-plugin-panel.apiconnector2 .field-label.token-data-type, .custom-plugin-panel.appconnector .field-label.add-to-header, .custom-plugin-panel.appconnector .field-label.add-offline, .custom-plugin-panel.appconnector .field-label.add-basic-authentication, .custom-plugin-panel.appconnector .field-label.token-data-type, .custom-plugin-panel.dbconnector .field-label.add-to-header, .custom-plugin-panel.dbconnector .field-label.add-offline, .custom-plugin-panel.dbconnector .field-label.add-basic-authentication, .custom-plugin-panel.dbconnector .field-label.token-data-type,
.custom-plugin-panel .api-editor .field-label.add-to-header,
.custom-plugin-panel .api-editor .field-label.add-offline,
.custom-plugin-panel .api-editor .field-label.add-basic-authentication,
.custom-plugin-panel .api-editor .field-label.token-data-type,
.tabcanvas.api.apiconnector .field-label.add-to-header,
.tabcanvas.api.apiconnector .field-label.add-offline,
.tabcanvas.api.apiconnector .field-label.add-basic-authentication,
.tabcanvas.api.apiconnector .field-label.token-data-type,
.tabcanvas.api.apiconnector2 .field-label.add-to-header,
.tabcanvas.api.apiconnector2 .field-label.add-offline,
.tabcanvas.api.apiconnector2 .field-label.add-basic-authentication,
.tabcanvas.api.apiconnector2 .field-label.token-data-type,
.tabcanvas.api.appconnector .field-label.add-to-header,
.tabcanvas.api.appconnector .field-label.add-offline,
.tabcanvas.api.appconnector .field-label.add-basic-authentication,
.tabcanvas.api.appconnector .field-label.token-data-type,
.tabcanvas.api.dbconnector .field-label.add-to-header,
.tabcanvas.api.dbconnector .field-label.add-offline,
.tabcanvas.api.dbconnector .field-label.add-basic-authentication,
.tabcanvas.api.dbconnector .field-label.token-data-type,
.tabcanvas.api .api-editor .field-label.add-to-header,
.tabcanvas.api .api-editor .field-label.add-offline,
.tabcanvas.api .api-editor .field-label.add-basic-authentication,
.tabcanvas.api .api-editor .field-label.token-data-type {
  width: 362px;
}
.custom-plugin-panel.apiconnector .field-label.doc-link, .custom-plugin-panel.apiconnector2 .field-label.doc-link, .custom-plugin-panel.appconnector .field-label.doc-link, .custom-plugin-panel.dbconnector .field-label.doc-link,
.custom-plugin-panel .api-editor .field-label.doc-link,
.tabcanvas.api.apiconnector .field-label.doc-link,
.tabcanvas.api.apiconnector2 .field-label.doc-link,
.tabcanvas.api.appconnector .field-label.doc-link,
.tabcanvas.api.dbconnector .field-label.doc-link,
.tabcanvas.api .api-editor .field-label.doc-link {
  width: 167px;
  margin-top: 20px;
}
.custom-plugin-panel.apiconnector .field-label.auth-method, .custom-plugin-panel.apiconnector2 .field-label.auth-method, .custom-plugin-panel.appconnector .field-label.auth-method, .custom-plugin-panel.dbconnector .field-label.auth-method,
.custom-plugin-panel .api-editor .field-label.auth-method,
.tabcanvas.api.apiconnector .field-label.auth-method,
.tabcanvas.api.apiconnector2 .field-label.auth-method,
.tabcanvas.api.appconnector .field-label.auth-method,
.tabcanvas.api.dbconnector .field-label.auth-method,
.tabcanvas.api .api-editor .field-label.auth-method {
  width: 133px;
}
.custom-plugin-panel.apiconnector .field-label.development-private-key, .custom-plugin-panel.apiconnector2 .field-label.development-private-key, .custom-plugin-panel.appconnector .field-label.development-private-key, .custom-plugin-panel.dbconnector .field-label.development-private-key,
.custom-plugin-panel .api-editor .field-label.development-private-key,
.tabcanvas.api.apiconnector .field-label.development-private-key,
.tabcanvas.api.apiconnector2 .field-label.development-private-key,
.tabcanvas.api.appconnector .field-label.development-private-key,
.tabcanvas.api.dbconnector .field-label.development-private-key,
.tabcanvas.api .api-editor .field-label.development-private-key {
  width: 180px;
}
.custom-plugin-panel.apiconnector .field-label.title-label, .custom-plugin-panel.apiconnector2 .field-label.title-label, .custom-plugin-panel.appconnector .field-label.title-label, .custom-plugin-panel.dbconnector .field-label.title-label,
.custom-plugin-panel .api-editor .field-label.title-label,
.tabcanvas.api.apiconnector .field-label.title-label,
.tabcanvas.api.apiconnector2 .field-label.title-label,
.tabcanvas.api.appconnector .field-label.title-label,
.tabcanvas.api.dbconnector .field-label.title-label,
.tabcanvas.api .api-editor .field-label.title-label {
  width: 300px;
}
.custom-plugin-panel.apiconnector .field-label.title-label, .custom-plugin-panel.apiconnector2 .field-label.title-label, .custom-plugin-panel.appconnector .field-label.title-label, .custom-plugin-panel.dbconnector .field-label.title-label,
.custom-plugin-panel .api-editor .field-label.title-label,
.tabcanvas.api.apiconnector .field-label.title-label,
.tabcanvas.api.apiconnector2 .field-label.title-label,
.tabcanvas.api.appconnector .field-label.title-label,
.tabcanvas.api.dbconnector .field-label.title-label,
.tabcanvas.api .api-editor .field-label.title-label {
  margin-top: 20px;
  margin-bottom: 7px;
}
.custom-plugin-panel.apiconnector .field-label.title-label.oauth2-custom, .custom-plugin-panel.apiconnector2 .field-label.title-label.oauth2-custom, .custom-plugin-panel.appconnector .field-label.title-label.oauth2-custom, .custom-plugin-panel.dbconnector .field-label.title-label.oauth2-custom,
.custom-plugin-panel .api-editor .field-label.title-label.oauth2-custom,
.tabcanvas.api.apiconnector .field-label.title-label.oauth2-custom,
.tabcanvas.api.apiconnector2 .field-label.title-label.oauth2-custom,
.tabcanvas.api.appconnector .field-label.title-label.oauth2-custom,
.tabcanvas.api.dbconnector .field-label.title-label.oauth2-custom,
.tabcanvas.api .api-editor .field-label.title-label.oauth2-custom {
  margin-top: 7px;
}
.custom-plugin-panel.apiconnector .field-label.server-redirect, .custom-plugin-panel.apiconnector2 .field-label.server-redirect, .custom-plugin-panel.appconnector .field-label.server-redirect, .custom-plugin-panel.dbconnector .field-label.server-redirect,
.custom-plugin-panel .api-editor .field-label.server-redirect,
.tabcanvas.api.apiconnector .field-label.server-redirect,
.tabcanvas.api.apiconnector2 .field-label.server-redirect,
.tabcanvas.api.appconnector .field-label.server-redirect,
.tabcanvas.api.dbconnector .field-label.server-redirect,
.tabcanvas.api .api-editor .field-label.server-redirect {
  width: 762px;
}
.custom-plugin-panel.apiconnector .field-label.body-type, .custom-plugin-panel.apiconnector2 .field-label.body-type, .custom-plugin-panel.appconnector .field-label.body-type, .custom-plugin-panel.dbconnector .field-label.body-type,
.custom-plugin-panel .api-editor .field-label.body-type,
.tabcanvas.api.apiconnector .field-label.body-type,
.tabcanvas.api.apiconnector2 .field-label.body-type,
.tabcanvas.api.appconnector .field-label.body-type,
.tabcanvas.api.dbconnector .field-label.body-type,
.tabcanvas.api .api-editor .field-label.body-type {
  margin-top: 25px;
  width: 112px;
}
.custom-plugin-panel.apiconnector .field-label.client-safe, .custom-plugin-panel.apiconnector .field-label.url-client-safe, .custom-plugin-panel.apiconnector .field-label.data-type, .custom-plugin-panel.apiconnector2 .field-label.client-safe, .custom-plugin-panel.apiconnector2 .field-label.url-client-safe, .custom-plugin-panel.apiconnector2 .field-label.data-type, .custom-plugin-panel.appconnector .field-label.client-safe, .custom-plugin-panel.appconnector .field-label.url-client-safe, .custom-plugin-panel.appconnector .field-label.data-type, .custom-plugin-panel.dbconnector .field-label.client-safe, .custom-plugin-panel.dbconnector .field-label.url-client-safe, .custom-plugin-panel.dbconnector .field-label.data-type,
.custom-plugin-panel .api-editor .field-label.client-safe,
.custom-plugin-panel .api-editor .field-label.url-client-safe,
.custom-plugin-panel .api-editor .field-label.data-type,
.tabcanvas.api.apiconnector .field-label.client-safe,
.tabcanvas.api.apiconnector .field-label.url-client-safe,
.tabcanvas.api.apiconnector .field-label.data-type,
.tabcanvas.api.apiconnector2 .field-label.client-safe,
.tabcanvas.api.apiconnector2 .field-label.url-client-safe,
.tabcanvas.api.apiconnector2 .field-label.data-type,
.tabcanvas.api.appconnector .field-label.client-safe,
.tabcanvas.api.appconnector .field-label.url-client-safe,
.tabcanvas.api.appconnector .field-label.data-type,
.tabcanvas.api.dbconnector .field-label.client-safe,
.tabcanvas.api.dbconnector .field-label.url-client-safe,
.tabcanvas.api.dbconnector .field-label.data-type,
.tabcanvas.api .api-editor .field-label.client-safe,
.tabcanvas.api .api-editor .field-label.url-client-safe,
.tabcanvas.api .api-editor .field-label.data-type {
  width: 80px;
}
.custom-plugin-panel.apiconnector .field-label.call-body, .custom-plugin-panel.apiconnector2 .field-label.call-body, .custom-plugin-panel.appconnector .field-label.call-body, .custom-plugin-panel.dbconnector .field-label.call-body,
.custom-plugin-panel .api-editor .field-label.call-body,
.tabcanvas.api.apiconnector .field-label.call-body,
.tabcanvas.api.apiconnector2 .field-label.call-body,
.tabcanvas.api.appconnector .field-label.call-body,
.tabcanvas.api.dbconnector .field-label.call-body,
.tabcanvas.api .api-editor .field-label.call-body {
  margin-top: 15px;
  width: 500px;
}
.custom-plugin-panel.apiconnector .field-label.call-name, .custom-plugin-panel.apiconnector2 .field-label.call-name, .custom-plugin-panel.appconnector .field-label.call-name, .custom-plugin-panel.dbconnector .field-label.call-name,
.custom-plugin-panel .api-editor .field-label.call-name,
.tabcanvas.api.apiconnector .field-label.call-name,
.tabcanvas.api.apiconnector2 .field-label.call-name,
.tabcanvas.api.appconnector .field-label.call-name,
.tabcanvas.api.dbconnector .field-label.call-name,
.tabcanvas.api .api-editor .field-label.call-name {
  width: 75px;
}
.custom-plugin-panel.apiconnector .field-label.token-endpoint, .custom-plugin-panel.apiconnector .field-label.oauth-user-data-call, .custom-plugin-panel.apiconnector .field-label.id-path, .custom-plugin-panel.apiconnector .field-label.email-path, .custom-plugin-panel.apiconnector .field-label.iss, .custom-plugin-panel.apiconnector .field-label.scope-jwt, .custom-plugin-panel.apiconnector2 .field-label.token-endpoint, .custom-plugin-panel.apiconnector2 .field-label.oauth-user-data-call, .custom-plugin-panel.apiconnector2 .field-label.id-path, .custom-plugin-panel.apiconnector2 .field-label.email-path, .custom-plugin-panel.apiconnector2 .field-label.iss, .custom-plugin-panel.apiconnector2 .field-label.scope-jwt, .custom-plugin-panel.appconnector .field-label.token-endpoint, .custom-plugin-panel.appconnector .field-label.oauth-user-data-call, .custom-plugin-panel.appconnector .field-label.id-path, .custom-plugin-panel.appconnector .field-label.email-path, .custom-plugin-panel.appconnector .field-label.iss, .custom-plugin-panel.appconnector .field-label.scope-jwt, .custom-plugin-panel.dbconnector .field-label.token-endpoint, .custom-plugin-panel.dbconnector .field-label.oauth-user-data-call, .custom-plugin-panel.dbconnector .field-label.id-path, .custom-plugin-panel.dbconnector .field-label.email-path, .custom-plugin-panel.dbconnector .field-label.iss, .custom-plugin-panel.dbconnector .field-label.scope-jwt,
.custom-plugin-panel .api-editor .field-label.token-endpoint,
.custom-plugin-panel .api-editor .field-label.oauth-user-data-call,
.custom-plugin-panel .api-editor .field-label.id-path,
.custom-plugin-panel .api-editor .field-label.email-path,
.custom-plugin-panel .api-editor .field-label.iss,
.custom-plugin-panel .api-editor .field-label.scope-jwt,
.tabcanvas.api.apiconnector .field-label.token-endpoint,
.tabcanvas.api.apiconnector .field-label.oauth-user-data-call,
.tabcanvas.api.apiconnector .field-label.id-path,
.tabcanvas.api.apiconnector .field-label.email-path,
.tabcanvas.api.apiconnector .field-label.iss,
.tabcanvas.api.apiconnector .field-label.scope-jwt,
.tabcanvas.api.apiconnector2 .field-label.token-endpoint,
.tabcanvas.api.apiconnector2 .field-label.oauth-user-data-call,
.tabcanvas.api.apiconnector2 .field-label.id-path,
.tabcanvas.api.apiconnector2 .field-label.email-path,
.tabcanvas.api.apiconnector2 .field-label.iss,
.tabcanvas.api.apiconnector2 .field-label.scope-jwt,
.tabcanvas.api.appconnector .field-label.token-endpoint,
.tabcanvas.api.appconnector .field-label.oauth-user-data-call,
.tabcanvas.api.appconnector .field-label.id-path,
.tabcanvas.api.appconnector .field-label.email-path,
.tabcanvas.api.appconnector .field-label.iss,
.tabcanvas.api.appconnector .field-label.scope-jwt,
.tabcanvas.api.dbconnector .field-label.token-endpoint,
.tabcanvas.api.dbconnector .field-label.oauth-user-data-call,
.tabcanvas.api.dbconnector .field-label.id-path,
.tabcanvas.api.dbconnector .field-label.email-path,
.tabcanvas.api.dbconnector .field-label.iss,
.tabcanvas.api.dbconnector .field-label.scope-jwt,
.tabcanvas.api .api-editor .field-label.token-endpoint,
.tabcanvas.api .api-editor .field-label.oauth-user-data-call,
.tabcanvas.api .api-editor .field-label.id-path,
.tabcanvas.api .api-editor .field-label.email-path,
.tabcanvas.api .api-editor .field-label.iss,
.tabcanvas.api .api-editor .field-label.scope-jwt {
  width: 170px;
}
.custom-plugin-panel.apiconnector .field-label.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-label.rsa-private-key, .custom-plugin-panel.appconnector .field-label.rsa-private-key, .custom-plugin-panel.dbconnector .field-label.rsa-private-key,
.custom-plugin-panel .api-editor .field-label.rsa-private-key,
.tabcanvas.api.apiconnector .field-label.rsa-private-key,
.tabcanvas.api.apiconnector2 .field-label.rsa-private-key,
.tabcanvas.api.appconnector .field-label.rsa-private-key,
.tabcanvas.api.dbconnector .field-label.rsa-private-key,
.tabcanvas.api .api-editor .field-label.rsa-private-key {
  width: 100%;
}
.custom-plugin-panel.apiconnector .field-label.wrap-error, .custom-plugin-panel.apiconnector2 .field-label.wrap-error, .custom-plugin-panel.appconnector .field-label.wrap-error, .custom-plugin-panel.dbconnector .field-label.wrap-error,
.custom-plugin-panel .api-editor .field-label.wrap-error,
.tabcanvas.api.apiconnector .field-label.wrap-error,
.tabcanvas.api.apiconnector2 .field-label.wrap-error,
.tabcanvas.api.appconnector .field-label.wrap-error,
.tabcanvas.api.dbconnector .field-label.wrap-error,
.tabcanvas.api .api-editor .field-label.wrap-error {
  width: 476px;
}
.custom-plugin-panel.apiconnector .field-label.get-headers, .custom-plugin-panel.apiconnector2 .field-label.get-headers, .custom-plugin-panel.appconnector .field-label.get-headers, .custom-plugin-panel.dbconnector .field-label.get-headers,
.custom-plugin-panel .api-editor .field-label.get-headers,
.tabcanvas.api.apiconnector .field-label.get-headers,
.tabcanvas.api.apiconnector2 .field-label.get-headers,
.tabcanvas.api.appconnector .field-label.get-headers,
.tabcanvas.api.dbconnector .field-label.get-headers,
.tabcanvas.api .api-editor .field-label.get-headers {
  clear: both;
  width: 476px;
  margin-top: 9px;
}
.custom-plugin-panel.apiconnector .field-label.in-browser, .custom-plugin-panel.apiconnector2 .field-label.in-browser, .custom-plugin-panel.appconnector .field-label.in-browser, .custom-plugin-panel.dbconnector .field-label.in-browser,
.custom-plugin-panel .api-editor .field-label.in-browser,
.tabcanvas.api.apiconnector .field-label.in-browser,
.tabcanvas.api.apiconnector2 .field-label.in-browser,
.tabcanvas.api.appconnector .field-label.in-browser,
.tabcanvas.api.dbconnector .field-label.in-browser,
.tabcanvas.api .api-editor .field-label.in-browser {
  clear: both;
  width: 476px;
  margin-top: 18px;
}
.custom-plugin-panel.apiconnector .field-label.empty-object, .custom-plugin-panel.apiconnector2 .field-label.empty-object, .custom-plugin-panel.appconnector .field-label.empty-object, .custom-plugin-panel.dbconnector .field-label.empty-object,
.custom-plugin-panel .api-editor .field-label.empty-object,
.tabcanvas.api.apiconnector .field-label.empty-object,
.tabcanvas.api.apiconnector2 .field-label.empty-object,
.tabcanvas.api.appconnector .field-label.empty-object,
.tabcanvas.api.dbconnector .field-label.empty-object,
.tabcanvas.api .api-editor .field-label.empty-object {
  width: 100% !important;
}
.custom-plugin-panel.apiconnector .field-label.allow-blank, .custom-plugin-panel.apiconnector2 .field-label.allow-blank, .custom-plugin-panel.appconnector .field-label.allow-blank, .custom-plugin-panel.dbconnector .field-label.allow-blank,
.custom-plugin-panel .api-editor .field-label.allow-blank,
.tabcanvas.api.apiconnector .field-label.allow-blank,
.tabcanvas.api.apiconnector2 .field-label.allow-blank,
.tabcanvas.api.appconnector .field-label.allow-blank,
.tabcanvas.api.dbconnector .field-label.allow-blank,
.tabcanvas.api .api-editor .field-label.allow-blank {
  width: 80px !important;
}
.custom-plugin-panel.apiconnector .delete-btn.delete-call-button,
.custom-plugin-panel.apiconnector .delete-btn.delete-app-button,
.custom-plugin-panel.apiconnector .delete-btn.delete-param-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button,
.custom-plugin-panel.apiconnector2 .delete-btn.delete-app-button,
.custom-plugin-panel.apiconnector2 .delete-btn.delete-param-button, .custom-plugin-panel.appconnector .delete-btn.delete-call-button,
.custom-plugin-panel.appconnector .delete-btn.delete-app-button,
.custom-plugin-panel.appconnector .delete-btn.delete-param-button, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button,
.custom-plugin-panel.dbconnector .delete-btn.delete-app-button,
.custom-plugin-panel.dbconnector .delete-btn.delete-param-button,
.custom-plugin-panel .api-editor .delete-btn.delete-call-button,
.custom-plugin-panel .api-editor .delete-btn.delete-app-button,
.custom-plugin-panel .api-editor .delete-btn.delete-param-button,
.tabcanvas.api.apiconnector .delete-btn.delete-call-button,
.tabcanvas.api.apiconnector .delete-btn.delete-app-button,
.tabcanvas.api.apiconnector .delete-btn.delete-param-button,
.tabcanvas.api.apiconnector2 .delete-btn.delete-call-button,
.tabcanvas.api.apiconnector2 .delete-btn.delete-app-button,
.tabcanvas.api.apiconnector2 .delete-btn.delete-param-button,
.tabcanvas.api.appconnector .delete-btn.delete-call-button,
.tabcanvas.api.appconnector .delete-btn.delete-app-button,
.tabcanvas.api.appconnector .delete-btn.delete-param-button,
.tabcanvas.api.dbconnector .delete-btn.delete-call-button,
.tabcanvas.api.dbconnector .delete-btn.delete-app-button,
.tabcanvas.api.dbconnector .delete-btn.delete-param-button,
.tabcanvas.api .api-editor .delete-btn.delete-call-button,
.tabcanvas.api .api-editor .delete-btn.delete-app-button,
.tabcanvas.api .api-editor .delete-btn.delete-param-button {
  margin-top: 7px !important;
  margin-right: 0px !important;
}
.custom-plugin-panel.apiconnector .delete-btn.delete-call-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button, .custom-plugin-panel.appconnector .delete-btn.delete-call-button, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button,
.custom-plugin-panel .api-editor .delete-btn.delete-call-button,
.tabcanvas.api.apiconnector .delete-btn.delete-call-button,
.tabcanvas.api.apiconnector2 .delete-btn.delete-call-button,
.tabcanvas.api.appconnector .delete-btn.delete-call-button,
.tabcanvas.api.dbconnector .delete-btn.delete-call-button,
.tabcanvas.api .api-editor .delete-btn.delete-call-button {
  margin-left: 10px;
}
.custom-plugin-panel.apiconnector .delete-btn.delete-call-button.main-api, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button.main-api, .custom-plugin-panel.appconnector .delete-btn.delete-call-button.main-api, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button.main-api,
.custom-plugin-panel .api-editor .delete-btn.delete-call-button.main-api,
.tabcanvas.api.apiconnector .delete-btn.delete-call-button.main-api,
.tabcanvas.api.apiconnector2 .delete-btn.delete-call-button.main-api,
.tabcanvas.api.appconnector .delete-btn.delete-call-button.main-api,
.tabcanvas.api.dbconnector .delete-btn.delete-call-button.main-api,
.tabcanvas.api .api-editor .delete-btn.delete-call-button.main-api {
  margin-left: 30px;
}
.custom-plugin-panel.apiconnector .delete-param, .custom-plugin-panel.apiconnector2 .delete-param, .custom-plugin-panel.appconnector .delete-param, .custom-plugin-panel.dbconnector .delete-param,
.custom-plugin-panel .api-editor .delete-param,
.tabcanvas.api.apiconnector .delete-param,
.tabcanvas.api.apiconnector2 .delete-param,
.tabcanvas.api.appconnector .delete-param,
.tabcanvas.api.dbconnector .delete-param,
.tabcanvas.api .api-editor .delete-param {
  margin-top: 7px;
  float: left;
  margin-left: 20px;
}
.custom-plugin-panel.apiconnector div.composer-textbox:has(.field-value), .custom-plugin-panel.apiconnector2 div.composer-textbox:has(.field-value), .custom-plugin-panel.appconnector div.composer-textbox:has(.field-value), .custom-plugin-panel.dbconnector div.composer-textbox:has(.field-value),
.custom-plugin-panel .api-editor div.composer-textbox:has(.field-value),
.tabcanvas.api.apiconnector div.composer-textbox:has(.field-value),
.tabcanvas.api.apiconnector2 div.composer-textbox:has(.field-value),
.tabcanvas.api.appconnector div.composer-textbox:has(.field-value),
.tabcanvas.api.dbconnector div.composer-textbox:has(.field-value),
.tabcanvas.api .api-editor div.composer-textbox:has(.field-value) {
  float: left;
}
.custom-plugin-panel.apiconnector .field-value, .custom-plugin-panel.apiconnector2 .field-value, .custom-plugin-panel.appconnector .field-value, .custom-plugin-panel.dbconnector .field-value,
.custom-plugin-panel .api-editor .field-value,
.tabcanvas.api.apiconnector .field-value,
.tabcanvas.api.apiconnector2 .field-value,
.tabcanvas.api.appconnector .field-value,
.tabcanvas.api.dbconnector .field-value,
.tabcanvas.api .api-editor .field-value {
  float: left;
  margin-bottom: 8px;
}
.custom-plugin-panel.apiconnector .field-value.visibility, .custom-plugin-panel.apiconnector2 .field-value.visibility, .custom-plugin-panel.appconnector .field-value.visibility, .custom-plugin-panel.dbconnector .field-value.visibility,
.custom-plugin-panel .api-editor .field-value.visibility,
.tabcanvas.api.apiconnector .field-value.visibility,
.tabcanvas.api.apiconnector2 .field-value.visibility,
.tabcanvas.api.appconnector .field-value.visibility,
.tabcanvas.api.dbconnector .field-value.visibility,
.tabcanvas.api .api-editor .field-value.visibility {
  margin-left: 20px;
}
.custom-plugin-panel.apiconnector .field-value.TextBox, .custom-plugin-panel.apiconnector .field-value.composer-file, .custom-plugin-panel.apiconnector2 .field-value.TextBox, .custom-plugin-panel.apiconnector2 .field-value.composer-file, .custom-plugin-panel.appconnector .field-value.TextBox, .custom-plugin-panel.appconnector .field-value.composer-file, .custom-plugin-panel.dbconnector .field-value.TextBox, .custom-plugin-panel.dbconnector .field-value.composer-file,
.custom-plugin-panel .api-editor .field-value.TextBox,
.custom-plugin-panel .api-editor .field-value.composer-file,
.tabcanvas.api.apiconnector .field-value.TextBox,
.tabcanvas.api.apiconnector .field-value.composer-file,
.tabcanvas.api.apiconnector2 .field-value.TextBox,
.tabcanvas.api.apiconnector2 .field-value.composer-file,
.tabcanvas.api.appconnector .field-value.TextBox,
.tabcanvas.api.appconnector .field-value.composer-file,
.tabcanvas.api.dbconnector .field-value.TextBox,
.tabcanvas.api.dbconnector .field-value.composer-file,
.tabcanvas.api .api-editor .field-value.TextBox,
.tabcanvas.api .api-editor .field-value.composer-file {
  background-color: white;
}
.custom-plugin-panel.apiconnector .field-value.composer-file .file-caption, .custom-plugin-panel.apiconnector2 .field-value.composer-file .file-caption, .custom-plugin-panel.appconnector .field-value.composer-file .file-caption, .custom-plugin-panel.dbconnector .field-value.composer-file .file-caption,
.custom-plugin-panel .api-editor .field-value.composer-file .file-caption,
.tabcanvas.api.apiconnector .field-value.composer-file .file-caption,
.tabcanvas.api.apiconnector2 .field-value.composer-file .file-caption,
.tabcanvas.api.appconnector .field-value.composer-file .file-caption,
.tabcanvas.api.dbconnector .field-value.composer-file .file-caption,
.tabcanvas.api .api-editor .field-value.composer-file .file-caption {
  text-align: left;
  padding-left: 11px;
  font-size: 13px;
  padding-top: 10px;
}
.custom-plugin-panel.apiconnector .field-value.param-key, .custom-plugin-panel.apiconnector2 .field-value.param-key, .custom-plugin-panel.appconnector .field-value.param-key, .custom-plugin-panel.dbconnector .field-value.param-key,
.custom-plugin-panel .api-editor .field-value.param-key,
.tabcanvas.api.apiconnector .field-value.param-key,
.tabcanvas.api.apiconnector2 .field-value.param-key,
.tabcanvas.api.appconnector .field-value.param-key,
.tabcanvas.api.dbconnector .field-value.param-key,
.tabcanvas.api .api-editor .field-value.param-key {
  width: 150px;
}
.custom-plugin-panel.apiconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.service-call-name.new-composer, .custom-plugin-panel.appconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.service-call-name.new-composer,
.custom-plugin-panel .api-editor .field-value.service-call-name.new-composer,
.tabcanvas.api.apiconnector .field-value.service-call-name.new-composer,
.tabcanvas.api.apiconnector2 .field-value.service-call-name.new-composer,
.tabcanvas.api.appconnector .field-value.service-call-name.new-composer,
.tabcanvas.api.dbconnector .field-value.service-call-name.new-composer,
.tabcanvas.api .api-editor .field-value.service-call-name.new-composer {
  width: 193px;
  margin-bottom: 0px;
}
.custom-plugin-panel.apiconnector .field-value.method, .custom-plugin-panel.apiconnector2 .field-value.method, .custom-plugin-panel.appconnector .field-value.method, .custom-plugin-panel.dbconnector .field-value.method,
.custom-plugin-panel .api-editor .field-value.method,
.tabcanvas.api.apiconnector .field-value.method,
.tabcanvas.api.apiconnector2 .field-value.method,
.tabcanvas.api.appconnector .field-value.method,
.tabcanvas.api.dbconnector .field-value.method,
.tabcanvas.api .api-editor .field-value.method {
  clear: left;
  width: 100px;
}
.custom-plugin-panel.apiconnector .field-value.param-value, .custom-plugin-panel.apiconnector .field-value.param-value.new-composer, .custom-plugin-panel.apiconnector2 .field-value.param-value, .custom-plugin-panel.apiconnector2 .field-value.param-value.new-composer, .custom-plugin-panel.appconnector .field-value.param-value, .custom-plugin-panel.appconnector .field-value.param-value.new-composer, .custom-plugin-panel.dbconnector .field-value.param-value, .custom-plugin-panel.dbconnector .field-value.param-value.new-composer,
.custom-plugin-panel .api-editor .field-value.param-value,
.custom-plugin-panel .api-editor .field-value.param-value.new-composer,
.tabcanvas.api.apiconnector .field-value.param-value,
.tabcanvas.api.apiconnector .field-value.param-value.new-composer,
.tabcanvas.api.apiconnector2 .field-value.param-value,
.tabcanvas.api.apiconnector2 .field-value.param-value.new-composer,
.tabcanvas.api.appconnector .field-value.param-value,
.tabcanvas.api.appconnector .field-value.param-value.new-composer,
.tabcanvas.api.dbconnector .field-value.param-value,
.tabcanvas.api.dbconnector .field-value.param-value.new-composer,
.tabcanvas.api .api-editor .field-value.param-value,
.tabcanvas.api .api-editor .field-value.param-value.new-composer {
  width: 178px;
}
.custom-plugin-panel.apiconnector .field-value.doc-link, .custom-plugin-panel.apiconnector2 .field-value.doc-link, .custom-plugin-panel.appconnector .field-value.doc-link, .custom-plugin-panel.dbconnector .field-value.doc-link,
.custom-plugin-panel .api-editor .field-value.doc-link,
.tabcanvas.api.apiconnector .field-value.doc-link,
.tabcanvas.api.apiconnector2 .field-value.doc-link,
.tabcanvas.api.appconnector .field-value.doc-link,
.tabcanvas.api.dbconnector .field-value.doc-link,
.tabcanvas.api .api-editor .field-value.doc-link {
  width: 496px;
  margin-top: 12px;
}
.custom-plugin-panel.apiconnector .field-value.use-as, .custom-plugin-panel.apiconnector .field-value.publish-as, .custom-plugin-panel.apiconnector2 .field-value.use-as, .custom-plugin-panel.apiconnector2 .field-value.publish-as, .custom-plugin-panel.appconnector .field-value.use-as, .custom-plugin-panel.appconnector .field-value.publish-as, .custom-plugin-panel.dbconnector .field-value.use-as, .custom-plugin-panel.dbconnector .field-value.publish-as,
.custom-plugin-panel .api-editor .field-value.use-as,
.custom-plugin-panel .api-editor .field-value.publish-as,
.tabcanvas.api.apiconnector .field-value.use-as,
.tabcanvas.api.apiconnector .field-value.publish-as,
.tabcanvas.api.apiconnector2 .field-value.use-as,
.tabcanvas.api.apiconnector2 .field-value.publish-as,
.tabcanvas.api.appconnector .field-value.use-as,
.tabcanvas.api.appconnector .field-value.publish-as,
.tabcanvas.api.dbconnector .field-value.use-as,
.tabcanvas.api.dbconnector .field-value.publish-as,
.tabcanvas.api .api-editor .field-value.use-as,
.tabcanvas.api .api-editor .field-value.publish-as {
  clear: none;
  width: 80px;
}
.custom-plugin-panel.apiconnector .field-value.body-type, .custom-plugin-panel.apiconnector2 .field-value.body-type, .custom-plugin-panel.appconnector .field-value.body-type, .custom-plugin-panel.dbconnector .field-value.body-type,
.custom-plugin-panel .api-editor .field-value.body-type,
.tabcanvas.api.apiconnector .field-value.body-type,
.tabcanvas.api.apiconnector2 .field-value.body-type,
.tabcanvas.api.appconnector .field-value.body-type,
.tabcanvas.api.dbconnector .field-value.body-type,
.tabcanvas.api .api-editor .field-value.body-type {
  margin-top: 16px;
  margin-bottom: 0px;
}
.custom-plugin-panel.apiconnector .field-value.url, .custom-plugin-panel.apiconnector2 .field-value.url, .custom-plugin-panel.appconnector .field-value.url, .custom-plugin-panel.dbconnector .field-value.url,
.custom-plugin-panel .api-editor .field-value.url,
.tabcanvas.api.apiconnector .field-value.url,
.tabcanvas.api.apiconnector2 .field-value.url,
.tabcanvas.api.appconnector .field-value.url,
.tabcanvas.api.dbconnector .field-value.url,
.tabcanvas.api .api-editor .field-value.url {
  margin-left: 10px;
  width: 510px;
}
.custom-plugin-panel.apiconnector .field-value.url.new-composer, .custom-plugin-panel.apiconnector2 .field-value.url.new-composer, .custom-plugin-panel.appconnector .field-value.url.new-composer, .custom-plugin-panel.dbconnector .field-value.url.new-composer,
.custom-plugin-panel .api-editor .field-value.url.new-composer,
.tabcanvas.api.apiconnector .field-value.url.new-composer,
.tabcanvas.api.apiconnector2 .field-value.url.new-composer,
.tabcanvas.api.appconnector .field-value.url.new-composer,
.tabcanvas.api.dbconnector .field-value.url.new-composer,
.tabcanvas.api .api-editor .field-value.url.new-composer {
  width: 510px;
}
.custom-plugin-panel.apiconnector .field-value.rsa-private-key, .custom-plugin-panel.apiconnector .field-value.call-body, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-value.call-body, .custom-plugin-panel.appconnector .field-value.rsa-private-key, .custom-plugin-panel.appconnector .field-value.call-body, .custom-plugin-panel.dbconnector .field-value.rsa-private-key, .custom-plugin-panel.dbconnector .field-value.call-body,
.custom-plugin-panel .api-editor .field-value.rsa-private-key,
.custom-plugin-panel .api-editor .field-value.call-body,
.tabcanvas.api.apiconnector .field-value.rsa-private-key,
.tabcanvas.api.apiconnector .field-value.call-body,
.tabcanvas.api.apiconnector2 .field-value.rsa-private-key,
.tabcanvas.api.apiconnector2 .field-value.call-body,
.tabcanvas.api.appconnector .field-value.rsa-private-key,
.tabcanvas.api.appconnector .field-value.call-body,
.tabcanvas.api.dbconnector .field-value.rsa-private-key,
.tabcanvas.api.dbconnector .field-value.call-body,
.tabcanvas.api .api-editor .field-value.rsa-private-key,
.tabcanvas.api .api-editor .field-value.call-body {
  margin-top: 10px;
  background-color: white;
}
.custom-plugin-panel.apiconnector .field-value.call-body, .custom-plugin-panel.apiconnector2 .field-value.call-body, .custom-plugin-panel.appconnector .field-value.call-body, .custom-plugin-panel.dbconnector .field-value.call-body,
.custom-plugin-panel .api-editor .field-value.call-body,
.tabcanvas.api.apiconnector .field-value.call-body,
.tabcanvas.api.apiconnector2 .field-value.call-body,
.tabcanvas.api.appconnector .field-value.call-body,
.tabcanvas.api.dbconnector .field-value.call-body,
.tabcanvas.api .api-editor .field-value.call-body {
  width: 763px;
}
.custom-plugin-panel.apiconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.apiconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.appconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.appconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.dbconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.dbconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.custom-plugin-panel .api-editor .field-value.call-body.bubble-ui.CodeComposer,
.custom-plugin-panel .api-editor .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.tabcanvas.api.apiconnector .field-value.call-body.bubble-ui.CodeComposer,
.tabcanvas.api.apiconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.tabcanvas.api.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer,
.tabcanvas.api.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.tabcanvas.api.appconnector .field-value.call-body.bubble-ui.CodeComposer,
.tabcanvas.api.appconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.tabcanvas.api.dbconnector .field-value.call-body.bubble-ui.CodeComposer,
.tabcanvas.api.dbconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror,
.tabcanvas.api .api-editor .field-value.call-body.bubble-ui.CodeComposer,
.tabcanvas.api .api-editor .field-value.call-body.bubble-ui.CodeComposer .CodeMirror {
  min-height: 49px;
}
.custom-plugin-panel.apiconnector .field-value.param-doc, .custom-plugin-panel.apiconnector2 .field-value.param-doc, .custom-plugin-panel.appconnector .field-value.param-doc, .custom-plugin-panel.dbconnector .field-value.param-doc,
.custom-plugin-panel .api-editor .field-value.param-doc,
.tabcanvas.api.apiconnector .field-value.param-doc,
.tabcanvas.api.apiconnector2 .field-value.param-doc,
.tabcanvas.api.appconnector .field-value.param-doc,
.tabcanvas.api.dbconnector .field-value.param-doc,
.tabcanvas.api .api-editor .field-value.param-doc {
  width: 471px;
  min-height: 30px;
  padding: 6px 2px 4px 10px;
}
.custom-plugin-panel.apiconnector .field-value.client-safe-checkbox, .custom-plugin-panel.apiconnector .field-value.url-client-safe, .custom-plugin-panel.apiconnector2 .field-value.client-safe-checkbox, .custom-plugin-panel.apiconnector2 .field-value.url-client-safe, .custom-plugin-panel.appconnector .field-value.client-safe-checkbox, .custom-plugin-panel.appconnector .field-value.url-client-safe, .custom-plugin-panel.dbconnector .field-value.client-safe-checkbox, .custom-plugin-panel.dbconnector .field-value.url-client-safe,
.custom-plugin-panel .api-editor .field-value.client-safe-checkbox,
.custom-plugin-panel .api-editor .field-value.url-client-safe,
.tabcanvas.api.apiconnector .field-value.client-safe-checkbox,
.tabcanvas.api.apiconnector .field-value.url-client-safe,
.tabcanvas.api.apiconnector2 .field-value.client-safe-checkbox,
.tabcanvas.api.apiconnector2 .field-value.url-client-safe,
.tabcanvas.api.appconnector .field-value.client-safe-checkbox,
.tabcanvas.api.appconnector .field-value.url-client-safe,
.tabcanvas.api.dbconnector .field-value.client-safe-checkbox,
.tabcanvas.api.dbconnector .field-value.url-client-safe,
.tabcanvas.api .api-editor .field-value.client-safe-checkbox,
.tabcanvas.api .api-editor .field-value.url-client-safe {
  width: 20px;
  background-color: transparent;
}
.custom-plugin-panel.apiconnector .field-value.call-name, .custom-plugin-panel.apiconnector .field-value.username, .custom-plugin-panel.apiconnector .field-value.password, .custom-plugin-panel.apiconnector .field-value.private-key-name, .custom-plugin-panel.apiconnector .field-value.private-key, .custom-plugin-panel.apiconnector .field-value.development-private-key, .custom-plugin-panel.apiconnector .field-value.appid, .custom-plugin-panel.apiconnector .field-value.appsecret, .custom-plugin-panel.apiconnector .field-value.appid-test, .custom-plugin-panel.apiconnector .field-value.appsecret-test, .custom-plugin-panel.apiconnector .field-value.scope, .custom-plugin-panel.apiconnector .field-value.service-call-name, .custom-plugin-panel.apiconnector .field-value.id-path, .custom-plugin-panel.apiconnector .field-value.email-path, .custom-plugin-panel.apiconnector2 .field-value.call-name, .custom-plugin-panel.apiconnector2 .field-value.username, .custom-plugin-panel.apiconnector2 .field-value.password, .custom-plugin-panel.apiconnector2 .field-value.private-key-name, .custom-plugin-panel.apiconnector2 .field-value.private-key, .custom-plugin-panel.apiconnector2 .field-value.development-private-key, .custom-plugin-panel.apiconnector2 .field-value.appid, .custom-plugin-panel.apiconnector2 .field-value.appsecret, .custom-plugin-panel.apiconnector2 .field-value.appid-test, .custom-plugin-panel.apiconnector2 .field-value.appsecret-test, .custom-plugin-panel.apiconnector2 .field-value.scope, .custom-plugin-panel.apiconnector2 .field-value.service-call-name, .custom-plugin-panel.apiconnector2 .field-value.id-path, .custom-plugin-panel.apiconnector2 .field-value.email-path, .custom-plugin-panel.appconnector .field-value.call-name, .custom-plugin-panel.appconnector .field-value.username, .custom-plugin-panel.appconnector .field-value.password, .custom-plugin-panel.appconnector .field-value.private-key-name, .custom-plugin-panel.appconnector .field-value.private-key, .custom-plugin-panel.appconnector .field-value.development-private-key, .custom-plugin-panel.appconnector .field-value.appid, .custom-plugin-panel.appconnector .field-value.appsecret, .custom-plugin-panel.appconnector .field-value.appid-test, .custom-plugin-panel.appconnector .field-value.appsecret-test, .custom-plugin-panel.appconnector .field-value.scope, .custom-plugin-panel.appconnector .field-value.service-call-name, .custom-plugin-panel.appconnector .field-value.id-path, .custom-plugin-panel.appconnector .field-value.email-path, .custom-plugin-panel.dbconnector .field-value.call-name, .custom-plugin-panel.dbconnector .field-value.username, .custom-plugin-panel.dbconnector .field-value.password, .custom-plugin-panel.dbconnector .field-value.private-key-name, .custom-plugin-panel.dbconnector .field-value.private-key, .custom-plugin-panel.dbconnector .field-value.development-private-key, .custom-plugin-panel.dbconnector .field-value.appid, .custom-plugin-panel.dbconnector .field-value.appsecret, .custom-plugin-panel.dbconnector .field-value.appid-test, .custom-plugin-panel.dbconnector .field-value.appsecret-test, .custom-plugin-panel.dbconnector .field-value.scope, .custom-plugin-panel.dbconnector .field-value.service-call-name, .custom-plugin-panel.dbconnector .field-value.id-path, .custom-plugin-panel.dbconnector .field-value.email-path,
.custom-plugin-panel .api-editor .field-value.call-name,
.custom-plugin-panel .api-editor .field-value.username,
.custom-plugin-panel .api-editor .field-value.password,
.custom-plugin-panel .api-editor .field-value.private-key-name,
.custom-plugin-panel .api-editor .field-value.private-key,
.custom-plugin-panel .api-editor .field-value.development-private-key,
.custom-plugin-panel .api-editor .field-value.appid,
.custom-plugin-panel .api-editor .field-value.appsecret,
.custom-plugin-panel .api-editor .field-value.appid-test,
.custom-plugin-panel .api-editor .field-value.appsecret-test,
.custom-plugin-panel .api-editor .field-value.scope,
.custom-plugin-panel .api-editor .field-value.service-call-name,
.custom-plugin-panel .api-editor .field-value.id-path,
.custom-plugin-panel .api-editor .field-value.email-path,
.tabcanvas.api.apiconnector .field-value.call-name,
.tabcanvas.api.apiconnector .field-value.username,
.tabcanvas.api.apiconnector .field-value.password,
.tabcanvas.api.apiconnector .field-value.private-key-name,
.tabcanvas.api.apiconnector .field-value.private-key,
.tabcanvas.api.apiconnector .field-value.development-private-key,
.tabcanvas.api.apiconnector .field-value.appid,
.tabcanvas.api.apiconnector .field-value.appsecret,
.tabcanvas.api.apiconnector .field-value.appid-test,
.tabcanvas.api.apiconnector .field-value.appsecret-test,
.tabcanvas.api.apiconnector .field-value.scope,
.tabcanvas.api.apiconnector .field-value.service-call-name,
.tabcanvas.api.apiconnector .field-value.id-path,
.tabcanvas.api.apiconnector .field-value.email-path,
.tabcanvas.api.apiconnector2 .field-value.call-name,
.tabcanvas.api.apiconnector2 .field-value.username,
.tabcanvas.api.apiconnector2 .field-value.password,
.tabcanvas.api.apiconnector2 .field-value.private-key-name,
.tabcanvas.api.apiconnector2 .field-value.private-key,
.tabcanvas.api.apiconnector2 .field-value.development-private-key,
.tabcanvas.api.apiconnector2 .field-value.appid,
.tabcanvas.api.apiconnector2 .field-value.appsecret,
.tabcanvas.api.apiconnector2 .field-value.appid-test,
.tabcanvas.api.apiconnector2 .field-value.appsecret-test,
.tabcanvas.api.apiconnector2 .field-value.scope,
.tabcanvas.api.apiconnector2 .field-value.service-call-name,
.tabcanvas.api.apiconnector2 .field-value.id-path,
.tabcanvas.api.apiconnector2 .field-value.email-path,
.tabcanvas.api.appconnector .field-value.call-name,
.tabcanvas.api.appconnector .field-value.username,
.tabcanvas.api.appconnector .field-value.password,
.tabcanvas.api.appconnector .field-value.private-key-name,
.tabcanvas.api.appconnector .field-value.private-key,
.tabcanvas.api.appconnector .field-value.development-private-key,
.tabcanvas.api.appconnector .field-value.appid,
.tabcanvas.api.appconnector .field-value.appsecret,
.tabcanvas.api.appconnector .field-value.appid-test,
.tabcanvas.api.appconnector .field-value.appsecret-test,
.tabcanvas.api.appconnector .field-value.scope,
.tabcanvas.api.appconnector .field-value.service-call-name,
.tabcanvas.api.appconnector .field-value.id-path,
.tabcanvas.api.appconnector .field-value.email-path,
.tabcanvas.api.dbconnector .field-value.call-name,
.tabcanvas.api.dbconnector .field-value.username,
.tabcanvas.api.dbconnector .field-value.password,
.tabcanvas.api.dbconnector .field-value.private-key-name,
.tabcanvas.api.dbconnector .field-value.private-key,
.tabcanvas.api.dbconnector .field-value.development-private-key,
.tabcanvas.api.dbconnector .field-value.appid,
.tabcanvas.api.dbconnector .field-value.appsecret,
.tabcanvas.api.dbconnector .field-value.appid-test,
.tabcanvas.api.dbconnector .field-value.appsecret-test,
.tabcanvas.api.dbconnector .field-value.scope,
.tabcanvas.api.dbconnector .field-value.service-call-name,
.tabcanvas.api.dbconnector .field-value.id-path,
.tabcanvas.api.dbconnector .field-value.email-path,
.tabcanvas.api .api-editor .field-value.call-name,
.tabcanvas.api .api-editor .field-value.username,
.tabcanvas.api .api-editor .field-value.password,
.tabcanvas.api .api-editor .field-value.private-key-name,
.tabcanvas.api .api-editor .field-value.private-key,
.tabcanvas.api .api-editor .field-value.development-private-key,
.tabcanvas.api .api-editor .field-value.appid,
.tabcanvas.api .api-editor .field-value.appsecret,
.tabcanvas.api .api-editor .field-value.appid-test,
.tabcanvas.api .api-editor .field-value.appsecret-test,
.tabcanvas.api .api-editor .field-value.scope,
.tabcanvas.api .api-editor .field-value.service-call-name,
.tabcanvas.api .api-editor .field-value.id-path,
.tabcanvas.api .api-editor .field-value.email-path {
  width: 290px;
}
.custom-plugin-panel.apiconnector .field-value.call-name.new-composer, .custom-plugin-panel.apiconnector .field-value.username.new-composer, .custom-plugin-panel.apiconnector .field-value.password.new-composer, .custom-plugin-panel.apiconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.apiconnector .field-value.private-key.new-composer, .custom-plugin-panel.apiconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.apiconnector .field-value.appid.new-composer, .custom-plugin-panel.apiconnector .field-value.appsecret.new-composer, .custom-plugin-panel.apiconnector .field-value.appid-test.new-composer, .custom-plugin-panel.apiconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.apiconnector .field-value.scope.new-composer, .custom-plugin-panel.apiconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector .field-value.email-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.username.new-composer, .custom-plugin-panel.apiconnector2 .field-value.password.new-composer, .custom-plugin-panel.apiconnector2 .field-value.private-key-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.development-private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appid.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appsecret.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appid-test.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appsecret-test.new-composer, .custom-plugin-panel.apiconnector2 .field-value.scope.new-composer, .custom-plugin-panel.apiconnector2 .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.email-path.new-composer, .custom-plugin-panel.appconnector .field-value.call-name.new-composer, .custom-plugin-panel.appconnector .field-value.username.new-composer, .custom-plugin-panel.appconnector .field-value.password.new-composer, .custom-plugin-panel.appconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.appconnector .field-value.private-key.new-composer, .custom-plugin-panel.appconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.appconnector .field-value.appid.new-composer, .custom-plugin-panel.appconnector .field-value.appsecret.new-composer, .custom-plugin-panel.appconnector .field-value.appid-test.new-composer, .custom-plugin-panel.appconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.appconnector .field-value.scope.new-composer, .custom-plugin-panel.appconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.appconnector .field-value.id-path.new-composer, .custom-plugin-panel.appconnector .field-value.email-path.new-composer, .custom-plugin-panel.dbconnector .field-value.call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.username.new-composer, .custom-plugin-panel.dbconnector .field-value.password.new-composer, .custom-plugin-panel.dbconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.dbconnector .field-value.private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.appid.new-composer, .custom-plugin-panel.dbconnector .field-value.appsecret.new-composer, .custom-plugin-panel.dbconnector .field-value.appid-test.new-composer, .custom-plugin-panel.dbconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.dbconnector .field-value.scope.new-composer, .custom-plugin-panel.dbconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.id-path.new-composer, .custom-plugin-panel.dbconnector .field-value.email-path.new-composer,
.custom-plugin-panel .api-editor .field-value.call-name.new-composer,
.custom-plugin-panel .api-editor .field-value.username.new-composer,
.custom-plugin-panel .api-editor .field-value.password.new-composer,
.custom-plugin-panel .api-editor .field-value.private-key-name.new-composer,
.custom-plugin-panel .api-editor .field-value.private-key.new-composer,
.custom-plugin-panel .api-editor .field-value.development-private-key.new-composer,
.custom-plugin-panel .api-editor .field-value.appid.new-composer,
.custom-plugin-panel .api-editor .field-value.appsecret.new-composer,
.custom-plugin-panel .api-editor .field-value.appid-test.new-composer,
.custom-plugin-panel .api-editor .field-value.appsecret-test.new-composer,
.custom-plugin-panel .api-editor .field-value.scope.new-composer,
.custom-plugin-panel .api-editor .field-value.service-call-name.new-composer,
.custom-plugin-panel .api-editor .field-value.id-path.new-composer,
.custom-plugin-panel .api-editor .field-value.email-path.new-composer,
.tabcanvas.api.apiconnector .field-value.call-name.new-composer,
.tabcanvas.api.apiconnector .field-value.username.new-composer,
.tabcanvas.api.apiconnector .field-value.password.new-composer,
.tabcanvas.api.apiconnector .field-value.private-key-name.new-composer,
.tabcanvas.api.apiconnector .field-value.private-key.new-composer,
.tabcanvas.api.apiconnector .field-value.development-private-key.new-composer,
.tabcanvas.api.apiconnector .field-value.appid.new-composer,
.tabcanvas.api.apiconnector .field-value.appsecret.new-composer,
.tabcanvas.api.apiconnector .field-value.appid-test.new-composer,
.tabcanvas.api.apiconnector .field-value.appsecret-test.new-composer,
.tabcanvas.api.apiconnector .field-value.scope.new-composer,
.tabcanvas.api.apiconnector .field-value.service-call-name.new-composer,
.tabcanvas.api.apiconnector .field-value.id-path.new-composer,
.tabcanvas.api.apiconnector .field-value.email-path.new-composer,
.tabcanvas.api.apiconnector2 .field-value.call-name.new-composer,
.tabcanvas.api.apiconnector2 .field-value.username.new-composer,
.tabcanvas.api.apiconnector2 .field-value.password.new-composer,
.tabcanvas.api.apiconnector2 .field-value.private-key-name.new-composer,
.tabcanvas.api.apiconnector2 .field-value.private-key.new-composer,
.tabcanvas.api.apiconnector2 .field-value.development-private-key.new-composer,
.tabcanvas.api.apiconnector2 .field-value.appid.new-composer,
.tabcanvas.api.apiconnector2 .field-value.appsecret.new-composer,
.tabcanvas.api.apiconnector2 .field-value.appid-test.new-composer,
.tabcanvas.api.apiconnector2 .field-value.appsecret-test.new-composer,
.tabcanvas.api.apiconnector2 .field-value.scope.new-composer,
.tabcanvas.api.apiconnector2 .field-value.service-call-name.new-composer,
.tabcanvas.api.apiconnector2 .field-value.id-path.new-composer,
.tabcanvas.api.apiconnector2 .field-value.email-path.new-composer,
.tabcanvas.api.appconnector .field-value.call-name.new-composer,
.tabcanvas.api.appconnector .field-value.username.new-composer,
.tabcanvas.api.appconnector .field-value.password.new-composer,
.tabcanvas.api.appconnector .field-value.private-key-name.new-composer,
.tabcanvas.api.appconnector .field-value.private-key.new-composer,
.tabcanvas.api.appconnector .field-value.development-private-key.new-composer,
.tabcanvas.api.appconnector .field-value.appid.new-composer,
.tabcanvas.api.appconnector .field-value.appsecret.new-composer,
.tabcanvas.api.appconnector .field-value.appid-test.new-composer,
.tabcanvas.api.appconnector .field-value.appsecret-test.new-composer,
.tabcanvas.api.appconnector .field-value.scope.new-composer,
.tabcanvas.api.appconnector .field-value.service-call-name.new-composer,
.tabcanvas.api.appconnector .field-value.id-path.new-composer,
.tabcanvas.api.appconnector .field-value.email-path.new-composer,
.tabcanvas.api.dbconnector .field-value.call-name.new-composer,
.tabcanvas.api.dbconnector .field-value.username.new-composer,
.tabcanvas.api.dbconnector .field-value.password.new-composer,
.tabcanvas.api.dbconnector .field-value.private-key-name.new-composer,
.tabcanvas.api.dbconnector .field-value.private-key.new-composer,
.tabcanvas.api.dbconnector .field-value.development-private-key.new-composer,
.tabcanvas.api.dbconnector .field-value.appid.new-composer,
.tabcanvas.api.dbconnector .field-value.appsecret.new-composer,
.tabcanvas.api.dbconnector .field-value.appid-test.new-composer,
.tabcanvas.api.dbconnector .field-value.appsecret-test.new-composer,
.tabcanvas.api.dbconnector .field-value.scope.new-composer,
.tabcanvas.api.dbconnector .field-value.service-call-name.new-composer,
.tabcanvas.api.dbconnector .field-value.id-path.new-composer,
.tabcanvas.api.dbconnector .field-value.email-path.new-composer,
.tabcanvas.api .api-editor .field-value.call-name.new-composer,
.tabcanvas.api .api-editor .field-value.username.new-composer,
.tabcanvas.api .api-editor .field-value.password.new-composer,
.tabcanvas.api .api-editor .field-value.private-key-name.new-composer,
.tabcanvas.api .api-editor .field-value.private-key.new-composer,
.tabcanvas.api .api-editor .field-value.development-private-key.new-composer,
.tabcanvas.api .api-editor .field-value.appid.new-composer,
.tabcanvas.api .api-editor .field-value.appsecret.new-composer,
.tabcanvas.api .api-editor .field-value.appid-test.new-composer,
.tabcanvas.api .api-editor .field-value.appsecret-test.new-composer,
.tabcanvas.api .api-editor .field-value.scope.new-composer,
.tabcanvas.api .api-editor .field-value.service-call-name.new-composer,
.tabcanvas.api .api-editor .field-value.id-path.new-composer,
.tabcanvas.api .api-editor .field-value.email-path.new-composer {
  width: 290px;
}
.custom-plugin-panel.apiconnector .field-value.token-endpoint, .custom-plugin-panel.apiconnector .field-value.oauth-user-data-call, .custom-plugin-panel.apiconnector .field-value.iss, .custom-plugin-panel.apiconnector .field-value.scope-jwt, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint, .custom-plugin-panel.apiconnector2 .field-value.oauth-user-data-call, .custom-plugin-panel.apiconnector2 .field-value.iss, .custom-plugin-panel.apiconnector2 .field-value.scope-jwt, .custom-plugin-panel.appconnector .field-value.token-endpoint, .custom-plugin-panel.appconnector .field-value.oauth-user-data-call, .custom-plugin-panel.appconnector .field-value.iss, .custom-plugin-panel.appconnector .field-value.scope-jwt, .custom-plugin-panel.dbconnector .field-value.token-endpoint, .custom-plugin-panel.dbconnector .field-value.oauth-user-data-call, .custom-plugin-panel.dbconnector .field-value.iss, .custom-plugin-panel.dbconnector .field-value.scope-jwt,
.custom-plugin-panel .api-editor .field-value.token-endpoint,
.custom-plugin-panel .api-editor .field-value.oauth-user-data-call,
.custom-plugin-panel .api-editor .field-value.iss,
.custom-plugin-panel .api-editor .field-value.scope-jwt,
.tabcanvas.api.apiconnector .field-value.token-endpoint,
.tabcanvas.api.apiconnector .field-value.oauth-user-data-call,
.tabcanvas.api.apiconnector .field-value.iss,
.tabcanvas.api.apiconnector .field-value.scope-jwt,
.tabcanvas.api.apiconnector2 .field-value.token-endpoint,
.tabcanvas.api.apiconnector2 .field-value.oauth-user-data-call,
.tabcanvas.api.apiconnector2 .field-value.iss,
.tabcanvas.api.apiconnector2 .field-value.scope-jwt,
.tabcanvas.api.appconnector .field-value.token-endpoint,
.tabcanvas.api.appconnector .field-value.oauth-user-data-call,
.tabcanvas.api.appconnector .field-value.iss,
.tabcanvas.api.appconnector .field-value.scope-jwt,
.tabcanvas.api.dbconnector .field-value.token-endpoint,
.tabcanvas.api.dbconnector .field-value.oauth-user-data-call,
.tabcanvas.api.dbconnector .field-value.iss,
.tabcanvas.api.dbconnector .field-value.scope-jwt,
.tabcanvas.api .api-editor .field-value.token-endpoint,
.tabcanvas.api .api-editor .field-value.oauth-user-data-call,
.tabcanvas.api .api-editor .field-value.iss,
.tabcanvas.api .api-editor .field-value.scope-jwt {
  width: 610px;
}
.custom-plugin-panel.apiconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.apiconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.apiconnector .field-value.iss.new-composer, .custom-plugin-panel.apiconnector .field-value.scope-jwt.new-composer, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.new-composer, .custom-plugin-panel.apiconnector2 .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.apiconnector2 .field-value.iss.new-composer, .custom-plugin-panel.apiconnector2 .field-value.scope-jwt.new-composer, .custom-plugin-panel.appconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.appconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.appconnector .field-value.iss.new-composer, .custom-plugin-panel.appconnector .field-value.scope-jwt.new-composer, .custom-plugin-panel.dbconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.dbconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.dbconnector .field-value.iss.new-composer, .custom-plugin-panel.dbconnector .field-value.scope-jwt.new-composer,
.custom-plugin-panel .api-editor .field-value.token-endpoint.new-composer,
.custom-plugin-panel .api-editor .field-value.oauth-user-data-call.new-composer,
.custom-plugin-panel .api-editor .field-value.iss.new-composer,
.custom-plugin-panel .api-editor .field-value.scope-jwt.new-composer,
.tabcanvas.api.apiconnector .field-value.token-endpoint.new-composer,
.tabcanvas.api.apiconnector .field-value.oauth-user-data-call.new-composer,
.tabcanvas.api.apiconnector .field-value.iss.new-composer,
.tabcanvas.api.apiconnector .field-value.scope-jwt.new-composer,
.tabcanvas.api.apiconnector2 .field-value.token-endpoint.new-composer,
.tabcanvas.api.apiconnector2 .field-value.oauth-user-data-call.new-composer,
.tabcanvas.api.apiconnector2 .field-value.iss.new-composer,
.tabcanvas.api.apiconnector2 .field-value.scope-jwt.new-composer,
.tabcanvas.api.appconnector .field-value.token-endpoint.new-composer,
.tabcanvas.api.appconnector .field-value.oauth-user-data-call.new-composer,
.tabcanvas.api.appconnector .field-value.iss.new-composer,
.tabcanvas.api.appconnector .field-value.scope-jwt.new-composer,
.tabcanvas.api.dbconnector .field-value.token-endpoint.new-composer,
.tabcanvas.api.dbconnector .field-value.oauth-user-data-call.new-composer,
.tabcanvas.api.dbconnector .field-value.iss.new-composer,
.tabcanvas.api.dbconnector .field-value.scope-jwt.new-composer,
.tabcanvas.api .api-editor .field-value.token-endpoint.new-composer,
.tabcanvas.api .api-editor .field-value.oauth-user-data-call.new-composer,
.tabcanvas.api .api-editor .field-value.iss.new-composer,
.tabcanvas.api .api-editor .field-value.scope-jwt.new-composer {
  width: 610px;
}
.custom-plugin-panel.apiconnector .field-value.token-endpoint.params-allowed, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.params-allowed, .custom-plugin-panel.appconnector .field-value.token-endpoint.params-allowed, .custom-plugin-panel.dbconnector .field-value.token-endpoint.params-allowed,
.custom-plugin-panel .api-editor .field-value.token-endpoint.params-allowed,
.tabcanvas.api.apiconnector .field-value.token-endpoint.params-allowed,
.tabcanvas.api.apiconnector2 .field-value.token-endpoint.params-allowed,
.tabcanvas.api.appconnector .field-value.token-endpoint.params-allowed,
.tabcanvas.api.dbconnector .field-value.token-endpoint.params-allowed,
.tabcanvas.api .api-editor .field-value.token-endpoint.params-allowed {
  width: 470px;
}
.custom-plugin-panel.apiconnector .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.appconnector .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.dbconnector .field-value.token-endpoint.params-allowed.new-composer,
.custom-plugin-panel .api-editor .field-value.token-endpoint.params-allowed.new-composer,
.tabcanvas.api.apiconnector .field-value.token-endpoint.params-allowed.new-composer,
.tabcanvas.api.apiconnector2 .field-value.token-endpoint.params-allowed.new-composer,
.tabcanvas.api.appconnector .field-value.token-endpoint.params-allowed.new-composer,
.tabcanvas.api.dbconnector .field-value.token-endpoint.params-allowed.new-composer,
.tabcanvas.api .api-editor .field-value.token-endpoint.params-allowed.new-composer {
  width: 470px;
}
.custom-plugin-panel.apiconnector .field-value.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key, .custom-plugin-panel.appconnector .field-value.rsa-private-key, .custom-plugin-panel.dbconnector .field-value.rsa-private-key,
.custom-plugin-panel .api-editor .field-value.rsa-private-key,
.tabcanvas.api.apiconnector .field-value.rsa-private-key,
.tabcanvas.api.apiconnector2 .field-value.rsa-private-key,
.tabcanvas.api.appconnector .field-value.rsa-private-key,
.tabcanvas.api.dbconnector .field-value.rsa-private-key,
.tabcanvas.api .api-editor .field-value.rsa-private-key {
  width: 780px;
  min-height: 70px;
  font-family: monospace;
}
.custom-plugin-panel.apiconnector .field-value.rsa-private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key.new-composer, .custom-plugin-panel.appconnector .field-value.rsa-private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.rsa-private-key.new-composer,
.custom-plugin-panel .api-editor .field-value.rsa-private-key.new-composer,
.tabcanvas.api.apiconnector .field-value.rsa-private-key.new-composer,
.tabcanvas.api.apiconnector2 .field-value.rsa-private-key.new-composer,
.tabcanvas.api.appconnector .field-value.rsa-private-key.new-composer,
.tabcanvas.api.dbconnector .field-value.rsa-private-key.new-composer,
.tabcanvas.api .api-editor .field-value.rsa-private-key.new-composer {
  width: 780px;
}
.custom-plugin-panel.apiconnector .field-value.id-path, .custom-plugin-panel.apiconnector .field-value.email-path, .custom-plugin-panel.apiconnector2 .field-value.id-path, .custom-plugin-panel.apiconnector2 .field-value.email-path, .custom-plugin-panel.appconnector .field-value.id-path, .custom-plugin-panel.appconnector .field-value.email-path, .custom-plugin-panel.dbconnector .field-value.id-path, .custom-plugin-panel.dbconnector .field-value.email-path,
.custom-plugin-panel .api-editor .field-value.id-path,
.custom-plugin-panel .api-editor .field-value.email-path,
.tabcanvas.api.apiconnector .field-value.id-path,
.tabcanvas.api.apiconnector .field-value.email-path,
.tabcanvas.api.apiconnector2 .field-value.id-path,
.tabcanvas.api.apiconnector2 .field-value.email-path,
.tabcanvas.api.appconnector .field-value.id-path,
.tabcanvas.api.appconnector .field-value.email-path,
.tabcanvas.api.dbconnector .field-value.id-path,
.tabcanvas.api.dbconnector .field-value.email-path,
.tabcanvas.api .api-editor .field-value.id-path,
.tabcanvas.api .api-editor .field-value.email-path {
  width: 210px;
}
.custom-plugin-panel.apiconnector .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector .field-value.email-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.email-path.new-composer, .custom-plugin-panel.appconnector .field-value.id-path.new-composer, .custom-plugin-panel.appconnector .field-value.email-path.new-composer, .custom-plugin-panel.dbconnector .field-value.id-path.new-composer, .custom-plugin-panel.dbconnector .field-value.email-path.new-composer,
.custom-plugin-panel .api-editor .field-value.id-path.new-composer,
.custom-plugin-panel .api-editor .field-value.email-path.new-composer,
.tabcanvas.api.apiconnector .field-value.id-path.new-composer,
.tabcanvas.api.apiconnector .field-value.email-path.new-composer,
.tabcanvas.api.apiconnector2 .field-value.id-path.new-composer,
.tabcanvas.api.apiconnector2 .field-value.email-path.new-composer,
.tabcanvas.api.appconnector .field-value.id-path.new-composer,
.tabcanvas.api.appconnector .field-value.email-path.new-composer,
.tabcanvas.api.dbconnector .field-value.id-path.new-composer,
.tabcanvas.api.dbconnector .field-value.email-path.new-composer,
.tabcanvas.api .api-editor .field-value.id-path.new-composer,
.tabcanvas.api .api-editor .field-value.email-path.new-composer {
  width: 210px;
}
.custom-plugin-panel.apiconnector .field-value.in-browser, .custom-plugin-panel.apiconnector2 .field-value.in-browser, .custom-plugin-panel.appconnector .field-value.in-browser, .custom-plugin-panel.dbconnector .field-value.in-browser,
.custom-plugin-panel .api-editor .field-value.in-browser,
.tabcanvas.api.apiconnector .field-value.in-browser,
.tabcanvas.api.apiconnector2 .field-value.in-browser,
.tabcanvas.api.appconnector .field-value.in-browser,
.tabcanvas.api.dbconnector .field-value.in-browser,
.tabcanvas.api .api-editor .field-value.in-browser {
  margin-top: 9px;
}
.custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container,
.custom-plugin-panel .api-editor .param-panel .field-value.param-name.container,
.tabcanvas.api.apiconnector .param-panel .field-value.param-name.container,
.tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container,
.tabcanvas.api.appconnector .param-panel .field-value.param-name.container,
.tabcanvas.api.dbconnector .param-panel .field-value.param-name.container,
.tabcanvas.api .api-editor .param-panel .field-value.param-name.container {
  display: flex;
  flex-direction: column;
}
.custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.custom-plugin-panel .api-editor .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.tabcanvas.api.apiconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.tabcanvas.api.appconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.tabcanvas.api.dbconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer,
.tabcanvas.api .api-editor .param-panel .field-value.param-name.container .composer-textbox .new-composer {
  margin-bottom: 4px;
}
.custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.custom-plugin-panel .api-editor .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.tabcanvas.api.apiconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.tabcanvas.api.appconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.tabcanvas.api.dbconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer,
.tabcanvas.api .api-editor .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer {
  border: 1px solid var(--b-border-danger) !important;
}
.custom-plugin-panel.apiconnector .param-panel .error-msg, .custom-plugin-panel.apiconnector2 .param-panel .error-msg, .custom-plugin-panel.appconnector .param-panel .error-msg, .custom-plugin-panel.dbconnector .param-panel .error-msg,
.custom-plugin-panel .api-editor .param-panel .error-msg,
.tabcanvas.api.apiconnector .param-panel .error-msg,
.tabcanvas.api.apiconnector2 .param-panel .error-msg,
.tabcanvas.api.appconnector .param-panel .error-msg,
.tabcanvas.api.dbconnector .param-panel .error-msg,
.tabcanvas.api .api-editor .param-panel .error-msg {
  color: var(--b-txt-danger);
  font-size: 12px;
}
.custom-plugin-panel.apiconnector .param-panel .error-msg.hidden, .custom-plugin-panel.apiconnector2 .param-panel .error-msg.hidden, .custom-plugin-panel.appconnector .param-panel .error-msg.hidden, .custom-plugin-panel.dbconnector .param-panel .error-msg.hidden,
.custom-plugin-panel .api-editor .param-panel .error-msg.hidden,
.tabcanvas.api.apiconnector .param-panel .error-msg.hidden,
.tabcanvas.api.apiconnector2 .param-panel .error-msg.hidden,
.tabcanvas.api.appconnector .param-panel .error-msg.hidden,
.tabcanvas.api.dbconnector .param-panel .error-msg.hidden,
.tabcanvas.api .api-editor .param-panel .error-msg.hidden {
  display: none;
}
.custom-plugin-panel.apiconnector .param-panel .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel .delete-btn, .custom-plugin-panel.appconnector .param-panel .delete-btn, .custom-plugin-panel.dbconnector .param-panel .delete-btn,
.custom-plugin-panel .api-editor .param-panel .delete-btn,
.tabcanvas.api.apiconnector .param-panel .delete-btn,
.tabcanvas.api.apiconnector2 .param-panel .delete-btn,
.tabcanvas.api.appconnector .param-panel .delete-btn,
.tabcanvas.api.dbconnector .param-panel .delete-btn,
.tabcanvas.api .api-editor .param-panel .delete-btn {
  margin-right: 0px !important;
  margin-top: 7px !important;
  margin-left: 0px;
  float: right;
}
.custom-plugin-panel.apiconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.apiconnector .param-panel.shared_params .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel.shared_headers .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel.shared_params .delete-btn, .custom-plugin-panel.appconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.appconnector .param-panel.shared_params .delete-btn, .custom-plugin-panel.dbconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.dbconnector .param-panel.shared_params .delete-btn,
.custom-plugin-panel .api-editor .param-panel.shared_headers .delete-btn,
.custom-plugin-panel .api-editor .param-panel.shared_params .delete-btn,
.tabcanvas.api.apiconnector .param-panel.shared_headers .delete-btn,
.tabcanvas.api.apiconnector .param-panel.shared_params .delete-btn,
.tabcanvas.api.apiconnector2 .param-panel.shared_headers .delete-btn,
.tabcanvas.api.apiconnector2 .param-panel.shared_params .delete-btn,
.tabcanvas.api.appconnector .param-panel.shared_headers .delete-btn,
.tabcanvas.api.appconnector .param-panel.shared_params .delete-btn,
.tabcanvas.api.dbconnector .param-panel.shared_headers .delete-btn,
.tabcanvas.api.dbconnector .param-panel.shared_params .delete-btn,
.tabcanvas.api .api-editor .param-panel.shared_headers .delete-btn,
.tabcanvas.api .api-editor .param-panel.shared_params .delete-btn {
  float: left !important;
  margin-left: 15px !important;
}
.custom-plugin-panel.apiconnector .param-panel.shared_headers .param-key.field-value,
.custom-plugin-panel.apiconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.apiconnector .param-panel.shared_params .param-key.field-value,
.custom-plugin-panel.apiconnector .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_headers .param-key.field-value,
.custom-plugin-panel.apiconnector2 .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_params .param-key.field-value,
.custom-plugin-panel.apiconnector2 .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.appconnector .param-panel.shared_headers .param-key.field-value,
.custom-plugin-panel.appconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.appconnector .param-panel.shared_params .param-key.field-value,
.custom-plugin-panel.appconnector .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.dbconnector .param-panel.shared_headers .param-key.field-value,
.custom-plugin-panel.dbconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.dbconnector .param-panel.shared_params .param-key.field-value,
.custom-plugin-panel.dbconnector .param-panel.shared_params .field-value.param-value,
.custom-plugin-panel .api-editor .param-panel.shared_headers .param-key.field-value,
.custom-plugin-panel .api-editor .param-panel.shared_headers .field-value.param-value,
.custom-plugin-panel .api-editor .param-panel.shared_params .param-key.field-value,
.custom-plugin-panel .api-editor .param-panel.shared_params .field-value.param-value,
.tabcanvas.api.apiconnector .param-panel.shared_headers .param-key.field-value,
.tabcanvas.api.apiconnector .param-panel.shared_headers .field-value.param-value,
.tabcanvas.api.apiconnector .param-panel.shared_params .param-key.field-value,
.tabcanvas.api.apiconnector .param-panel.shared_params .field-value.param-value,
.tabcanvas.api.apiconnector2 .param-panel.shared_headers .param-key.field-value,
.tabcanvas.api.apiconnector2 .param-panel.shared_headers .field-value.param-value,
.tabcanvas.api.apiconnector2 .param-panel.shared_params .param-key.field-value,
.tabcanvas.api.apiconnector2 .param-panel.shared_params .field-value.param-value,
.tabcanvas.api.appconnector .param-panel.shared_headers .param-key.field-value,
.tabcanvas.api.appconnector .param-panel.shared_headers .field-value.param-value,
.tabcanvas.api.appconnector .param-panel.shared_params .param-key.field-value,
.tabcanvas.api.appconnector .param-panel.shared_params .field-value.param-value,
.tabcanvas.api.dbconnector .param-panel.shared_headers .param-key.field-value,
.tabcanvas.api.dbconnector .param-panel.shared_headers .field-value.param-value,
.tabcanvas.api.dbconnector .param-panel.shared_params .param-key.field-value,
.tabcanvas.api.dbconnector .param-panel.shared_params .field-value.param-value,
.tabcanvas.api .api-editor .param-panel.shared_headers .param-key.field-value,
.tabcanvas.api .api-editor .param-panel.shared_headers .field-value.param-value,
.tabcanvas.api .api-editor .param-panel.shared_params .param-key.field-value,
.tabcanvas.api .api-editor .param-panel.shared_params .field-value.param-value {
  width: 244px !important;
}
.custom-plugin-panel.apiconnector .param-panel .field-label.param-value, .custom-plugin-panel.apiconnector .param-panel .field-label.private, .custom-plugin-panel.apiconnector .param-panel .field-label.querystring, .custom-plugin-panel.apiconnector .param-panel .field-label.optional, .custom-plugin-panel.apiconnector .param-panel .field-label.long, .custom-plugin-panel.apiconnector .param-panel .field-label.allow-blank, .custom-plugin-panel.apiconnector2 .param-panel .field-label.param-value, .custom-plugin-panel.apiconnector2 .param-panel .field-label.private, .custom-plugin-panel.apiconnector2 .param-panel .field-label.querystring, .custom-plugin-panel.apiconnector2 .param-panel .field-label.optional, .custom-plugin-panel.apiconnector2 .param-panel .field-label.long, .custom-plugin-panel.apiconnector2 .param-panel .field-label.allow-blank, .custom-plugin-panel.appconnector .param-panel .field-label.param-value, .custom-plugin-panel.appconnector .param-panel .field-label.private, .custom-plugin-panel.appconnector .param-panel .field-label.querystring, .custom-plugin-panel.appconnector .param-panel .field-label.optional, .custom-plugin-panel.appconnector .param-panel .field-label.long, .custom-plugin-panel.appconnector .param-panel .field-label.allow-blank, .custom-plugin-panel.dbconnector .param-panel .field-label.param-value, .custom-plugin-panel.dbconnector .param-panel .field-label.private, .custom-plugin-panel.dbconnector .param-panel .field-label.querystring, .custom-plugin-panel.dbconnector .param-panel .field-label.optional, .custom-plugin-panel.dbconnector .param-panel .field-label.long, .custom-plugin-panel.dbconnector .param-panel .field-label.allow-blank,
.custom-plugin-panel .api-editor .param-panel .field-label.param-value,
.custom-plugin-panel .api-editor .param-panel .field-label.private,
.custom-plugin-panel .api-editor .param-panel .field-label.querystring,
.custom-plugin-panel .api-editor .param-panel .field-label.optional,
.custom-plugin-panel .api-editor .param-panel .field-label.long,
.custom-plugin-panel .api-editor .param-panel .field-label.allow-blank,
.tabcanvas.api.apiconnector .param-panel .field-label.param-value,
.tabcanvas.api.apiconnector .param-panel .field-label.private,
.tabcanvas.api.apiconnector .param-panel .field-label.querystring,
.tabcanvas.api.apiconnector .param-panel .field-label.optional,
.tabcanvas.api.apiconnector .param-panel .field-label.long,
.tabcanvas.api.apiconnector .param-panel .field-label.allow-blank,
.tabcanvas.api.apiconnector2 .param-panel .field-label.param-value,
.tabcanvas.api.apiconnector2 .param-panel .field-label.private,
.tabcanvas.api.apiconnector2 .param-panel .field-label.querystring,
.tabcanvas.api.apiconnector2 .param-panel .field-label.optional,
.tabcanvas.api.apiconnector2 .param-panel .field-label.long,
.tabcanvas.api.apiconnector2 .param-panel .field-label.allow-blank,
.tabcanvas.api.appconnector .param-panel .field-label.param-value,
.tabcanvas.api.appconnector .param-panel .field-label.private,
.tabcanvas.api.appconnector .param-panel .field-label.querystring,
.tabcanvas.api.appconnector .param-panel .field-label.optional,
.tabcanvas.api.appconnector .param-panel .field-label.long,
.tabcanvas.api.appconnector .param-panel .field-label.allow-blank,
.tabcanvas.api.dbconnector .param-panel .field-label.param-value,
.tabcanvas.api.dbconnector .param-panel .field-label.private,
.tabcanvas.api.dbconnector .param-panel .field-label.querystring,
.tabcanvas.api.dbconnector .param-panel .field-label.optional,
.tabcanvas.api.dbconnector .param-panel .field-label.long,
.tabcanvas.api.dbconnector .param-panel .field-label.allow-blank,
.tabcanvas.api .api-editor .param-panel .field-label.param-value,
.tabcanvas.api .api-editor .param-panel .field-label.private,
.tabcanvas.api .api-editor .param-panel .field-label.querystring,
.tabcanvas.api .api-editor .param-panel .field-label.optional,
.tabcanvas.api .api-editor .param-panel .field-label.long,
.tabcanvas.api .api-editor .param-panel .field-label.allow-blank {
  clear: none;
  margin-left: 8px;
}
.custom-plugin-panel.apiconnector .param-panel .field-value.visibility, .custom-plugin-panel.apiconnector2 .param-panel .field-value.visibility, .custom-plugin-panel.appconnector .param-panel .field-value.visibility, .custom-plugin-panel.dbconnector .param-panel .field-value.visibility,
.custom-plugin-panel .api-editor .param-panel .field-value.visibility,
.tabcanvas.api.apiconnector .param-panel .field-value.visibility,
.tabcanvas.api.apiconnector2 .param-panel .field-value.visibility,
.tabcanvas.api.appconnector .param-panel .field-value.visibility,
.tabcanvas.api.dbconnector .param-panel .field-value.visibility,
.tabcanvas.api .api-editor .param-panel .field-value.visibility {
  margin-left: 10px;
}
.custom-plugin-panel.apiconnector .param-panel .field-label.long, .custom-plugin-panel.apiconnector2 .param-panel .field-label.long, .custom-plugin-panel.appconnector .param-panel .field-label.long, .custom-plugin-panel.dbconnector .param-panel .field-label.long,
.custom-plugin-panel .api-editor .param-panel .field-label.long,
.tabcanvas.api.apiconnector .param-panel .field-label.long,
.tabcanvas.api.apiconnector2 .param-panel .field-label.long,
.tabcanvas.api.appconnector .param-panel .field-label.long,
.tabcanvas.api.dbconnector .param-panel .field-label.long,
.tabcanvas.api .api-editor .param-panel .field-label.long {
  width: 37px;
}
.custom-plugin-panel.apiconnector .delete-button, .custom-plugin-panel.apiconnector2 .delete-button, .custom-plugin-panel.appconnector .delete-button, .custom-plugin-panel.dbconnector .delete-button,
.custom-plugin-panel .api-editor .delete-button,
.tabcanvas.api.apiconnector .delete-button,
.tabcanvas.api.apiconnector2 .delete-button,
.tabcanvas.api.appconnector .delete-button,
.tabcanvas.api.dbconnector .delete-button,
.tabcanvas.api .api-editor .delete-button {
  float: right;
}
.custom-plugin-panel.apiconnector .image-preview, .custom-plugin-panel.apiconnector2 .image-preview, .custom-plugin-panel.appconnector .image-preview, .custom-plugin-panel.dbconnector .image-preview,
.custom-plugin-panel .api-editor .image-preview,
.tabcanvas.api.apiconnector .image-preview,
.tabcanvas.api.apiconnector2 .image-preview,
.tabcanvas.api.appconnector .image-preview,
.tabcanvas.api.dbconnector .image-preview,
.tabcanvas.api .api-editor .image-preview {
  float: left;
  margin-top: 10px;
  margin-left: 30px;
}
.custom-plugin-panel.apiconnector img.image-preview, .custom-plugin-panel.apiconnector2 img.image-preview, .custom-plugin-panel.appconnector img.image-preview, .custom-plugin-panel.dbconnector img.image-preview,
.custom-plugin-panel .api-editor img.image-preview,
.tabcanvas.api.apiconnector img.image-preview,
.tabcanvas.api.apiconnector2 img.image-preview,
.tabcanvas.api.appconnector img.image-preview,
.tabcanvas.api.dbconnector img.image-preview,
.tabcanvas.api .api-editor img.image-preview {
  height: 35px;
  width: 50px;
}
.custom-plugin-panel.apiconnector a.image-preview,
.custom-plugin-panel.apiconnector .manual-json-btn, .custom-plugin-panel.apiconnector2 a.image-preview,
.custom-plugin-panel.apiconnector2 .manual-json-btn, .custom-plugin-panel.appconnector a.image-preview,
.custom-plugin-panel.appconnector .manual-json-btn, .custom-plugin-panel.dbconnector a.image-preview,
.custom-plugin-panel.dbconnector .manual-json-btn,
.custom-plugin-panel .api-editor a.image-preview,
.custom-plugin-panel .api-editor .manual-json-btn,
.tabcanvas.api.apiconnector a.image-preview,
.tabcanvas.api.apiconnector .manual-json-btn,
.tabcanvas.api.apiconnector2 a.image-preview,
.tabcanvas.api.apiconnector2 .manual-json-btn,
.tabcanvas.api.appconnector a.image-preview,
.tabcanvas.api.appconnector .manual-json-btn,
.tabcanvas.api.dbconnector a.image-preview,
.tabcanvas.api.dbconnector .manual-json-btn,
.tabcanvas.api .api-editor a.image-preview,
.tabcanvas.api .api-editor .manual-json-btn {
  margin-top: 18px;
}
.custom-plugin-panel.apiconnector .manual-json-btn, .custom-plugin-panel.apiconnector2 .manual-json-btn, .custom-plugin-panel.appconnector .manual-json-btn, .custom-plugin-panel.dbconnector .manual-json-btn,
.custom-plugin-panel .api-editor .manual-json-btn,
.tabcanvas.api.apiconnector .manual-json-btn,
.tabcanvas.api.apiconnector2 .manual-json-btn,
.tabcanvas.api.appconnector .manual-json-btn,
.tabcanvas.api.dbconnector .manual-json-btn,
.tabcanvas.api .api-editor .manual-json-btn {
  clear: none;
  float: left;
  margin-left: 20px;
  width: 190px;
  cursor: pointer;
}
.custom-plugin-panel.apiconnector .manual-json-btn:hover, .custom-plugin-panel.apiconnector2 .manual-json-btn:hover, .custom-plugin-panel.appconnector .manual-json-btn:hover, .custom-plugin-panel.dbconnector .manual-json-btn:hover,
.custom-plugin-panel .api-editor .manual-json-btn:hover,
.tabcanvas.api.apiconnector .manual-json-btn:hover,
.tabcanvas.api.apiconnector2 .manual-json-btn:hover,
.tabcanvas.api.appconnector .manual-json-btn:hover,
.tabcanvas.api.dbconnector .manual-json-btn:hover,
.tabcanvas.api .api-editor .manual-json-btn:hover {
  text-decoration: underline;
}
.custom-plugin-panel.apiconnector .new-button,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .new-button,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder, .custom-plugin-panel.appconnector .new-button,
.custom-plugin-panel.appconnector .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .new-button,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder,
.custom-plugin-panel .api-editor .new-button,
.custom-plugin-panel .api-editor .authenticate-plugin-builder,
.tabcanvas.api.apiconnector .new-button,
.tabcanvas.api.apiconnector .authenticate-plugin-builder,
.tabcanvas.api.apiconnector2 .new-button,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder,
.tabcanvas.api.appconnector .new-button,
.tabcanvas.api.appconnector .authenticate-plugin-builder,
.tabcanvas.api.dbconnector .new-button,
.tabcanvas.api.dbconnector .authenticate-plugin-builder,
.tabcanvas.api .api-editor .new-button,
.tabcanvas.api .api-editor .authenticate-plugin-builder {
  float: left;
  width: 180px;
  margin-top: 10px;
  clear: left;
}
.custom-plugin-panel.apiconnector .new-button.shared-headers,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.apiconnector2 .new-button.shared-headers,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.appconnector .new-button.shared-headers,
.custom-plugin-panel.appconnector .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.dbconnector .new-button.shared-headers,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder.shared-headers,
.custom-plugin-panel .api-editor .new-button.shared-headers,
.custom-plugin-panel .api-editor .authenticate-plugin-builder.shared-headers,
.tabcanvas.api.apiconnector .new-button.shared-headers,
.tabcanvas.api.apiconnector .authenticate-plugin-builder.shared-headers,
.tabcanvas.api.apiconnector2 .new-button.shared-headers,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder.shared-headers,
.tabcanvas.api.appconnector .new-button.shared-headers,
.tabcanvas.api.appconnector .authenticate-plugin-builder.shared-headers,
.tabcanvas.api.dbconnector .new-button.shared-headers,
.tabcanvas.api.dbconnector .authenticate-plugin-builder.shared-headers,
.tabcanvas.api .api-editor .new-button.shared-headers,
.tabcanvas.api .api-editor .authenticate-plugin-builder.shared-headers {
  margin-bottom: 10px;
}
.custom-plugin-panel.apiconnector .new-button.inner-button,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder.inner-button, .custom-plugin-panel.apiconnector2 .new-button.inner-button,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.inner-button, .custom-plugin-panel.appconnector .new-button.inner-button,
.custom-plugin-panel.appconnector .authenticate-plugin-builder.inner-button, .custom-plugin-panel.dbconnector .new-button.inner-button,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder.inner-button,
.custom-plugin-panel .api-editor .new-button.inner-button,
.custom-plugin-panel .api-editor .authenticate-plugin-builder.inner-button,
.tabcanvas.api.apiconnector .new-button.inner-button,
.tabcanvas.api.apiconnector .authenticate-plugin-builder.inner-button,
.tabcanvas.api.apiconnector2 .new-button.inner-button,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder.inner-button,
.tabcanvas.api.appconnector .new-button.inner-button,
.tabcanvas.api.appconnector .authenticate-plugin-builder.inner-button,
.tabcanvas.api.dbconnector .new-button.inner-button,
.tabcanvas.api.dbconnector .authenticate-plugin-builder.inner-button,
.tabcanvas.api .api-editor .new-button.inner-button,
.tabcanvas.api .api-editor .authenticate-plugin-builder.inner-button {
  width: 160px;
}
.custom-plugin-panel.apiconnector .new-button.new-call,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder.new-call, .custom-plugin-panel.apiconnector2 .new-button.new-call,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.new-call, .custom-plugin-panel.appconnector .new-button.new-call,
.custom-plugin-panel.appconnector .authenticate-plugin-builder.new-call, .custom-plugin-panel.dbconnector .new-button.new-call,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder.new-call,
.custom-plugin-panel .api-editor .new-button.new-call,
.custom-plugin-panel .api-editor .authenticate-plugin-builder.new-call,
.tabcanvas.api.apiconnector .new-button.new-call,
.tabcanvas.api.apiconnector .authenticate-plugin-builder.new-call,
.tabcanvas.api.apiconnector2 .new-button.new-call,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder.new-call,
.tabcanvas.api.appconnector .new-button.new-call,
.tabcanvas.api.appconnector .authenticate-plugin-builder.new-call,
.tabcanvas.api.dbconnector .new-button.new-call,
.tabcanvas.api.dbconnector .authenticate-plugin-builder.new-call,
.tabcanvas.api .api-editor .new-button.new-call,
.tabcanvas.api .api-editor .authenticate-plugin-builder.new-call {
  width: 175px;
}
.custom-plugin-panel.apiconnector .new-button.grey-hover:hover,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.apiconnector2 .new-button.grey-hover:hover,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.appconnector .new-button.grey-hover:hover,
.custom-plugin-panel.appconnector .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.dbconnector .new-button.grey-hover:hover,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder.grey-hover:hover,
.custom-plugin-panel .api-editor .new-button.grey-hover:hover,
.custom-plugin-panel .api-editor .authenticate-plugin-builder.grey-hover:hover,
.tabcanvas.api.apiconnector .new-button.grey-hover:hover,
.tabcanvas.api.apiconnector .authenticate-plugin-builder.grey-hover:hover,
.tabcanvas.api.apiconnector2 .new-button.grey-hover:hover,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder.grey-hover:hover,
.tabcanvas.api.appconnector .new-button.grey-hover:hover,
.tabcanvas.api.appconnector .authenticate-plugin-builder.grey-hover:hover,
.tabcanvas.api.dbconnector .new-button.grey-hover:hover,
.tabcanvas.api.dbconnector .authenticate-plugin-builder.grey-hover:hover,
.tabcanvas.api .api-editor .new-button.grey-hover:hover,
.tabcanvas.api .api-editor .authenticate-plugin-builder.grey-hover:hover {
  background-color: #eef3f3;
}
.custom-plugin-panel.apiconnector .new-button.even-out-bottom-margin,
.custom-plugin-panel.apiconnector .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.apiconnector2 .new-button.even-out-bottom-margin,
.custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.appconnector .new-button.even-out-bottom-margin,
.custom-plugin-panel.appconnector .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.dbconnector .new-button.even-out-bottom-margin,
.custom-plugin-panel.dbconnector .authenticate-plugin-builder.even-out-bottom-margin,
.custom-plugin-panel .api-editor .new-button.even-out-bottom-margin,
.custom-plugin-panel .api-editor .authenticate-plugin-builder.even-out-bottom-margin,
.tabcanvas.api.apiconnector .new-button.even-out-bottom-margin,
.tabcanvas.api.apiconnector .authenticate-plugin-builder.even-out-bottom-margin,
.tabcanvas.api.apiconnector2 .new-button.even-out-bottom-margin,
.tabcanvas.api.apiconnector2 .authenticate-plugin-builder.even-out-bottom-margin,
.tabcanvas.api.appconnector .new-button.even-out-bottom-margin,
.tabcanvas.api.appconnector .authenticate-plugin-builder.even-out-bottom-margin,
.tabcanvas.api.dbconnector .new-button.even-out-bottom-margin,
.tabcanvas.api.dbconnector .authenticate-plugin-builder.even-out-bottom-margin,
.tabcanvas.api .api-editor .new-button.even-out-bottom-margin,
.tabcanvas.api .api-editor .authenticate-plugin-builder.even-out-bottom-margin {
  margin-bottom: 10px;
}

.modal-popup.input-popup .inner-children {
  display: flex;
  flex-direction: column;
}
.modal-popup.new-page-popup > .popup-content, .modal-popup.create-style-popup > .popup-content, .modal-popup.add-new-popup > .popup-content, .modal-popup.downgrade-popup > .popup-content {
  width: 360px;
}
.modal-popup.waiting-post-wf-data.message-panel-popup > .popup-content, .modal-popup.privacy-warning.message-panel-popup > .popup-content {
  width: 800px;
}
.modal-popup.waiting-post-wf-data.message-panel-popup .loading-animation, .modal-popup.privacy-warning.message-panel-popup .loading-animation {
  position: relative;
  float: left;
}
.modal-popup.waiting-post-wf-data.message-panel-popup .enpoint-to-initiliaze, .modal-popup.privacy-warning.message-panel-popup .enpoint-to-initiliaze {
  user-select: all;
  cursor: pointer;
}
.modal-popup.waiting-post-wf-data.message-panel-popup .btn-create, .modal-popup.privacy-warning.message-panel-popup .btn-create {
  margin-left: 325px !important;
  margin-top: 0px !important;
}
.modal-popup.new-page-popup .children, .modal-popup.replace-element-popup .children, .modal-popup.message-panel-popup .children, .modal-popup.create-style-popup .children, .modal-popup.add-new-popup .children, .modal-popup.downgrade-popup .children {
  overflow: hidden;
}
.modal-popup.new-page-popup .inner-children, .modal-popup.replace-element-popup .inner-children, .modal-popup.message-panel-popup .inner-children, .modal-popup.create-style-popup .inner-children, .modal-popup.add-new-popup .inner-children, .modal-popup.downgrade-popup .inner-children {
  padding: 20px;
  overflow: hidden;
}
.modal-popup.new-page-popup .caption, .modal-popup.replace-element-popup .caption, .modal-popup.message-panel-popup .caption, .modal-popup.create-style-popup .caption, .modal-popup.add-new-popup .caption, .modal-popup.downgrade-popup .caption {
  float: left;
  margin-top: 9px;
}
.modal-popup.new-page-popup .new-page-name-wrapper,
.modal-popup.new-page-popup .new-field-name-wrapper,
.modal-popup.new-page-popup .new-style-name-wrapper, .modal-popup.replace-element-popup .new-page-name-wrapper,
.modal-popup.replace-element-popup .new-field-name-wrapper,
.modal-popup.replace-element-popup .new-style-name-wrapper, .modal-popup.message-panel-popup .new-page-name-wrapper,
.modal-popup.message-panel-popup .new-field-name-wrapper,
.modal-popup.message-panel-popup .new-style-name-wrapper, .modal-popup.create-style-popup .new-page-name-wrapper,
.modal-popup.create-style-popup .new-field-name-wrapper,
.modal-popup.create-style-popup .new-style-name-wrapper, .modal-popup.add-new-popup .new-page-name-wrapper,
.modal-popup.add-new-popup .new-field-name-wrapper,
.modal-popup.add-new-popup .new-style-name-wrapper, .modal-popup.downgrade-popup .new-page-name-wrapper,
.modal-popup.downgrade-popup .new-field-name-wrapper,
.modal-popup.downgrade-popup .new-style-name-wrapper {
  float: left;
  width: 100%;
}
.modal-popup.new-page-popup .new-page-name-wrapper .new-page-name,
.modal-popup.new-page-popup .new-field-name-wrapper .new-page-name,
.modal-popup.new-page-popup .new-style-name-wrapper .new-page-name, .modal-popup.replace-element-popup .new-page-name-wrapper .new-page-name,
.modal-popup.replace-element-popup .new-field-name-wrapper .new-page-name,
.modal-popup.replace-element-popup .new-style-name-wrapper .new-page-name, .modal-popup.message-panel-popup .new-page-name-wrapper .new-page-name,
.modal-popup.message-panel-popup .new-field-name-wrapper .new-page-name,
.modal-popup.message-panel-popup .new-style-name-wrapper .new-page-name, .modal-popup.create-style-popup .new-page-name-wrapper .new-page-name,
.modal-popup.create-style-popup .new-field-name-wrapper .new-page-name,
.modal-popup.create-style-popup .new-style-name-wrapper .new-page-name, .modal-popup.add-new-popup .new-page-name-wrapper .new-page-name,
.modal-popup.add-new-popup .new-field-name-wrapper .new-page-name,
.modal-popup.add-new-popup .new-style-name-wrapper .new-page-name, .modal-popup.downgrade-popup .new-page-name-wrapper .new-page-name,
.modal-popup.downgrade-popup .new-field-name-wrapper .new-page-name,
.modal-popup.downgrade-popup .new-style-name-wrapper .new-page-name {
  width: 168px;
  float: right;
}
.modal-popup.new-page-popup .editor.dropdown,
.modal-popup.new-page-popup .editor.checkbox, .modal-popup.replace-element-popup .editor.dropdown,
.modal-popup.replace-element-popup .editor.checkbox, .modal-popup.message-panel-popup .editor.dropdown,
.modal-popup.message-panel-popup .editor.checkbox, .modal-popup.create-style-popup .editor.dropdown,
.modal-popup.create-style-popup .editor.checkbox, .modal-popup.add-new-popup .editor.dropdown,
.modal-popup.add-new-popup .editor.checkbox, .modal-popup.downgrade-popup .editor.dropdown,
.modal-popup.downgrade-popup .editor.checkbox {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.modal-popup.new-page-popup .editor.dropdown .composer-dropdown,
.modal-popup.new-page-popup .editor.checkbox .composer-dropdown, .modal-popup.replace-element-popup .editor.dropdown .composer-dropdown,
.modal-popup.replace-element-popup .editor.checkbox .composer-dropdown, .modal-popup.message-panel-popup .editor.dropdown .composer-dropdown,
.modal-popup.message-panel-popup .editor.checkbox .composer-dropdown, .modal-popup.create-style-popup .editor.dropdown .composer-dropdown,
.modal-popup.create-style-popup .editor.checkbox .composer-dropdown, .modal-popup.add-new-popup .editor.dropdown .composer-dropdown,
.modal-popup.add-new-popup .editor.checkbox .composer-dropdown, .modal-popup.downgrade-popup .editor.dropdown .composer-dropdown,
.modal-popup.downgrade-popup .editor.checkbox .composer-dropdown {
  float: right;
}
.modal-popup.new-page-popup .btn, .modal-popup.replace-element-popup .btn, .modal-popup.message-panel-popup .btn, .modal-popup.create-style-popup .btn, .modal-popup.add-new-popup .btn, .modal-popup.downgrade-popup .btn {
  float: left;
  margin-top: 25px;
  margin-bottom: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.modal-popup.new-page-popup .btn.btn-create, .modal-popup.replace-element-popup .btn.btn-create, .modal-popup.message-panel-popup .btn.btn-create, .modal-popup.create-style-popup .btn.btn-create, .modal-popup.add-new-popup .btn.btn-create, .modal-popup.downgrade-popup .btn.btn-create {
  clear: both;
  margin-left: 102px;
  width: 100px;
}
.modal-popup.new-page-popup .btn.btn-cancel, .modal-popup.replace-element-popup .btn.btn-cancel, .modal-popup.message-panel-popup .btn.btn-cancel, .modal-popup.create-style-popup .btn.btn-cancel, .modal-popup.add-new-popup .btn.btn-cancel, .modal-popup.downgrade-popup .btn.btn-cancel {
  clear: none;
  margin-left: 40px;
  margin-top: 38px;
}
.modal-popup.new-page-popup .btn.disabled, .modal-popup.replace-element-popup .btn.disabled, .modal-popup.message-panel-popup .btn.disabled, .modal-popup.create-style-popup .btn.disabled, .modal-popup.add-new-popup .btn.disabled, .modal-popup.downgrade-popup .btn.disabled {
  pointer-events: none;
  background-color: var(--b-bg-accent-cobalt);
  color: var(--b-txt-on-contrast);
  border-color: var(--b-bg-accent-cobalt);
}
.modal-popup.add-new-popup .new-field-name-wrapper .TextBox.property-editor-control,
.modal-popup.add-new-popup .new-field-name-wrapper .new-composer.composer-textbox,
.modal-popup.add-new-popup .new-style-name-wrapper .TextBox.property-editor-control,
.modal-popup.add-new-popup .new-style-name-wrapper .new-composer.composer-textbox {
  float: right;
  width: 168px;
}
.modal-popup.add-new-popup .editor.checkbox {
  margin-bottom: 3px;
}
.modal-popup.add-new-popup .editor.checkbox .component-checkbox {
  float: right;
  margin-top: 4px;
}
.modal-popup.add-new-popup.add-new-field-popup .popup-title {
  padding: 20px 20px 0px 20px;
  text-align: left;
}
.modal-popup.add-new-popup.add-new-field-popup .popup-content {
  width: 340px;
}
.modal-popup.add-new-popup.add-new-field-popup .bottom-popup-row {
  padding-top: 30px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper,
.modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .TextBox.property-editor-control,
.modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .new-composer.composer-textbox,
.modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .TextBox.property-editor-control,
.modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .new-composer.composer-textbox {
  float: right;
  width: 100%;
}
.modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .TextBox.property-editor-control input,
.modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .new-composer.composer-textbox input,
.modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .TextBox.property-editor-control input,
.modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .new-composer.composer-textbox input {
  width: 100%;
}
.modal-popup.add-new-popup.add-new-field-popup .btn.btn-cancel {
  margin: 0;
}
.modal-popup.add-new-popup.add-new-field-popup .btn.btn-create {
  margin: 0;
}
.modal-popup.add-new-popup.add-new-field-popup .new-field-type {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.modal-popup.downgrade-popup .popup-content {
  margin-top: 35px;
}
.modal-popup.downgrade-popup .inner-children > * {
  margin-bottom: 12px;
}
.modal-popup.downgrade-popup .instruction {
  font-size: 14px;
  line-height: 21px;
}
.modal-popup.downgrade-popup .composer-dropdown .spot {
  width: 100%;
}
.modal-popup.downgrade-popup .textarea {
  width: 100%;
  height: 150px;
}
.modal-popup.downgrade-popup .checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.modal-popup.downgrade-popup .checkbox-row .caption {
  font-size: 12px;
  line-height: 18px;
  margin-right: 20px;
}
.modal-popup.downgrade-popup .confirmation-warning {
  font-size: 12px;
  line-height: 18px;
  color: #970707;
  margin-bottom: 0px;
}
.modal-popup.downgrade-popup .confirmation-warning .indented {
  margin-left: 5px;
}
.modal-popup.downgrade-popup .confirmation-warning .new-paragraph {
  margin-top: 10px;
}
.modal-popup.replace-element-popup .instruction, .modal-popup.message-panel-popup .instruction {
  line-height: 1.5;
  margin-bottom: 10px;
}
.modal-popup.replace-element-popup .btn.btn-create {
  margin-left: 142px;
}
.modal-popup.message-panel-popup .popup-title {
  padding: 20px;
}
.modal-popup.message-panel-popup .instruction {
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.modal-popup.message-panel-popup .hide {
  margin-right: 30px;
}
.modal-popup.message-panel-popup .transform {
  margin-bottom: 10px;
}
.modal-popup.message-panel-popup .access {
  font-size: 12px;
  color: grey;
}
.modal-popup.message-panel-popup .composer-checkbox {
  float: right;
}
.modal-popup.message-panel-popup a {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.message-panel-popup .popup-content {
  width: 500px;
}
.modal-popup.message-panel-popup .btn-create {
  margin-left: 170px !important;
}
.modal-popup.upgrade-popup .popup-title {
  padding-top: 30px;
}
.modal-popup.upgrade-popup .popup-content {
  width: 570px;
}
.modal-popup.upgrade-popup .inner-children {
  padding-left: 30px;
  padding-right: 30px;
}
.modal-popup.upgrade-popup .btn-create {
  margin-left: 205px !important;
}
.modal-popup.video-panel-popup .popup-title {
  font-size: 20px;
  padding: 6px;
}
.modal-popup.video-panel-popup .btn-close {
  align-self: flex-end;
  margin: 22px 0px 12px;
  cursor: pointer;
}
.modal-popup.video-panel-popup .inner-children {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-popup.video-panel-popup .instruction {
  word-wrap: break-word;
  text-align: center;
  white-space: pre-wrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  padding-bottom: 18px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
}
.modal-popup.video-panel-popup a {
  color: var(--b-txt-brand, #0c29ab);
  text-decoration: none;
}
.modal-popup.video-panel-popup .popup-content {
  width: 782px;
  height: 453px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 24px 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  -moz-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
}
.modal-popup.video-panel-popup .video {
  width: 400px;
  height: 225px;
  text-align: center;
}
.modal-popup.video-panel-popup .video-caption {
  margin: 18px;
  text-align: center;
}
.modal-popup.video-panel-popup .video-caption-link {
  display: inline-block;
}
.modal-popup.message-panel-popup.import-app .json-uploader-wrapper {
  width: 299px;
}
.modal-popup.message-panel-popup.import-app .json-uploader-wrapper .new-hosted-file {
  float: right;
}
.modal-popup.message-panel-popup.import-app .non-valid-file-mention {
  margin-top: 10px;
  float: left;
}
.modal-popup.message-panel-popup.input-popup .popup-content {
  width: 360px;
}
.modal-popup.message-panel-popup.input-popup .field-caption {
  float: left;
  margin-top: 9px;
}
.modal-popup.message-panel-popup.input-popup input.bubble-ui.input {
  float: right;
}
.modal-popup.message-panel-popup.input-popup input.bubble-ui.input.left-aligned {
  float: left;
}
.modal-popup.message-panel-popup.input-popup textarea.bubble-ui.textarea {
  width: 100%;
  min-height: 150px;
}
.modal-popup.message-panel-popup.input-popup .invalid-caption {
  float: left;
  text-align: center;
  margin-left: 10px;
  margin-top: 8px;
  width: 300px;
  color: var(--b-txt-danger);
  font-size: 13px;
}
.modal-popup.message-panel-popup.input-popup .invalid-caption.hidden {
  visibility: hidden;
}
.modal-popup.message-panel-popup.input-popup .danger {
  background-color: white;
  border: 1px solid var(--b-border-danger);
  color: var(--b-txt-danger);
}
.modal-popup.message-panel-popup.input-popup .btn.btn-create.bubble-ui {
  margin-left: 100px !important;
}
.modal-popup.message-panel-popup.input-popup .btn-cancel {
  margin-left: 70px;
}
.modal-popup.message-panel-popup.input-popup .btn.btn-cancel.bubble-ui {
  margin-left: 100px !important;
}
.modal-popup.message-panel-popup.shortcut-popup .popup-content {
  width: 600px;
}
.modal-popup.message-panel-popup.shortcut-popup .combination {
  float: right;
  font-style: italic;
}
.modal-popup.message-panel-popup.shortcut-popup .description {
  float: left;
  clear: left;
}
.modal-popup.message-panel-popup.shortcut-popup .btn-create {
  margin-left: 220px !important;
}
.modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper {
  display: flex;
  align-items: center;
}
.modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .composer-checkbox.bubble-ui {
  float: left;
}
.modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .composer-checkbox.bubble-ui .component-checkbox {
  margin: 0px;
}
.modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .instruction {
  margin-bottom: 0px;
  margin-left: 10px;
}
.modal-popup.message-panel-popup.things-to-clean .popup-content {
  width: 900px;
}
.modal-popup.message-panel-popup.things-to-clean .select-all-wrapper {
  margin-bottom: -10px;
  margin-top: 20px;
}
.modal-popup.message-panel-popup.things-to-clean .select-all-wrapper .composer-checkbox.bubble-ui {
  margin-top: -5px;
}
.modal-popup.message-panel-popup.things-to-clean .list-of-things {
  margin-top: 20px;
  max-height: 230px;
  overflow-y: scroll;
  padding-right: 10px;
}
.modal-popup.message-panel-popup.things-to-clean .composer-checkbox.bubble-ui {
  margin-top: -10px;
  float: left;
  margin-right: 10px;
}
.modal-popup.message-panel-popup.things-to-clean .description {
  width: 100%;
  float: left;
  clear: left;
  margin-top: 10px;
}
.modal-popup.message-panel-popup.things-to-clean .category {
  float: left;
  width: 200px;
}
.modal-popup.message-panel-popup.things-to-clean .root {
  float: right;
  color: var(--b-txt-tertiary, #8a8a8a);
}
.modal-popup.message-panel-popup.things-to-clean .btn-create {
  margin-left: 360px !important;
}
.modal-popup.message-panel-popup.release-panel .popup-content {
  width: 700px;
}
.modal-popup.message-panel-popup.release-panel .btn-create {
  margin-left: 270px !important;
}
.modal-popup.message-panel-popup.release-panel .title-main {
  margin-bottom: 10px;
}
.modal-popup.message-panel-popup.release-panel .show-full-page {
  float: right;
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.message-panel-popup.release-panel .row-wrapper {
  max-height: 250px;
  overflow-y: auto;
  padding: 10px;
  margin-left: -10px;
  padding-top: 0px;
}
.modal-popup.message-panel-popup.release-panel .note-row {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
}
.modal-popup.message-panel-popup.release-panel .note-row .time,
.modal-popup.message-panel-popup.release-panel .note-row .note,
.modal-popup.message-panel-popup.release-panel .note-row .note-link {
  line-height: 1.5;
}
.modal-popup.message-panel-popup.release-panel .note-row .time,
.modal-popup.message-panel-popup.release-panel .note-row .note {
  float: left;
}
.modal-popup.message-panel-popup.release-panel .note-row .note-link {
  display: block;
}
.modal-popup.message-panel-popup.release-panel .note-row .time {
  width: 100px;
}
.modal-popup.message-panel-popup.release-panel .note-row .note {
  max-width: 520px;
}
.modal-popup.message-panel-popup.verify-email-popup .popup-content {
  text-align: left;
  float: none;
}
.modal-popup.message-panel-popup.native-app-instructions .popup-content, .modal-popup.message-panel-popup.issue-with-domain .popup-content, .modal-popup.message-panel-popup.apiconnector-error .popup-content {
  width: 800px;
}
.modal-popup.message-panel-popup.native-app-instructions .instruction, .modal-popup.message-panel-popup.issue-with-domain .instruction, .modal-popup.message-panel-popup.apiconnector-error .instruction {
  line-height: 1.5;
  text-align: left;
}
.modal-popup.message-panel-popup.native-app-instructions .btn-create, .modal-popup.message-panel-popup.issue-with-domain .btn-create, .modal-popup.message-panel-popup.apiconnector-error .btn-create {
  margin-left: 322px !important;
}
.modal-popup.message-panel-popup.native-app-instructions a, .modal-popup.message-panel-popup.issue-with-domain a, .modal-popup.message-panel-popup.apiconnector-error a {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.message-panel-popup.input-popup.google-map-key .popup-content {
  width: 500px;
}
.modal-popup.message-panel-popup.input-popup.google-map-key .btn.btn-create.bubble-ui {
  margin-left: 170px !important;
}
.modal-popup.message-panel-popup.input-popup.google-map-key input {
  width: 360px;
}
.modal-popup.trial-upgrade-popup {
  z-index: 50000004;
}
.modal-popup.trial-upgrade-popup .popup-content {
  width: unset;
  margin-top: 55px;
  max-width: 1000px;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
}

.modal-popup.db-view-popup .popup-content, .modal-popup.primary-field-popup .popup-content, .modal-popup.modify-db-entry .popup-content, .modal-popup.copying-db-versions .popup-content, .modal-popup.dbconnector-data-types .popup-content, .modal-popup.apiconnector-data-types .popup-content, .modal-popup.trigger-algolia-index .popup-content {
  width: 950px;
}
.modal-popup.db-view-popup .instruction,
.modal-popup.db-view-popup .warning, .modal-popup.primary-field-popup .instruction,
.modal-popup.primary-field-popup .warning, .modal-popup.modify-db-entry .instruction,
.modal-popup.modify-db-entry .warning, .modal-popup.copying-db-versions .instruction,
.modal-popup.copying-db-versions .warning, .modal-popup.dbconnector-data-types .instruction,
.modal-popup.dbconnector-data-types .warning, .modal-popup.apiconnector-data-types .instruction,
.modal-popup.apiconnector-data-types .warning, .modal-popup.trigger-algolia-index .instruction,
.modal-popup.trigger-algolia-index .warning {
  line-height: 1.5;
}
.modal-popup.db-view-popup .panel, .modal-popup.primary-field-popup .panel, .modal-popup.modify-db-entry .panel, .modal-popup.copying-db-versions .panel, .modal-popup.dbconnector-data-types .panel, .modal-popup.apiconnector-data-types .panel, .modal-popup.trigger-algolia-index .panel {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 30px;
  min-height: 200px;
}
.modal-popup.db-view-popup .panel .caption,
.modal-popup.db-view-popup .panel .field,
.modal-popup.db-view-popup .panel .composer-checkbox, .modal-popup.primary-field-popup .panel .caption,
.modal-popup.primary-field-popup .panel .field,
.modal-popup.primary-field-popup .panel .composer-checkbox, .modal-popup.modify-db-entry .panel .caption,
.modal-popup.modify-db-entry .panel .field,
.modal-popup.modify-db-entry .panel .composer-checkbox, .modal-popup.copying-db-versions .panel .caption,
.modal-popup.copying-db-versions .panel .field,
.modal-popup.copying-db-versions .panel .composer-checkbox, .modal-popup.dbconnector-data-types .panel .caption,
.modal-popup.dbconnector-data-types .panel .field,
.modal-popup.dbconnector-data-types .panel .composer-checkbox, .modal-popup.apiconnector-data-types .panel .caption,
.modal-popup.apiconnector-data-types .panel .field,
.modal-popup.apiconnector-data-types .panel .composer-checkbox, .modal-popup.trigger-algolia-index .panel .caption,
.modal-popup.trigger-algolia-index .panel .field,
.modal-popup.trigger-algolia-index .panel .composer-checkbox {
  float: left;
}
.modal-popup.db-view-popup .panel input.bubble-ui, .modal-popup.primary-field-popup .panel input.bubble-ui, .modal-popup.modify-db-entry .panel input.bubble-ui, .modal-popup.copying-db-versions .panel input.bubble-ui, .modal-popup.dbconnector-data-types .panel input.bubble-ui, .modal-popup.apiconnector-data-types .panel input.bubble-ui, .modal-popup.trigger-algolia-index .panel input.bubble-ui {
  width: 190px;
}
.modal-popup.db-view-popup .panel input.bubble-ui.value-field,
.modal-popup.db-view-popup .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.primary-field-popup .panel input.bubble-ui.value-field,
.modal-popup.primary-field-popup .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.modify-db-entry .panel input.bubble-ui.value-field,
.modal-popup.modify-db-entry .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.copying-db-versions .panel input.bubble-ui.value-field,
.modal-popup.copying-db-versions .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.dbconnector-data-types .panel input.bubble-ui.value-field,
.modal-popup.dbconnector-data-types .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.apiconnector-data-types .panel input.bubble-ui.value-field,
.modal-popup.apiconnector-data-types .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.trigger-algolia-index .panel input.bubble-ui.value-field,
.modal-popup.trigger-algolia-index .panel .bubble-ui.composer-autocomplete.value-field {
  width: 440px;
}
.modal-popup.db-view-popup .panel .caption,
.modal-popup.db-view-popup .panel .field-caption,
.modal-popup.db-view-popup .panel .descending-caption,
.modal-popup.db-view-popup .panel .type-caption,
.modal-popup.db-view-popup .panel .mention-list, .modal-popup.primary-field-popup .panel .caption,
.modal-popup.primary-field-popup .panel .field-caption,
.modal-popup.primary-field-popup .panel .descending-caption,
.modal-popup.primary-field-popup .panel .type-caption,
.modal-popup.primary-field-popup .panel .mention-list, .modal-popup.modify-db-entry .panel .caption,
.modal-popup.modify-db-entry .panel .field-caption,
.modal-popup.modify-db-entry .panel .descending-caption,
.modal-popup.modify-db-entry .panel .type-caption,
.modal-popup.modify-db-entry .panel .mention-list, .modal-popup.copying-db-versions .panel .caption,
.modal-popup.copying-db-versions .panel .field-caption,
.modal-popup.copying-db-versions .panel .descending-caption,
.modal-popup.copying-db-versions .panel .type-caption,
.modal-popup.copying-db-versions .panel .mention-list, .modal-popup.dbconnector-data-types .panel .caption,
.modal-popup.dbconnector-data-types .panel .field-caption,
.modal-popup.dbconnector-data-types .panel .descending-caption,
.modal-popup.dbconnector-data-types .panel .type-caption,
.modal-popup.dbconnector-data-types .panel .mention-list, .modal-popup.apiconnector-data-types .panel .caption,
.modal-popup.apiconnector-data-types .panel .field-caption,
.modal-popup.apiconnector-data-types .panel .descending-caption,
.modal-popup.apiconnector-data-types .panel .type-caption,
.modal-popup.apiconnector-data-types .panel .mention-list, .modal-popup.trigger-algolia-index .panel .caption,
.modal-popup.trigger-algolia-index .panel .field-caption,
.modal-popup.trigger-algolia-index .panel .descending-caption,
.modal-popup.trigger-algolia-index .panel .type-caption,
.modal-popup.trigger-algolia-index .panel .mention-list {
  margin-top: 9px;
  float: left;
}
.modal-popup.db-view-popup .panel .mention-list, .modal-popup.primary-field-popup .panel .mention-list, .modal-popup.modify-db-entry .panel .mention-list, .modal-popup.copying-db-versions .panel .mention-list, .modal-popup.dbconnector-data-types .panel .mention-list, .modal-popup.apiconnector-data-types .panel .mention-list, .modal-popup.trigger-algolia-index .panel .mention-list {
  margin-left: 7px;
}
.modal-popup.db-view-popup .panel .field,
.modal-popup.db-view-popup .panel .composer-checkbox, .modal-popup.primary-field-popup .panel .field,
.modal-popup.primary-field-popup .panel .composer-checkbox, .modal-popup.modify-db-entry .panel .field,
.modal-popup.modify-db-entry .panel .composer-checkbox, .modal-popup.copying-db-versions .panel .field,
.modal-popup.copying-db-versions .panel .composer-checkbox, .modal-popup.dbconnector-data-types .panel .field,
.modal-popup.dbconnector-data-types .panel .composer-checkbox, .modal-popup.apiconnector-data-types .panel .field,
.modal-popup.apiconnector-data-types .panel .composer-checkbox, .modal-popup.trigger-algolia-index .panel .field,
.modal-popup.trigger-algolia-index .panel .composer-checkbox {
  margin-left: 15px;
}
.modal-popup.db-view-popup .panel .type-dropdown.caption,
.modal-popup.db-view-popup .panel .sort-dropdown.caption, .modal-popup.primary-field-popup .panel .type-dropdown.caption,
.modal-popup.primary-field-popup .panel .sort-dropdown.caption, .modal-popup.modify-db-entry .panel .type-dropdown.caption,
.modal-popup.modify-db-entry .panel .sort-dropdown.caption, .modal-popup.copying-db-versions .panel .type-dropdown.caption,
.modal-popup.copying-db-versions .panel .sort-dropdown.caption, .modal-popup.dbconnector-data-types .panel .type-dropdown.caption,
.modal-popup.dbconnector-data-types .panel .sort-dropdown.caption, .modal-popup.apiconnector-data-types .panel .type-dropdown.caption,
.modal-popup.apiconnector-data-types .panel .sort-dropdown.caption, .modal-popup.trigger-algolia-index .panel .type-dropdown.caption,
.modal-popup.trigger-algolia-index .panel .sort-dropdown.caption {
  margin-left: 20px;
}
.modal-popup.db-view-popup .panel .field-dropdown, .modal-popup.primary-field-popup .panel .field-dropdown, .modal-popup.modify-db-entry .panel .field-dropdown, .modal-popup.copying-db-versions .panel .field-dropdown, .modal-popup.dbconnector-data-types .panel .field-dropdown, .modal-popup.apiconnector-data-types .panel .field-dropdown, .modal-popup.trigger-algolia-index .panel .field-dropdown {
  float: right;
}
.modal-popup.db-view-popup .panel .descending-sort-zone, .modal-popup.primary-field-popup .panel .descending-sort-zone, .modal-popup.modify-db-entry .panel .descending-sort-zone, .modal-popup.copying-db-versions .panel .descending-sort-zone, .modal-popup.dbconnector-data-types .panel .descending-sort-zone, .modal-popup.apiconnector-data-types .panel .descending-sort-zone, .modal-popup.trigger-algolia-index .panel .descending-sort-zone {
  float: left;
  margin-left: 20px;
}
.modal-popup.db-view-popup .panel .fields-to-display-zone,
.modal-popup.db-view-popup .panel .constraints-zone, .modal-popup.primary-field-popup .panel .fields-to-display-zone,
.modal-popup.primary-field-popup .panel .constraints-zone, .modal-popup.modify-db-entry .panel .fields-to-display-zone,
.modal-popup.modify-db-entry .panel .constraints-zone, .modal-popup.copying-db-versions .panel .fields-to-display-zone,
.modal-popup.copying-db-versions .panel .constraints-zone, .modal-popup.dbconnector-data-types .panel .fields-to-display-zone,
.modal-popup.dbconnector-data-types .panel .constraints-zone, .modal-popup.apiconnector-data-types .panel .fields-to-display-zone,
.modal-popup.apiconnector-data-types .panel .constraints-zone, .modal-popup.trigger-algolia-index .panel .fields-to-display-zone,
.modal-popup.trigger-algolia-index .panel .constraints-zone {
  float: left;
  clear: both;
  margin-top: 25px;
  width: 100%;
}
.modal-popup.db-view-popup .panel .type-dropdown.caption,
.modal-popup.db-view-popup .panel .field-caption, .modal-popup.primary-field-popup .panel .type-dropdown.caption,
.modal-popup.primary-field-popup .panel .field-caption, .modal-popup.modify-db-entry .panel .type-dropdown.caption,
.modal-popup.modify-db-entry .panel .field-caption, .modal-popup.copying-db-versions .panel .type-dropdown.caption,
.modal-popup.copying-db-versions .panel .field-caption, .modal-popup.dbconnector-data-types .panel .type-dropdown.caption,
.modal-popup.dbconnector-data-types .panel .field-caption, .modal-popup.apiconnector-data-types .panel .type-dropdown.caption,
.modal-popup.apiconnector-data-types .panel .field-caption, .modal-popup.trigger-algolia-index .panel .type-dropdown.caption,
.modal-popup.trigger-algolia-index .panel .field-caption {
  height: 15px;
}
.modal-popup.db-view-popup .panel .field-list .show-primary-btn,
.modal-popup.db-view-popup .panel .constraints-list .show-primary-btn, .modal-popup.primary-field-popup .panel .field-list .show-primary-btn,
.modal-popup.primary-field-popup .panel .constraints-list .show-primary-btn, .modal-popup.modify-db-entry .panel .field-list .show-primary-btn,
.modal-popup.modify-db-entry .panel .constraints-list .show-primary-btn, .modal-popup.copying-db-versions .panel .field-list .show-primary-btn,
.modal-popup.copying-db-versions .panel .constraints-list .show-primary-btn, .modal-popup.dbconnector-data-types .panel .field-list .show-primary-btn,
.modal-popup.dbconnector-data-types .panel .constraints-list .show-primary-btn, .modal-popup.apiconnector-data-types .panel .field-list .show-primary-btn,
.modal-popup.apiconnector-data-types .panel .constraints-list .show-primary-btn, .modal-popup.trigger-algolia-index .panel .field-list .show-primary-btn,
.modal-popup.trigger-algolia-index .panel .constraints-list .show-primary-btn {
  font-size: 10px;
  float: right;
  cursor: pointer;
}
.modal-popup.db-view-popup .panel .field-list .show-primary-btn:hover,
.modal-popup.db-view-popup .panel .constraints-list .show-primary-btn:hover, .modal-popup.primary-field-popup .panel .field-list .show-primary-btn:hover,
.modal-popup.primary-field-popup .panel .constraints-list .show-primary-btn:hover, .modal-popup.modify-db-entry .panel .field-list .show-primary-btn:hover,
.modal-popup.modify-db-entry .panel .constraints-list .show-primary-btn:hover, .modal-popup.copying-db-versions .panel .field-list .show-primary-btn:hover,
.modal-popup.copying-db-versions .panel .constraints-list .show-primary-btn:hover, .modal-popup.dbconnector-data-types .panel .field-list .show-primary-btn:hover,
.modal-popup.dbconnector-data-types .panel .constraints-list .show-primary-btn:hover, .modal-popup.apiconnector-data-types .panel .field-list .show-primary-btn:hover,
.modal-popup.apiconnector-data-types .panel .constraints-list .show-primary-btn:hover, .modal-popup.trigger-algolia-index .panel .field-list .show-primary-btn:hover,
.modal-popup.trigger-algolia-index .panel .constraints-list .show-primary-btn:hover {
  color: var(--b-bg-contrast1, #525252);
}
.modal-popup.db-view-popup .panel .field-list .field-zone,
.modal-popup.db-view-popup .panel .constraints-list .field-zone, .modal-popup.primary-field-popup .panel .field-list .field-zone,
.modal-popup.primary-field-popup .panel .constraints-list .field-zone, .modal-popup.modify-db-entry .panel .field-list .field-zone,
.modal-popup.modify-db-entry .panel .constraints-list .field-zone, .modal-popup.copying-db-versions .panel .field-list .field-zone,
.modal-popup.copying-db-versions .panel .constraints-list .field-zone, .modal-popup.dbconnector-data-types .panel .field-list .field-zone,
.modal-popup.dbconnector-data-types .panel .constraints-list .field-zone, .modal-popup.apiconnector-data-types .panel .field-list .field-zone,
.modal-popup.apiconnector-data-types .panel .constraints-list .field-zone, .modal-popup.trigger-algolia-index .panel .field-list .field-zone,
.modal-popup.trigger-algolia-index .panel .constraints-list .field-zone {
  margin-right: 35px;
  float: left;
  margin-top: 8px;
  min-height: 40px;
}
.modal-popup.db-view-popup .panel .field-list .field-zone.crevamp,
.modal-popup.db-view-popup .panel .constraints-list .field-zone.crevamp, .modal-popup.primary-field-popup .panel .field-list .field-zone.crevamp,
.modal-popup.primary-field-popup .panel .constraints-list .field-zone.crevamp, .modal-popup.modify-db-entry .panel .field-list .field-zone.crevamp,
.modal-popup.modify-db-entry .panel .constraints-list .field-zone.crevamp, .modal-popup.copying-db-versions .panel .field-list .field-zone.crevamp,
.modal-popup.copying-db-versions .panel .constraints-list .field-zone.crevamp, .modal-popup.dbconnector-data-types .panel .field-list .field-zone.crevamp,
.modal-popup.dbconnector-data-types .panel .constraints-list .field-zone.crevamp, .modal-popup.apiconnector-data-types .panel .field-list .field-zone.crevamp,
.modal-popup.apiconnector-data-types .panel .constraints-list .field-zone.crevamp, .modal-popup.trigger-algolia-index .panel .field-list .field-zone.crevamp,
.modal-popup.trigger-algolia-index .panel .constraints-list .field-zone.crevamp {
  display: flex;
}
.modal-popup.db-view-popup .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.db-view-popup .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.primary-field-popup .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.primary-field-popup .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.modify-db-entry .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.modify-db-entry .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.copying-db-versions .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.copying-db-versions .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.dbconnector-data-types .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.dbconnector-data-types .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.apiconnector-data-types .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.apiconnector-data-types .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.trigger-algolia-index .panel .field-list .field-zone .autocomplete-container-crevamp,
.modal-popup.trigger-algolia-index .panel .constraints-list .field-zone .autocomplete-container-crevamp {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.modal-popup.db-view-popup .panel .field-list .field-caption,
.modal-popup.db-view-popup .panel .constraints-list .field-caption, .modal-popup.primary-field-popup .panel .field-list .field-caption,
.modal-popup.primary-field-popup .panel .constraints-list .field-caption, .modal-popup.modify-db-entry .panel .field-list .field-caption,
.modal-popup.modify-db-entry .panel .constraints-list .field-caption, .modal-popup.copying-db-versions .panel .field-list .field-caption,
.modal-popup.copying-db-versions .panel .constraints-list .field-caption, .modal-popup.dbconnector-data-types .panel .field-list .field-caption,
.modal-popup.dbconnector-data-types .panel .constraints-list .field-caption, .modal-popup.apiconnector-data-types .panel .field-list .field-caption,
.modal-popup.apiconnector-data-types .panel .constraints-list .field-caption, .modal-popup.trigger-algolia-index .panel .field-list .field-caption,
.modal-popup.trigger-algolia-index .panel .constraints-list .field-caption {
  min-width: 128px;
}
.modal-popup.capacity-drilldown .popup-title {
  padding: 20px 0px 10px 0px;
}
.modal-popup.capacity-drilldown .popup-content {
  width: 800px;
  min-height: 400px;
}
.modal-popup.capacity-drilldown .instruction {
  line-height: 1.5;
}
.modal-popup.capacity-drilldown .instruction.warning-icon {
  margin-top: 5px;
}
.modal-popup.capacity-drilldown .panel {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 20px 50px;
  min-height: 350px;
}
.modal-popup.capacity-drilldown .panel .caption {
  display: inline;
  margin-right: 10px;
}
.modal-popup.capacity-drilldown .panel .caption.second {
  margin-left: 10px;
}
.modal-popup.capacity-drilldown .panel .date-warning {
  font-size: 14px;
  margin-top: 15px;
}
.modal-popup.capacity-drilldown .bottom-stripe {
  height: 80px;
  border-top: 1px solid rgb(245, 245, 245);
}
.modal-popup.capacity-drilldown .details-wrapper {
  margin-top: 20px;
}
.modal-popup.capacity-drilldown .details-wrapper .maxed-out {
  margin-top: 4px;
}
.modal-popup.capacity-drilldown .details-wrapper .no-usage {
  float: left;
  clear: both;
  font-style: italic;
  margin-top: 20px;
}
.modal-popup.capacity-drilldown .details-wrapper .explanation {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
.modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper {
  height: 270px;
  padding: 10px 0px;
}
.modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .loading-animation {
  position: relative;
}
.modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .bubble,
.modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .pulse {
  top: 80px;
}
.modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper canvas#piechart {
  cursor: pointer;
  margin-top: 30px;
}
.modal-popup.airtable-data-types .popup-title {
  padding: 20px 0px 10px 0px;
}
.modal-popup.airtable-data-types .popup-content {
  width: 950px;
}
.modal-popup.airtable-data-types .instruction {
  line-height: 1.5;
}
.modal-popup.airtable-data-types .instruction.warning-icon {
  margin-top: 5px;
}
.modal-popup.airtable-data-types .panel {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 30px 50px;
  min-height: 200px;
}
.modal-popup.airtable-data-types .panel .field-list .field-zone {
  margin-right: 35px;
  float: left;
  margin-top: 8px;
  min-height: 40px;
}
.modal-popup.modify-db-entry .popup-content, .modal-popup.db-view-popup .popup-content, .modal-popup.primary-field-popup .popup-content {
  width: 97%;
  margin-top: 10px;
}
.modal-popup.modify-db-entry .type-dropdown.caption,
.modal-popup.modify-db-entry .field-caption,
.modal-popup.modify-db-entry .field-zone,
.modal-popup.modify-db-entry .type-zone, .modal-popup.db-view-popup .type-dropdown.caption,
.modal-popup.db-view-popup .field-caption,
.modal-popup.db-view-popup .field-zone,
.modal-popup.db-view-popup .type-zone, .modal-popup.primary-field-popup .type-dropdown.caption,
.modal-popup.primary-field-popup .field-caption,
.modal-popup.primary-field-popup .field-zone,
.modal-popup.primary-field-popup .type-zone {
  font-size: 13px !important;
}
.modal-popup.modify-db-entry .descending-caption, .modal-popup.db-view-popup .descending-caption, .modal-popup.primary-field-popup .descending-caption {
  margin-right: 3px;
}
.modal-popup.modify-db-entry .field-caption,
.modal-popup.modify-db-entry .type-caption, .modal-popup.db-view-popup .field-caption,
.modal-popup.db-view-popup .type-caption, .modal-popup.primary-field-popup .field-caption,
.modal-popup.primary-field-popup .type-caption {
  margin-left: 0px !important;
  width: 137px;
}
.modal-popup.modify-db-entry .type-dropdown.caption,
.modal-popup.modify-db-entry .field-caption,
.modal-popup.modify-db-entry .type-caption, .modal-popup.db-view-popup .type-dropdown.caption,
.modal-popup.db-view-popup .field-caption,
.modal-popup.db-view-popup .type-caption, .modal-popup.primary-field-popup .type-dropdown.caption,
.modal-popup.primary-field-popup .field-caption,
.modal-popup.primary-field-popup .type-caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 15px;
}
.modal-popup.primary-field-popup.migration-box .popup-content {
  width: 890px;
  margin-top: 70px;
}
.modal-popup.db-view-popup .panel .composer-checkbox {
  margin-left: 5px;
}
.modal-popup.db-view-popup .type-dropdown.caption {
  width: 103px;
}
.modal-popup.db-view-popup .field-to-display-caption,
.modal-popup.db-view-popup .select-all-wrapper {
  float: left;
}
.modal-popup.db-view-popup .field-to-display-caption .select-all,
.modal-popup.db-view-popup .select-all-wrapper .select-all {
  margin-left: 20px;
}
.modal-popup.db-view-popup .field-list {
  float: left;
  clear: both;
}
.modal-popup.db-view-popup .add-constraint {
  float: left;
  width: 197px;
  height: 30px;
  padding-top: 7px;
  margin-top: 20px;
}
.modal-popup.db-view-popup .panel .field-list .field-zone {
  margin-right: 45px;
}
.modal-popup.db-view-popup .constraint-div {
  margin-top: 15px;
  clear: left;
  overflow: hidden;
  max-width: 910px;
}
.modal-popup.db-view-popup .constraint-div .constraint-field,
.modal-popup.db-view-popup .constraint-div .operator-field,
.modal-popup.db-view-popup .constraint-div .value {
  float: left;
}
.modal-popup.db-view-popup .constraint-div .operator-field,
.modal-popup.db-view-popup .constraint-div .value {
  margin-left: 15px;
}
.modal-popup.db-view-popup .constraint-div .delete-btn {
  float: right;
  margin-top: 6px;
  margin-right: 35px;
}
.modal-popup.modify-db-entry .MultilineTextBox.property-editor-control {
  width: 70% !important;
  min-height: 30px;
  height: 30px;
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 3px;
}
.modal-popup.modify-db-entry .type-dropdown.caption {
  margin-left: 0px !important;
  width: 137px;
}
.modal-popup.modify-db-entry .composer-list-manager .list-wrapper {
  max-height: 60px;
  overflow-y: auto;
  float: left;
  width: 100%;
  padding-left: 5px;
  margin-top: 9px;
}
.modal-popup.modify-db-entry .popup-content {
  width: 97%;
  margin-top: 10px;
}
.modal-popup.modify-db-entry .composer-dropdown.field {
  margin-left: 0px;
}
.modal-popup.modify-db-entry .type-dropdown.caption,
.modal-popup.modify-db-entry .field-caption {
  margin-left: 0px !important;
}
.modal-popup.modify-db-entry .field-list {
  float: left;
  margin-top: 10px;
  clear: left;
}
.modal-popup.modify-db-entry .field-list .field-zone {
  width: 392px;
  margin-right: 40px !important;
}
.modal-popup.modify-db-entry .field-list .bubble-ui.value-field {
  margin-left: 0px;
  float: left;
  max-width: 254px;
}
.modal-popup.modify-db-entry .field-list .bubble-ui.value-field.read-only {
  opacity: 0.9;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  border: 1px solid #e2e2e2;
  padding: 7px;
  border-radius: 4px;
  width: 254px;
  height: 30px;
}
.modal-popup.modify-db-entry .field-list input.bubble-ui.value-field,
.modal-popup.modify-db-entry .field-list .bubble-ui.value-field.composer-autocomplete {
  width: 254px !important;
}
.modal-popup.primary-field-popup .type-caption {
  width: 150px;
}
.modal-popup.primary-field-popup .type-list, .modal-popup.copying-db-versions .type-list, .modal-popup.dbconnector-data-types .type-list, .modal-popup.apiconnector-data-types .type-list {
  margin-top: 10px;
  width: 100%;
}
.modal-popup.primary-field-popup .type-caption, .modal-popup.copying-db-versions .type-caption, .modal-popup.dbconnector-data-types .type-caption, .modal-popup.apiconnector-data-types .type-caption {
  max-width: 135px;
}
.modal-popup.primary-field-popup.dbconnector .type-caption, .modal-popup.copying-db-versions.dbconnector .type-caption, .modal-popup.dbconnector-data-types.dbconnector .type-caption, .modal-popup.apiconnector-data-types.dbconnector .type-caption {
  max-width: none;
}
.modal-popup.primary-field-popup .type-zone, .modal-popup.copying-db-versions .type-zone, .modal-popup.dbconnector-data-types .type-zone, .modal-popup.apiconnector-data-types .type-zone {
  float: left;
  margin-top: 10px;
  margin-right: 40px;
}
.modal-popup.primary-field-popup.migration-box .type-zone, .modal-popup.copying-db-versions.migration-box .type-zone, .modal-popup.dbconnector-data-types.migration-box .type-zone, .modal-popup.apiconnector-data-types.migration-box .type-zone {
  width: 100%;
}
.modal-popup.copying-db-versions .popup-content, .modal-popup.dbconnector-data-types .popup-content, .modal-popup.apiconnector-data-types .popup-content, .modal-popup.airtable-data-types .popup-content {
  width: 800px;
}
.modal-popup.copying-db-versions .type-zone, .modal-popup.dbconnector-data-types .type-zone, .modal-popup.apiconnector-data-types .type-zone, .modal-popup.airtable-data-types .type-zone {
  width: 310px;
}
.modal-popup.dbconnector-data-types .type-caption, .modal-popup.apiconnector-data-types .type-caption {
  max-width: 135px;
  word-break: break-all;
}
.modal-popup.apiconnector-data-types .popup-content .type-zone, .modal-popup.airtable-data-types .popup-content .type-zone {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.modal-popup.apiconnector-data-types .popup-content .type-zone.sub, .modal-popup.airtable-data-types .popup-content .type-zone.sub {
  margin-top: 5px;
  margin-bottom: 5px;
}
.modal-popup.apiconnector-data-types .popup-content .type-zone .caption, .modal-popup.airtable-data-types .popup-content .type-zone .caption {
  margin-right: 50px;
}
.modal-popup.apiconnector-data-types .popup-content .type-list,
.modal-popup.apiconnector-data-types .popup-content .json-path-div,
.modal-popup.apiconnector-data-types .popup-content .caption, .modal-popup.airtable-data-types .popup-content .type-list,
.modal-popup.airtable-data-types .popup-content .json-path-div,
.modal-popup.airtable-data-types .popup-content .caption {
  float: left;
}
.modal-popup.apiconnector-data-types .popup-content .caption, .modal-popup.airtable-data-types .popup-content .caption {
  margin-top: 9px;
}
.modal-popup.apiconnector-data-types .popup-content .json-path-div, .modal-popup.airtable-data-types .popup-content .json-path-div {
  word-wrap: break-word;
  max-width: 540px;
  margin-top: 11px;
  font-size: 12px;
}
.modal-popup.apiconnector-data-types .popup-content .json-path-div span.sample-value, .modal-popup.airtable-data-types .popup-content .json-path-div span.sample-value {
  color: #c1c1c1;
}
.modal-popup.apiconnector-data-types .popup-content .type-caption,
.modal-popup.apiconnector-data-types .popup-content .field-type, .modal-popup.airtable-data-types .popup-content .type-caption,
.modal-popup.airtable-data-types .popup-content .field-type {
  float: right;
}
.modal-popup.apiconnector-data-types .popup-content .sample-text, .modal-popup.airtable-data-types .popup-content .sample-text {
  width: 280px;
}
.modal-popup.apiconnector-data-types .popup-content .table-type, .modal-popup.airtable-data-types .popup-content .table-type {
  float: right;
  clear: both;
}
.modal-popup.apiconnector-data-types .popup-content .type-caption, .modal-popup.airtable-data-types .popup-content .type-caption {
  margin-right: 90px;
}
.modal-popup.apiconnector-data-types .popup-content .edit-stream-data .stream-accordion-row span > span, .modal-popup.airtable-data-types .popup-content .edit-stream-data .stream-accordion-row span > span {
  font-size: 14px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list, .modal-popup.airtable-data-types .fields-list {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone.sub, .modal-popup.airtable-data-types .fields-list .field-zone.sub {
  float: left;
  clear: both;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-name, .modal-popup.airtable-data-types .fields-list .field-name {
  float: left;
  margin-top: 9px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .schema-field-name, .modal-popup.airtable-data-types .fields-list .schema-field-name {
  float: left;
  margin-top: 9px;
  width: 22%;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone, .modal-popup.airtable-data-types .fields-list .field-zone {
  float: left;
  clear: both;
  width: 100%;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone.sub > .sub-fields, .modal-popup.airtable-data-types .fields-list .field-zone.sub > .sub-fields {
  padding-left: 20px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-row, .modal-popup.airtable-data-types .fields-list .field-row {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sub-row, .modal-popup.airtable-data-types .fields-list .sub-row {
  margin-top: 10px;
  float: left;
  width: 100%;
  padding-left: 20px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row, .modal-popup.airtable-data-types .fields-list .list-row {
  float: right;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row .field-type,
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row .table-type, .modal-popup.airtable-data-types .fields-list .list-row .field-type,
.modal-popup.airtable-data-types .fields-list .list-row .table-type {
  clear: none;
  margin-left: 10px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-label, .modal-popup.airtable-data-types .fields-list .list-label {
  margin: 10px 0px 0px 25px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sub-fields, .modal-popup.airtable-data-types .fields-list .sub-fields {
  float: left;
  width: 100%;
}
.modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sample-value, .modal-popup.airtable-data-types .fields-list .sample-value {
  margin-top: 2px;
  color: #c1c1c1;
  clear: left;
  float: left;
  max-width: 450px;
  height: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  white-space: pre;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.modal-popup.apiconnector-data-types.apiconnector2 .show-raw-response, .modal-popup.airtable-data-types .show-raw-response {
  float: left;
  clear: both;
  margin-top: 20px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .edit-raw-response, .modal-popup.airtable-data-types .edit-raw-response {
  float: right;
  margin-top: 20px;
}
.modal-popup.apiconnector-data-types.apiconnector2 .raw-response-wrapper, .modal-popup.airtable-data-types .raw-response-wrapper {
  background: #272b2d;
  width: 100%;
  margin-top: 10px;
  padding: 20px;
  clear: both;
  float: left;
  white-space: pre-wrap;
  overflow: auto;
}
.modal-popup.apiconnector-data-types.apiconnector2 .raw-response-wrapper code.raw-response, .modal-popup.airtable-data-types .raw-response-wrapper code.raw-response {
  color: #c1ef65;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  background: transparent;
  border: none;
}
.modal-popup.trigger-algolia-index .bottom-stripe {
  display: flex;
}
.modal-popup.trigger-algolia-index .panel .description {
  padding-bottom: 20px;
}
.modal-popup.trigger-algolia-index .panel .choice-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper {
  width: 400px;
  float: left;
}
.modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper .type-picker {
  display: flex;
  align-items: center;
}
.modal-popup.trigger-algolia-index .panel .choice-container .button-areas {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  max-width: 400px;
}
.modal-popup.trigger-algolia-index .panel .choice-container .button-areas .index-algolia-db-version-toggle {
  padding: 0.8em;
  margin: 10px;
  min-width: 150px;
}
.modal-popup.trigger-algolia-index .panel .choice-container .button-areas .index-algolia-db-version-toggle.selected {
  background: #9daeb3;
  color: white;
}
.modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper {
  width: 414px;
  float: left;
}
.modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper .composer-dropdown {
  float: right;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container,
.modal-popup.trigger-algolia-index .panel .current-status-container {
  margin-top: 10px;
  border-top: 1px solid rgb(245, 245, 245);
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-caption,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-caption {
  float: none;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields {
  width: 100%;
  line-height: 1.5;
  float: none;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .index-db-type-header,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .index-db-type-header {
  margin-top: 10px;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row {
  display: block;
  max-width: 100%;
  padding-left: 10px;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-progress,
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-type-name,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-progress,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-type-name {
  display: inline-block;
}
.modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-type-name,
.modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-type-name {
  margin-right: 5px;
}
.modal-popup.copying-db-versions .popup-content {
  width: 830px;
}
.modal-popup.copying-db-versions .instruction {
  clear: both;
}
.modal-popup.copying-db-versions .warning {
  color: red;
  margin-top: 10px;
}
.modal-popup.copying-db-versions .copy-panel,
.modal-popup.copying-db-versions .restore-panel,
.modal-popup.copying-db-versions .wipe-db-history-panel {
  float: left;
  width: 100%;
}
.modal-popup.copying-db-versions .progress-wrapper {
  margin-top: 20px;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}
.modal-popup.copying-db-versions .version-picker-wrapper,
.modal-popup.copying-db-versions .pick-type-wrapper {
  width: 414px;
  margin-bottom: 15px;
  float: left;
}
.modal-popup.copying-db-versions .version-picker-wrapper .composer-dropdown,
.modal-popup.copying-db-versions .pick-type-wrapper .composer-dropdown {
  float: right;
}
.modal-popup.copying-db-versions .version-picker-wrapper {
  margin-top: 15px;
}
.modal-popup.copying-db-versions .restore-panel,
.modal-popup.copying-db-versions .wipe-db-history-panel {
  margin-top: 30px;
  border-top: 1px solid rgb(245, 245, 245);
  padding-top: 20px;
}
.modal-popup.copying-db-versions .restore-panel *,
.modal-popup.copying-db-versions .wipe-db-history-panel * {
  float: left;
}
.modal-popup.copying-db-versions .restore-panel .caption.timestamp,
.modal-popup.copying-db-versions .wipe-db-history-panel .caption.timestamp {
  clear: left;
}
.modal-popup.copying-db-versions .restore-panel .timestamp-restore-db,
.modal-popup.copying-db-versions .wipe-db-history-panel .timestamp-restore-db {
  width: 105px !important;
  margin-left: 20px;
}
.modal-popup.copying-db-versions .restore-panel .conf.restore,
.modal-popup.copying-db-versions .wipe-db-history-panel .conf.restore {
  width: 190px;
  margin-left: 20px;
}
.modal-popup.copying-db-versions .restore-panel .inject-today,
.modal-popup.copying-db-versions .wipe-db-history-panel .inject-today {
  margin-left: 20px;
  cursor: pointer;
  color: #cecece;
}
.modal-popup.copying-db-versions .restore-panel .inject-today:hover,
.modal-popup.copying-db-versions .wipe-db-history-panel .inject-today:hover {
  text-decoration: underline;
}
.modal-popup.copying-db-versions .copy-db-btn {
  margin-top: 20px;
  width: 355px;
  height: 50px;
  padding-top: 17px;
}
.modal-popup.copying-db-versions .copy-db-btn.from_live_to_test {
  float: left;
}
.modal-popup.copying-db-versions .copy-db-btn.from_test_to_live {
  float: right;
}
.modal-popup.copying-db-versions .copy-db-btn.selected {
  background: #9daeb3;
  color: white;
}
.modal-popup.copying-db-versions .confirmation-box {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.modal-popup.copying-db-versions .confirmation-box input.bubble-ui.confirmation-input {
  width: 350px !important;
  float: left;
  margin-top: 20px;
}
.modal-popup.copying-db-versions .confirmation-box .progress-bar-wrapper {
  width: 100%;
}
.modal-popup.copying-db-versions .confirmation-box .bubble-ui.conf.btn {
  margin-top: 20px;
  margin-left: 20px;
}
.modal-popup.copying-db-versions .confirmation-box .all-types-warning {
  color: var(--b-txt-danger);
  float: right;
  width: 40%;
}
.modal-popup.copying-db-versions .bubble-ui.conf.btn {
  height: 30px;
  padding-top: 7px;
  float: left;
}

.modal-popup.csv-uploader-window .popup-content,
.modal-popup.bulk-operation-popup .popup-content,
.modal-popup.version-panel .popup-content {
  width: 888px;
}
.modal-popup.csv-uploader-window .inner-children,
.modal-popup.bulk-operation-popup .inner-children,
.modal-popup.version-panel .inner-children {
  overflow: hidden;
}
.modal-popup.csv-uploader-window .inner-children .panel,
.modal-popup.bulk-operation-popup .inner-children .panel,
.modal-popup.version-panel .inner-children .panel {
  overflow-y: scroll;
  padding: 30px;
  max-height: calc(100vh - 280px);
}
.modal-popup.csv-uploader-window .inner-children .instructions.caption,
.modal-popup.bulk-operation-popup .inner-children .instructions.caption,
.modal-popup.version-panel .inner-children .instructions.caption {
  margin-bottom: 25px;
  line-height: 2;
}
.modal-popup.csv-uploader-window .inner-children .type-dropdown-caption,
.modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption,
.modal-popup.csv-uploader-window .inner-children .composer-dropdown.bubble-ui,
.modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption,
.modal-popup.csv-uploader-window .inner-children .composer-checkbox.bubble-ui,
.modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .composer-dropdown.bubble-ui,
.modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption,
.modal-popup.bulk-operation-popup .inner-children .composer-checkbox.bubble-ui,
.modal-popup.version-panel .inner-children .type-dropdown-caption,
.modal-popup.version-panel .inner-children .delimiter-dropdown-caption,
.modal-popup.version-panel .inner-children .composer-dropdown.bubble-ui,
.modal-popup.version-panel .inner-children .quote-checkbox-caption,
.modal-popup.version-panel .inner-children .composer-checkbox.bubble-ui {
  float: left;
}
.modal-popup.csv-uploader-window .inner-children .type-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption,
.modal-popup.version-panel .inner-children .type-dropdown-caption {
  clear: left;
  width: 160px;
}
.modal-popup.csv-uploader-window .inner-children .empty-counts-box,
.modal-popup.bulk-operation-popup .inner-children .empty-counts-box,
.modal-popup.version-panel .inner-children .empty-counts-box {
  margin-top: 10px;
  float: left;
  clear: both;
}
.modal-popup.csv-uploader-window .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty,
.modal-popup.bulk-operation-popup .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty,
.modal-popup.version-panel .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty {
  width: 350px !important;
}
.modal-popup.csv-uploader-window .inner-children .view-or-list,
.modal-popup.bulk-operation-popup .inner-children .view-or-list,
.modal-popup.version-panel .inner-children .view-or-list {
  margin-bottom: 20px;
}
.modal-popup.csv-uploader-window .inner-children .type-dropdown-caption,
.modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption,
.modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption,
.modal-popup.csv-uploader-window .inner-children .field-caption,
.modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption,
.modal-popup.bulk-operation-popup .inner-children .field-caption,
.modal-popup.version-panel .inner-children .type-dropdown-caption,
.modal-popup.version-panel .inner-children .delimiter-dropdown-caption,
.modal-popup.version-panel .inner-children .quote-checkbox-caption,
.modal-popup.version-panel .inner-children .field-caption {
  margin-top: 9px;
}
.modal-popup.csv-uploader-window .inner-children .composer-dropdown.bubble-ui,
.modal-popup.csv-uploader-window .inner-children .composer-checkbox.bubble-ui,
.modal-popup.bulk-operation-popup .inner-children .composer-dropdown.bubble-ui,
.modal-popup.bulk-operation-popup .inner-children .composer-checkbox.bubble-ui,
.modal-popup.version-panel .inner-children .composer-dropdown.bubble-ui,
.modal-popup.version-panel .inner-children .composer-checkbox.bubble-ui {
  margin-left: 10px;
}
.modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption,
.modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption,
.modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file,
.modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption,
.modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption,
.modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file,
.modal-popup.version-panel .inner-children .delimiter-dropdown-caption,
.modal-popup.version-panel .inner-children .quote-checkbox-caption,
.modal-popup.version-panel .inner-children .btn.pick-csv-file {
  margin-left: 20px;
}
.modal-popup.csv-uploader-window .inner-children .csv-file-name,
.modal-popup.bulk-operation-popup .inner-children .csv-file-name,
.modal-popup.version-panel .inner-children .csv-file-name {
  float: left;
  clear: both;
  width: auto;
  margin-top: 15px;
}
.modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file,
.modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file,
.modal-popup.version-panel .inner-children .btn.pick-csv-file {
  height: 30px;
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields,
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data,
.modal-popup.csv-uploader-window .inner-children .btn.upload-data,
.modal-popup.csv-uploader-window .inner-children .btn.cancel-upload,
.modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data,
.modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload,
.modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file,
.modal-popup.version-panel .inner-children .btn.get-fields,
.modal-popup.version-panel .inner-children .btn.analyze-data,
.modal-popup.version-panel .inner-children .btn.upload-data,
.modal-popup.version-panel .inner-children .btn.cancel-upload,
.modal-popup.version-panel .inner-children .btn.pick-csv-file {
  float: left;
  width: 150px;
  text-align: center;
  padding: 7px;
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields,
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data,
.modal-popup.csv-uploader-window .inner-children .btn.upload-data,
.modal-popup.csv-uploader-window .inner-children .btn.cancel-upload,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data,
.modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload,
.modal-popup.version-panel .inner-children .btn.get-fields,
.modal-popup.version-panel .inner-children .btn.analyze-data,
.modal-popup.version-panel .inner-children .btn.upload-data,
.modal-popup.version-panel .inner-children .btn.cancel-upload {
  margin-top: 20px;
  clear: left;
  border: 1px solid var(--b-border);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields:hover,
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data:hover,
.modal-popup.csv-uploader-window .inner-children .btn.upload-data:hover,
.modal-popup.csv-uploader-window .inner-children .btn.cancel-upload:hover,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields:hover,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:hover,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data:hover,
.modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload:hover,
.modal-popup.version-panel .inner-children .btn.get-fields:hover,
.modal-popup.version-panel .inner-children .btn.analyze-data:hover,
.modal-popup.version-panel .inner-children .btn.upload-data:hover,
.modal-popup.version-panel .inner-children .btn.cancel-upload:hover {
  background-color: rgb(249, 249, 249);
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields:before,
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data:before,
.modal-popup.csv-uploader-window .inner-children .btn.upload-data:before,
.modal-popup.csv-uploader-window .inner-children .btn.cancel-upload:before,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields:before,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:before,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data:before,
.modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload:before,
.modal-popup.version-panel .inner-children .btn.get-fields:before,
.modal-popup.version-panel .inner-children .btn.analyze-data:before,
.modal-popup.version-panel .inner-children .btn.upload-data:before,
.modal-popup.version-panel .inner-children .btn.cancel-upload:before {
  text-align: left;
  float: left;
  margin-left: 5px;
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields.clicked,
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data.clicked,
.modal-popup.csv-uploader-window .inner-children .btn.upload-data.clicked,
.modal-popup.csv-uploader-window .inner-children .btn.cancel-upload.clicked,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields.clicked,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data.clicked,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data.clicked,
.modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload.clicked,
.modal-popup.version-panel .inner-children .btn.get-fields.clicked,
.modal-popup.version-panel .inner-children .btn.analyze-data.clicked,
.modal-popup.version-panel .inner-children .btn.upload-data.clicked,
.modal-popup.version-panel .inner-children .btn.cancel-upload.clicked {
  background-color: rgb(249, 249, 249);
  cursor: default;
}
.modal-popup.csv-uploader-window .inner-children .btn.get-fields:before,
.modal-popup.bulk-operation-popup .inner-children .btn.get-fields:before,
.modal-popup.version-panel .inner-children .btn.get-fields:before {
  content: "1";
}
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data:before,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:before,
.modal-popup.version-panel .inner-children .btn.analyze-data:before {
  content: "2";
}
.modal-popup.csv-uploader-window .inner-children .btn.upload-data:before,
.modal-popup.bulk-operation-popup .inner-children .btn.upload-data:before,
.modal-popup.version-panel .inner-children .btn.upload-data:before {
  content: "3";
}
.modal-popup.csv-uploader-window .inner-children .field-mapping-area,
.modal-popup.bulk-operation-popup .inner-children .field-mapping-area,
.modal-popup.version-panel .inner-children .field-mapping-area {
  width: 750px;
  margin-left: 50px;
  margin-top: 20px;
}
.modal-popup.csv-uploader-window .inner-children .field-mapping-area .field-caption,
.modal-popup.bulk-operation-popup .inner-children .field-mapping-area .field-caption,
.modal-popup.version-panel .inner-children .field-mapping-area .field-caption {
  float: left;
  width: 260px;
  clear: both;
  margin-bottom: 18px;
}
.modal-popup.csv-uploader-window .inner-children .btn.analyze-data,
.modal-popup.bulk-operation-popup .inner-children .btn.analyze-data,
.modal-popup.version-panel .inner-children .btn.analyze-data {
  clear: both;
}
.modal-popup.csv-uploader-window .inner-children .analysis-result,
.modal-popup.bulk-operation-popup .inner-children .analysis-result,
.modal-popup.version-panel .inner-children .analysis-result {
  float: left;
  margin-top: 25px;
  margin-left: 30px;
  width: 575px;
  line-height: 1.5;
}
.modal-popup.csv-uploader-window .inner-children .progress-bar-wrapper,
.modal-popup.bulk-operation-popup .inner-children .progress-bar-wrapper,
.modal-popup.version-panel .inner-children .progress-bar-wrapper {
  margin: 30px 10px 0px 0px;
  float: left;
  width: 100%;
}

.modal-popup.csv-uploader-window .upload-text {
  float: left;
}
.modal-popup.csv-uploader-window .processing-text {
  float: left;
  margin-top: 10px;
}
.modal-popup.csv-uploader-window .upload-status {
  float: left;
  margin-top: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.modal-popup.csv-uploader-window .progress-bar-wrapper {
  margin: 10px 10px 10px 0px !important;
}

.modal-popup.bulk-operation-popup .type-dropdown-caption {
  margin-right: 30px;
}
.modal-popup.bulk-operation-popup .copy-json {
  float: left;
  margin: 9px 0 0 30px;
  font-size: 12px;
  color: #b7b3b3;
  cursor: pointer;
}
.modal-popup.bulk-operation-popup .list-caption {
  float: left;
  margin-bottom: 3px;
}
.modal-popup.bulk-operation-popup .list-running-operations {
  float: left;
  margin-top: 10px;
  border: 1px #ececec;
  width: 75%;
}
.modal-popup.bulk-operation-popup .list-operation-errors {
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px #ececec;
  width: 100%;
}
.modal-popup.bulk-operation-popup .operation-task-row {
  display: inline-block;
  padding-top: 5px;
  width: 80%;
}
.modal-popup.bulk-operation-popup .operation-error-row {
  display: inline;
  float: left;
  padding: 2px 0;
  padding-right: 20px;
  white-space: pre;
}
.modal-popup.bulk-operation-popup .operation-error-list {
  display: inline-block;
  width: 100%;
  padding: 3px 0;
}
.modal-popup.bulk-operation-popup .operation-row-name {
  display: inline-block;
  float: left;
}
.modal-popup.bulk-operation-popup .operation-row-progress {
  display: inline-block;
  padding: 0 5%;
  width: 38%;
}
.modal-popup.bulk-operation-popup .operation-row-cancel {
  display: inline-block;
  padding-right: 5px;
}
.modal-popup.bulk-operation-popup .operation-row-cancel:hover {
  font-weight: bold;
  color: white;
  background-color: red;
  border-radius: 3px;
}
.modal-popup.bulk-operation-popup .do-it-box {
  clear: both;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.modal-popup.bulk-operation-popup .do-it-box .instructions {
  float: left;
}
.modal-popup.bulk-operation-popup .do-it-box .run-workflow {
  float: right;
  width: 130px;
  margin-top: -13px;
}
.modal-popup.bulk-operation-popup .do-it-box .progress-bar-wrapper {
  margin-left: 0px;
  margin-top: 10px;
  width: 100%;
}
.modal-popup.bulk-operation-popup .do-it-box .error-box {
  float: left;
  width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.modal-popup.bulk-operation-popup .do-it-box .error-box .error-entry {
  font-size: 12px;
  margin-top: 10px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container {
  width: 298px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.empty .dropdown-item-container {
  padding: 8px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky {
  bottom: -3px;
  padding-top: 0px;
  border-bottom: none;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky .dropdown-item-container {
  padding: 8px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky .dropdown-item-container .dropdown-item.new-composer.bulk-operation-dropdown {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container {
  padding: 8px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.disabled .dropdown-item.new-composer.bulk-operation-dropdown {
  min-width: 100%;
  color: gray;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.disabled .dropdown-item.new-composer.bulk-operation-dropdown .disabled-caption {
  line-height: 16px;
  text-align: left;
  font-size: 10px;
  padding-top: 4px;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected .dropdown-item {
  min-width: 100%;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected .dropdown-item .context-caption {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container .dropdown-item {
  min-width: 100%;
}
.modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container .dropdown-item .context-caption {
  color: black;
  line-height: 16px;
  font-size: 10px;
  padding-top: 4px;
  background-color: transparent;
}

.modal-popup.need-to-subscribe-popup .inner-children {
  padding: 30px;
  overflow: hidden;
}
.modal-popup.need-to-subscribe-popup .message {
  line-height: 2;
}
.modal-popup.need-to-subscribe-popup a.link {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.need-to-subscribe-popup .btn.bubble-ui.submit-button {
  width: 130px;
  margin-top: 20px;
  float: left;
  margin-left: 125px;
}

.modal-popup.delete-version .popup-content {
  width: 700px;
  padding: 20px;
}
.modal-popup.delete-version .popup-sub-title {
  padding-top: 50px;
  font-size: 18px;
  text-align: center;
  color: #000000;
}
.modal-popup.delete-version .btn.delete-version {
  width: 240px;
  background-color: #d43737;
  border-width: 0;
  margin-top: 40px;
  margin-left: 210px;
  float: left;
  clear: both;
}
.modal-popup.delete-version .btn.delete-version:hover {
  background-color: #ad2525;
}
.modal-popup.delete-version .btn.delete-version.disabled {
  opacity: 50%;
}
.modal-popup.delete-version .delete-button-text {
  width: 100%;
  text-align: center;
  float: left;
  clear: both;
  padding-top: 15px;
}
.modal-popup.delete-version .btn-cancel {
  width: 240px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 210px;
  float: left;
  clear: both;
  color: #080808;
  border-color: #080808;
  background-color: rgb(249, 249, 249);
  border-color: #ccc;
}
.modal-popup.delete-version .btn-cancel:hover {
  background-color: #d8d8d8;
}
.modal-popup.delete-version .inner-children .instructions.caption {
  margin-bottom: 12px !important;
  line-height: 1;
}
.modal-popup.delete-version .panel {
  padding-bottom: 5px !important;
}

.modal-popup.history-modal .popup-content {
  width: 700px;
}

.modal-popup.deploy-message .popup-content {
  width: 500px;
}

.modal-popup.history-modal .popup-content,
.modal-popup.deploy-message .popup-content {
  padding: 30px;
  padding-top: 10px;
}
.modal-popup.history-modal .inner-children .instructions.caption,
.modal-popup.deploy-message .inner-children .instructions.caption {
  margin-bottom: 12px !important;
  line-height: 1;
}
.modal-popup.history-modal .panel,
.modal-popup.deploy-message .panel {
  padding-bottom: 5px !important;
}
.modal-popup.history-modal .popup-sub-title,
.modal-popup.deploy-message .popup-sub-title {
  width: 100%;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}
.modal-popup.history-modal .popup-sub-title-caption,
.modal-popup.deploy-message .popup-sub-title-caption {
  width: 100%;
  color: #000000;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5;
}
.modal-popup.history-modal a,
.modal-popup.deploy-message a {
  color: #0000ea;
}
.modal-popup.history-modal .popup-body-content,
.modal-popup.deploy-message .popup-body-content {
  width: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
}
.modal-popup.history-modal .popup-body-content.callout,
.modal-popup.deploy-message .popup-body-content.callout {
  background-color: yellow;
}
.modal-popup.history-modal .share-with-bubble,
.modal-popup.deploy-message .share-with-bubble {
  text-align: center;
  float: left;
  width: 150px;
  margin: 15px 0 20px 0;
}
.modal-popup.history-modal .share-row,
.modal-popup.deploy-message .share-row {
  margin-bottom: 5px;
}
.modal-popup.history-modal .close-button,
.modal-popup.deploy-message .close-button {
  margin: 15px auto 0 auto;
  float: none;
}
.modal-popup.history-modal .wrapper,
.modal-popup.deploy-message .wrapper {
  margin-bottom: 10px;
  float: left;
  clear: both;
  width: 100%;
}
.modal-popup.history-modal .wrapper.deploy-to-live,
.modal-popup.deploy-message .wrapper.deploy-to-live {
  margin-bottom: 20px;
}
.modal-popup.history-modal .wrapper.deploy-to-live .show-deploy,
.modal-popup.deploy-message .wrapper.deploy-to-live .show-deploy {
  padding-top: 10px;
}
.modal-popup.history-modal .rollback-wrapper,
.modal-popup.deploy-message .rollback-wrapper {
  float: left;
  width: 500px;
}
.modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui,
.modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui {
  height: 40px;
}
.modal-popup.history-modal .rollback-wrapper .revert.btn,
.modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui,
.modal-popup.deploy-message .rollback-wrapper .revert.btn,
.modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui {
  margin-top: 12px;
  width: 100px;
  float: left;
}
.modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui.hour,
.modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui.hour {
  margin-left: 20px;
}
.modal-popup.history-modal .rollback-wrapper .revert.btn,
.modal-popup.deploy-message .rollback-wrapper .revert.btn {
  width: 170px;
  margin-left: 20px;
}
.modal-popup.history-modal .deploy-date,
.modal-popup.history-modal .deploy-copy,
.modal-popup.history-modal .deploy-name,
.modal-popup.deploy-message .deploy-date,
.modal-popup.deploy-message .deploy-copy,
.modal-popup.deploy-message .deploy-name {
  font-size: 14px;
}
.modal-popup.history-modal .deploy-copy,
.modal-popup.deploy-message .deploy-copy {
  cursor: pointer;
  color: var(--b-txt-tertiary, #8a8a8a);
  font-size: 10px;
}
.modal-popup.history-modal .deploy-copy:hover,
.modal-popup.deploy-message .deploy-copy:hover {
  color: var(--b-txt-primary, #1a1a1a);
}
.modal-popup.history-modal .deploy-copy.current,
.modal-popup.deploy-message .deploy-copy.current {
  margin-top: 5px;
  float: left;
  clear: both;
}
.modal-popup.history-modal .previous-deploys,
.modal-popup.deploy-message .previous-deploys {
  float: left;
  width: 640px;
  margin-bottom: 20px;
}
.modal-popup.history-modal .previous-deploys .deploys-list,
.modal-popup.deploy-message .previous-deploys .deploys-list {
  float: left;
  width: 100%;
  font-size: 12px;
  border: 1px solid rgb(245, 245, 245);
}
.modal-popup.history-modal .previous-deploys .deploys-list .title,
.modal-popup.deploy-message .previous-deploys .deploys-list .title {
  background-color: rgb(249, 249, 249);
  padding-left: 15px !important;
  font-size: 14px;
}
.modal-popup.history-modal .previous-deploys .deploys-list .title,
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row,
.modal-popup.deploy-message .previous-deploys .deploys-list .title,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row {
  border-bottom: 1px solid #f0f0f0;
  padding: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row:last-child,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row:last-child {
  border-bottom: none;
}
.modal-popup.history-modal .previous-deploys .deploys-list .sub-list,
.modal-popup.deploy-message .previous-deploys .deploys-list .sub-list {
  height: 30vh;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  cursor: default;
  float: left;
  width: 100%;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-type-icon,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-type-icon {
  float: left;
  margin-left: 10px;
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-type,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-type {
  float: left;
  width: 100px;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-name,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-name {
  float: left;
  width: 215px;
  font-size: 14px;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-date,
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-copy,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-date,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-copy {
  float: right;
}
.modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .inline-revert,
.modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .inline-revert {
  margin-top: -2px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  width: 130px;
  height: 24px;
  font-size: 12px;
}
.modal-popup.history-modal .footer,
.modal-popup.deploy-message .footer {
  float: left;
  clear: both;
  width: 100%;
}

/**
 * Square theme
 *
 * This theme is best suited to short toolbars that
 * don't span multiple lines.
 *
 * Copyright (C) 2012, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 *
 * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
 * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
 */
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

div.sceditor-grip,
.sceditor-button div {
  background-image: url("/static/rich_text_input/development/themes/famfamfam.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.sceditor-button-youtube div {
  background-position: 0px 0px;
}

.sceditor-button-link div {
  background-position: 0px -16px;
}

.sceditor-button-unlink div {
  background-position: 0px -32px;
}

.sceditor-button-underline div {
  background-position: 0px -48px;
}

.sceditor-button-time div {
  background-position: 0px -64px;
}

.sceditor-button-table div {
  background-position: 0px -80px;
}

.sceditor-button-superscript div {
  background-position: 0px -96px;
}

.sceditor-button-subscript div {
  background-position: 0px -112px;
}

.sceditor-button-strike div {
  background-position: 0px -128px;
}

.sceditor-button-source div {
  background-position: 0px -144px;
}

.sceditor-button-size div {
  background-position: 0px -160px;
}

.sceditor-button-rtl div {
  background-position: 0px -176px;
}

.sceditor-button-right div {
  background-position: 0px -192px;
}

.sceditor-button-removeformat div {
  background-position: 0px -208px;
}

.sceditor-button-quote div {
  background-position: 0px -224px;
}

.sceditor-button-print div {
  background-position: 0px -240px;
}

.sceditor-button-pastetext div {
  background-position: 0px -256px;
}

.sceditor-button-paste div {
  background-position: 0px -272px;
}

.sceditor-button-outdent div {
  background-position: 0px -288px;
}

.sceditor-button-orderedlist div {
  background-position: 0px -304px;
}

.sceditor-button-maximize div {
  background-position: 0px -320px;
}

.sceditor-button-ltr div {
  background-position: 0px -336px;
}

.sceditor-button-left div {
  background-position: 0px -352px;
}

.sceditor-button-justify div {
  background-position: 0px -368px;
}

.sceditor-button-italic div {
  background-position: 0px -384px;
}

.sceditor-button-indent div {
  background-position: 0px -400px;
}

.sceditor-button-image div {
  background-position: 0px -416px;
}

.sceditor-button-horizontalrule div {
  background-position: 0px -432px;
}

.sceditor-button-format div {
  background-position: 0px -448px;
}

.sceditor-button-font div {
  background-position: 0px -464px;
}

.sceditor-button-emoticon div {
  background-position: 0px -480px;
}

.sceditor-button-email div {
  background-position: 0px -496px;
}

.sceditor-button-date div {
  background-position: 0px -512px;
}

.sceditor-button-cut div {
  background-position: 0px -528px;
}

.sceditor-button-copy div {
  background-position: 0px -544px;
}

.sceditor-button-color div {
  background-position: 0px -560px;
}

.sceditor-button-code div {
  background-position: 0px -576px;
}

.sceditor-button-center div {
  background-position: 0px -592px;
}

.sceditor-button-bulletlist div {
  background-position: 0px -608px;
}

.sceditor-button-bold div {
  background-position: 0px -624px;
}

div.sceditor-grip {
  background-position: 0px -640px;
  width: 10px;
  height: 10px;
}

.rtl div.sceditor-grip {
  background-position: 0px -650px;
  width: 10px;
  height: 10px;
}

/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*---------------------------------------------------
    LESS Elements 0.7
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.sceditor-container {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #222;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
  background-clip: padding-box;
}

.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
  padding: 0;
  margin: 0;
  z-index: 3;
}

.sceditor-container iframe,
.sceditor-container textarea {
  line-height: 1;
  border: 0;
  outline: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #111;
  padding: 0;
  margin: 0;
  resize: none;
  background: #fff;
  display: block;
}

div.sceditor-resize-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.3;
}

.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
  background: #efefef;
}

.sceditor-container.ie6 {
  overflow: hidden;
}

div.sceditor-grip {
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.sceditor-maximize {
  position: fixed;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0;
  background-clip: padding-box;
  z-index: 2000;
}

html.sceditor-maximize,
body.sceditor-maximize {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.ie6.sceditor-maximize {
  position: absolute;
}

.sceditor-maximize div.sceditor-grip {
  display: none;
}

.sceditor-maximize div.sceditor-toolbar {
  border-radius: 0;
  background-clip: padding-box;
}

/**
   * Dropdown styleing
   */
div.sceditor-dropdown {
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  z-index: 4000;
  padding: 10px;
  line-height: 1;
  border-radius: 2px;
  background-clip: padding-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
  color: #333;
}

div.sceditor-dropdown form {
  margin: 0;
}

div.sceditor-dropdown label {
  display: block;
  font-weight: bold;
  color: #3c3c3c;
  padding: 4px 0;
}

div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  outline: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-top-color: #888;
  margin: 0 0 0.75em;
  border-radius: 1px;
  background-clip: padding-box;
}

div.sceditor-dropdown textarea {
  padding: 6px;
}

div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
  border-color: #aaa;
  border-top-color: #666;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

div.sceditor-dropdown .button {
  font-weight: bold;
  color: #444;
  padding: 6px 12px;
  background: #ececec;
  border: solid 1px #ccc;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  margin: 0.3em 0 0;
}

div.sceditor-dropdown .button:hover {
  background: #f3f3f3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
  padding: 6px 0;
}

div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
  padding: 0;
}

.sceditor-pastetext textarea {
  border: 1px solid #bbb;
  width: 20em;
}

.sceditor-emoticons img,
.sceditor-more-emoticons img {
  padding: 0;
  cursor: pointer;
  margin: 2px;
}

.sceditor-more {
  border-top: 1px solid #bbb;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 0;
}

.sceditor-dropdown a:hover {
  background: #eee;
}

.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
  display: block;
  padding: 7px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #222;
}

.sceditor-fontsize-option {
  padding: 7px 13px;
}

.sceditor-color-column {
  float: left;
}

.sceditor-color-option {
  display: block;
  border: 1px solid #fff;
  height: 10px;
  width: 10px;
  overflow: hidden;
}

.sceditor-color-option:hover {
  border: 1px solid #333;
}

/**
   * Toolbar styleing
   */
div.sceditor-toolbar {
  overflow: hidden;
  padding: 3px 5px 2px;
  background: #f7f7f7;
  border-bottom: 1px solid #c0c0c0;
  line-height: 0;
  text-align: left;
  user-select: none;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}

div.sceditor-group {
  display: inline-block;
  background: #ddd;
  margin: 1px 5px 1px 0;
  padding: 1px;
  border-bottom: 1px solid #aaa;
  border-radius: 3px;
  background-clip: padding-box;
}

.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
  display: inline;
  zoom: 1;
}

.sceditor-button {
  float: left;
  cursor: pointer;
  padding: 3px 5px;
  width: 16px;
  height: 20px;
  border-radius: 3px;
  background-clip: padding-box;
  /* Needed for Safari 5? */
  text-indent: -9999px;
}

.ie .sceditor-button {
  text-indent: 0;
}

.ie6 .sceditor-button,
.ie7 .sceditor-button {
  float: none !important;
  display: inline;
  zoom: 1;
}

.ie6 .sceditor-button {
  padding: 0;
}

.ie6 .sceditor-button div {
  margin: 5px;
}

.ie7 .sceditor-button div {
  margin: 5px 0;
}

.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
  background: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.sceditor-button:active {
  background: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
}

.sceditor-button.disabled:hover {
  background: inherit;
  cursor: default;
  box-shadow: none;
}

.sceditor-button,
.sceditor-button div {
  display: block;
}

.sceditor-button div {
  margin: 2px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  color: transparent;
}

.sceditor-button.disabled div {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
  width: auto;
  overflow: visible;
  line-height: 16px;
  font-size: 1em;
  color: inherit;
  text-indent: 0;
}

.text .sceditor-button div,
.sceditor-button.text div {
  padding: 0 2px;
  background: none;
}

.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
  padding: 0 2px 0 20px;
}

.rtl div.sceditor-toolbar {
  text-align: right;
}

.rtl .sceditor-button {
  float: right;
}

.rtl div.sceditor-grip {
  right: auto;
  left: 0;
}

.sceditor-container {
  border: 1px solid #d6d6d6;
  border-radius: 0;
  background-clip: padding-box;
}

.sceditor-container textarea {
  font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
  background: #2e3436;
  color: #fff;
  margin: 0;
  padding: 5px;
}

div.sceditor-toolbar,
div.sceditor-group {
  background: #f2f2f2;
  background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 89%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#dddddd", GradientType=0);
}

div.sceditor-toolbar {
  padding: 0;
  border-bottom: 1px solid #bbb;
  background-size: 100% 32px;
}

div.sceditor-group {
  margin: 0;
  padding: 2px 4px;
  border: 0;
  border-right: 1px solid #ccc;
  border-left: 1px solid #eaeaea;
  border-radius: 0;
  background-clip: padding-box;
}

div.sceditor-group:last-child {
  border-right: 0;
}

div.sceditor-group:first-child {
  border-left: 0;
}

.sceditor-button {
  height: 16px;
  padding: 5px;
  margin: 1px;
  border-radius: 0;
  background-clip: padding-box;
}

.sceditor-button div {
  margin: 0;
}

.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
  margin: 0;
  box-shadow: none;
}

.sceditor-button.active {
  background: #f4f4f4;
  border: 1px solid #ccc;
}

.sceditor-button:hover {
  background: #fefefe;
  border: 1px solid #ddd;
}

.sceditor-button.disabled:hover {
  margin: 1px;
  border: 0;
}

.sceditor-button:active {
  background: #eee;
  border: 1px solid #ccc;
}

.sceditor-button.active:hover {
  background: #f8f8f8;
  border: 1px solid #ddd;
}

@font-face {
  font-family: "bubble";
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?-eiqxi1);
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?#iefix-eiqxi1) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994746211x616051028715446500/bubble.ttf?-eiqxi1) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994775004x325740637257695170/bubble.woff?-eiqxi1) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994761081x117351920343935490/bubble.svg?-eiqxi1#bubble) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "bubble";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-big-arrow:before {
  content: "\e603";
}

.icon-filter:before {
  content: "\e608";
}

.icon-account:before {
  content: "\e621";
}

.icon-analytics:before {
  content: "\e622";
}

.icon-element:before {
  content: "\e623";
}

.icon-email:before {
  content: "\e624";
}

.icon-navigation:before {
  content: "\e625";
}

.icon-payment:before {
  content: "\e626";
}

.icon-data:before {
  content: "\e627";
}

.icon-design:before {
  content: "\e628";
}

.icon-plugins:before {
  content: "\e629";
}

.icon-settings:before {
  content: "\e62a";
}

.icon-workflow:before {
  content: "\e62b";
}

.icon-checkbox:before {
  content: "\e62c";
}

.icon-dropdown:before {
  content: "\e62d";
}

.icon-file-uploader:before {
  content: "\e62e";
}

.icon-input:before {
  content: "\e62f";
}

.icon-multi-line:before {
  content: "\e630";
}

.icon-picture-uploader:before {
  content: "\e631";
}

.icon-rich-text:before {
  content: "\e632";
}

.icon-slider:before {
  content: "\e633";
}

.icon-time:before {
  content: "\e634";
}

.icon-new:before {
  content: "\e635";
}

.icon-alert:before {
  content: "\e636";
}

.icon-button:before {
  content: "\e637";
}

.icon-calendar:before {
  content: "\e638";
}

.icon-charts:before {
  content: "\e639";
}

.icon-html:before {
  content: "\e63a";
}

.icon-icon:before {
  content: "\e63b";
}

.icon-image:before {
  content: "\e63c";
}

.icon-link:before {
  content: "\e63d";
}

.icon-map:before {
  content: "\e63e";
}

.icon-shape:before {
  content: "\e63f";
}

.icon-slideshow:before {
  content: "\e640";
}

.icon-text:before {
  content: "\e641";
}

.icon-video:before {
  content: "\e642";
}

.icon-check-1:before {
  content: "\e643";
}

.icon-check-2:before {
  content: "\e644";
}

.icon-upload:before {
  content: "\e645";
}

.icon-arrow-down:before {
  content: "\e646";
}

.icon-arrow-dropdown:before {
  content: "\e647";
}

.icon-edit:before {
  content: "\e648";
}

.icon-trash:before {
  content: "\e649";
}

.icon-puzzle-2:before {
  content: "\e64a";
}

.icon-close:before {
  content: "\e64b";
}

.icon-box:before {
  content: "\e64c";
}

.icon-tools:before {
  content: "\e64d";
}

.icon-visible:before {
  content: "\e64e";
}

.icon-apps:before {
  content: "\e64f";
}

.icon-logout:before {
  content: "\e650";
}

.icon-user:before {
  content: "\e651";
}

.icon-laptop:before {
  content: "\e600";
}

.icon-puzzle-1:before {
  content: "\e601";
}

.icon-add:before {
  content: "\e602";
}

.icon-arrow-right:before {
  content: "\e604";
}

.icon-bold:before {
  content: "\e605";
}

.icon-border:before {
  content: "\e606";
}

.icon-center-align:before {
  content: "\e607";
}

.icon-clone:before {
  content: "\e609";
}

.icon-copy:before {
  content: "\e60a";
}

.icon-cut:before {
  content: "\e60b";
}

.icon-float-group:before {
  content: "\e60c";
}

.icon-grid:before {
  content: "\e60d";
}

.icon-group:before {
  content: "\e60e";
}

.icon-group-focus:before {
  content: "\e60f";
}

.icon-issues:before {
  content: "\e610";
}

.icon-italic:before {
  content: "\e611";
}

.icon-learn:before {
  content: "\e612";
}

.icon-left-align:before {
  content: "\e613";
}

.icon-manual:before {
  content: "\e614";
}

.icon-page:before {
  content: "\e615";
}

.icon-paste:before {
  content: "\e616";
}

.icon-popup:before {
  content: "\e617";
}

.icon-question:before {
  content: "\e618";
}

.icon-redo:before {
  content: "\e619";
}

.icon-repeat-group:before {
  content: "\e61a";
}

.icon-right-align:before {
  content: "\e61b";
}

.icon-ruler:before {
  content: "\e61c";
}

.icon-selection:before {
  content: "\e61d";
}

.icon-star:before {
  content: "\e61e";
}

.icon-underline:before {
  content: "\e61f";
}

.icon-undo:before {
  content: "\e620";
}

.tt-autocomplete-dropdown-menu {
  position: absolute;
  display: none;
  float: left;
  max-height: 200px;
  overflow-y: auto;
  list-style: none;
  text-align: left;
  background-clip: padding-box;
}

.tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  cursor: pointer;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
}

.tt-hint {
  color: #9b9b9b !important;
}

.tt-suggestion > p:hover,
.tt-suggestion > p:focus {
  text-decoration: none;
  outline: 0;
  background-color: #f8f9f9 !important;
}

.tt-suggestion.tt-cursor > p {
  background-color: #f8f9f9 !important;
}

span.twitter-typeahead {
  width: 100%;
}

.input-group span.twitter-typeahead {
  display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1000000000000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

/**
  * Reddit Mono - used to represent dynamic values in the mobile debugger
*/
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Reddit Mono";
  src: url("/static/fonts/RedditMono-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.pe-resize-handle {
  position: fixed;
  width: 2px;
  height: 100%;
  cursor: ew-resize;
  display: flex;
  flex-direction: row;
  background-color: var(--b-bg-tertiary);
  z-index: 1;
}
.pe-resize-handle:hover {
  width: 2px;
  background-color: var(--b-border-brand);
}
.pe-resize-handle:active {
  width: 2px;
  background-color: var(--b-border-brand);
}
.pe-resize-handle ::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}

.property-editor-wrapper {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.property-editor {
  min-width: 230px;
  width: 275px;
  max-width: 500px;
  height: 100%;
  display: flex;
  flex-direction: column;
  user-select: none;
}
.property-editor .hidden {
  display: none;
}
.property-editor .editor {
  user-select: unset;
}
.property-editor .editor.dynamictext {
  width: 100%;
}
.property-editor .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 4px 8px 8px;
  height: 40px;
}
.property-editor .title .title-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.property-editor .title .title-container .inner-container {
  display: flex;
  align-items: center;
}
.property-editor .title .title-container .inner-container.reusable-title {
  column-gap: 4px;
  border-radius: 4px;
  padding-left: 4px;
  height: 24px;
  background-color: var(--b-purple-20);
  cursor: pointer;
}
.property-editor .title .title-container .inner-container.reusable-title:not(:focus-within) {
  padding-right: 4px;
}
.property-editor .title .accelerator-container {
  display: flex;
}
.property-editor .row.hidden {
  display: none;
}
.property-editor .worfklow-item-header {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  padding-right: 12px;
  padding-left: 12px;
  height: 40px;
  cursor: pointer;
  gap: 4px;
}
.property-editor .worfklow-item-header:hover {
  background-color: var(--b-bg-secondary2);
}
.property-editor .property-list-item-drop-area-container {
  cursor: move;
  border: solid 0px var(--b-border-brand);
}

.custom-state-table {
  width: 100%;
  table-layout: fixed;
}
.custom-state-table .column-gap {
  width: 8px;
}
.custom-state-table .custom-state-column {
  height: 28px;
}
.custom-state-table .custom-state-column .left-column {
  width: 22px;
}
.custom-state-table .custom-state-column .right-column {
  width: 36px;
}
.custom-state-table .header {
  height: 28px;
}
.custom-state-table .header .header-column {
  text-align: left;
  vertical-align: middle;
  padding: 0px 8px;
}
.custom-state-table .header .empty-left-space {
  width: 26px;
}
.custom-state-table .header .empty-right-space {
  width: 36px;
}
.custom-state-table .body {
  text-align: left;
}
.custom-state-table .body .empty-state-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 144px;
  flex-direction: column;
  row-gap: 8px;
}
.custom-state-table .body .row {
  height: 28px;
}
.custom-state-table .body .row .type-dropdown {
  padding: 4px 8px;
  vertical-align: middle;
}
.custom-state-table .body .row .middle-input {
  padding: 4px 0px;
  vertical-align: middle;
}
.custom-state-table .body .row .multiple-entries-toggle {
  padding: 4px 8px;
  text-align: left;
  vertical-align: middle;
}
.custom-state-table .body .row .trash-container {
  width: 24px;
  padding: 2px 12px 2px 0px;
  vertical-align: middle;
}

.custom-state-table-bottom-spacing {
  padding-bottom: 8px;
}

.pe-section {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-top: 8px;
  padding-bottom: 12px;
  width: 100%;
}

.pe-section-secondary {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pe-section-header {
  width: 100%;
}

.property-editor-row .item-wrapper {
  display: flex;
  flex: 1;
  justify-content: end;
}

.static-composer-clear-button {
  display: flex;
  user-select: none;
  padding: 0 8px;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
  color: var(--b-txt-tertiary);
}
.static-composer-clear-button:hover {
  color: var(--b-txt-primary);
}

.pinned-property-editor.button-dropdown {
  width: fit-content;
}

.pinned-property-editor.dropdown-composer .dropdown-caption-container,
.pinned-property-editor.button-dropdown .dropdown-caption-container {
  justify-content: space-between;
  padding-left: 7px;
  padding-right: 7px;
  border: 1px solid var(--b-border-default);
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container.mandatory-and-empty,
.pinned-property-editor.button-dropdown .dropdown-caption-container.mandatory-and-empty {
  border-color: var(--b-border-danger);
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container .autocomplete-input,
.pinned-property-editor.button-dropdown .dropdown-caption-container .autocomplete-input {
  outline: none;
  border: none;
  width: 0px;
  flex: 1 1 0;
  height: 28px;
  font-weight: 400;
  font-size: 12px;
  min-width: 0;
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container .dropdown-caption,
.pinned-property-editor.button-dropdown .dropdown-caption-container .dropdown-caption {
  height: 28px;
  width: 0px;
  flex: 1 1 0;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  align-content: center;
  font-weight: 400;
  font-size: 12px;
  min-width: 0;
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container .dropdown-caption.noSelection,
.pinned-property-editor.button-dropdown .dropdown-caption-container .dropdown-caption.noSelection {
  color: var(--b-txt-tertiary);
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container .dropdown-icon,
.pinned-property-editor.button-dropdown .dropdown-caption-container .dropdown-icon {
  width: 16px;
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container:hover:not(:focus-within),
.pinned-property-editor.button-dropdown .dropdown-caption-container:hover:not(:focus-within) {
  border-color: var(--b-border-hover);
}
.pinned-property-editor.dropdown-composer .dropdown-caption-container:focus-within,
.pinned-property-editor.button-dropdown .dropdown-caption-container:focus-within {
  border-color: var(--b-border-brand);
}
.pinned-property-editor.dropdown-composer .dropdown-container.opened .dropdown-caption-container,
.pinned-property-editor.button-dropdown .dropdown-container.opened .dropdown-caption-container {
  border-color: var(--b-border-brand);
}

.pinned-property-editor .expression-composer .dropdown-items-container,
.pinned-property-editor.dropdown-composer .dropdown-items-container,
.text-composer-ppe .dropdown-items-container,
.pinned-property-editor.button-dropdown .dropdown-items-container {
  background: white;
  width: 240px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--b-radius-regular);
  z-index: 10000;
  overflow-y: auto;
}
.pinned-property-editor .expression-composer .dropdown-items-container .items-inner-container.has-sticky-top,
.pinned-property-editor.dropdown-composer .dropdown-items-container .items-inner-container.has-sticky-top,
.text-composer-ppe .dropdown-items-container .items-inner-container.has-sticky-top,
.pinned-property-editor.button-dropdown .dropdown-items-container .items-inner-container.has-sticky-top {
  padding-top: 0px;
}
.pinned-property-editor .expression-composer .dropdown-items-container .items-inner-container.has-sticky-bottom,
.pinned-property-editor.dropdown-composer .dropdown-items-container .items-inner-container.has-sticky-bottom,
.text-composer-ppe .dropdown-items-container .items-inner-container.has-sticky-bottom,
.pinned-property-editor.button-dropdown .dropdown-items-container .items-inner-container.has-sticky-bottom {
  padding-bottom: 0px;
}
.pinned-property-editor .expression-composer .dropdown-items-container .section,
.pinned-property-editor.dropdown-composer .dropdown-items-container .section,
.text-composer-ppe .dropdown-items-container .section,
.pinned-property-editor.button-dropdown .dropdown-items-container .section {
  border-color: var(--b-border-default);
}
.pinned-property-editor .expression-composer .dropdown-items-container .section.sticky,
.pinned-property-editor.dropdown-composer .dropdown-items-container .section.sticky,
.text-composer-ppe .dropdown-items-container .section.sticky,
.pinned-property-editor.button-dropdown .dropdown-items-container .section.sticky {
  position: sticky;
  top: -3px;
  border-bottom: 1px solid var(--b-border-default);
  background-color: white;
  z-index: 1;
}
.pinned-property-editor .expression-composer .dropdown-items-container .section.sticky-bottom,
.pinned-property-editor.dropdown-composer .dropdown-items-container .section.sticky-bottom,
.text-composer-ppe .dropdown-items-container .section.sticky-bottom,
.pinned-property-editor.button-dropdown .dropdown-items-container .section.sticky-bottom {
  top: unset;
  bottom: 0px;
}
.pinned-property-editor .expression-composer .dropdown-items-container .section-title,
.pinned-property-editor.dropdown-composer .dropdown-items-container .section-title,
.text-composer-ppe .dropdown-items-container .section-title,
.pinned-property-editor.button-dropdown .dropdown-items-container .section-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1px;
  color: var(--b-txt-tertiary);
  justify-content: center;
  align-items: center;
}
.pinned-property-editor .expression-composer .dropdown-items-container .dropdown-item,
.pinned-property-editor.dropdown-composer .dropdown-items-container .dropdown-item,
.text-composer-ppe .dropdown-items-container .dropdown-item,
.pinned-property-editor.button-dropdown .dropdown-items-container .dropdown-item {
  height: 28px;
  align-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b-txt-primary);
  font-family: var(--b-font-family);
}
.pinned-property-editor .expression-composer .dropdown-items-container .items-inner-container .section .pinned-property-editor.dropdown-item,
.pinned-property-editor.dropdown-composer .dropdown-items-container .items-inner-container .section .pinned-property-editor.dropdown-item,
.text-composer-ppe .dropdown-items-container .items-inner-container .section .pinned-property-editor.dropdown-item,
.pinned-property-editor.button-dropdown .dropdown-items-container .items-inner-container .section .pinned-property-editor.dropdown-item {
  display: block;
}

.pinned-property-editor.button-dropdown .dropdown-caption-container {
  padding: 8px;
  border: none;
}
.pinned-property-editor.button-dropdown .dropdown-caption-container.small {
  padding: 4px;
}
.pinned-property-editor.button-dropdown .dropdown-caption-container:hover {
  background-color: var(--b-bg-secondary);
}
.pinned-property-editor.button-dropdown .dropdown-caption-container.outline {
  border: 1px solid var(--b-border-default);
}

.nine-grid-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
  padding: 0px;
}
.nine-grid-container .cell-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 33%;
  height: 100%;
}
.nine-grid-container .cell-outline .selection-dot {
  height: 4px;
  width: 4px;
  border-radius: 50%;
}
.nine-grid-container .cell-outline .grid-selector-container {
  position: absolute;
  z-index: 1;
}
.nine-grid-container .cell-outline .grid-selector-container .selector-container {
  display: flex;
}
.nine-grid-container .cell-outline .grid-selector-container .selector-container .selector-small-rectangle,
.nine-grid-container .cell-outline .grid-selector-container .selector-container .selector-large-rectangle {
  border-radius: 8px;
}

.style-dropdown-container {
  width: 100%;
}
.style-dropdown-container .style-dropdown-item {
  display: flex;
  padding: 4px 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.style-dropdown-container .style-dropdown-item:hover {
  cursor: pointer;
  background-color: var(--b-bg-secondary);
}
.style-dropdown-container .style-dropdown-item.selected {
  background-color: var(--bg-brand-2, #ebf3ff);
}
.style-dropdown-container .style-dropdown-item .edit-style-icon-container {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-btn, 4px);
}
.style-dropdown-container .style-dropdown-item .edit-style-icon-container:hover {
  background-color: var(--b-bg-tertiary);
}

.icon-library-picker .icon-item {
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: 4px;
}
.icon-library-picker .icon-item.selected {
  outline: solid var(--b-border-brand) 1px;
  background-color: var(--b-bg-brand1);
}
.icon-library-picker .icon-item:hover {
  background-color: var(--b-bg-secondary);
  cursor: pointer;
}

.css-dimension-box-select-trigger {
  display: flex;
  align-items: center;
  padding: 0;
  padding-inline-start: 2px;
  padding-inline-end: 4px;
  outline: none;
  background: none;
  border: none;
  height: 100%;
  color: var(--b-txt-tertiary);
}
.css-dimension-box-select-trigger .selectors.data-expanded {
  background-color: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}
.css-dimension-box-select-trigger:hover {
  cursor: pointer;
  background-color: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}

.css-dimension-box-select-trigger[data-expanded] {
  color: var(--text-primary, #1a1a1a);
  background-color: var(--b-bg-secondary2);
}

.css-dimension-box-content {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: var(--b-popover-shadow);
  padding: 4px 0px;
  margin-top: -5px;
  z-index: 9999;
}
.css-dimension-box-content ul {
  list-style-type: none;
}
.css-dimension-box-content ul li {
  padding: 4px 8px;
  cursor: pointer;
  height: 28px;
  display: flex;
  align-items: center;
}
.css-dimension-box-content ul li[data-highlighted] {
  background-color: var(--b-bg-brand1);
  outline: none;
  color: var(--text-brand, #0c29ab);
}

.dynamic-expression-text {
  display: flex;
  flex-direction: row;
  flex: 1 1 0;
  width: 0px;
  padding: var(--b-spacing-padding-btn-small);
  align-items: center;
  gap: var(--b-spacing-xs);
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--b-livid-30);
  background: var(--b-livid-10);
}
.dynamic-expression-text .text-content {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  color: var(--b-cobalt-70);
  font-family: "Reddit Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.dynamic-expression-text.empty {
  background: var(--b-bg-primary);
  border-color: var(--b-border-default);
}
.dynamic-expression-text.empty .text-content {
  color: var(--b-txt-brand);
}
.dynamic-expression-text.error {
  background: var(--b-bg-danger1);
  border-color: var(--b-border-brand2);
}
.dynamic-expression-text.error .text-content {
  color: var(--b-txt-danger);
}

.pe-warning {
  display: flex;
  min-height: 40px;
  padding: var(--b-spacing-tv);
  align-items: flex-start;
  gap: var(--b-spacing-md);
  align-self: stretch;
}

.condition-card {
  display: flex;
  width: 100%;
  flex-direction: column;
  background-color: var(--b-bg-primary);
}
.condition-card .skim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--b-bg-secondary2);
}
.condition-card .condition-card-inner {
  position: relative;
  padding: 8px 0px;
}

.condition-card-outer-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.insert-dynamic-data-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--b-bg-on-brand1);
  border-radius: 8px;
  cursor: pointer;
  border: none;
  color: white;
  padding: 0px;
}

.center-switch {
  display: flex;
  width: 32px;
  height: 18px;
  box-sizing: border-box;
  padding: 2px;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  border: none;
  background: var(--b-bg-secondary2);
}
.center-switch svg {
  fill: var(--b-bg-primary, #fff);
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.05));
  flex-shrink: 0;
}

.conditional-style-header {
  background-color: var(--b-livid-10);
  color: var(--b-livid-70);
}

.conditional-style-content div[role=button]:hover {
  cursor: pointer;
}

.conditional-style-dynamic {
  font-family: "Reddit Mono", monospace;
}

.pinned-property-editor {
  width: 100%;
  --composer-dynamic-color: var(--b-txt-brand);
  --composer-dynamic-color-hovered: var(--b-cobalt-90);
  --composer-spot-color: var(--b-txt-caution);
  --mandatory_color: var(--b-txt-danger);
  --hovered_mandatory_color: var(--b-red-50);
}
.pinned-property-editor .dropdown-container.new-composer {
  width: auto !important;
}
.pinned-property-editor .editor.basic .composer.expression-composer {
  background: var(--b-bg-secondary);
  min-width: 100%;
  min-height: 250px;
  max-height: 500px;
  overflow-y: auto;
  border-radius: 8px;
  font-family: "Reddit Mono";
}
.pinned-property-editor .editor.basic .composer.expression-composer .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input {
  color: var(--b-txt-secondary) !important;
}
.pinned-property-editor .editor.basic .composer.expression-composer .dynamic-composer-color .composer,
.pinned-property-editor .editor.basic .composer.expression-composer .dropdown-caption-container.new-composer {
  font-family: "Reddit Mono";
}
.pinned-property-editor .editor.basic .composer.expression-composer .dropdown-caption-container.new-composer.selected:not(.empty),
.pinned-property-editor .editor.basic .composer.expression-composer .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption.empty {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.pe-section .key-combination-input input {
  color: var(--b-sky-blue-80);
  text-overflow: ellipsis;
}

.dropdown-caption.new-composer.literal {
  color: var(--b-txt-primary);
}

.property-list-drag-overlay {
  box-sizing: border-box;
  opacity: 0.75;
  background-color: white;
}

.popover-content .dynamictext {
  width: 100%;
}

/*
Entry point for all redesign scss
*/
/* GLOBALLY-APPLICABLE CLASSES, MIXINS, AND VARIABLES */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* LOW-LEVEL REUSABLE COMPONENTS */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.butter-glyph svg {
  fill: rgba(0, 0, 0, 0.36);
  width: 18px;
  height: 18px;
}
.theme-light .butter-glyph:not(.is-nav) .maison-fill {
  fill: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-glyph:not(.is-nav) .maison-fill {
  fill: white;
}
.butter-glyph .butter-ionic {
  width: 18px;
  margin-top: 5px;
  padding-left: 4px;
}
.butter-glyph.is-nav {
  width: 24px;
  height: 24px;
}
.butter-glyph.is-nav svg {
  width: 24px;
  height: 24px;
}
.butter-glyph.is-info-panel-video-thumbnail svg {
  fill: rgba(255, 255, 255, 0.48);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-text h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .butter-text h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.butter-text h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .butter-text h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.butter-text h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .butter-text h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.butter-text h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .butter-text h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.butter-text p.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text p.subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .butter-text p.subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.butter-text p.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text p.subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .butter-text p.subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.butter-text p.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text p.body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .butter-text p.body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.butter-text p.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-text p.body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .butter-text p.body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

/*
Styling for divs
*/
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.grey-box {
  background-color: var(--b-bg-secondary);
  border: 1px solid var(--b-border);
  border-radius: 4px;
}

/*
Panel and independent buttons have text and a background, but differ in height and
font size. Glyph buttons are glyphs only.
*/
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  width: fit-content;
  height: 30px;
  border-radius: 6px;
  border-width: 1px !important;
  padding: 6px;
}
.butter-button .text {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-button .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .butter-button .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.butter-button .maison-glyph {
  padding-top: 2px;
}
.theme-light .butter-button:hover {
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-button:hover {
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.butter-button.is-filled, .butter-button.is-default, .butter-button.is-destructive {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  height: 30px;
  border-style: none;
}
.butter-button.is-filled .text, .butter-button.is-default .text, .butter-button.is-destructive .text {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
.theme-classic .butter-button.is-filled .text, .theme-classic .butter-button.is-default .text, .theme-classic .butter-button.is-destructive .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .butter-button.is-filled .text, .theme-butter .butter-button.is-default .text, .theme-butter .butter-button.is-destructive .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.butter-button.is-filled .butter-glyph, .butter-button.is-default .butter-glyph, .butter-button.is-destructive .butter-glyph {
  margin-top: 3px;
  margin-left: -2px;
  margin-right: 6px;
}
.theme-light .butter-button.is-filled.action, .theme-light .butter-button.is-default.action, .theme-light .butter-button.is-destructive.action {
  background: rgba(2, 5, 211, 0.88);
}
.theme-light .butter-button.is-filled.action .text, .theme-light .butter-button.is-default.action .text, .theme-light .butter-button.is-destructive.action .text {
  color: white;
}
.theme-light .butter-button.is-filled.action:hover, .theme-light .butter-button.is-default.action:hover, .theme-light .butter-button.is-destructive.action:hover {
  border: none;
  background: rgba(2, 5, 211, 0.54);
}
.theme-light .butter-button.is-filled.success, .theme-light .butter-button.is-default.success, .theme-light .butter-button.is-destructive.success {
  background: rgba(25, 134, 85, 0.88);
}
.theme-light .butter-button.is-filled.success .text, .theme-light .butter-button.is-default.success .text, .theme-light .butter-button.is-destructive.success .text {
  color: white;
}
.theme-light .butter-button.is-filled.success:hover, .theme-light .butter-button.is-default.success:hover, .theme-light .butter-button.is-destructive.success:hover {
  border: none;
  background: rgba(25, 134, 85, 0.54);
}
.theme-light .butter-button.is-filled.alert, .theme-light .butter-button.is-default.alert, .theme-light .butter-button.is-destructive.alert {
  background: rgba(250, 181, 21, 0.88);
}
.theme-light .butter-button.is-filled.alert .text, .theme-light .butter-button.is-default.alert .text, .theme-light .butter-button.is-destructive.alert .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-light .butter-button.is-filled.alert:hover, .theme-light .butter-button.is-default.alert:hover, .theme-light .butter-button.is-destructive.alert:hover {
  border: none;
  background: rgba(250, 181, 21, 0.54);
}
.theme-light .butter-button.is-filled.destructive, .theme-light .butter-button.is-default.destructive, .theme-light .butter-button.is-destructive.destructive {
  background: rgba(204, 5, 58, 0.88);
}
.theme-light .butter-button.is-filled.destructive .text, .theme-light .butter-button.is-default.destructive .text, .theme-light .butter-button.is-destructive.destructive .text {
  color: white;
}
.theme-light .butter-button.is-filled.destructive:hover, .theme-light .butter-button.is-default.destructive:hover, .theme-light .butter-button.is-destructive.destructive:hover {
  border: none;
  background: rgba(204, 5, 58, 0.54);
}
.theme-dark .butter-button.is-filled.action, .theme-dark .butter-button.is-default.action, .theme-dark .butter-button.is-destructive.action {
  background: #388eff;
}
.theme-dark .butter-button.is-filled.action .text, .theme-dark .butter-button.is-default.action .text, .theme-dark .butter-button.is-destructive.action .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-button.is-filled.action:hover, .theme-dark .butter-button.is-default.action:hover, .theme-dark .butter-button.is-destructive.action:hover {
  border: none;
  background: rgba(56, 142, 255, 0.72);
}
.theme-dark .butter-button.is-filled.success, .theme-dark .butter-button.is-default.success, .theme-dark .butter-button.is-destructive.success {
  background: #0acd1d;
}
.theme-dark .butter-button.is-filled.success .text, .theme-dark .butter-button.is-default.success .text, .theme-dark .butter-button.is-destructive.success .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-button.is-filled.success:hover, .theme-dark .butter-button.is-default.success:hover, .theme-dark .butter-button.is-destructive.success:hover {
  border: none;
  background: rgba(10, 205, 29, 0.72);
}
.theme-dark .butter-button.is-filled.alert, .theme-dark .butter-button.is-default.alert, .theme-dark .butter-button.is-destructive.alert {
  background: #feda25;
}
.theme-dark .butter-button.is-filled.alert .text, .theme-dark .butter-button.is-default.alert .text, .theme-dark .butter-button.is-destructive.alert .text {
  color: white;
}
.theme-dark .butter-button.is-filled.alert:hover, .theme-dark .butter-button.is-default.alert:hover, .theme-dark .butter-button.is-destructive.alert:hover {
  border: none;
  background: rgba(254, 218, 37, 0.72);
}
.theme-dark .butter-button.is-filled.destructive, .theme-dark .butter-button.is-default.destructive, .theme-dark .butter-button.is-destructive.destructive {
  background: #ff4d4d;
}
.theme-dark .butter-button.is-filled.destructive .text, .theme-dark .butter-button.is-default.destructive .text, .theme-dark .butter-button.is-destructive.destructive .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-button.is-filled.destructive:hover, .theme-dark .butter-button.is-default.destructive:hover, .theme-dark .butter-button.is-destructive.destructive:hover {
  border: none;
  background: rgba(255, 77, 77, 0.72);
}
.butter-button.is-outline {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  height: 30px;
}
.theme-light .butter-button.is-outline {
  border: 1px solid rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-button.is-outline {
  border: 1px solid white;
}
.butter-button.is-outline-hover {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  height: 30px;
  border: 1px solid transparent;
}
.theme-light .butter-button.is-outline-hover:hover {
  border: 1px solid rgba(0, 0, 0, 0.88);
  background: rgba(0, 0, 0, 0.06);
}
.theme-dark .butter-button.is-outline-hover:hover {
  border: 1px solid white;
  background: rgba(255, 255, 255, 0.12);
}
.butter-button.is-default {
  border-style: solid;
}
.theme-light .butter-button.is-default {
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.theme-light .butter-button.is-default .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-button.is-default {
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.theme-dark .butter-button.is-default .text {
  color: white;
}
.butter-button.is-destructive {
  border: 1px solid transparent;
}
.theme-light .butter-button.is-destructive .text {
  color: rgba(204, 5, 58, 0.88);
}
.theme-light .butter-button.is-destructive .maison-fill {
  fill: rgba(204, 5, 58, 0.88) !important;
}
.theme-light .butter-button.is-destructive:hover {
  border: 1px solid rgba(204, 5, 58, 0.54);
  background: rgba(204, 5, 58, 0.06);
}
.theme-dark .butter-button.is-destructive .text {
  color: #ff4d4d;
}
.theme-dark .butter-button.is-destructive .maison-fill {
  fill: #ff4d4d !important;
}
.theme-dark .butter-button.is-destructive:hover {
  border: 1px solid rgba(255, 77, 77, 0.72);
  background: rgba(255, 77, 77, 0.12);
}
.butter-button:not(.active) .button-text {
  padding-left: 12px;
  padding-right: 12px;
}
.butter-button.disabled {
  cursor: auto;
}
.theme-light .butter-button.disabled .text {
  color: rgba(0, 0, 0, 0.36);
}
.theme-dark .butter-button.disabled .text {
  color: rgba(255, 255, 255, 0.48);
}
.theme-light .butter-button.disabled .butter-glyph {
  fill: rgba(0, 0, 0, 0.36);
}
.theme-dark .butter-button.disabled .butter-glyph {
  fill: rgba(255, 255, 255, 0.48);
}

.buttermilk-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  width: 100px;
  height: 35px;
  background-color: var(--b-txt-brand, #0c29ab);
  color: white;
  border: 1px solid var(--b-txt-brand, #0c29ab);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.buttermilk-button:hover {
  background-color: var(--b-bg-on-brand2);
}
.buttermilk-button.disabled, .buttermilk-button.disabled:hover, .buttermilk-button.forced-pressed, .buttermilk-button.forced-pressed:hover {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}
.buttermilk-button.wide {
  width: 250px;
}
.buttermilk-button.tall {
  height: 40px;
}
.buttermilk-button.short {
  height: 30px;
}
.buttermilk-button.grey {
  background-color: white;
  color: var(--b-txt-brand, #0c29ab);
  border-color: var(--b-txt-brand, #0c29ab);
}
.buttermilk-button.grey:hover {
  background-color: var(--b-bg-brand1);
}
.buttermilk-button.grey.disabled:hover {
  background-color: white;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-menubutton {
  display: flex;
  flex-direction: row;
  height: 42px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.butter-menubutton .butter-menu {
  top: calc(42px);
}
.butter-menubutton .label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-right: 4px;
}
.theme-classic .butter-menubutton .label {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .butter-menubutton .label {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.theme-light .butter-menubutton .label {
  color: rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-menubutton .label {
  color: rgba(255, 255, 255, 0.72);
}
.butter-menubutton .text {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .butter-menubutton .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .butter-menubutton .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.theme-light .butter-menubutton .text {
  color: rgba(0, 0, 0, 0.88);
}
.theme-dark .butter-menubutton .text {
  color: white;
}
.butter-menubutton .butter-glyph {
  margin-left: 4px;
}
.theme-light .butter-menubutton .butter-glyph {
  fill: rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-menubutton .butter-glyph {
  fill: rgba(255, 255, 255, 0.72);
}
.theme-light .butter-menubutton:hover:not(.is-glyph-only) {
  background-color: rgba(0, 0, 0, 0.06);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.theme-dark .butter-menubutton:hover:not(.is-glyph-only) {
  background-color: rgba(255, 255, 255, 0.12);
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.butter-menubutton.is-glyph-only {
  padding-top: 7px;
}
.butter-menubutton.is-glyph-only .butter-menubutton-glyph-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  height: 30px;
  width: 30px;
  padding: 6px;
  border: 1px transparent;
  border-radius: 6px;
}
.butter-menubutton.is-glyph-only .butter-menubutton-glyph-container .butter-glyph {
  margin-left: 0px;
}
.butter-menubutton.is-glyph-only .butter-menubutton-glyph-container:hover {
  border-style: solid;
}
.theme-light .butter-menubutton.is-glyph-only .butter-menubutton-glyph-container:hover {
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-menubutton.is-glyph-only .butter-menubutton-glyph-container:hover {
  border: 1px solid rgba(255, 255, 255, 0.72);
}

/*
Styling for GlyphButton component. It is a button that only has a glyph in it.

*/
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-glyphbutton {
  cursor: pointer;
  display: flex;
}
.butter-glyphbutton:not(.no-wrap) {
  flex-direction: row;
  justify-content: center;
  text-align: center;
  user-select: none;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 6px;
  padding: 6px;
}
.butter-glyphbutton:not(.no-wrap).is-default .butter-glyph, .butter-glyphbutton:not(.no-wrap).is-destructive .butter-glyph {
  margin-top: 3px;
}
.butter-glyphbutton.no-wrap {
  background-color: transparent !important;
}
.theme-light .butter-glyphbutton.no-wrap .maison-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-glyphbutton.no-wrap .maison-fill {
  fill: rgba(255, 255, 255, 0.72);
}
.theme-light .butter-glyphbutton:hover:not(.no-wrap) {
  border: 1px solid rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.06);
}
.theme-light .butter-glyphbutton:hover.no-wrap .maison-fill {
  fill: rgba(0, 0, 0, 0.88) !important;
}
.theme-dark .butter-glyphbutton:hover:not(.no-wrap) {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .butter-glyphbutton:hover.no-wrap .maison-fill {
  fill: white !important;
}
.butter-glyphbutton.disabled {
  cursor: auto;
}
.theme-light .butter-glyphbutton.disabled .maison-fill {
  fill: rgba(0, 0, 0, 0.36);
}
.theme-dark .butter-glyphbutton.disabled .maison-fill {
  fill: rgba(255, 255, 255, 0.48);
}

/*
Styling for Checkbox component. It is an outlined div that has a glyph checkmark in it, shown or hidden
*/
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-checkbox {
  width: 17px;
  height: 17px;
  border-radius: 2px;
  border-width: thin;
  border-style: solid;
  cursor: pointer;
}
.theme-light .butter-checkbox {
  border-color: rgba(0, 0, 0, 0.54);
}
.theme-dark .butter-checkbox {
  border-color: rgba(255, 255, 255, 0.72);
}
.butter-checkbox .butter-glyph {
  line-height: 17px;
  height: 17px;
}
.butter-checkbox .butter-glyph svg {
  width: 17px;
  height: 17px;
}
.butter-checkbox .butter-glyph.checked svg {
  background-color: var(--b-bg-primary) !important;
}
.butter-checkbox .butter-glyph.checked .maison-fill {
  fill: rgb(0, 0, 0) !important;
}

.buttermilk-checkbox {
  width: 17px;
  height: 17px;
  border-radius: 4px;
  border-width: thin;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.36);
  cursor: pointer;
}
.buttermilk-checkbox .butter-glyph {
  line-height: 17px;
  height: 17px;
}
.buttermilk-checkbox .butter-glyph svg {
  background-color: rgba(0, 0, 0, 0.36);
  fill: rgba(0, 0, 0, 0.36);
  width: 14px;
  height: 14px;
}
.buttermilk-checkbox .butter-glyph.checked svg {
  background-color: var(--b-bg-primary) !important;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.maison-menu-item-outer {
  display: flex;
  flex-direction: column;
  height: 42px;
  user-select: none;
}

.butter-menu-divider {
  width: 100%;
  height: 1px;
  margin: 6px 0;
  background-color: rgba(255, 255, 255, 0.18);
}

.butter-menu-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  width: 330px;
}
.butter-menu-item .butter-text {
  text-align: left;
  color: rgba(255, 255, 255, 0.72);
  line-height: 18px;
}
.butter-menu-item .butter-text.shortcut {
  margin-left: auto;
  white-space: nowrap;
  text-align: right;
  color: rgba(255, 255, 255, 0.18);
}
.butter-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.18);
}
.butter-menu-item:hover .butter-text {
  color: rgb(255, 255, 255);
}
.butter-menu-item:hover .butter-text.shortcut {
  color: rgba(255, 255, 255, 0.72);
}
.butter-menu-item.disabled .butter-text {
  color: rgba(255, 255, 255, 0.18);
}
.butter-menu-item.disabled .butter-glyph .maison-fill {
  fill: rgba(255, 255, 255, 0.18) !important;
}
.butter-menu-item .butter-glyph {
  width: 18px;
  height: 18px;
}
.butter-menu-item .butter-glyph .maison-fill {
  fill: rgba(255, 255, 255, 0.72) !important;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.butter-menu {
  position: absolute;
  float: left;
  z-index: 2000;
  padding-top: 6px;
  padding-bottom: 12px;
  background-color: rgb(46, 46, 46);
}
.butter-menu.account-menu {
  width: 210px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.buttermilk-modal {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000002;
  background-color: rgba(255, 255, 255, 0.72);
  color: rgb(0, 0, 0);
  font-family: "Open Sans";
  box-sizing: border-box;
}
.buttermilk-modal .popup-content {
  margin-top: 70px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  cursor: default;
  user-select: none;
  background-color: var(--b-bg-primary);
  border: 1px solid rgb(245, 245, 245);
  border-radius: 4px;
}
.theme-classic .buttermilk-modal .popup-content {
  font-size: 14px;
}
.theme-butter .buttermilk-modal .popup-content {
  font-size: 14px;
}
.buttermilk-modal .popup-content .popup-title {
  padding: 20px 0px;
  text-align: center;
  color: rgb(0, 0, 0);
  overflow: hidden;
  user-select: none;
  cursor: default;
}
.theme-classic .buttermilk-modal .popup-content .popup-title {
  font-size: 22px;
}
.theme-butter .buttermilk-modal .popup-content .popup-title {
  font-size: 20px;
}
.buttermilk-modal .popup-content .inner-children {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 30px 30px 30px;
}
.buttermilk-modal .popup-content .inner-children .btn-cancel {
  margin: 30px 0px 0px 770px;
  color: rgba(0, 0, 0, 0.54);
}
.buttermilk-modal .popup-content .inner-children.no-title {
  padding-top: 30px;
}

#paywall-modal .popup-content {
  width: 900px;
}
#paywall-modal .popup-content.premium-branding {
  width: 1090px;
}

#paywall-modal .inner-children .plan-billing-frequency {
  display: flex;
}
#paywall-modal .inner-children .plan-billing-frequency .billing-frequency-tab {
  border: 1px solid rgb(245, 245, 245);
  background-color: rgb(249, 249, 249);
  padding: 20px;
  cursor: pointer;
}
#paywall-modal .inner-children .plan-billing-frequency .billing-frequency-tab.selected {
  background-color: var(--b-bg-primary);
}
#paywall-modal .inner-children .plan-columns {
  height: 400px;
}
#paywall-modal .inner-children .plan-columns .plan-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 200px;
}
#paywall-modal .inner-children .plan-columns .plan-column .col-header-empty {
  height: 27px;
}
#paywall-modal .inner-children .plan-columns .plan-column .col-header-suggested {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 27px;
  background-color: var(--b-txt-brand, #0c29ab);
  color: white;
  font-size: 14px;
  padding-top: 6px;
  padding-left: 20px;
}
#paywall-modal .inner-children .plan-columns .plan-column .col-header-suggested.recommended {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
  display: flex;
  gap: 4px;
  padding: 0;
  align-items: center;
  justify-content: center;
}
#paywall-modal .inner-children .plan-columns .plan-column .col-header-suggested.recommended::before {
  font-size: 14px;
  content: "\f005";
  font-family: "FontAwesome";
}
#paywall-modal .inner-children .plan-columns .plan-column .col-content {
  align-items: center;
  background-color: rgb(249, 249, 249);
  border: 1px solid rgb(245, 245, 245);
  flex: 1;
  padding: 20px;
}
#paywall-modal .inner-children .plan-columns .plan-column .col-content.selected {
  border-color: var(--b-txt-brand, #0c29ab);
}
#paywall-modal .inner-children .plan-columns .plan-column .col-content.current {
  background: var(--b-bg-primary);
}
#paywall-modal .inner-children .plan-columns .plan-column .plan-name {
  width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic #paywall-modal .inner-children .plan-columns .plan-column .plan-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter #paywall-modal .inner-children .plan-columns .plan-column .plan-name {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
#paywall-modal .inner-children .plan-columns .plan-column .plan-price-wrapper {
  column-gap: 4px;
  display: flex;
}
#paywall-modal .inner-children .plan-columns .plan-column .plan-price {
  width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic #paywall-modal .inner-children .plan-columns .plan-column .plan-price {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter #paywall-modal .inner-children .plan-columns .plan-column .plan-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#paywall-modal .inner-children .plan-columns .plan-column .plan-price-line-through {
  text-decoration: line-through;
  color: grey;
  margin-top: 12px;
  margin-bottom: 12px;
}
#paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn {
  width: 150px;
  height: auto;
  padding: 5px 15px;
  margin-bottom: 14px;
}
.theme-classic #paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn {
  font-size: 12px;
}
.theme-butter #paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn {
  font-size: 12px;
}
#paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn.current-plan-btn {
  background-color: rgba(31, 8, 199, 0.25);
  border: none;
  color: white;
  cursor: default;
}
#paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn.free-trial-btn {
  padding: 5px 10px;
}
#paywall-modal .inner-children .plan-columns .plan-column .choose-plan-btn.recommended-btn {
  background-color: var(--b-txt-brand, #0c29ab);
  color: white;
}
.theme-classic #paywall-modal .inner-children .plan-columns .plan-column .plan-feature-list {
  font-size: 12px;
}
.theme-butter #paywall-modal .inner-children .plan-columns .plan-column .plan-feature-list {
  font-size: 14px;
}
#paywall-modal .inner-children .plan-columns .plan-column .plan-feature-list .feature-list-header {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic #paywall-modal .inner-children .plan-columns .plan-column .plan-feature-list .feature-list-header {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter #paywall-modal .inner-children .plan-columns .plan-column .plan-feature-list .feature-list-header {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
#paywall-modal .inner-children .plan-footer {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
#paywall-modal .inner-children .plan-footer .description {
  flex: 1;
}
#paywall-modal .inner-children .plan-footer .help-text {
  font-size: 12px;
  line-height: 12px;
}
#paywall-modal .inner-children .plan-footer .link {
  color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
}

/* BUBBLE COMPONENTS */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.info-panel {
  -webkit-box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.36);
  box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.36);
  position: fixed;
  z-index: 50000002;
  width: 360px;
  height: 100%;
  top: 0px;
}
.info-panel .info-panel-content {
  position: absolute;
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  padding: 20px;
  padding-left: 0px;
  font-size: 14px;
}
.info-panel .info-panel-items-container {
  height: 90%;
  overflow-y: auto;
  max-height: calc(100% - 125px);
}
.info-panel .info-panel-items-container-with-custom {
  max-height: calc(100% - 330px);
}
.info-panel .info-panel-item-outer:not(.is-section-title):hover {
  background-color: var(--b-bg-secondary, #f7f7f7);
}
.info-panel .video-thumbnail-container {
  background-color: rgb(0, 0, 0);
}
.info-panel .buttermilk-button.close {
  width: 165px;
  position: absolute;
  bottom: 60px !important;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.help-center-button {
  color: #989898;
}
.help-center-button:before {
  content: "\f29c";
  font-family: "FontAwesome";
}
.theme-classic .help-center-button:before {
  font-size: 20px;
}
.theme-butter .help-center-button:before {
  font-size: 16px;
}
.help-center-button:hover {
  background-color: rgb(249, 249, 249) !important;
}

.help-center-badge:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  top: 7px;
  right: 7px;
  background-color: #ff0000;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.docs-editor {
  margin-top: 15px;
  margin-left: 15px;
}
.docs-editor .tab-bar {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  margin-bottom: 20px;
}
.docs-editor .tab-bar .tab-caption {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
  margin-right: 20px;
}
.theme-classic .docs-editor .tab-bar .tab-caption {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .docs-editor .tab-bar .tab-caption {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.theme-light .docs-editor .tab-bar .tab-caption {
  color: rgba(2, 5, 211, 0.88);
}
.theme-dark .docs-editor .tab-bar .tab-caption {
  color: #388eff;
}
.docs-editor .tab-bar .tab-caption.opened {
  cursor: default;
}
.theme-light .docs-editor .tab-bar .tab-caption.opened {
  border-bottom: 4px solid rgba(2, 5, 211, 0.88);
}
.theme-dark .docs-editor .tab-bar .tab-caption.opened {
  border-bottom: 4px solid #388eff;
}
.docs-editor .tab-panel-container {
  width: 800px;
  height: 100%;
  overflow-y: scroll;
  width: 100%;
  padding-right: calc(100% - 800px);
}
.docs-editor .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.docs-editor .row .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .docs-editor .row .label {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .docs-editor .row .label {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.docs-editor .row .wrapper {
  display: flex;
  flex-direction: column;
}
.docs-editor .row .swatch {
  width: 120px;
  height: 120px;
  margin-right: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .docs-editor .row .swatch {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .docs-editor .row .swatch {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.theme-light .docs-editor .row .swatch.action-primary {
  background: rgba(2, 5, 211, 0.88);
}
.theme-dark .docs-editor .row .swatch.action-primary {
  background: #388eff;
}
.theme-light .docs-editor .row .swatch.action-secondary {
  background: rgba(2, 5, 211, 0.54);
}
.theme-dark .docs-editor .row .swatch.action-secondary {
  background: rgba(56, 142, 255, 0.72);
}
.theme-light .docs-editor .row .swatch.action-tertiary {
  background: rgba(2, 5, 211, 0.36);
}
.theme-dark .docs-editor .row .swatch.action-tertiary {
  background: rgba(56, 142, 255, 0.48);
}
.theme-light .docs-editor .row .swatch.action-divider {
  background: rgba(2, 5, 211, 0.12);
}
.theme-dark .docs-editor .row .swatch.action-divider {
  background: rgba(56, 142, 255, 0.18);
}
.theme-light .docs-editor .row .swatch.action-hover {
  background: rgba(2, 5, 211, 0.06);
}
.theme-dark .docs-editor .row .swatch.action-hover {
  background: rgba(56, 142, 255, 0.12);
}
.theme-light .docs-editor .row .swatch.base-primary {
  background: rgba(0, 0, 0, 0.88);
}
.theme-dark .docs-editor .row .swatch.base-primary {
  background: white;
}
.theme-light .docs-editor .row .swatch.base-secondary {
  background: rgba(0, 0, 0, 0.54);
}
.theme-dark .docs-editor .row .swatch.base-secondary {
  background: rgba(255, 255, 255, 0.72);
}
.theme-light .docs-editor .row .swatch.base-tertiary {
  background: rgba(0, 0, 0, 0.36);
}
.theme-dark .docs-editor .row .swatch.base-tertiary {
  background: rgba(255, 255, 255, 0.48);
}
.theme-light .docs-editor .row .swatch.base-divider {
  background: rgba(0, 0, 0, 0.12);
}
.theme-dark .docs-editor .row .swatch.base-divider {
  background: rgba(255, 255, 255, 0.18);
}
.theme-light .docs-editor .row .swatch.base-hover {
  background: rgba(0, 0, 0, 0.06);
}
.theme-dark .docs-editor .row .swatch.base-hover {
  background: rgba(255, 255, 255, 0.12);
}
.theme-light .docs-editor .row .swatch.success-primary {
  background: rgba(25, 134, 85, 0.88);
}
.theme-dark .docs-editor .row .swatch.success-primary {
  background: #0acd1d;
}
.theme-light .docs-editor .row .swatch.success-secondary {
  background: rgba(25, 134, 85, 0.54);
}
.theme-dark .docs-editor .row .swatch.success-secondary {
  background: rgba(10, 205, 29, 0.72);
}
.theme-light .docs-editor .row .swatch.success-tertiary {
  background: rgba(25, 134, 85, 0.36);
}
.theme-dark .docs-editor .row .swatch.success-tertiary {
  background: rgba(10, 205, 29, 0.48);
}
.theme-light .docs-editor .row .swatch.success-divider {
  background: rgba(25, 134, 85, 0.12);
}
.theme-dark .docs-editor .row .swatch.success-divider {
  background: rgba(10, 205, 29, 0.18);
}
.theme-light .docs-editor .row .swatch.success-hover {
  background: rgba(25, 134, 85, 0.06);
}
.theme-dark .docs-editor .row .swatch.success-hover {
  background: rgba(10, 205, 29, 0.12);
}
.theme-light .docs-editor .row .swatch.alert-primary {
  background: rgba(250, 181, 21, 0.88);
}
.theme-dark .docs-editor .row .swatch.alert-primary {
  background: #feda25;
}
.theme-light .docs-editor .row .swatch.alert-secondary {
  background: rgba(250, 181, 21, 0.54);
}
.theme-dark .docs-editor .row .swatch.alert-secondary {
  background: rgba(254, 218, 37, 0.72);
}
.theme-light .docs-editor .row .swatch.alert-tertiary {
  background: rgba(250, 181, 21, 0.36);
}
.theme-dark .docs-editor .row .swatch.alert-tertiary {
  background: rgba(254, 218, 37, 0.48);
}
.theme-light .docs-editor .row .swatch.alert-divider {
  background: rgba(250, 181, 21, 0.12);
}
.theme-dark .docs-editor .row .swatch.alert-divider {
  background: rgba(254, 218, 37, 0.18);
}
.theme-light .docs-editor .row .swatch.alert-hover {
  background: rgba(250, 181, 21, 0.06);
}
.theme-dark .docs-editor .row .swatch.alert-hover {
  background: rgba(254, 218, 37, 0.12);
}
.theme-light .docs-editor .row .swatch.destructive-primary {
  background: rgba(204, 5, 58, 0.88);
}
.theme-dark .docs-editor .row .swatch.destructive-primary {
  background: #ff4d4d;
}
.theme-light .docs-editor .row .swatch.destructive-secondary {
  background: rgba(204, 5, 58, 0.54);
}
.theme-dark .docs-editor .row .swatch.destructive-secondary {
  background: rgba(255, 77, 77, 0.72);
}
.theme-light .docs-editor .row .swatch.destructive-tertiary {
  background: rgba(204, 5, 58, 0.36);
}
.theme-dark .docs-editor .row .swatch.destructive-tertiary {
  background: rgba(255, 77, 77, 0.48);
}
.theme-light .docs-editor .row .swatch.destructive-divider {
  background: rgba(204, 5, 58, 0.12);
}
.theme-dark .docs-editor .row .swatch.destructive-divider {
  background: rgba(255, 77, 77, 0.18);
}
.theme-light .docs-editor .row .swatch.destructive-hover {
  background: rgba(204, 5, 58, 0.06);
}
.theme-dark .docs-editor .row .swatch.destructive-hover {
  background: rgba(255, 77, 77, 0.12);
}
.theme-light .docs-editor .row .swatch.reverse-primary {
  background: white;
}
.theme-dark .docs-editor .row .swatch.reverse-primary {
  background: rgba(0, 0, 0, 0.88);
}
.theme-light .docs-editor .row .swatch.reverse-secondary {
  background: rgba(255, 255, 255, 0.72);
}
.theme-dark .docs-editor .row .swatch.reverse-secondary {
  background: rgba(0, 0, 0, 0.54);
}
.theme-light .docs-editor .row .swatch.reverse-tertiary {
  background: rgba(255, 255, 255, 0.48);
}
.theme-dark .docs-editor .row .swatch.reverse-tertiary {
  background: rgba(0, 0, 0, 0.36);
}
.theme-light .docs-editor .row .swatch.reverse-divider {
  background: rgba(255, 255, 255, 0.18);
}
.theme-dark .docs-editor .row .swatch.reverse-divider {
  background: rgba(0, 0, 0, 0.12);
}
.theme-light .docs-editor .row .swatch.reverse-hover {
  background: rgba(255, 255, 255, 0.12);
}
.theme-dark .docs-editor .row .swatch.reverse-hover {
  background: rgba(0, 0, 0, 0.06);
}
.theme-light .docs-editor .row .swatch.background-hover {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.88);
}
.theme-dark .docs-editor .row .swatch.background-hover {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid white;
}
.docs-editor .type-box {
  padding: 10px;
  border-radius: 3px;
}
.theme-light .docs-editor .type-box {
  background: rgba(0, 0, 0, 0.06);
}
.theme-dark .docs-editor .type-box {
  background: rgba(255, 255, 255, 0.12);
}
.docs-editor .label {
  user-select: none;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.tab-panel.usage .inner {
  display: flex;
  flex-direction: column;
  max-width: 1225px;
  width: 100%;
  margin-top: 20px;
}
.tab-panel.usage .workload-chart-controls {
  justify-content: space-between;
  display: flex;
}
.tab-panel.usage .workload-chart-controls .version-toggle {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  font-size: 14px;
}
.tab-panel.usage .workload-chart-controls .version-toggle .version-toggle-text {
  padding: 12px;
  cursor: pointer;
}
.tab-panel.usage .workload-chart-controls .version-toggle .version-toggle-text.selected {
  background-color: #f9f9f9;
}
.tab-panel.usage .workload-chart-controls .version-toggle.slim {
  height: 32px;
}
.tab-panel.usage .workload-chart-controls .version-toggle.slim .version-toggle-text {
  padding: 8px 10px;
}
.tab-panel.usage .workload-control-title {
  font-size: 16px;
  line-height: 24px;
}
.tab-panel.usage .workload-chart-control-left {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 35px;
}
.tab-panel.usage .workload-chart-control-left .latest-hour-btn {
  color: #0008d0;
  font-size: 12px;
  line-height: 16px;
  padding: 8px;
  font-weight: 600;
  cursor: pointer;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown {
  height: 100%;
  width: 180px;
  z-index: 10000;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown.narrow {
  width: 165px;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown.narrow .dropdown-caption-container.workload-dropdown {
  font-size: 12px;
  line-height: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-caption-container.workload-dropdown {
  height: 100%;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 14px;
  justify-content: flex-start;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-caption-container.workload-dropdown .dropdown-caption,
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-caption-container.workload-dropdown .autocomplete-input {
  border: none;
  flex: 1;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-caption-container.workload-dropdown .dropdown-icon {
  flex: 0;
  font-size: 16px;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-items-container.workload-dropdown {
  width: 180px;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-items-container.workload-dropdown .items-inner-container {
  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.98);
  padding: 0;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-items-container.workload-dropdown .items-inner-container .section {
  display: flex;
  flex-direction: column;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-items-container.workload-dropdown .items-inner-container .section .dropdown-item-container {
  align-items: flex-start;
}
.tab-panel.usage .workload-chart-control-left .dropdown-container.workload-dropdown .dropdown-items-container.workload-dropdown .items-inner-container .section .dropdown-item-container .dropdown-item.workload-dropdown {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tab-panel.usage .usage-section {
  margin-bottom: 60px;
}
.tab-panel.usage .section-title {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
}
.tab-panel.usage .section-title.sticky {
  position: sticky;
  top: 0;
  background-color: var(--b-bg);
  z-index: 2;
}
.tab-panel.usage .section-title .title-caption-container {
  display: flex;
  margin-bottom: 10px;
}
.tab-panel.usage .section-title .new-mention {
  color: #0008d0;
  line-height: 12px;
  margin-left: 12px;
  margin-right: 5px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  background-color: rgba(0, 8, 208, 0.1);
}
.tab-panel.usage .section-title .section-title-caption {
  font-size: 20px;
}
.tab-panel.usage .section-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  margin-top: 20px;
}
.tab-panel.usage .section-content-wrapper.section-wide {
  width: 100%;
}
.tab-panel.usage .section-content-wrapper .detail-settings {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.tab-panel.usage .section-content-wrapper .detail-setting-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.tab-panel.usage .section-content-wrapper .detail-setting-row .duration.field {
  margin: 0;
}
.tab-panel.usage .section-content-wrapper .detail-setting-row.usage-detail-breakdown-row {
  padding-left: 20px;
}
.tab-panel.usage .section-content-wrapper .detail-setting-row .breakdown-caption {
  font-style: italic;
}
.tab-panel.usage .section-content-wrapper .no-usage {
  font-style: italic;
  margin-top: 20px;
}
.tab-panel.usage .section-content-wrapper .DateBox {
  width: 168px;
}
.tab-panel.usage .section-content-wrapper .show-raw.field {
  margin-right: 88px;
}
.tab-panel.usage .section-content-wrapper .description {
  margin-bottom: 10px;
  width: 650px;
  line-height: 125%;
}
.tab-panel.usage .section-content-wrapper .workload-bar-chart-wrapper {
  height: 350px;
  display: flex;
  flex-direction: column;
}
.tab-panel.usage .section-content-wrapper .workload-bar-chart-wrapper .chart-canvas-wrapper {
  height: 100%;
  position: relative;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper {
  height: 400px;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper:not(.legacy-height) {
  width: 400px;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper.legacy-height {
  height: 300px;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper .tooltip-wrapper {
  height: 0px;
  width: 0px;
  position: relative;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper .tooltip-wrapper .chartjs-tooltip {
  width: fit-content;
  position: relative;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper .loading-animation {
  position: relative;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper .bubble,
.tab-panel.usage .section-content-wrapper .piechart-wrapper .pulse {
  top: 80px;
}
.tab-panel.usage .section-content-wrapper .piechart-wrapper canvas#piechart {
  cursor: pointer;
}
.tab-panel.usage .section-content-wrapper .pages-pick-area {
  width: 1225px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tab-panel.usage .section-content-wrapper .pages-pick-area .page-sitemap.field {
  width: 212px;
  padding-left: 20px;
  margin-top: 7px;
}
.tab-panel.usage .section-content-wrapper .pages-pick-area .composer-checkbox {
  margin-right: 14px;
}
.tab-panel.usage .section-content-wrapper .workload-education-container {
  min-width: 400px;
  padding: var(--b-spacing12);
  border-radius: var(--b-radius-medium);
  border: 1px solid var(--b-border-default);
  margin-left: var(--b-spacing40);
}
.tab-panel.usage .usage-refresh-wrapper {
  display: flex;
  gap: 20px;
}
.tab-panel.usage .search-row {
  display: flex;
  gap: 20px;
}
.tab-panel.usage .search-wrapper {
  display: flex;
  gap: 7px;
}
.tab-panel.usage .search-wrapper .search-caption {
  margin-top: 10px;
}
.tab-panel.usage .search-wrapper .search-input-wrapper {
  display: flex;
  flex-direction: column;
}
.tab-panel.usage .search-wrapper .search-input-wrapper .micro-caption {
  margin-top: 5px;
  margin-left: 7px;
  font-size: 9px;
}
.tab-panel.usage .metrics-wrapper {
  display: flex;
  width: 100%;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tab-panel.usage .metrics-wrapper .chart-wrapper {
  margin-top: 10px;
}
.tab-panel.usage .chart-wrapper {
  height: 350px;
  display: flex;
  flex-direction: column;
}
.tab-panel.usage .chart-wrapper.page-metrics {
  width: 100%;
}
.tab-panel.usage .chart-wrapper.page-metrics .loading-animation {
  position: relative;
}
.tab-panel.usage .chart-wrapper.runs {
  margin-block-end: 20px;
}
.tab-panel.usage .chart-wrapper .caption {
  font-style: italic;
  margin-bottom: 5px;
}
.tab-panel.usage .chart-wrapper .chart-canvas-wrapper {
  position: relative;
  height: 100%;
}
.tab-panel.usage .chart-wrapper .chart-missing-message {
  width: 100%;
  min-height: 100%;
  display: flex;
  border: solid 1px rgb(245, 245, 245);
  justify-content: center;
  align-items: center;
}
.tab-panel.usage .email-warning-wrapper {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 840px;
}
.tab-panel.usage .email-warning-wrapper .email-warning-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-panel.usage .email-warning-wrapper .email-warning-row input.field {
  width: 70px;
}
.tab-panel.usage .email-warning-wrapper .email-warning-row .bubble-ui.NumberBox.disabled {
  opacity: 0.5;
  cursor: default;
}
.tab-panel.usage .email-warning-wrapper .email-warning-row .component-checkbox {
  margin: 0;
}
.tab-panel.usage .refresh {
  cursor: pointer;
}
.tab-panel.usage .refresh.hidden {
  opacity: 0;
  cursor: default;
}
.tab-panel.usage .no-metrics {
  margin-bottom: 25px;
}
.tab-panel.usage .composer-dropdown.duration {
  margin-top: -9px;
}
.tab-panel.usage .composer-dropdown.duration.first {
  margin-left: 290px;
}
.tab-panel.usage .caption.no-detail {
  margin-bottom: 30px;
}
.tab-panel.usage .wu-value,
.tab-panel.usage .runs-value,
.tab-panel.usage .storage-value {
  font-weight: 600;
}
.tab-panel.usage .wu-value.exceed,
.tab-panel.usage .runs-value.exceed,
.tab-panel.usage .storage-value.exceed {
  color: var(--b-txt-danger);
}
.tab-panel.usage a {
  color: var(--b-txt-brand, #0c29ab);
}
.tab-panel.usage .pages-pick-area {
  width: 100%;
}
.tab-panel.usage .explanation {
  line-height: 125%;
}
.tab-panel.usage .explanation.need-to-subscribe {
  width: 100%;
}
.tab-panel.usage .explanation.need-to-subscribe .subscribe-link {
  color: var(--b-txt-danger) !important;
}
.tab-panel.usage .explanation.need-to-subscribe.new-pricing {
  margin-top: 18px;
}

.usage-breadcrumbs .breadcrumb-text {
  max-width: 500px;
}
.usage-breadcrumbs .breadcrumb-text.clickable {
  cursor: pointer;
}
.usage-breadcrumbs .breadcrumb-text.clickable span {
  color: var(--text-brand, #0c29ab);
}

.usage-breadcrumbs-legacy {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 24px;
}
.usage-breadcrumbs-legacy .arrow:before {
  content: "\f178";
  font-family: "FontAwesome";
  font-size: 24px;
}
.usage-breadcrumbs-legacy .breadcrumb-text {
  text-decoration: none;
  cursor: auto;
}
.usage-breadcrumbs-legacy .breadcrumb-text:not(:last-child):hover {
  text-decoration: underline;
  cursor: pointer;
}

.workload-activity-container {
  display: flex;
  flex-direction: row;
  gap: var(--b-spacing64);
  padding-top: var(--b-spacing32);
  min-height: 400px;
}

.workload-activity-loading-container {
  height: 472px;
}

.legend-items-grid {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  column-gap: var(--b-spacing32);
  row-gap: var(--b-spacing8);
}
.legend-items-grid .piechart-legend-item {
  border: 1px solid var(--b-black-white-10);
  cursor: pointer;
}
.legend-items-grid .piechart-legend-item:hover, .legend-items-grid .piechart-legend-item.hovered {
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--border-brand, #0c29ab);
}
.legend-items-grid .piechart-legend-item .legend-item-color-box {
  width: 100%;
  height: 100%;
  border-radius: var(--b-radius-small);
}
.legend-items-grid .piechart-legend-item .legend-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.nested-view-box {
  cursor: pointer;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600 !important;
}
.nested-view-box.default-view {
  width: 250px;
  height: 32px;
}
.nested-view-box.custom-view {
  width: 250px;
  padding-left: 28px !important;
  height: 32px;
  font-weight: 400 !important;
}
.nested-view-box .type-info-row {
  color: var(--b-txt-tertiary);
  font-weight: 400 !important;
}
.nested-view-box .visible-on-select {
  display: none;
}
.nested-view-box:hover {
  background-color: rgb(249, 249, 249);
}
.nested-view-box.selected {
  background-color: var(--b-bg-brand2);
  color: var(--b-txt-brand);
}
.nested-view-box.selected .visible-on-select {
  display: flex;
}
.nested-view-box.selected .nested-view-title {
  color: var(--b-txt-brand, #0c29ab);
}
.nested-view-box .nested-view-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
}

:root {
  --font_default: "Lato";
  --color_primary_default: rgba(2, 5, 211, 1);
  --color_primary_default_rgb: 2, 5, 211;
  --color_primary_contrast_default: rgba(255, 255, 255, 1);
  --color_primary_contrast_default_rgb: 255, 255, 255;
  --color_text_default: rgba(9, 23, 71, 1);
  --color_text_default_rgb: 9, 23, 71;
  --color_surface_default: rgba(255, 255, 255, 1);
  --color_surface_default_rgb: 255, 255, 255;
  --color_background_default: rgba(255, 255, 255, 0);
  --color_background_default_rgb: 255, 255, 255;
  --color_destructive_default: rgba(255, 0, 0, 1);
  --color_destructive_default_rgb: 255, 0, 0;
  --color_success_default: rgba(23, 219, 78, 1);
  --color_success_default_rgb: 23, 219, 78;
  --color_alert_default: rgba(250, 181, 21, 1);
  --color_alert_default_rgb: 250, 181, 21;
}

.ui-resizable-handle {
  z-index: 500;
}

[data-popup-id] .ui-resizable-handle {
  opacity: 0;
  background: none !important;
}

.slidable-palette-hidden {
  display: none;
}

.visual-edit-toolbox .toolbox-pane {
  left: 40px;
}
.visual-edit-toolbox .toolbox-pane.pop #pop-toolbox .plugin_icon {
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plugin-icon.event-icon {
  display: flex;
  justify-content: center;
  text-align: center;
}
.plugin-icon.event-icon:before {
  font-size: 16px;
}

.action-canvas-toolbox {
  position: relative;
  z-index: 1;
  width: 15px;
}
.action-canvas-toolbox .toolbox-pane {
  position: absolute;
  left: -186px;
}
.action-canvas-toolbox .show-toolbox-pane-button {
  left: 0;
}

.show-toolbox-pane-button {
  background-color: rgb(249, 249, 249);
  position: absolute;
  display: flex;
  border-left: 1px solid var(--b-border, #e6e6e6);
  border-right: 1px solid var(--b-border, #e6e6e6);
  width: 15px;
  z-index: 2;
  height: 100%;
  cursor: pointer;
}
.show-toolbox-pane-button:hover {
  background-color: #f3f3f3;
}
.show-toolbox-pane-button .icon {
  margin-left: 4px;
  margin-top: auto;
  margin-bottom: auto;
  color: var(--b-txt-primary, #1a1a1a);
}
.show-toolbox-pane-button .icon:before {
  display: block;
  content: "\f0da";
  font-size: 14px;
  font-family: "FontAwesome";
}
.show-toolbox-pane-button.opened .icon:before {
  content: "\f0d9";
}

.layers-box {
  float: left;
  width: 100%;
}

h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 24px;
}

/* ----------------------------------

MENU BAR

---------------------------------- */
.menu-bar .project-name.menu-item,
.version-dropdown {
  overflow: hidden;
  white-space: nowrap;
  padding-top: 11px;
  padding-left: 5px;
  height: 35px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.menu-bar .project-name.menu-item:after,
.version-dropdown:after {
  display: block;
  content: "\f0d7";
  font-family: "FontAwesome";
  width: 24px !important;
  height: 21px;
  font-size: 14px;
  text-align: center;
  color: #c0cad1;
}

.element-label {
  padding-top: 11px;
  padding-left: 8px;
}

.element-picker {
  background-color: white;
}
.element-picker .composer-dropdown .spot {
  width: 220px !important;
  color: #455256 !important;
  font-size: 12px !important;
  padding-top: 11px !important;
  border: 1px solid transparent !important;
  border-right: 1px solid #ebf0f2 !important;
  height: 35px !important;
}
.element-picker .composer-dropdown .spot input.composer-input.text-input {
  margin-top: -3px !important;
  outline: none;
  color: #455256 !important;
  width: 140px !important;
}
.element-picker .composer-dropdown .spot:before,
.element-picker .composer-dropdown .spot.selected:before,
.element-picker .composer-dropdown .spot:hover:before {
  color: #c0cad1 !important;
}
.element-picker .composer-dropdown .spot {
  background-color: transparent !important;
}

.menu-bar .project-name.menu-item {
  width: 228px;
}
.menu-bar .project-name.menu-item:after {
  float: right;
  margin-right: -12px;
}
.menu-bar .project-name.menu-item .wrapper {
  float: left;
}
.menu-bar .project-name.menu-item .page-name-search {
  margin-top: -5px;
}
.menu-bar .project-name.menu-item .page-name-search input {
  margin-left: -1px;
  font-size: 12px !important;
  outline: none;
  border: none;
  width: 194px;
  color: #455256;
  background: transparent;
  height: 20px;
}

.upgrade-to-deploy {
  max-width: 250px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  box-sizing: content-box;
  color: white;
  background: var(--b-txt-brand, #0c29ab);
  border-left: 1px solid rgb(245, 245, 245);
  border-right: 1px solid rgb(245, 245, 245);
}
.upgrade-to-deploy:hover {
  color: white !important;
  background: var(--b-txt-brand, #0c29ab) !important;
  cursor: pointer;
}

.upgrade-to-deploy.btn.disabled {
  color: white;
  background: rgba(var(--b-txt-brand, #0c29ab), 0.6);
  border-color: rgba(var(--b-txt-brand, #0c29ab), 0.6);
  cursor: default;
}
.upgrade-to-deploy.btn.disabled:hover {
  background: rgba(var(--b-txt-brand, #0c29ab), 0.6) !important;
  cursor: default;
}

.version-dropdown {
  max-width: 250px;
  min-width: 100px;
  padding: 11px;
  padding-left: 10px;
  padding-right: 0px;
  text-align: left !important;
  border-left: 1px solid rgb(245, 245, 245);
}
.version-dropdown:after {
  position: relative;
  float: right;
}
.version-dropdown.behind-live:hover {
  color: white !important;
  background-color: var(--b-bg-on-danger1) !important;
}

.menu-bar > * {
  float: left;
}

.composer-palette.composer-dropdown-long.bubble-ui.responsive-picker {
  overflow: visible !important;
  width: 172px;
  margin-top: -1px;
}
.composer-palette.composer-dropdown-long.bubble-ui.responsive-picker:before {
  content: "\f0d8";
  margin-left: 159px;
}

.top-menu.application-menu {
  width: 600px;
  max-height: 550px;
}
.top-menu.application-menu .context-menu-item {
  float: left;
  padding: 7px 25px 7px 10px;
}
.top-menu.application-menu .context-menu-item.separator.disabled {
  padding-top: 0px;
  padding-bottom: 0px;
}
.top-menu.application-menu .context-menu-item.new_page_, .top-menu.application-menu .context-menu-item.new_reusable {
  clear: both;
}
.top-menu.application-menu .section-title {
  clear: both;
  cursor: default;
  text-align: center;
}
.top-menu.application-menu .section-title.pages.section-title {
  text-align: left;
  padding-left: 266px;
  width: 303px;
}
.top-menu.application-menu .page-folders-wrapper {
  float: right;
  margin-top: -7px;
  height: 19px;
  margin-right: -26px;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown {
  height: 30px;
  margin-top: -2px;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .spot {
  padding-top: 6px !important;
  height: 25px !important;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer.empty .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption.new-composer {
  color: #d5d5d5;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  padding: 0px 0px 0px 6px;
  height: 23px;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected .autocomplete-input {
  color: black;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-items-positioner.new-composer .dropdown-items-container {
  background-color: white;
  border: 1px solid whitesmoke;
  min-width: 168px;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-items-positioner.new-composer .dropdown-items-container .items-inner-container .section:not(:first-child) {
  border-top: 1px solid var(--b-border, #e6e6e6);
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-items-positioner.new-composer .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item {
  color: black;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .spot,
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  text-align: left;
  font-size: 12px !important;
  border: 1px solid rgb(245, 245, 245) !important;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .spot:before,
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-caption-container.new-composer:before {
  color: var(--b-txt-tertiary, #8a8a8a) !important;
}
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .spot.empty,
.top-menu.application-menu .page-folders-wrapper .composer-dropdown .composer-container.new-composer .dropdown-container.new-composer .dropdown-caption-container.new-composer.empty {
  color: #d5d5d5 !important;
}
.top-menu.application-menu .context-menu-item {
  width: 262px;
}
.top-menu.application-menu .context-menu-item.force_full_width, .top-menu.application-menu .context-menu-item.new_reusable, .top-menu.application-menu .context-menu-item.api_workflows, .top-menu.application-menu .context-menu-item.section-title, .top-menu.application-menu .context-menu-item.separator {
  width: 560px;
}
.top-menu.application-menu:before {
  margin-left: 201px;
}

.top-menu.user_menu {
  margin-left: -115px;
}
.top-menu.user_menu:before {
  margin-left: 117px;
}

.top-menu.edit .context-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ----------------------------------

TAB BAR

---------------------------------- */
.main-tab-bar:not(.butter),
.toolbox-pane {
  color: var(--b-txt-primary, #1a1a1a);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}

.icons_box,
.arrange-panel {
  float: right;
}
.icons_box .undo_redo_box,
.icons_box .edit_icons_box,
.icons_box .responsive_icon_box,
.arrange-panel .undo_redo_box,
.arrange-panel .edit_icons_box,
.arrange-panel .responsive_icon_box {
  float: right;
  text-align: left;
  cursor: default;
  overflow: auto;
  height: 35px;
  text-shadow: none;
}
.icons_box .undo_redo_box > *,
.icons_box .edit_icons_box > *,
.icons_box .responsive_icon_box > *,
.arrange-panel .undo_redo_box > *,
.arrange-panel .edit_icons_box > *,
.arrange-panel .responsive_icon_box > * {
  float: left;
}
.icons_box .undo_redo_box,
.arrange-panel .undo_redo_box {
  border-left: 1px solid #ebf0f2;
  border-right: 1px solid #ebf0f2;
}
.icons_box .grid-settings-btn,
.icons_box .arrange-btn,
.arrange-panel .grid-settings-btn,
.arrange-panel .arrange-btn {
  line-height: 35px;
  padding: 0 7px 0 7px;
  cursor: pointer;
}
.icons_box .grid-settings-btn:after,
.icons_box .arrange-btn:after,
.arrange-panel .grid-settings-btn:after,
.arrange-panel .arrange-btn:after {
  font-family: "FontAwesome";
  margin-top: 1px;
}
.icons_box .grid-settings-btn:after,
.icons_box .arrange-btn:after,
.arrange-panel .grid-settings-btn:after,
.arrange-panel .arrange-btn:after {
  float: right;
  content: "\f0d7";
  margin-left: 6px;
  color: #c0cad1;
}
.icons_box .btn:hover,
.icons_box .grid-settings-btn:hover,
.icons_box .grid-settings-btn.selected,
.icons_box .arrange-btn:hover,
.icons_box .arrange-btn.selected,
.arrange-panel .btn:hover,
.arrange-panel .grid-settings-btn:hover,
.arrange-panel .grid-settings-btn.selected,
.arrange-panel .arrange-btn:hover,
.arrange-panel .arrange-btn.selected {
  background-color: rgb(249, 249, 249);
}
.icons_box .edit_icons_box,
.arrange-panel .edit_icons_box {
  overflow: hidden;
}
.icons_box .btn.disabled,
.arrange-panel .btn.disabled {
  cursor: default;
  color: var(--b-border, #e6e6e6);
}
.icons_box .btn.disabled:hover, .icons_box .btn.disabled:hover:before,
.arrange-panel .btn.disabled:hover,
.arrange-panel .btn.disabled:hover:before {
  background-color: transparent;
}
.icons_box .btn,
.arrange-panel .btn {
  color: #989898;
}
.icons_box .btn:before,
.arrange-panel .btn:before {
  height: 35px;
  width: 32px;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  content: "";
  display: block;
  background-color: transparent;
  font-family: "bubble";
  text-align: center;
  padding-top: 9px;
}
.icons_box .btn.enabled:before,
.arrange-panel .btn.enabled:before {
  color: var(--b-txt-brand, #0c29ab);
}
.icons_box .btn.pointer:before,
.arrange-panel .btn.pointer:before {
  content: "\e61d";
  font-size: 15px;
  padding-top: 10px;
}
@media all and (max-width: 1220px) {
  .icons_box .btn.pointer,
  .arrange-panel .btn.pointer {
    display: none;
  }
}
.icons_box .btn.undo:before,
.arrange-panel .btn.undo:before {
  content: "\e620";
}
.icons_box .btn.redo:before,
.arrange-panel .btn.redo:before {
  content: "\e619";
}
.icons_box .btn.r-debug-mode:before,
.arrange-panel .btn.r-debug-mode:before {
  font-family: "FontAwesome";
  content: "\f00a";
}
.icons_box .btn.r-pause-engine:before,
.arrange-panel .btn.r-pause-engine:before {
  font-family: "FontAwesome";
  content: "\f04c";
}

.arrange-panel .arrange-opt,
.preview-panel .arrange-opt {
  padding-left: 7px !important;
  padding-right: 5px !important;
}

.composer-palette.element-picker {
  min-width: 208px !important;
  max-width: 600px;
  margin-top: 4px;
}
.composer-palette.element-picker:before {
  margin-left: 193px !important;
}

.menu-bar {
  z-index: 2;
}
.menu-bar .btn.search-tool,
.menu-bar .btn.search-tool:before {
  content: "\f2f5";
}

@keyframes pulse_upgrade {
  0% {
    background-color: #8383fd;
    color: white;
  }
  50% {
    background-color: var(--b-txt-brand, #0c29ab);
    color: white;
  }
  100% {
    background-color: #8383fd;
    color: white;
  }
}
.btn.to-do-button {
  width: 86px;
}

.btn.to-do-button,
.behind-live {
  text-align: center;
  padding-top: 11px;
  height: 35px;
  margin-left: 0px;
  display: none;
  color: var(--b-txt-danger);
  float: right;
}
.btn.to-do-button.initializing, .btn.to-do-button.empty-issues,
.behind-live.initializing,
.behind-live.empty-issues {
  display: block;
  background: none;
  border: none;
}
.btn.to-do-button.initializing,
.behind-live.initializing {
  box-shadow: none;
  padding-top: 11px;
  color: #b5b5b5;
}
.btn.to-do-button.non-empty, .btn.to-do-button.empty-issues,
.behind-live.non-empty,
.behind-live.empty-issues {
  display: block;
}
.btn.to-do-button.non-empty:before, .btn.to-do-button.empty-issues:before,
.behind-live.non-empty:before,
.behind-live.empty-issues:before {
  font-family: "FontAwesome";
  content: "\f071";
  margin-right: 7px;
}
.btn.to-do-button.non-empty:hover,
.behind-live.non-empty:hover {
  color: white;
  background-color: var(--b-bg-on-danger1);
}
.btn.to-do-button.empty-issues,
.behind-live.empty-issues {
  color: black;
}
.btn.to-do-button.empty-issues:before,
.behind-live.empty-issues:before {
  color: #cccccc;
}
.btn.to-do-button.empty-issues:hover,
.behind-live.empty-issues:hover {
  background-color: rgb(249, 249, 249);
}

.btn.usage-limit-warning {
  text-align: center;
  padding: 11px 9px;
  height: 35px;
  display: none;
  color: white;
  float: right;
}
.btn.usage-limit-warning.alert {
  background-color: var(--b-bg-on-danger1);
}
.btn.usage-limit-warning.warning {
  background-color: #feda25;
  color: rgba(0, 0, 0, 0.88);
}
.btn.usage-limit-warning.non-empty {
  display: block;
}
.btn.usage-limit-warning.non-empty:hover {
  background: none;
}
.btn.usage-limit-warning.non-empty:hover.alert {
  color: var(--b-txt-danger);
}
.btn.usage-limit-warning.non-empty:hover.warning {
  color: rgba(0, 0, 0, 0.88);
}
.btn.usage-limit-warning.non-empty:before {
  font-family: "FontAwesome";
  content: "\f06a";
  margin-right: 7px;
}
.btn.usage-limit-warning.non-empty:empty:before {
  margin-right: 0px;
}

.version-dropdown-panel,
.grid-settings-panel,
.preview-panel {
  float: left;
  padding-left: 0px;
  padding-right: 0px;
}

.arrange-panel,
.version-dropdown-panel,
.grid-settings-panel,
.preview-panel {
  z-index: 5000000;
}

.grid-settings-panel,
.arrange-panel,
.preview-panel {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  overflow: visible;
}

.grid-settings-panel,
.arrange-panel {
  width: 175px;
}
.grid-settings-panel:before,
.arrange-panel:before {
  margin-left: 150px !important;
}
.grid-settings-panel .show-grid,
.grid-settings-panel .caption-grid-step,
.grid-settings-panel .caption-zoom,
.arrange-panel .show-grid,
.arrange-panel .caption-grid-step,
.arrange-panel .caption-zoom {
  padding: 8px 2px 8px 20px;
}
.grid-settings-panel .show-grid,
.grid-settings-panel .button,
.arrange-panel .show-grid,
.arrange-panel .button {
  cursor: pointer;
}
.grid-settings-panel .show-grid:hover,
.grid-settings-panel .button:hover,
.arrange-panel .show-grid:hover,
.arrange-panel .button:hover {
  background-color: rgb(249, 249, 249);
}
.grid-settings-panel .show-grid:before,
.arrange-panel .show-grid:before {
  font-family: "FontAwesome";
  position: absolute;
  text-align: center;
  content: "\f096";
  margin-top: 1px;
  margin-left: -15px;
}
.grid-settings-panel .show-grid.enabled:before,
.arrange-panel .show-grid.enabled:before {
  content: "\f046";
}
.grid-settings-panel .grid-options-wrapper,
.grid-settings-panel .zoom-options-wrapper,
.arrange-panel .grid-options-wrapper,
.arrange-panel .zoom-options-wrapper {
  float: left;
  width: 175px;
  overflow: hidden;
}
.grid-settings-panel .zoom-options-wrapper,
.arrange-panel .zoom-options-wrapper {
  padding-top: 3px;
  margin-bottom: -3px;
}
.grid-settings-panel .caption-grid-step,
.grid-settings-panel .caption-grid-color,
.grid-settings-panel .show-grid.gutter,
.grid-settings-panel .caption-zoom,
.arrange-panel .caption-grid-step,
.arrange-panel .caption-grid-color,
.arrange-panel .show-grid.gutter,
.arrange-panel .caption-zoom {
  padding: 5px 2px 5px 0px;
  float: left;
  clear: both;
  margin-bottom: 2px;
  padding-left: 20px;
}
.grid-settings-panel .btn.show-grid,
.arrange-panel .btn.show-grid {
  width: 153px;
  float: left;
}
.grid-settings-panel .caption-grid-step,
.grid-settings-panel .caption-grid-color,
.arrange-panel .caption-grid-step,
.arrange-panel .caption-grid-color {
  width: 35px;
}
.grid-settings-panel .caption-zoom,
.arrange-panel .caption-zoom {
  width: 50px;
}
.grid-settings-panel .input-grid-step,
.grid-settings-panel .grid_color,
.grid-settings-panel .input-zoom,
.arrange-panel .input-grid-step,
.arrange-panel .grid_color,
.arrange-panel .input-zoom {
  background: white !important;
  float: right;
  margin-right: 10px;
  width: 70px;
  padding-left: 10px;
}
.grid-settings-panel .input-grid-step,
.grid-settings-panel .grid_color,
.grid-settings-panel .input-zoom,
.arrange-panel .input-grid-step,
.arrange-panel .grid_color,
.arrange-panel .input-zoom {
  border: 1px solid var(--b-border, #e6e6e6);
  color: var(--b-txt-primary, #1a1a1a);
  font-size: 12px;
  height: 18px;
  outline: none;
}
.grid-settings-panel .grid_color,
.arrange-panel .grid_color {
  width: 93px;
  height: 22px;
  padding-left: 2px;
}
.grid-settings-panel .btn.show-grid.borders,
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons,
.grid-settings-panel .show-grid.show-distances,
.grid-settings-panel .zoom-options-wrapper,
.arrange-panel .btn.show-grid.borders,
.arrange-panel .composer-dropdown-button.snap_mode_buttons,
.arrange-panel .show-grid.show-distances,
.arrange-panel .zoom-options-wrapper {
  border-top: 1px solid rgb(245, 245, 245);
}
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons,
.arrange-panel .composer-dropdown-button.snap_mode_buttons {
  height: 100%;
  background-color: transparent !important;
  color: var(--b-txt-primary, #1a1a1a);
  float: left;
  margin-top: 2px;
}
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons .button,
.arrange-panel .composer-dropdown-button.snap_mode_buttons .button {
  background-color: transparent;
  width: 153px;
  padding: 6px 2px 6px 20px;
  height: 26px;
}
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons .button:hover,
.arrange-panel .composer-dropdown-button.snap_mode_buttons .button:hover {
  background-color: rgb(249, 249, 249);
}
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons .button:before,
.arrange-panel .composer-dropdown-button.snap_mode_buttons .button:before {
  font-family: "FontAwesome";
  position: absolute;
  text-align: center;
  content: "\f096";
  margin-top: 1px;
  margin-left: -23px;
  background-color: transparent;
  height: 10px;
}
.grid-settings-panel .composer-dropdown-button.snap_mode_buttons .button.selected:before,
.arrange-panel .composer-dropdown-button.snap_mode_buttons .button.selected:before {
  content: "\f046";
}

/* ----------------------------------

ADD  SECTION

---------------------------------- */
.icon_container {
  clear: both;
  display: none;
  height: 100%;
  overflow: hidden;
}

.icon_container.custom {
  border-bottom: none;
}

.add_element,
.add-new-custom {
  float: left;
  font-size: 12px;
  height: 27px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
}
.add_element:hover,
.add-new-custom:hover {
  background-color: rgb(249, 249, 249);
}
.add_element:hover .element_icon,
.add-new-custom:hover .element_icon {
  color: #525252;
}
.add_element .element_icon,
.add-new-custom .element_icon {
  text-align: center;
  margin-top: 7px;
  color: #868686;
  width: 33px;
  float: left;
}
.add_element .element_icon:before,
.add-new-custom .element_icon:before {
  font-size: 14px;
  font-family: "Ionicons";
}

.clone-to-drag {
  width: 200px;
  background: transparent;
  position: absolute;
  z-index: 10000000001;
  border: none;
  color: #868686 !important;
}
.clone-to-drag:hover {
  background-color: transparent;
  color: #868686 !important;
}
.clone-to-drag:hover .element_icon {
  color: #868686 !important;
}

.new-element-finder .element-finder-input {
  border: none !important;
  width: 100%;
  font-size: 12px;
  height: 26px;
}
.new-element-finder .element-finder-input:focus {
  border: none !important;
}

.add_element {
  border-bottom: 1px solid rgb(245, 245, 245);
}

.add_element .icon_text,
.add-new-custom .icon_text {
  margin-top: 7px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 1em;
  max-width: 80%;
}

.add_element.template .wrapper,
.add_element.custom .wrapper {
  margin-left: 10px;
}

.add_element:hover,
.add-new-custom:hover {
  background-color: rgb(249, 249, 249);
}

.add_element.selected, .add_element.selected *,
.add_element.element.selected,
.add_element.element.selected * {
  cursor: default !important;
}
.add_element.selected .icon_text,
.add_element.selected .element_icon,
.add_element.element.selected .icon_text,
.add_element.element.selected .element_icon {
  color: var(--b-txt-brand, #0c29ab);
}

.add_element.custom .element_icon:before {
  font-family: "FontAwesome";
  content: "\f12e";
}
.add_element.custom .icon_text {
  height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.add-new-custom .element_icon {
  margin-top: 4px !important;
}
.add-new-custom .element_icon:before {
  content: "\f359";
  font-size: 18px;
}

.add_element.text .element_icon:before {
  font-family: "bubble";
  content: "\e641";
}

.add_element.image .element_icon:before {
  content: "\e63c";
  font-family: "bubble";
}

.add_element.button .element_icon:before {
  content: "\e637";
  font-family: "bubble";
  font-size: 12px;
}

.add_element.link .element_icon:before {
  content: "\e63d";
  font-family: "bubble";
}

.add_element.shape .element_icon:before {
  font-family: "bubble";
  content: "\e63f";
}

.add_element.video .element_icon:before {
  content: "\e642";
  font-size: 12px;
  font-family: "bubble";
}

.add_element.googlemap .element_icon:before {
  content: "\f1ff";
  margin-top: -3px;
  font-size: 18px;
  margin-left: -4px;
  position: absolute;
}

.add_element.poweredbybubble .element_icon:before {
  content: "\e914";
  font-family: "newbubble";
}

.add_element.html .element_icon:before {
  content: "\e63a";
  font-family: "bubble";
}

.add_element.alert .element_icon:before {
  font-family: "bubble";
  content: "\e636";
}

.add_element.group .element_icon:before {
  font-family: "bubble";
  content: "\e60e";
}

.add_element.repeatinggroup .element_icon:before {
  content: "\e61a";
  font-family: "bubble";
}

.add_element.popup .element_icon:before {
  content: "\e617";
  font-family: "bubble";
}

.add_element.floatinggroup .element_icon:before {
  font-family: "bubble";
  content: "\e60c";
}

.add_element.groupfocus .element_icon:before {
  font-family: "bubble";
  content: "\e60f";
}

.add_element.table .element_icon:before {
  font-family: "FontAwesome";
  content: "\f0ce";
}

.add_element.input .element_icon:before {
  content: "\e62f";
  font-family: "bubble";
}

.add_element.checkbox .element_icon:before {
  font-family: bubble;
  content: "\e62c";
}

.add_element.pictureinput .element_icon:before {
  font-family: bubble;
  content: "\e631";
}

.add_element.fileinput .element_icon:before {
  font-family: bubble;
  content: "\e62e";
}

.add_element.dropdown .element_icon:before {
  font-family: bubble;
  content: "\e62d";
}

.add_element.radiobuttons .element_icon:before {
  content: "\f3a7";
}

.add_element.add_element.autocompletedropdown .element_icon:before {
  content: "\f4a4";
}

.add_element.multilineinput .element_icon:before {
  font-family: bubble;
  content: "\e630";
}

.add_element.icon .element_icon:before {
  content: "\f024";
  font-family: "FontAwesome";
}

.add_element.dateinput .element_icon:before {
  content: "\f3b3";
}

.add_element.sliderinput .element_icon:before {
  content: "\f1de";
  font-family: "FontAwesome";
}

.list-running-tasks {
  padding: 2px;
  border: 1px #ececec;
}

.current-task-row {
  display: inline-block;
  width: 100%;
}

.current-task-row:hover {
  background-color: #cecece;
}

.export-row-filename {
  display: inline-block;
  float: left;
}

.export-row-progress {
  display: inline-block;
  float: right;
  padding-right: 20px;
}

.export-row-cancel {
  display: inline-block;
  float: right;
}

.export-row-cancel:hover {
  font-weight: bold;
  color: white;
  background-color: red;
  border-radius: 3px;
}

.toolbox-pane.pop {
  overflow-y: visible;
}

.layers-box .entry-list,
.layers-box .workflow-tree-wrapper,
.workflow-tree .entry-list,
.workflow-tree .workflow-tree-wrapper,
.toolbox-pane.pop .entry-list,
.toolbox-pane.pop .workflow-tree-wrapper {
  float: left;
  width: 100%;
  padding: 0;
  padding-bottom: 2px;
  display: block;
  cursor: default;
  overflow: auto;
}
.layers-box .entry-list .tree > .children-wrapper, .layers-box .entry-list.responsive > .children-wrapper, .layers-box .entry-list.wrapper > .children-wrapper,
.layers-box .workflow-tree-wrapper .tree > .children-wrapper,
.layers-box .workflow-tree-wrapper.responsive > .children-wrapper,
.layers-box .workflow-tree-wrapper.wrapper > .children-wrapper,
.workflow-tree .entry-list .tree > .children-wrapper,
.workflow-tree .entry-list.responsive > .children-wrapper,
.workflow-tree .entry-list.wrapper > .children-wrapper,
.workflow-tree .workflow-tree-wrapper .tree > .children-wrapper,
.workflow-tree .workflow-tree-wrapper.responsive > .children-wrapper,
.workflow-tree .workflow-tree-wrapper.wrapper > .children-wrapper,
.toolbox-pane.pop .entry-list .tree > .children-wrapper,
.toolbox-pane.pop .entry-list.responsive > .children-wrapper,
.toolbox-pane.pop .entry-list.wrapper > .children-wrapper,
.toolbox-pane.pop .workflow-tree-wrapper .tree > .children-wrapper,
.toolbox-pane.pop .workflow-tree-wrapper.responsive > .children-wrapper,
.toolbox-pane.pop .workflow-tree-wrapper.wrapper > .children-wrapper {
  padding-left: 4px;
  margin-top: -4px;
}
.layers-box .options,
.workflow-tree .options,
.toolbox-pane.pop .options {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.layers-box .options .caption,
.workflow-tree .options .caption,
.toolbox-pane.pop .options .caption {
  float: left;
  margin-top: 9px;
  margin-left: 10px;
}
.layers-box .options .composer-checkbox,
.workflow-tree .options .composer-checkbox,
.toolbox-pane.pop .options .composer-checkbox {
  float: right;
  margin-right: 6px;
  margin-top: -2px;
}
.layers-box .children-wrapper,
.workflow-tree .children-wrapper,
.toolbox-pane.pop .children-wrapper {
  padding-left: 8px;
  padding-top: 6px;
  margin-top: -6px;
  margin-left: 0px;
  font-size: 11px;
}
.layers-box .children-wrapper.non-top-level,
.workflow-tree .children-wrapper.non-top-level,
.toolbox-pane.pop .children-wrapper.non-top-level {
  border-left: 1px solid rgb(245, 245, 245);
}
.layers-box .children-wrapper.hovered,
.workflow-tree .children-wrapper.hovered,
.toolbox-pane.pop .children-wrapper.hovered {
  position: relative;
  padding-top: 0px;
  margin-top: 0px;
  background-color: var(--b-bg-brand1, #f5faff);
}
.layers-box .children-wrapper.hovered:before,
.workflow-tree .children-wrapper.hovered:before,
.toolbox-pane.pop .children-wrapper.hovered:before {
  content: "";
  background-color: var(--b-bg-brand1, #f5faff);
  position: absolute;
  height: 100%;
  width: 200px;
  left: -200px;
}
.layers-box .drop-zone,
.workflow-tree .drop-zone,
.toolbox-pane.pop .drop-zone {
  height: 1px;
  width: 100%;
}
.layers-box .tree,
.workflow-tree .tree,
.toolbox-pane.pop .tree {
  float: left;
  width: 100%;
  border-top: 1px solid rgb(245, 245, 245);
}
.layers-box .workflow-tree-wrapper,
.workflow-tree .workflow-tree-wrapper,
.toolbox-pane.pop .workflow-tree-wrapper {
  overflow-x: hidden;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.layers-box .tree.hidden-only .children-wrapper, .layers-box.layers-box.responsive .children-wrapper,
.workflow-tree .tree.hidden-only .children-wrapper,
.workflow-tree.layers-box.responsive .children-wrapper,
.toolbox-pane.pop .tree.hidden-only .children-wrapper,
.toolbox-pane.pop.layers-box.responsive .children-wrapper {
  padding-left: 0px;
}
.layers-box .tree.hidden-only .children-wrapper.non-top-level, .layers-box.layers-box.responsive .children-wrapper.non-top-level,
.workflow-tree .tree.hidden-only .children-wrapper.non-top-level,
.workflow-tree.layers-box.responsive .children-wrapper.non-top-level,
.toolbox-pane.pop .tree.hidden-only .children-wrapper.non-top-level,
.toolbox-pane.pop.layers-box.responsive .children-wrapper.non-top-level {
  border-left: none;
}
.layers-box .tree.hidden-only .children-wrapper.indented, .layers-box.layers-box.responsive .children-wrapper.indented,
.workflow-tree .tree.hidden-only .children-wrapper.indented,
.workflow-tree.layers-box.responsive .children-wrapper.indented,
.toolbox-pane.pop .tree.hidden-only .children-wrapper.indented,
.toolbox-pane.pop.layers-box.responsive .children-wrapper.indented {
  border-left: 1px solid transparent;
  padding-left: 8px;
}
.layers-box .tree.hidden-only .children-wrapper .plus-minus, .layers-box.layers-box.responsive .children-wrapper .plus-minus,
.workflow-tree .tree.hidden-only .children-wrapper .plus-minus,
.workflow-tree.layers-box.responsive .children-wrapper .plus-minus,
.toolbox-pane.pop .tree.hidden-only .children-wrapper .plus-minus,
.toolbox-pane.pop.layers-box.responsive .children-wrapper .plus-minus {
  display: none;
}
.layers-box .tree.hidden-only > .children-wrapper,
.workflow-tree .tree.hidden-only > .children-wrapper,
.toolbox-pane.pop .tree.hidden-only > .children-wrapper {
  padding-left: 4px;
}
.layers-box .state-entry,
.layers-box .event-div,
.workflow-tree .state-entry,
.workflow-tree .event-div,
.toolbox-pane.pop .state-entry,
.toolbox-pane.pop .event-div {
  padding: 3px 0px 3px 0px;
  height: 20px;
  cursor: pointer;
  overflow: auto;
  margin-bottom: 0;
  width: 100%;
  display: table;
}
.layers-box .state-entry:not(.disable-hover):hover > .state-entry-background, .layers-box .state-entry.editing > .state-entry-background, .layers-box .state-entry.dragging-element-tree > .state-entry-background,
.layers-box .event-div:not(.disable-hover):hover > .state-entry-background,
.layers-box .event-div.editing > .state-entry-background,
.layers-box .event-div.dragging-element-tree > .state-entry-background,
.workflow-tree .state-entry:not(.disable-hover):hover > .state-entry-background,
.workflow-tree .state-entry.editing > .state-entry-background,
.workflow-tree .state-entry.dragging-element-tree > .state-entry-background,
.workflow-tree .event-div:not(.disable-hover):hover > .state-entry-background,
.workflow-tree .event-div.editing > .state-entry-background,
.workflow-tree .event-div.dragging-element-tree > .state-entry-background,
.toolbox-pane.pop .state-entry:not(.disable-hover):hover > .state-entry-background,
.toolbox-pane.pop .state-entry.editing > .state-entry-background,
.toolbox-pane.pop .state-entry.dragging-element-tree > .state-entry-background,
.toolbox-pane.pop .event-div:not(.disable-hover):hover > .state-entry-background,
.toolbox-pane.pop .event-div.editing > .state-entry-background,
.toolbox-pane.pop .event-div.dragging-element-tree > .state-entry-background {
  background-color: var(--b-bg-secondary, #f7f7f7);
}
.layers-box .state-entry > .state-entry-background,
.layers-box .event-div > .state-entry-background,
.workflow-tree .state-entry > .state-entry-background,
.workflow-tree .event-div > .state-entry-background,
.toolbox-pane.pop .state-entry > .state-entry-background,
.toolbox-pane.pop .event-div > .state-entry-background {
  position: absolute;
  height: 19px;
  width: 100%;
  z-index: -1;
  margin-top: -3px;
}
.layers-box .state-entry .plus-minus:before,
.layers-box .state-entry .state-show-hide:before,
.layers-box .event-div .plus-minus:before,
.layers-box .event-div .state-show-hide:before,
.workflow-tree .state-entry .plus-minus:before,
.workflow-tree .state-entry .state-show-hide:before,
.workflow-tree .event-div .plus-minus:before,
.workflow-tree .event-div .state-show-hide:before,
.toolbox-pane.pop .state-entry .plus-minus:before,
.toolbox-pane.pop .state-entry .state-show-hide:before,
.toolbox-pane.pop .event-div .plus-minus:before,
.toolbox-pane.pop .event-div .state-show-hide:before {
  font-family: "FontAwesome";
}
.layers-box .state-entry.has-kids .element-caption,
.layers-box .event-div.has-kids .element-caption,
.workflow-tree .state-entry.has-kids .element-caption,
.workflow-tree .event-div.has-kids .element-caption,
.toolbox-pane.pop .state-entry.has-kids .element-caption,
.toolbox-pane.pop .event-div.has-kids .element-caption {
  padding-left: 2px;
  padding-right: 4px;
}
.layers-box .state-entry.hovered,
.layers-box .event-div.hovered,
.workflow-tree .state-entry.hovered,
.workflow-tree .event-div.hovered,
.toolbox-pane.pop .state-entry.hovered,
.toolbox-pane.pop .event-div.hovered {
  position: relative;
  background-color: var(--b-bg-brand1, #f5faff);
}
.layers-box .state-entry.hovered:before,
.layers-box .event-div.hovered:before,
.workflow-tree .state-entry.hovered:before,
.workflow-tree .event-div.hovered:before,
.toolbox-pane.pop .state-entry.hovered:before,
.toolbox-pane.pop .event-div.hovered:before {
  content: "";
  background-color: var(--b-bg-brand1, #f5faff);
  position: absolute;
  height: 100%;
  width: 200px;
  top: 0px;
  left: -200px;
}
.layers-box .state-entry .plus-minus:before,
.layers-box .state-entry .state-show-hide.changed-status:before,
.layers-box .event-div .plus-minus:before,
.layers-box .event-div .state-show-hide.changed-status:before,
.workflow-tree .state-entry .plus-minus:before,
.workflow-tree .state-entry .state-show-hide.changed-status:before,
.workflow-tree .event-div .plus-minus:before,
.workflow-tree .event-div .state-show-hide.changed-status:before,
.toolbox-pane.pop .state-entry .plus-minus:before,
.toolbox-pane.pop .state-entry .state-show-hide.changed-status:before,
.toolbox-pane.pop .event-div .plus-minus:before,
.toolbox-pane.pop .event-div .state-show-hide.changed-status:before {
  color: rgb(177, 180, 181);
}
.layers-box .state-entry .plus-minus.transparent:before,
.layers-box .state-entry .state-show-hide.changed-status.transparent:before,
.layers-box .event-div .plus-minus.transparent:before,
.layers-box .event-div .state-show-hide.changed-status.transparent:before,
.workflow-tree .state-entry .plus-minus.transparent:before,
.workflow-tree .state-entry .state-show-hide.changed-status.transparent:before,
.workflow-tree .event-div .plus-minus.transparent:before,
.workflow-tree .event-div .state-show-hide.changed-status.transparent:before,
.toolbox-pane.pop .state-entry .plus-minus.transparent:before,
.toolbox-pane.pop .state-entry .state-show-hide.changed-status.transparent:before,
.toolbox-pane.pop .event-div .plus-minus.transparent:before,
.toolbox-pane.pop .event-div .state-show-hide.changed-status.transparent:before {
  color: transparent;
}
.layers-box .state-entry .state-show-hide:before,
.layers-box .event-div .state-show-hide:before,
.workflow-tree .state-entry .state-show-hide:before,
.workflow-tree .event-div .state-show-hide:before,
.toolbox-pane.pop .state-entry .state-show-hide:before,
.toolbox-pane.pop .event-div .state-show-hide:before {
  color: #e0e0e0;
}
.layers-box .state-entry.editing .element-caption,
.layers-box .event-div.editing .element-caption,
.workflow-tree .state-entry.editing .element-caption,
.workflow-tree .event-div.editing .element-caption,
.toolbox-pane.pop .state-entry.editing .element-caption,
.toolbox-pane.pop .event-div.editing .element-caption {
  color: var(--b-txt-brand, #0c29ab);
}
.layers-box .state-entry .plus-minus,
.layers-box .event-div .plus-minus,
.workflow-tree .state-entry .plus-minus,
.workflow-tree .event-div .plus-minus,
.toolbox-pane.pop .state-entry .plus-minus,
.toolbox-pane.pop .event-div .plus-minus {
  float: left;
  margin-left: -3px;
}
.layers-box .state-entry .plus-minus:before,
.layers-box .event-div .plus-minus:before,
.workflow-tree .state-entry .plus-minus:before,
.workflow-tree .event-div .plus-minus:before,
.toolbox-pane.pop .state-entry .plus-minus:before,
.toolbox-pane.pop .event-div .plus-minus:before {
  content: "\f067";
  font-size: 9px;
}
.layers-box .state-entry .plus-minus.open:before,
.layers-box .event-div .plus-minus.open:before,
.workflow-tree .state-entry .plus-minus.open:before,
.workflow-tree .event-div .plus-minus.open:before,
.toolbox-pane.pop .state-entry .plus-minus.open:before,
.toolbox-pane.pop .event-div .plus-minus.open:before {
  content: "\f068";
}
.layers-box .state-entry .element-caption,
.layers-box .state-entry .action-caption,
.layers-box .event-div .element-caption,
.layers-box .event-div .action-caption,
.workflow-tree .state-entry .element-caption,
.workflow-tree .state-entry .action-caption,
.workflow-tree .event-div .element-caption,
.workflow-tree .event-div .action-caption,
.toolbox-pane.pop .state-entry .element-caption,
.toolbox-pane.pop .state-entry .action-caption,
.toolbox-pane.pop .event-div .element-caption,
.toolbox-pane.pop .event-div .action-caption {
  float: left;
}
.layers-box .state-entry .element-caption,
.layers-box .event-div .element-caption,
.workflow-tree .state-entry .element-caption,
.workflow-tree .event-div .element-caption,
.toolbox-pane.pop .state-entry .element-caption,
.toolbox-pane.pop .event-div .element-caption {
  font-size: 11px;
  padding: 0px 0px 0px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 13px;
}
.layers-box .state-entry .state-show-hide,
.layers-box .event-div .state-show-hide,
.workflow-tree .state-entry .state-show-hide,
.workflow-tree .event-div .state-show-hide,
.toolbox-pane.pop .state-entry .state-show-hide,
.toolbox-pane.pop .event-div .state-show-hide {
  width: 1px;
  float: right;
  margin-right: 12px;
}
.layers-box .state-entry .state-show-hide:before,
.layers-box .event-div .state-show-hide:before,
.workflow-tree .state-entry .state-show-hide:before,
.workflow-tree .event-div .state-show-hide:before,
.toolbox-pane.pop .state-entry .state-show-hide:before,
.toolbox-pane.pop .event-div .state-show-hide:before {
  content: "\f06e";
}
.layers-box .state-entry.elt-hidden .element-caption,
.layers-box .event-div.elt-hidden .element-caption,
.workflow-tree .state-entry.elt-hidden .element-caption,
.workflow-tree .event-div.elt-hidden .element-caption,
.toolbox-pane.pop .state-entry.elt-hidden .element-caption,
.toolbox-pane.pop .event-div.elt-hidden .element-caption {
  color: #a8b3b7;
}
.layers-box .state-entry.elt-hidden .state-show-hide:before,
.layers-box .event-div.elt-hidden .state-show-hide:before,
.workflow-tree .state-entry.elt-hidden .state-show-hide:before,
.workflow-tree .event-div.elt-hidden .state-show-hide:before,
.toolbox-pane.pop .state-entry.elt-hidden .state-show-hide:before,
.toolbox-pane.pop .event-div.elt-hidden .state-show-hide:before {
  content: "\f070";
}

.drag-drop-line {
  height: 0px;
  width: 180px;
  outline-style: solid;
  outline-width: 1px;
  color: var(--b-txt-brand, #0c29ab);
}

.workflow-tree .event-div {
  height: auto;
}
.workflow-tree .action-caption {
  padding: 1px 0px 0px 6px;
  width: 171px;
  height: auto;
  cursor: pointer;
  padding-left: 2px;
}
.workflow-tree .non-top-level .action-caption {
  padding: 3px 0px 3px 6px;
  width: 166px;
}
.workflow-tree .action-caption.editing {
  color: var(--b-txt-brand, #0c29ab);
}

.icon_section:last-child {
  border-bottom: none;
}

/* ----------------------------------

ELEMENT EDITING CANVAS (design_canvas.js)

---------------------------------- */
.selection-box {
  position: absolute;
  z-index: 5000;
  border: 2px solid #9fbee6;
  cursor: default;
}

.selection-box.insert-new {
  border: 2px solid green;
  cursor: crosshair;
}

.grid-line-on-canvas {
  position: absolute;
}
.grid-line-on-canvas.vertical {
  height: 100%;
}
.grid-line-on-canvas.horizontal {
  width: 100%;
}

.distance-indication {
  position: fixed;
  font-size: 10px;
  font-weight: bold;
  color: red;
  z-index: 10000000000;
  pointer-events: none;
}
.distance-indication .line {
  position: absolute;
}
.distance-indication .text span {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 3px 1px 3px;
  border-radius: 2px;
}
.distance-indication.horizontal {
  text-align: center;
  line-height: 22px;
}
.distance-indication.horizontal .line {
  height: 3px;
  width: 100%;
  border-bottom: 1px solid red;
}
.distance-indication.horizontal.same-element .line {
  border-left: 1px solid red;
  border-right: 1px solid red;
}
.distance-indication.vertical {
  text-align: left;
}
.distance-indication.vertical .line {
  border-right: 1px solid red;
  width: 3px;
  height: 100%;
}
.distance-indication.vertical.same-element .line {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
.distance-indication.vertical .text {
  left: 7px;
  position: absolute;
}

.element > * {
  cursor: pointer;
  overflow: hidden;
}
.element > *.element.Alert {
  overflow: visible;
}

.element > * .plugin-edit-placeholder,
.bubble-element .plugin-edit-placeholder {
  width: 100%;
  height: 100%;
  opacity: 0.4;
}

div.bubble-element,
a.bubble-element {
  overflow: hidden;
  /*Generally speaking Bubble elements hide anything that is out of them, but for containers, we allow this*/
}
div.bubble-element.main-page, div.bubble-element.CustomElement, div.bubble-element.FloatingGroup, div.bubble-element.Group, div.bubble-element.Popup, div.bubble-element.group-item,
a.bubble-element.main-page,
a.bubble-element.CustomElement,
a.bubble-element.FloatingGroup,
a.bubble-element.Group,
a.bubble-element.Popup,
a.bubble-element.group-item {
  overflow: visible;
}

.element .inner-element.container,
.element.RepeatingGroup .list-item,
.element.RepeatingGroup > .inner-element {
  overflow: visible;
}

.responsive-canvas {
  position: relative;
}

.responsive-canvas .res-preview input {
  height: auto;
}

.xray-mode .element {
  --action-opacity: 1;
  opacity: calc(0.6 * var(--action-opacity));
}
.xray-mode .element.dropping-fade {
  --action-opacity: 0.6;
}
.xray-mode .element.selected {
  opacity: calc(0.8 * var(--action-opacity));
}
.xray-mode .element.selected.element.Page, .xray-mode .element.selected.element.CustomDefinition {
  opacity: calc(0.6 * var(--action-opacity));
}

.dropping-fade {
  opacity: 0.6;
}

.tabs-1.tabcanvas .element .inner-element {
  position: relative;
  overflow: hidden;
}
.tabs-1.tabcanvas .element.Page > .inner-element {
  overflow: visible;
}
.tabs-1.tabcanvas .element.CustomDefinition > .inner-element {
  overflow: visible;
}
.tabs-1.tabcanvas .element .Text > .inner-element {
  overflow-wrap: break-word;
}
.tabs-1.tabcanvas .element.Group > .inner-element {
  overflow: visible;
}
.tabs-1.tabcanvas .element.TableCrossAxis > .inner-element {
  overflow: visible;
}
.tabs-1.tabcanvas .element.Link > .inner-element {
  white-space: pre-wrap;
  text-decoration: none;
}

.bubble-element input,
.element input {
  height: auto;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

a.bubble-element {
  display: block;
}

.bubble-element.Input,
.element.Input > .inner-element,
.dummy-element.Input > .inner-element {
  padding: 0;
}

.DateInput input {
  padding: 0;
}

.bubble-element.Icon,
.element.Icon > .inner-element,
.dummy-element.Icon > .inner-element {
  padding: 0;
  text-align: center;
  background: none;
  border: none;
  cursor: inherit;
  overflow: hidden;
}

.bubble-element.Icon svg[data-icon-set],
.element.Icon > .inner-element svg[data-icon-set],
.dummy-element.Icon > .inner-element svg[data-icon-set],
.bubble-element.Checkbox svg[data-icon-set],
.element.Checkbox > .inner-element svg[data-icon-set],
.dummy-element.Checkbox > .inner-element svg[data-icon-set] {
  fill: currentColor;
}
.bubble-element.Icon svg[data-icon-set=feather],
.element.Icon > .inner-element svg[data-icon-set=feather],
.dummy-element.Icon > .inner-element svg[data-icon-set=feather],
.bubble-element.Checkbox svg[data-icon-set=feather],
.element.Checkbox > .inner-element svg[data-icon-set=feather],
.dummy-element.Checkbox > .inner-element svg[data-icon-set=feather] {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.bubble-element.bubble-element.bubble-element.AppBar,
.element.element.element.AppBar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: max-content;
}
.bubble-element.bubble-element.bubble-element.TabBar,
.element.element.element.TabBar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 3000;
}

.bubble-element.AppBar,
.element.AppBar > .inner-element {
  padding-left: 16px;
  padding-right: 16px;
}
.bubble-element.AppBar .app-bar-title,
.element.AppBar > .inner-element .app-bar-title {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: max-content;
  min-width: 0;
}
.bubble-element.AppBar .app-bar-buttons,
.element.AppBar > .inner-element .app-bar-buttons {
  flex-basis: max-content;
  height: 44px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px;
  gap: 8px;
}
.bubble-element.AppBar .app-bar-buttons.right,
.element.AppBar > .inner-element .app-bar-buttons.right {
  flex-direction: row-reverse;
}
.bubble-element.AppBar.left, .bubble-element.AppBar.center,
.element.AppBar > .inner-element.left,
.element.AppBar > .inner-element.center {
  display: grid;
  align-items: center;
}
.bubble-element.AppBar.center,
.element.AppBar > .inner-element.center {
  grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
}
.bubble-element.AppBar.left,
.element.AppBar > .inner-element.left {
  grid-template-columns: max-content auto minmax(max-content, 1fr);
}
.bubble-element.AppBar.large,
.element.AppBar > .inner-element.large {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bubble-element.AppBar.large .app-bar-title,
.element.AppBar > .inner-element.large .app-bar-title {
  height: 52px;
  flex-shrink: 0;
  padding-top: 3px;
  padding-bottom: 8px;
  font-size: 34px;
  line-height: 41px;
}
.bubble-element.AppBar.large .app-bar-buttons-tray,
.element.AppBar > .inner-element.large .app-bar-buttons-tray {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  height: max-content;
}
.bubble-element.AppBar.large .app-bar-buttons-tray .app-bar-buttons,
.element.AppBar > .inner-element.large .app-bar-buttons-tray .app-bar-buttons {
  flex-grow: 1;
  flex-shrink: 1;
  width: max-content;
  flex-wrap: none;
}

.SwipeActionContainer {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  max-height: 100%;
}
.SwipeActionContainer .PlusButtonContainer {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: default;
  width: auto;
  height: 100%;
  padding: 0px 8px;
}
.SwipeActionContainer .PlusButtonContainer .PlusButton {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--bg-brand-2, #ebf3ff);
}
.SwipeActionContainer.LeadingContainer {
  right: 100%;
}
.SwipeActionContainer.LeadingContainer.ParentFocused {
  padding-right: 1px;
}
.SwipeActionContainer.LeadingContainer .PlusButtonContainer {
  right: 100%;
}
.SwipeActionContainer.TrailingContainer {
  left: 100%;
}
.SwipeActionContainer.TrailingContainer.ParentFocused {
  padding-left: 1px;
}
.SwipeActionContainer.TrailingContainer .PlusButtonContainer {
  left: 100%;
}
.SwipeActionContainer .InnerSwipeActionContainer:hover {
  z-index: 100000;
}
.SwipeActionContainer .InnerSwipeActionContainer .SwipeActionFocused {
  outline: 1px dashed #1888e5;
}

.dummy-element.SwipeAction {
  display: none !important;
}

.bubble-element.Button,
.element.Button > .inner-element,
.dummy-element.Button > .inner-element,
.bubble-element.SwipeAction,
.element.SwipeAction > .overflow-container > .inner-element,
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem,
.element.TabItem > .inner-element,
.bubble-element.AppBarButton,
.element.AppBarButton > .inner-element {
  padding: 0;
  border: none;
  cursor: inherit;
  background: none;
  text-align: left;
}
.bubble-element.Button.flex-aligned-button,
.element.Button > .inner-element.flex-aligned-button,
.dummy-element.Button > .inner-element.flex-aligned-button,
.bubble-element.SwipeAction.flex-aligned-button,
.element.SwipeAction > .overflow-container > .inner-element.flex-aligned-button,
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem.flex-aligned-button,
.element.TabItem > .inner-element.flex-aligned-button,
.bubble-element.AppBarButton.flex-aligned-button,
.element.AppBarButton > .inner-element.flex-aligned-button {
  display: flex;
}
.bubble-element.Button.flex-aligned-button.swipe-action-leading, .bubble-element.Button.flex-aligned-button.swipe-action-trailing,
.element.Button > .inner-element.flex-aligned-button.swipe-action-leading,
.element.Button > .inner-element.flex-aligned-button.swipe-action-trailing,
.dummy-element.Button > .inner-element.flex-aligned-button.swipe-action-leading,
.dummy-element.Button > .inner-element.flex-aligned-button.swipe-action-trailing,
.bubble-element.SwipeAction.flex-aligned-button.swipe-action-leading,
.bubble-element.SwipeAction.flex-aligned-button.swipe-action-trailing,
.element.SwipeAction > .overflow-container > .inner-element.flex-aligned-button.swipe-action-leading,
.element.SwipeAction > .overflow-container > .inner-element.flex-aligned-button.swipe-action-trailing,
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem.flex-aligned-button.swipe-action-leading,
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem.flex-aligned-button.swipe-action-trailing,
.element.TabItem > .inner-element.flex-aligned-button.swipe-action-leading,
.element.TabItem > .inner-element.flex-aligned-button.swipe-action-trailing,
.bubble-element.AppBarButton.flex-aligned-button.swipe-action-leading,
.bubble-element.AppBarButton.flex-aligned-button.swipe-action-trailing,
.element.AppBarButton > .inner-element.flex-aligned-button.swipe-action-leading,
.element.AppBarButton > .inner-element.flex-aligned-button.swipe-action-trailing {
  height: 100%;
}
.bubble-element.Button svg[data-icon-set],
.element.Button > .inner-element svg[data-icon-set],
.dummy-element.Button > .inner-element svg[data-icon-set],
.bubble-element.SwipeAction svg[data-icon-set],
.element.SwipeAction > .overflow-container > .inner-element svg[data-icon-set],
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem svg[data-icon-set],
.element.TabItem > .inner-element svg[data-icon-set],
.bubble-element.AppBarButton svg[data-icon-set],
.element.AppBarButton > .inner-element svg[data-icon-set] {
  fill: currentColor;
}
.bubble-element.Button svg[data-icon-set=feather],
.element.Button > .inner-element svg[data-icon-set=feather],
.dummy-element.Button > .inner-element svg[data-icon-set=feather],
.bubble-element.SwipeAction svg[data-icon-set=feather],
.element.SwipeAction > .overflow-container > .inner-element svg[data-icon-set=feather],
.dummy-element.SwipeAction > .overflow-container > .inner-element .bubble-element.TabItem svg[data-icon-set=feather],
.element.TabItem > .inner-element svg[data-icon-set=feather],
.bubble-element.AppBarButton svg[data-icon-set=feather],
.element.AppBarButton > .inner-element svg[data-icon-set=feather] {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.element.element.element.Sheet {
  z-index: 3001;
  position: absolute;
  bottom: 0;
}
.element.element.element.Sheet > .inner-element {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.element.element.element.Sheet > .inner-element .drag-handle-wrapper {
  width: fit-content;
  align-self: center;
}
.element.element.element.Sheet > .inner-element .drag-handle-wrapper .drag-handle {
  width: 36px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2.5px;
  margin-top: 6px;
}
.element.element.element.Sheet > .inner-element > .sheet.bubble-r-container {
  width: 100%;
  height: 0;
  flex-grow: 1;
}

.bubble-element.Sheet {
  display: flex;
  flex-direction: column;
}
.bubble-element.Sheet .drag-handle-wrapper {
  width: fit-content;
  align-self: center;
}
.bubble-element.Sheet .drag-handle-wrapper .drag-handle {
  width: 36px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2.5px;
  margin-top: 6px;
}

.element.element.element.SectionList > .icon-wrapper, .element.element.element.VerticalList > .icon-wrapper {
  display: none;
}
.element.element.element.SectionList > .inner-element > .dropsection, .element.element.element.VerticalList > .inner-element > .dropsection {
  height: 80px;
  flex-shrink: 0;
  background: #f5faff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e6df6;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 10px;
}
.element.element.element.SectionList > .inner-element > .dropsection:hover, .element.element.element.VerticalList > .inner-element > .dropsection:hover {
  color: #4086de;
}
.element.element.element.SectionList > .inner-element > .dummy-wrapper, .element.element.element.VerticalList > .inner-element > .dummy-wrapper {
  height: 0;
  min-height: 0;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.element.element.element.HorizontalList > .inner-element > .dummy-wrapper {
  width: 0;
  min-width: 0;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.element.element.element.ShortList > .inner-element > .dummy-wrapper, .element.element.element.SelectableList > .inner-element > .dummy-wrapper {
  height: 0;
  min-height: 0;
  flex-shrink: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.element.element.element.SectionList.selected > .icon-wrapper, .element.element.element.VerticalList.selected > .icon-wrapper {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.element.element.element.SectionList.selected > .icon-wrapper > *, .element.element.element.VerticalList.selected > .icon-wrapper > * {
  pointer-events: auto;
}
.element.element.element.SectionList.selected > .icon-wrapper .wrapper, .element.element.element.VerticalList.selected > .icon-wrapper .wrapper {
  background-color: #f5faff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
}

.canvas:not(.responsive-mode) .element.selected > *,
.designcanvas:not(.responsive-mode) .element.selected > * {
  cursor: move;
}

.button-start-workflow {
  font-size: 11px;
  width: 100px;
  float: right;
  padding: 5px;
  margin-top: 1px;
  background-color: #5a5a5a;
  color: white;
  cursor: pointer;
  opacity: 0.5;
}
.button-start-workflow:hover, .button-start-workflow:active {
  opacity: 0.7;
}

.element .page-element,
.page-element.selected > *,
.element.non-draggable.selected > * {
  cursor: default;
}

.mode-insert-new .element *,
.mode-insert-new .page-element.element * {
  cursor: crosshair !important;
}

.element.RepeatingGroup .list-dummy *,
.element.ShortList .list-dummy *,
.element.SelectableList .list-dummy * {
  opacity: 0.8;
  cursor: pointer !important;
}
.element.RepeatingGroup .list-dummy .inner-element,
.element.ShortList .list-dummy .inner-element,
.element.SelectableList .list-dummy .inner-element {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.element.RepeatingGroup .list-dummy.fixed > *,
.element.ShortList .list-dummy.fixed > *,
.element.SelectableList .list-dummy.fixed > * {
  position: absolute;
}
.element.RepeatingGroup.selected .list-dummy *,
.element.ShortList.selected .list-dummy *,
.element.SelectableList.selected .list-dummy * {
  cursor: move !important;
}

/* ----------------------------------

ACTION EDITOR

---------------------------------- */
.action-editor {
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  flex: 1;
}
.action-editor .tabs-2.tabcanvas {
  background-repeat: repeat;
}
.action-editor .row,
.action-editor .potential-token {
  display: inline-block;
}
.action-editor .wf-beta-banner {
  padding: 16px 24px 0 31px;
  width: calc(100% - 340px);
  max-width: 992px;
  min-width: 630px;
}
.action-editor .wf-beta-banner.refresh-banner {
  max-width: 1016px;
}
.action-editor .wf-beta-banner .button-styling {
  min-width: fit-content;
}
.action-editor .wf-beta-banner.hidden {
  padding: 0;
}
.action-editor .token,
.action-editor .potential-token {
  margin-left: 30px;
  margin-top: 30px;
  display: inline-table;
  vertical-align: middle;
}
.action-editor .token.root .token-box,
.action-editor .potential-token.root .token-box {
  width: 140px;
  height: 140px;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
}
.action-editor .token.root .token-box {
  cursor: pointer;
  padding: 5px 5px 2px 5px;
  background-color: #f1f2f2;
  border: 1px solid #b4bfc3;
  color: var(--b-txt-primary, #1a1a1a);
}
.action-editor .token.root .token-box:hover {
  background-color: rgb(249, 249, 249);
}
.action-editor .token.root .token-box.blue {
  background-color: #d8f1ff;
  border: 1px solid #9cdcff;
}
.action-editor .token.root .token-box.blue:hover {
  background-color: #edf8ff;
}
.action-editor .token.root .token-box.red {
  background-color: #ffe2e2;
  border: 1px solid #f1abab;
}
.action-editor .token.root .token-box.red:hover {
  background-color: #ffeded;
}
.action-editor .token.root .token-box.green {
  background-color: #cfffd7;
  border: 1px solid #7ce08a;
}
.action-editor .token.root .token-box.green:hover {
  background-color: #eaffee;
}
.action-editor .token.root .token-box.orange {
  background-color: #ffe3be;
  border: 1px solid #ffba4f;
}
.action-editor .token.root .token-box.orange:hover {
  background-color: #fff3e3;
}
.action-editor .token.root .token-box.blue {
  background-color: #d8f1ff;
  border: 1px solid #9cdbff;
}
.action-editor .token.root .token-box.blue:hover {
  background-color: #edf8ff;
}
.action-editor .token.root .token-box.purple {
  background-color: #f7d3ff;
  border: 1px solid #dc86d0;
}
.action-editor .token.root .token-box.purple:hover {
  background-color: #fae4ff;
}
.action-editor .token.root .token-box.cyan {
  background-color: #b7fdfa;
  border: 1px solid #34c3be;
}
.action-editor .token.root .token-box.cyan:hover {
  background-color: #d3fffd;
}
.action-editor .token.root .token-box.brown {
  background-color: #ffdcc6;
  border: 1px solid #f9b388;
}
.action-editor .token.root .token-box.brown:hover {
  background-color: #ffecdf;
}
.action-editor .token.root .token-box .disabled-indicator {
  visibility: hidden;
  display: inline;
  float: left;
  width: 15px;
  height: 15px;
  font-size: 15px;
}
.action-editor .token.root .token-box .disabled-indicator:before {
  content: "🚫";
}
.action-editor .token.root .token-box.workflow-disabled {
  opacity: 0.6;
}
.action-editor .token.root .token-box.workflow-disabled .disabled-indicator {
  visibility: visible;
}
.action-editor .token.root .token-box .pre-caption {
  font-size: 16px;
  line-height: 30px;
}
.action-editor .token.root .token-box .token-text {
  height: 84px;
  line-height: 16px;
}
.action-editor .token.root .token-box .btn.delete {
  display: none;
}
.action-editor .token.root.selected .token-box, .action-editor .token.root.event-selected .token-box {
  background-color: #9c9c9c !important;
  color: white;
  border: 1px solid #777777;
}
.action-editor .token.root.selected .token-box.red, .action-editor .token.root.event-selected .token-box.red {
  background-color: #e88888 !important;
  border: 1px solid #d26565;
}
.action-editor .token.root.selected .token-box.green, .action-editor .token.root.event-selected .token-box.green {
  background-color: #62cc71 !important;
  border: 1px solid #46b356;
}
.action-editor .token.root.selected .token-box.orange, .action-editor .token.root.event-selected .token-box.orange {
  background-color: #ffba4f !important;
  border: 1px solid #eca940;
}
.action-editor .token.root.selected .token-box.blue, .action-editor .token.root.event-selected .token-box.blue {
  background-color: rgb(121, 186, 230) !important;
  border: 1px solid rgb(82, 173, 224);
}
.action-editor .token.root.selected .token-box.purple, .action-editor .token.root.event-selected .token-box.purple {
  background-color: #da77cd !important;
  border: 1px solid #d068c2;
}
.action-editor .token.root.selected .token-box.cyan, .action-editor .token.root.event-selected .token-box.cyan {
  background-color: #4bccc7 !important;
  border: 1px solid #34c3be;
}
.action-editor .token.root.selected .token-box.brown, .action-editor .token.root.event-selected .token-box.brown {
  background-color: #f19660 !important;
  border: 1px solid #d27d4a;
}
.action-editor .token.root.selected .token-box .token-text, .action-editor .token.root.event-selected .token-box .token-text {
  overflow: hidden;
}
.action-editor .token.root.selected,
.action-editor .token.root.selected .token-box {
  cursor: default !important;
}
.action-editor .token.root.selected .btn.delete {
  cursor: pointer;
  display: block;
  opacity: 0.8;
}
.action-editor .token.root.selected .btn.delete:hover {
  opacity: 1;
}
.action-editor .token.root .btn.delete {
  float: right;
}
.action-editor .token.root .btn.delete:before {
  font-family: "FontAwesome";
  content: "\f014";
  width: 15px;
  height: 10px;
  font-size: 15px;
}
.action-editor .potential-token.root {
  cursor: pointer;
}
.action-editor .potential-token.root .token-box {
  color: grey;
  border: 1px dashed grey;
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
}
.action-editor .potential-token.root .token-box:hover {
  border: 1px solid #b4bfc3;
}
.action-editor .workflow_canvas {
  background-color: rgb(249, 249, 249);
  position: absolute;
  min-height: 90px;
  -webkit-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  -moz-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 20px 20px 20px;
  border-bottom: 1px solid rgb(245, 245, 245);
  border-left: 1px solid rgb(245, 245, 245);
  border-right: 1px solid rgb(245, 245, 245);
  border-top: 4px solid #9c9c9c;
}
.action-editor .workflow_canvas.red {
  border-top: 4px solid #e88888;
}
.action-editor .workflow_canvas.red .workflow-arrow:before {
  color: #e88888;
}
.action-editor .workflow_canvas.green {
  border-top: 4px solid #62cc71;
}
.action-editor .workflow_canvas.green .workflow-arrow:before {
  color: #62cc71;
}
.action-editor .workflow_canvas.orange {
  border-top: 4px solid #ffba4f;
}
.action-editor .workflow_canvas.orange .workflow-arrow:before {
  color: #ffba4f;
}
.action-editor .workflow_canvas.blue {
  border-top: 4px solid rgb(121, 186, 230);
}
.action-editor .workflow_canvas.blue .workflow-arrow:before {
  color: rgb(121, 186, 230);
}
.action-editor .workflow_canvas.purple {
  border-top: 4px solid #da77cd;
}
.action-editor .workflow_canvas.purple .workflow-arrow:before {
  color: #da77cd;
}
.action-editor .workflow_canvas.cyan {
  border-top: 4px solid #4bccc7;
}
.action-editor .workflow_canvas.cyan .workflow-arrow:before {
  color: #4bccc7;
}
.action-editor .workflow_canvas.brown {
  border-top: 4px solid #f19660;
}
.action-editor .workflow_canvas.brown .workflow-arrow:before {
  color: #f19660;
}
.action-editor .workflow_canvas .workflow-arrow {
  position: absolute;
  top: -20px;
}
.action-editor .workflow_canvas .workflow-arrow:before {
  font-family: "FontAwesome";
  content: "\f0d8";
  width: 15px;
  height: 10px;
  color: #9c9c9c;
  font-size: 25px;
}
.action-editor .workflow_canvas .closebutton {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  position: absolute;
  right: 8px;
  margin-top: -3px;
  cursor: pointer;
  text-align: center;
  color: #b4bfc3;
}
.action-editor .workflow_canvas .closebutton:before {
  font-family: "FontAwesome";
  content: "\f00d";
  font-size: 18px;
}
.action-editor .workflow_canvas .token.child,
.action-editor .workflow_canvas .potential-token {
  margin-top: 10px;
  margin-left: 0px;
  vertical-align: top;
}
.action-editor .workflow_canvas .token.child.droppable-box .token-box,
.action-editor .workflow_canvas .potential-token.droppable-box .token-box {
  width: 100%;
}
.action-editor .workflow_canvas .token.child .token-box,
.action-editor .workflow_canvas .potential-token .token-box {
  margin-left: 25px;
  height: 49px;
  padding: 13px 10px 5px 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 12px;
  color: var(--b-txt-primary, #1a1a1a);
  display: inline-table;
  cursor: pointer;
  border: 1px solid transparent;
}
.action-editor .workflow_canvas .token.child .token-box:hover,
.action-editor .workflow_canvas .potential-token .token-box:hover {
  border: 1px solid #b4bfc3;
}
.action-editor .workflow_canvas .token.child .token-box .token-text,
.action-editor .workflow_canvas .potential-token .token-box .token-text {
  height: 20px;
}
.action-editor .workflow_canvas .token.child .token-box .has-condition,
.action-editor .workflow_canvas .potential-token .token-box .has-condition {
  float: left;
}
.action-editor .workflow_canvas .token.child .token-box .btn,
.action-editor .workflow_canvas .token.child .token-box .has-condition,
.action-editor .workflow_canvas .token.child .token-box .step-caption,
.action-editor .workflow_canvas .potential-token .token-box .btn,
.action-editor .workflow_canvas .potential-token .token-box .has-condition,
.action-editor .workflow_canvas .potential-token .token-box .step-caption {
  font-size: 10px;
  opacity: 0.6;
}
.action-editor .workflow_canvas .token.child .token-box .btn,
.action-editor .workflow_canvas .token.child .token-box .has-condition,
.action-editor .workflow_canvas .potential-token .token-box .btn,
.action-editor .workflow_canvas .potential-token .token-box .has-condition {
  margin-top: -4px;
  margin-right: 10px;
}
.action-editor .workflow_canvas .token.child .token-box .btn.delete,
.action-editor .workflow_canvas .token.child .token-box .has-condition.delete,
.action-editor .workflow_canvas .potential-token .token-box .btn.delete,
.action-editor .workflow_canvas .potential-token .token-box .has-condition.delete {
  float: right;
  display: none;
  margin-right: 0px;
}
.action-editor .workflow_canvas .token.child .token-box .step-caption,
.action-editor .workflow_canvas .potential-token .token-box .step-caption {
  margin-top: -11px;
  margin-bottom: 4px;
}
.action-editor .workflow_canvas .token.child.selected .token-box,
.action-editor .workflow_canvas .potential-token.selected .token-box {
  cursor: default !important;
  border: 1px solid #b4bfc3;
}
.action-editor .workflow_canvas .token.child.selected .btn.delete,
.action-editor .workflow_canvas .potential-token.selected .btn.delete {
  opacity: 0.6;
  display: block;
}
.action-editor .workflow_canvas .token.child.selected .btn.delete:hover,
.action-editor .workflow_canvas .potential-token.selected .btn.delete:hover {
  opacity: 1;
}
.action-editor .workflow_canvas .token.child:first-child .token-box, .action-editor .workflow_canvas .token.child.first-action .token-box,
.action-editor .workflow_canvas .potential-token:first-child .token-box,
.action-editor .workflow_canvas .potential-token.first-action .token-box {
  margin-left: 0px;
}
.action-editor .workflow_canvas .token.child:first-child .pre-action-arrow, .action-editor .workflow_canvas .token.child.first-action .pre-action-arrow,
.action-editor .workflow_canvas .potential-token:first-child .pre-action-arrow,
.action-editor .workflow_canvas .potential-token.first-action .pre-action-arrow {
  margin-left: -11px;
  color: transparent;
}
.action-editor .workflow_canvas .token.child:first-child.droppable-box .token-box, .action-editor .workflow_canvas .token.child.first-action.droppable-box .token-box,
.action-editor .workflow_canvas .potential-token:first-child.droppable-box .token-box,
.action-editor .workflow_canvas .potential-token.first-action.droppable-box .token-box {
  margin-left: 0px !important;
}
.action-editor .workflow_canvas .token.child .pre-action-arrow,
.action-editor .workflow_canvas .potential-token .pre-action-arrow {
  font-size: 16px;
  color: var(--b-bg-contrast1, #525252);
  margin-top: 14px;
  position: absolute;
  margin-right: 8px;
  margin-left: 8px;
  cursor: pointer;
}
.action-editor .workflow_canvas .token.child.dragging,
.action-editor .workflow_canvas .potential-token.dragging {
  opacity: 0.5;
}
.action-editor .workflow_canvas .token.child.dragged-clone,
.action-editor .workflow_canvas .potential-token.dragged-clone {
  margin-left: 25px;
  position: fixed;
}
.action-editor .workflow_canvas .token.child.dragged-clone.first-action,
.action-editor .workflow_canvas .potential-token.dragged-clone.first-action {
  margin-left: 0px;
}
.action-editor .workflow_canvas .token.child.dragged-clone .token-box,
.action-editor .workflow_canvas .potential-token.dragged-clone .token-box {
  margin-left: 0px;
}
.action-editor .workflow_canvas .token.child.dragged-clone .pre-action-arrow,
.action-editor .workflow_canvas .potential-token.dragged-clone .pre-action-arrow {
  display: none;
}
.action-editor .workflow_canvas .potential-token:first-child .pre-action-arrow:hover, .action-editor .workflow_canvas .potential-token:first-child .pre-action-arrow:active {
  color: transparent;
  cursor: default;
}
.action-editor .workflow_canvas .potential-token .token-box {
  margin-left: 30px;
  padding-top: 16px;
  border: 1px dashed #b4bfc3;
}
.action-editor .workflow_canvas .potential-token .token-box:hover {
  border: 1px solid #b4bfc3;
}
.action-editor .workflow_canvas .potential-token.droppable-box .token-box {
  margin-left: 25px;
}
.action-editor .token-children {
  display: inline-table;
  vertical-align: middle;
}

.action-details {
  position: absolute;
  margin-top: -200px;
  margin-left: -100px;
  top: 50%;
  left: 50%;
  width: 200px;
  background-color: white;
  padding: 20px;
  border: 1px black solid;
}

/*------------------
DATA PALETTE % popup-menu
------------------*/
.popup-menu {
  max-height: 700px;
  z-index: -1;
}
.popup-menu.event-menu {
  width: 340px;
}
.popup-menu.action-menu {
  width: 440px;
  margin-bottom: 50px;
}
.popup-menu .popup-menu-content {
  float: left;
  border: 1px solid rgb(245, 245, 245);
  background-color: white;
  font-size: 12px;
  color: var(--b-txt-primary, #1a1a1a);
  cursor: default;
  position: absolute;
  z-index: 1;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  -moz-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
  box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49);
}
.popup-menu .popup-menu-content .section-pane {
  border-right: 1px solid rgb(245, 245, 245);
}
.popup-menu .popup-menu-content .section-pane,
.popup-menu .popup-menu-content .actions-pane,
.popup-menu .popup-menu-content .recommended-actions-wrapper,
.popup-menu .popup-menu-content .found-action-pane {
  float: left;
}
.popup-menu .popup-menu-content .section-pane .section-title,
.popup-menu .popup-menu-content .section-pane .item,
.popup-menu .popup-menu-content .actions-pane .section-title,
.popup-menu .popup-menu-content .actions-pane .item,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title,
.popup-menu .popup-menu-content .recommended-actions-wrapper .item,
.popup-menu .popup-menu-content .found-action-pane .section-title,
.popup-menu .popup-menu-content .found-action-pane .item {
  cursor: pointer;
}
.popup-menu .popup-menu-content .section-pane .section-title,
.popup-menu .popup-menu-content .actions-pane .section-title,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title,
.popup-menu .popup-menu-content .found-action-pane .section-title {
  padding: 10px 13px 10px 45px;
}
.popup-menu .popup-menu-content .section-pane .section-title.opened,
.popup-menu .popup-menu-content .actions-pane .section-title.opened,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.opened,
.popup-menu .popup-menu-content .found-action-pane .section-title.opened {
  background-color: rgb(249, 249, 249);
  color: #000000;
}
.popup-menu .popup-menu-content .section-pane .section-title:before,
.popup-menu .popup-menu-content .actions-pane .section-title:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title:before,
.popup-menu .popup-menu-content .found-action-pane .section-title:before {
  font-family: "bubble";
  position: absolute;
  left: 15px;
  margin-top: -2px;
  font-size: 15px;
  color: #989898;
}
.popup-menu .popup-menu-content .section-pane .section-title.general:before,
.popup-menu .popup-menu-content .actions-pane .section-title.general:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.general:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.general:before {
  content: "\e621";
}
.popup-menu .popup-menu-content .section-pane .section-title.account:before,
.popup-menu .popup-menu-content .actions-pane .section-title.account:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.account:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.account:before {
  content: "\e621";
}
.popup-menu .popup-menu-content .section-pane .section-title.navigation:before,
.popup-menu .popup-menu-content .actions-pane .section-title.navigation:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.navigation:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.navigation:before {
  content: "\e625";
}
.popup-menu .popup-menu-content .section-pane .section-title.native:before,
.popup-menu .popup-menu-content .actions-pane .section-title.native:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.native:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.native:before {
  content: "\f10b";
  font-family: "FontAwesome";
  font-size: 25px;
  left: 15px;
  margin-left: 2px;
  margin-top: -7px;
}
.popup-menu .popup-menu-content .section-pane .section-title.data:before,
.popup-menu .popup-menu-content .actions-pane .section-title.data:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.data:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.data:before {
  content: "\e627";
  left: 12px;
}
.popup-menu .popup-menu-content .section-pane .section-title.option:before,
.popup-menu .popup-menu-content .actions-pane .section-title.option:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.option:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.option:before {
  content: "\e627";
  left: 12px;
}
.popup-menu .popup-menu-content .section-pane .section-title.email:before, .popup-menu .popup-menu-content .section-pane .section-title.emails:before,
.popup-menu .popup-menu-content .actions-pane .section-title.email:before,
.popup-menu .popup-menu-content .actions-pane .section-title.emails:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.email:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.emails:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.email:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.emails:before {
  content: "\e624";
}
.popup-menu .popup-menu-content .section-pane .section-title.payment:before,
.popup-menu .popup-menu-content .actions-pane .section-title.payment:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.payment:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.payment:before {
  content: "\e626";
}
.popup-menu .popup-menu-content .section-pane .section-title.analytics:before,
.popup-menu .popup-menu-content .actions-pane .section-title.analytics:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.analytics:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.analytics:before {
  content: "\e622";
}
.popup-menu .popup-menu-content .section-pane .section-title.custom:before,
.popup-menu .popup-menu-content .actions-pane .section-title.custom:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.custom:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.custom:before {
  font-family: "FontAwesome";
  content: "\f085";
}
.popup-menu .popup-menu-content .section-pane .section-title.element:before, .popup-menu .popup-menu-content .section-pane .section-title.elements:before,
.popup-menu .popup-menu-content .actions-pane .section-title.element:before,
.popup-menu .popup-menu-content .actions-pane .section-title.elements:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.element:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.elements:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.element:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.elements:before {
  content: "\e623";
}
.popup-menu .popup-menu-content .section-pane .section-title.interactions:before,
.popup-menu .popup-menu-content .actions-pane .section-title.interactions:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.interactions:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.interactions:before {
  font-family: "FontAwesome";
  content: "\f0a6";
}
.popup-menu .popup-menu-content .section-pane .section-title.plugins:before,
.popup-menu .popup-menu-content .actions-pane .section-title.plugins:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.plugins:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.plugins:before {
  font-family: bubble;
  content: "\e629";
}
.popup-menu .popup-menu-content .section-pane .section-title.special:before,
.popup-menu .popup-menu-content .actions-pane .section-title.special:before,
.popup-menu .popup-menu-content .recommended-actions-wrapper .section-title.special:before,
.popup-menu .popup-menu-content .found-action-pane .section-title.special:before {
  font-family: "FontAwesome";
  content: "\f006";
}
.popup-menu .popup-menu-content .section-pane .item:hover,
.popup-menu .popup-menu-content .actions-pane .item:hover,
.popup-menu .popup-menu-content .recommended-actions-wrapper .item:hover,
.popup-menu .popup-menu-content .found-action-pane .item:hover {
  background-color: rgb(249, 249, 249);
}
.popup-menu .popup-menu-content .section-pane .item,
.popup-menu .popup-menu-content .section-pane .no-action-found-item,
.popup-menu .popup-menu-content .actions-pane .item,
.popup-menu .popup-menu-content .actions-pane .no-action-found-item,
.popup-menu .popup-menu-content .recommended-actions-wrapper .item,
.popup-menu .popup-menu-content .recommended-actions-wrapper .no-action-found-item,
.popup-menu .popup-menu-content .found-action-pane .item,
.popup-menu .popup-menu-content .found-action-pane .no-action-found-item {
  padding: 7px 10px 7px 15px;
  float: left;
  clear: both;
  width: 100%;
}
.popup-menu .popup-menu-content .section-pane .actions.element .item,
.popup-menu .popup-menu-content .actions-pane .actions.element .item,
.popup-menu .popup-menu-content .recommended-actions-wrapper .actions.element .item,
.popup-menu .popup-menu-content .found-action-pane .actions.element .item {
  width: 114px;
  padding: 5px 5px 5px 11px;
  clear: none;
}
.popup-menu .popup-menu-content .section-pane .actions.element .element-action-title,
.popup-menu .popup-menu-content .actions-pane .actions.element .element-action-title,
.popup-menu .popup-menu-content .recommended-actions-wrapper .actions.element .element-action-title,
.popup-menu .popup-menu-content .found-action-pane .actions.element .element-action-title {
  clear: both;
  padding: 10px 0px 5px 10px;
  font-style: italic;
  font-size: 11px;
  border-bottom: 1px solid #ebebeb;
}
.popup-menu .popup-menu-content .section-pane .actions.element .element-action-title:first-child,
.popup-menu .popup-menu-content .actions-pane .actions.element .element-action-title:first-child,
.popup-menu .popup-menu-content .recommended-actions-wrapper .actions.element .element-action-title:first-child,
.popup-menu .popup-menu-content .found-action-pane .actions.element .element-action-title:first-child {
  padding-top: 4px;
}
.popup-menu .popup-menu-content .actions-pane .actions,
.popup-menu .popup-menu-content .found-action-pane {
  max-height: 370px;
  overflow: hidden;
  overflow-y: auto;
}
.popup-menu .popup-menu-content .recommended-actions-wrapper,
.popup-menu .popup-menu-content .search-actions-wrapper,
.popup-menu .popup-menu-content .found-action-pane {
  width: 100%;
  padding-bottom: 5px;
}
.popup-menu .popup-menu-content .recommended-actions-wrapper .recommended-action-title,
.popup-menu .popup-menu-content .search-actions-wrapper .recommended-action-title,
.popup-menu .popup-menu-content .found-action-pane .recommended-action-title {
  padding: 6px;
  font-size: 10px;
  opacity: 0.6;
}
.popup-menu .popup-menu-content .recommended-actions-wrapper,
.popup-menu .popup-menu-content .search-actions-wrapper {
  border-bottom: 1px solid rgb(245, 245, 245);
}
.popup-menu .popup-menu-content .search-actions-wrapper .search-actions-input {
  width: 100%;
  padding: 15px;
  margin-top: 3px;
  border: none;
  outline: none;
}
.popup-menu.event-menu .actions-pane {
  width: 180px;
}
.popup-menu.event-menu .section-title {
  padding: 21px 13px 21px 45px !important;
}
.popup-menu.event-menu .section-pane {
  width: 150px;
}
.popup-menu.action-menu .actions-pane {
  width: 241px;
}
.popup-menu .popup-menu-spacer {
  float: left;
  clear: both;
  height: 450px;
  width: 100px;
  z-index: 0;
}

.context-menu.composer {
  margin-left: 70px;
  margin-top: -70px;
}

/*------------------
HINTS
------------------*/
.flusk-alert-container {
  max-width: 800px;
}

.flusk-alert-wrapper {
  margin-right: 25px;
}

.flusk-alert-margin-top {
  margin-top: 20px;
}

.thumbnail-canvas {
  pointer-events: none;
  position: fixed;
  z-index: 50000013;
  opacity: 0;
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid var(--b-bg-contrast1, #525252);
  padding: 5px;
  box-sizing: content-box; /* we use content box so that we can programmatically set the width of the content area */
  -moz-box-sizing: content-box;
}
.thumbnail-canvas.show-text {
  font-size: 12px;
  color: white;
  background: var(--b-bg-contrast1, #525252);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 2px;
}
.thumbnail-canvas.show-text.bottom:before {
  content: "\f0de";
  margin-top: -18px;
  margin-left: 20px;
}
.thumbnail-canvas .thumbnail-area {
  overflow: hidden;
}
.thumbnail-canvas:before {
  font-family: "FontAwesome";
  font-size: 30px;
  color: var(--b-bg-contrast1, #525252);
  position: absolute;
}
.thumbnail-canvas.bottom:before {
  content: "\f0de";
  margin-top: -20px;
  margin-left: 20px;
}
.thumbnail-canvas.bottom.reverse:before {
  content: "\f0dd";
  margin-left: 20px;
  bottom: -15px;
}
.thumbnail-canvas.left:before {
  content: "\f0d9";
  margin-top: -3px;
  margin-left: -18px;
}
.thumbnail-canvas.left.reverse:before {
  content: "\f0da";
  right: -14px;
}
.thumbnail-canvas.right::before {
  content: "\f0da";
  right: -14px;
}

.styles-editor {
  height: 100%;
  width: 100%;
}
.styles-editor .styles-tab {
  height: 100%;
}
.styles-editor .element-type-caption,
.styles-editor .element-type-picker.editor.dropdown,
.styles-editor .style-name-caption,
.styles-editor .style-name-search {
  float: left;
  margin-left: 15px;
  margin-top: -3px;
}
.styles-editor .element-type-caption,
.styles-editor .style-name-caption {
  margin-left: 0px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.styles-editor .style-name-caption {
  margin-left: 30px;
}

.settings-editor,
.styles-editor,
.logs-editor {
  padding: 20px 0px 0px 30px;
}

.data-editor {
  --composer-dynamic-color: #67b3ff;
  --composer-dynamic-color-hovered: #cce5ff;
  --composer-spot-color: #fab515;
  --mandatory_color: #f91d56;
  --hovered_mandatory_color: #ff7575; /* like mandatory but whiter */
}

.data-editor,
.plugin-editor,
.template-editor {
  padding: 20px 0px 0px 30px;
}

.data-editor,
.plugin-editor,
.settings-editor,
.styles-editor,
.logs-editor,
.template-editor {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-primary, #1a1a1a);
  font-size: 14px;
}
.data-editor .page-header,
.plugin-editor .page-header,
.settings-editor .page-header,
.styles-editor .page-header,
.logs-editor .page-header,
.template-editor .page-header {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.data-editor .page-header .title-row,
.plugin-editor .page-header .title-row,
.settings-editor .page-header .title-row,
.styles-editor .page-header .title-row,
.logs-editor .page-header .title-row,
.template-editor .page-header .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-editor .page-header .title-row .title,
.plugin-editor .page-header .title-row .title,
.settings-editor .page-header .title-row .title,
.styles-editor .page-header .title-row .title,
.logs-editor .page-header .title-row .title,
.template-editor .page-header .title-row .title {
  font-size: 18px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.data-editor .page-header .plugin-banner,
.plugin-editor .page-header .plugin-banner,
.settings-editor .page-header .plugin-banner,
.styles-editor .page-header .plugin-banner,
.logs-editor .page-header .plugin-banner,
.template-editor .page-header .plugin-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #fab515;
  background: rgba(250, 181, 21, 0.12);
  font-size: 12px;
  line-height: 14px;
  font-family: "Open Sans";
}
.data-editor .page-header .plugin-banner a,
.plugin-editor .page-header .plugin-banner a,
.settings-editor .page-header .plugin-banner a,
.styles-editor .page-header .plugin-banner a,
.logs-editor .page-header .plugin-banner a,
.template-editor .page-header .plugin-banner a {
  font-weight: 600;
}
.data-editor .page-header .plugin-banner a:last-child,
.plugin-editor .page-header .plugin-banner a:last-child,
.settings-editor .page-header .plugin-banner a:last-child,
.styles-editor .page-header .plugin-banner a:last-child,
.logs-editor .page-header .plugin-banner a:last-child,
.template-editor .page-header .plugin-banner a:last-child {
  margin-left: auto;
}
.data-editor .page-header .plugin-banner a:hover,
.plugin-editor .page-header .plugin-banner a:hover,
.settings-editor .page-header .plugin-banner a:hover,
.styles-editor .page-header .plugin-banner a:hover,
.logs-editor .page-header .plugin-banner a:hover,
.template-editor .page-header .plugin-banner a:hover {
  text-decoration: underline;
}
.data-editor .page-header .plugin-banner span:first-child,
.plugin-editor .page-header .plugin-banner span:first-child,
.settings-editor .page-header .plugin-banner span:first-child,
.styles-editor .page-header .plugin-banner span:first-child,
.logs-editor .page-header .plugin-banner span:first-child,
.template-editor .page-header .plugin-banner span:first-child {
  height: 16px;
  width: 16px;
  padding: 0;
  color: #000 !important;
}
.data-editor .add-new-plugin,
.data-editor .add-new-style,
.data-editor .apply-theme,
.plugin-editor .add-new-plugin,
.plugin-editor .add-new-style,
.plugin-editor .apply-theme,
.settings-editor .add-new-plugin,
.settings-editor .add-new-style,
.settings-editor .apply-theme,
.styles-editor .add-new-plugin,
.styles-editor .add-new-style,
.styles-editor .apply-theme,
.logs-editor .add-new-plugin,
.logs-editor .add-new-style,
.logs-editor .apply-theme,
.template-editor .add-new-plugin,
.template-editor .add-new-style,
.template-editor .apply-theme {
  width: auto !important;
  margin-top: -10px;
  margin-bottom: -5px;
}
.data-editor .add-new-plugin:before,
.data-editor .add-new-style:before,
.data-editor .apply-theme:before,
.plugin-editor .add-new-plugin:before,
.plugin-editor .add-new-style:before,
.plugin-editor .apply-theme:before,
.settings-editor .add-new-plugin:before,
.settings-editor .add-new-style:before,
.settings-editor .apply-theme:before,
.styles-editor .add-new-plugin:before,
.styles-editor .add-new-style:before,
.styles-editor .apply-theme:before,
.logs-editor .add-new-plugin:before,
.logs-editor .add-new-style:before,
.logs-editor .apply-theme:before,
.template-editor .add-new-plugin:before,
.template-editor .add-new-style:before,
.template-editor .apply-theme:before {
  font-family: FontAwesome;
  margin-right: 5px;
  top: 1px;
  position: relative;
}
.data-editor .apply-theme:before,
.plugin-editor .apply-theme:before,
.settings-editor .apply-theme:before,
.styles-editor .apply-theme:before,
.logs-editor .apply-theme:before,
.template-editor .apply-theme:before {
  content: "\f1fc";
}
.data-editor .usertypeeditor,
.data-editor .plugintab,
.data-editor .settingstab,
.data-editor .logstab,
.plugin-editor .usertypeeditor,
.plugin-editor .plugintab,
.plugin-editor .settingstab,
.plugin-editor .logstab,
.settings-editor .usertypeeditor,
.settings-editor .plugintab,
.settings-editor .settingstab,
.settings-editor .logstab,
.styles-editor .usertypeeditor,
.styles-editor .plugintab,
.styles-editor .settingstab,
.styles-editor .logstab,
.logs-editor .usertypeeditor,
.logs-editor .plugintab,
.logs-editor .settingstab,
.logs-editor .logstab,
.template-editor .usertypeeditor,
.template-editor .plugintab,
.template-editor .settingstab,
.template-editor .logstab {
  float: left;
}
.data-editor .usertypeeditor input,
.data-editor .usertypeeditor textarea,
.data-editor .plugintab input,
.data-editor .plugintab textarea,
.data-editor .settingstab input,
.data-editor .settingstab textarea,
.data-editor .logstab input,
.data-editor .logstab textarea,
.plugin-editor .usertypeeditor input,
.plugin-editor .usertypeeditor textarea,
.plugin-editor .plugintab input,
.plugin-editor .plugintab textarea,
.plugin-editor .settingstab input,
.plugin-editor .settingstab textarea,
.plugin-editor .logstab input,
.plugin-editor .logstab textarea,
.settings-editor .usertypeeditor input,
.settings-editor .usertypeeditor textarea,
.settings-editor .plugintab input,
.settings-editor .plugintab textarea,
.settings-editor .settingstab input,
.settings-editor .settingstab textarea,
.settings-editor .logstab input,
.settings-editor .logstab textarea,
.styles-editor .usertypeeditor input,
.styles-editor .usertypeeditor textarea,
.styles-editor .plugintab input,
.styles-editor .plugintab textarea,
.styles-editor .settingstab input,
.styles-editor .settingstab textarea,
.styles-editor .logstab input,
.styles-editor .logstab textarea,
.logs-editor .usertypeeditor input,
.logs-editor .usertypeeditor textarea,
.logs-editor .plugintab input,
.logs-editor .plugintab textarea,
.logs-editor .settingstab input,
.logs-editor .settingstab textarea,
.logs-editor .logstab input,
.logs-editor .logstab textarea,
.template-editor .usertypeeditor input,
.template-editor .usertypeeditor textarea,
.template-editor .plugintab input,
.template-editor .plugintab textarea,
.template-editor .settingstab input,
.template-editor .settingstab textarea,
.template-editor .logstab input,
.template-editor .logstab textarea {
  background: transparent;
  color: var(--b-txt-primary, #1a1a1a);
  border: 1px solid var(--b-border, #e6e6e6);
}
.data-editor .usertypeeditor input:focus, .data-editor .usertypeeditor input:hover,
.data-editor .usertypeeditor textarea:focus,
.data-editor .usertypeeditor textarea:hover,
.data-editor .plugintab input:focus,
.data-editor .plugintab input:hover,
.data-editor .plugintab textarea:focus,
.data-editor .plugintab textarea:hover,
.data-editor .settingstab input:focus,
.data-editor .settingstab input:hover,
.data-editor .settingstab textarea:focus,
.data-editor .settingstab textarea:hover,
.data-editor .logstab input:focus,
.data-editor .logstab input:hover,
.data-editor .logstab textarea:focus,
.data-editor .logstab textarea:hover,
.plugin-editor .usertypeeditor input:focus,
.plugin-editor .usertypeeditor input:hover,
.plugin-editor .usertypeeditor textarea:focus,
.plugin-editor .usertypeeditor textarea:hover,
.plugin-editor .plugintab input:focus,
.plugin-editor .plugintab input:hover,
.plugin-editor .plugintab textarea:focus,
.plugin-editor .plugintab textarea:hover,
.plugin-editor .settingstab input:focus,
.plugin-editor .settingstab input:hover,
.plugin-editor .settingstab textarea:focus,
.plugin-editor .settingstab textarea:hover,
.plugin-editor .logstab input:focus,
.plugin-editor .logstab input:hover,
.plugin-editor .logstab textarea:focus,
.plugin-editor .logstab textarea:hover,
.settings-editor .usertypeeditor input:focus,
.settings-editor .usertypeeditor input:hover,
.settings-editor .usertypeeditor textarea:focus,
.settings-editor .usertypeeditor textarea:hover,
.settings-editor .plugintab input:focus,
.settings-editor .plugintab input:hover,
.settings-editor .plugintab textarea:focus,
.settings-editor .plugintab textarea:hover,
.settings-editor .settingstab input:focus,
.settings-editor .settingstab input:hover,
.settings-editor .settingstab textarea:focus,
.settings-editor .settingstab textarea:hover,
.settings-editor .logstab input:focus,
.settings-editor .logstab input:hover,
.settings-editor .logstab textarea:focus,
.settings-editor .logstab textarea:hover,
.styles-editor .usertypeeditor input:focus,
.styles-editor .usertypeeditor input:hover,
.styles-editor .usertypeeditor textarea:focus,
.styles-editor .usertypeeditor textarea:hover,
.styles-editor .plugintab input:focus,
.styles-editor .plugintab input:hover,
.styles-editor .plugintab textarea:focus,
.styles-editor .plugintab textarea:hover,
.styles-editor .settingstab input:focus,
.styles-editor .settingstab input:hover,
.styles-editor .settingstab textarea:focus,
.styles-editor .settingstab textarea:hover,
.styles-editor .logstab input:focus,
.styles-editor .logstab input:hover,
.styles-editor .logstab textarea:focus,
.styles-editor .logstab textarea:hover,
.logs-editor .usertypeeditor input:focus,
.logs-editor .usertypeeditor input:hover,
.logs-editor .usertypeeditor textarea:focus,
.logs-editor .usertypeeditor textarea:hover,
.logs-editor .plugintab input:focus,
.logs-editor .plugintab input:hover,
.logs-editor .plugintab textarea:focus,
.logs-editor .plugintab textarea:hover,
.logs-editor .settingstab input:focus,
.logs-editor .settingstab input:hover,
.logs-editor .settingstab textarea:focus,
.logs-editor .settingstab textarea:hover,
.logs-editor .logstab input:focus,
.logs-editor .logstab input:hover,
.logs-editor .logstab textarea:focus,
.logs-editor .logstab textarea:hover,
.template-editor .usertypeeditor input:focus,
.template-editor .usertypeeditor input:hover,
.template-editor .usertypeeditor textarea:focus,
.template-editor .usertypeeditor textarea:hover,
.template-editor .plugintab input:focus,
.template-editor .plugintab input:hover,
.template-editor .plugintab textarea:focus,
.template-editor .plugintab textarea:hover,
.template-editor .settingstab input:focus,
.template-editor .settingstab input:hover,
.template-editor .settingstab textarea:focus,
.template-editor .settingstab textarea:hover,
.template-editor .logstab input:focus,
.template-editor .logstab input:hover,
.template-editor .logstab textarea:focus,
.template-editor .logstab textarea:hover {
  background: white;
}
.data-editor .usertypeeditor .composer-dropdown .spot,
.data-editor .plugintab .composer-dropdown .spot,
.data-editor .settingstab .composer-dropdown .spot,
.data-editor .logstab .composer-dropdown .spot,
.plugin-editor .usertypeeditor .composer-dropdown .spot,
.plugin-editor .plugintab .composer-dropdown .spot,
.plugin-editor .settingstab .composer-dropdown .spot,
.plugin-editor .logstab .composer-dropdown .spot,
.settings-editor .usertypeeditor .composer-dropdown .spot,
.settings-editor .plugintab .composer-dropdown .spot,
.settings-editor .settingstab .composer-dropdown .spot,
.settings-editor .logstab .composer-dropdown .spot,
.styles-editor .usertypeeditor .composer-dropdown .spot,
.styles-editor .plugintab .composer-dropdown .spot,
.styles-editor .settingstab .composer-dropdown .spot,
.styles-editor .logstab .composer-dropdown .spot,
.logs-editor .usertypeeditor .composer-dropdown .spot,
.logs-editor .plugintab .composer-dropdown .spot,
.logs-editor .settingstab .composer-dropdown .spot,
.logs-editor .logstab .composer-dropdown .spot,
.template-editor .usertypeeditor .composer-dropdown .spot,
.template-editor .plugintab .composer-dropdown .spot,
.template-editor .settingstab .composer-dropdown .spot,
.template-editor .logstab .composer-dropdown .spot {
  background-color: white !important;
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.data-editor .usertypeeditor .composer-dropdown .spot:hover, .data-editor .usertypeeditor .composer-dropdown .spot.selected,
.data-editor .plugintab .composer-dropdown .spot:hover,
.data-editor .plugintab .composer-dropdown .spot.selected,
.data-editor .settingstab .composer-dropdown .spot:hover,
.data-editor .settingstab .composer-dropdown .spot.selected,
.data-editor .logstab .composer-dropdown .spot:hover,
.data-editor .logstab .composer-dropdown .spot.selected,
.plugin-editor .usertypeeditor .composer-dropdown .spot:hover,
.plugin-editor .usertypeeditor .composer-dropdown .spot.selected,
.plugin-editor .plugintab .composer-dropdown .spot:hover,
.plugin-editor .plugintab .composer-dropdown .spot.selected,
.plugin-editor .settingstab .composer-dropdown .spot:hover,
.plugin-editor .settingstab .composer-dropdown .spot.selected,
.plugin-editor .logstab .composer-dropdown .spot:hover,
.plugin-editor .logstab .composer-dropdown .spot.selected,
.settings-editor .usertypeeditor .composer-dropdown .spot:hover,
.settings-editor .usertypeeditor .composer-dropdown .spot.selected,
.settings-editor .plugintab .composer-dropdown .spot:hover,
.settings-editor .plugintab .composer-dropdown .spot.selected,
.settings-editor .settingstab .composer-dropdown .spot:hover,
.settings-editor .settingstab .composer-dropdown .spot.selected,
.settings-editor .logstab .composer-dropdown .spot:hover,
.settings-editor .logstab .composer-dropdown .spot.selected,
.styles-editor .usertypeeditor .composer-dropdown .spot:hover,
.styles-editor .usertypeeditor .composer-dropdown .spot.selected,
.styles-editor .plugintab .composer-dropdown .spot:hover,
.styles-editor .plugintab .composer-dropdown .spot.selected,
.styles-editor .settingstab .composer-dropdown .spot:hover,
.styles-editor .settingstab .composer-dropdown .spot.selected,
.styles-editor .logstab .composer-dropdown .spot:hover,
.styles-editor .logstab .composer-dropdown .spot.selected,
.logs-editor .usertypeeditor .composer-dropdown .spot:hover,
.logs-editor .usertypeeditor .composer-dropdown .spot.selected,
.logs-editor .plugintab .composer-dropdown .spot:hover,
.logs-editor .plugintab .composer-dropdown .spot.selected,
.logs-editor .settingstab .composer-dropdown .spot:hover,
.logs-editor .settingstab .composer-dropdown .spot.selected,
.logs-editor .logstab .composer-dropdown .spot:hover,
.logs-editor .logstab .composer-dropdown .spot.selected,
.template-editor .usertypeeditor .composer-dropdown .spot:hover,
.template-editor .usertypeeditor .composer-dropdown .spot.selected,
.template-editor .plugintab .composer-dropdown .spot:hover,
.template-editor .plugintab .composer-dropdown .spot.selected,
.template-editor .settingstab .composer-dropdown .spot:hover,
.template-editor .settingstab .composer-dropdown .spot.selected,
.template-editor .logstab .composer-dropdown .spot:hover,
.template-editor .logstab .composer-dropdown .spot.selected {
  background: white !important;
}
.data-editor .plugintab .right-pane-inner,
.plugin-editor .plugintab .right-pane-inner,
.settings-editor .plugintab .right-pane-inner,
.styles-editor .plugintab .right-pane-inner,
.logs-editor .plugintab .right-pane-inner,
.template-editor .plugintab .right-pane-inner {
  overflow: hidden;
  padding-bottom: 100px !important;
}
.data-editor .plugintab .display-version,
.plugin-editor .plugintab .display-version,
.settings-editor .plugintab .display-version,
.styles-editor .plugintab .display-version,
.logs-editor .plugintab .display-version,
.template-editor .plugintab .display-version {
  margin-left: 4px;
}
.data-editor .usertypeeditor .left-pane,
.data-editor .usertypeeditor .right-pane,
.data-editor .plugintab .left-pane,
.data-editor .plugintab .right-pane,
.plugin-editor .usertypeeditor .left-pane,
.plugin-editor .usertypeeditor .right-pane,
.plugin-editor .plugintab .left-pane,
.plugin-editor .plugintab .right-pane,
.settings-editor .usertypeeditor .left-pane,
.settings-editor .usertypeeditor .right-pane,
.settings-editor .plugintab .left-pane,
.settings-editor .plugintab .right-pane,
.styles-editor .usertypeeditor .left-pane,
.styles-editor .usertypeeditor .right-pane,
.styles-editor .plugintab .left-pane,
.styles-editor .plugintab .right-pane,
.logs-editor .usertypeeditor .left-pane,
.logs-editor .usertypeeditor .right-pane,
.logs-editor .plugintab .left-pane,
.logs-editor .plugintab .right-pane,
.template-editor .usertypeeditor .left-pane,
.template-editor .usertypeeditor .right-pane,
.template-editor .plugintab .left-pane,
.template-editor .plugintab .right-pane {
  overflow-y: scroll;
}
.data-editor .usertypeeditor .left-pane,
.data-editor .plugintab .left-pane,
.plugin-editor .usertypeeditor .left-pane,
.plugin-editor .plugintab .left-pane,
.settings-editor .usertypeeditor .left-pane,
.settings-editor .plugintab .left-pane,
.styles-editor .usertypeeditor .left-pane,
.styles-editor .plugintab .left-pane,
.logs-editor .usertypeeditor .left-pane,
.logs-editor .plugintab .left-pane,
.template-editor .usertypeeditor .left-pane,
.template-editor .plugintab .left-pane {
  float: left;
  width: 400px;
  padding-right: 0px;
  border-top: 1px solid rgb(245, 245, 245);
}
.data-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.data-editor .plugintab .left-pane .custom-type-entry .delete-btn,
.plugin-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.plugin-editor .plugintab .left-pane .custom-type-entry .delete-btn,
.settings-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.settings-editor .plugintab .left-pane .custom-type-entry .delete-btn,
.styles-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.styles-editor .plugintab .left-pane .custom-type-entry .delete-btn,
.logs-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.logs-editor .plugintab .left-pane .custom-type-entry .delete-btn,
.template-editor .usertypeeditor .left-pane .custom-type-entry .delete-btn,
.template-editor .plugintab .left-pane .custom-type-entry .delete-btn {
  margin-top: 0px !important;
}
.data-editor .usertypeeditor .right-pane,
.data-editor .plugintab .right-pane,
.plugin-editor .usertypeeditor .right-pane,
.plugin-editor .plugintab .right-pane,
.settings-editor .usertypeeditor .right-pane,
.settings-editor .plugintab .right-pane,
.styles-editor .usertypeeditor .right-pane,
.styles-editor .plugintab .right-pane,
.logs-editor .usertypeeditor .right-pane,
.logs-editor .plugintab .right-pane,
.template-editor .usertypeeditor .right-pane,
.template-editor .plugintab .right-pane {
  float: left;
  width: 545px;
  padding-left: 10px;
  border-top: 1px solid rgb(245, 245, 245);
  border-left: 1px solid rgb(245, 245, 245);
  color: var(--b-txt-primary, #1a1a1a);
}
.data-editor .usertypeeditor .right-pane .right-pane-inner,
.data-editor .plugintab .right-pane .right-pane-inner,
.plugin-editor .usertypeeditor .right-pane .right-pane-inner,
.plugin-editor .plugintab .right-pane .right-pane-inner,
.settings-editor .usertypeeditor .right-pane .right-pane-inner,
.settings-editor .plugintab .right-pane .right-pane-inner,
.styles-editor .usertypeeditor .right-pane .right-pane-inner,
.styles-editor .plugintab .right-pane .right-pane-inner,
.logs-editor .usertypeeditor .right-pane .right-pane-inner,
.logs-editor .plugintab .right-pane .right-pane-inner,
.template-editor .usertypeeditor .right-pane .right-pane-inner,
.template-editor .plugintab .right-pane .right-pane-inner {
  padding: 10px;
}
.data-editor .usertypeeditor .right-pane .field-type,
.data-editor .plugintab .right-pane .field-type,
.plugin-editor .usertypeeditor .right-pane .field-type,
.plugin-editor .plugintab .right-pane .field-type,
.settings-editor .usertypeeditor .right-pane .field-type,
.settings-editor .plugintab .right-pane .field-type,
.styles-editor .usertypeeditor .right-pane .field-type,
.styles-editor .plugintab .right-pane .field-type,
.logs-editor .usertypeeditor .right-pane .field-type,
.logs-editor .plugintab .right-pane .field-type,
.template-editor .usertypeeditor .right-pane .field-type,
.template-editor .plugintab .right-pane .field-type {
  width: 180px !important;
}
.data-editor .usertypeeditor .right-pane .btn.add-new-type,
.data-editor .plugintab .right-pane .btn.add-new-type,
.plugin-editor .usertypeeditor .right-pane .btn.add-new-type,
.plugin-editor .plugintab .right-pane .btn.add-new-type,
.settings-editor .usertypeeditor .right-pane .btn.add-new-type,
.settings-editor .plugintab .right-pane .btn.add-new-type,
.styles-editor .usertypeeditor .right-pane .btn.add-new-type,
.styles-editor .plugintab .right-pane .btn.add-new-type,
.logs-editor .usertypeeditor .right-pane .btn.add-new-type,
.logs-editor .plugintab .right-pane .btn.add-new-type,
.template-editor .usertypeeditor .right-pane .btn.add-new-type,
.template-editor .plugintab .right-pane .btn.add-new-type {
  float: left;
  clear: both;
  width: auto;
  margin-top: 20px;
}
.data-editor .usertypeeditor .is-default,
.data-editor .usertypeeditor .display-version,
.data-editor .plugintab .is-default,
.data-editor .plugintab .display-version,
.plugin-editor .usertypeeditor .is-default,
.plugin-editor .usertypeeditor .display-version,
.plugin-editor .plugintab .is-default,
.plugin-editor .plugintab .display-version,
.settings-editor .usertypeeditor .is-default,
.settings-editor .usertypeeditor .display-version,
.settings-editor .plugintab .is-default,
.settings-editor .plugintab .display-version,
.styles-editor .usertypeeditor .is-default,
.styles-editor .usertypeeditor .display-version,
.styles-editor .plugintab .is-default,
.styles-editor .plugintab .display-version,
.logs-editor .usertypeeditor .is-default,
.logs-editor .usertypeeditor .display-version,
.logs-editor .plugintab .is-default,
.logs-editor .plugintab .display-version,
.template-editor .usertypeeditor .is-default,
.template-editor .usertypeeditor .display-version,
.template-editor .plugintab .is-default,
.template-editor .plugintab .display-version {
  margin-top: 6px;
  float: right;
  margin-right: 5px;
  font-size: 12px;
}
.data-editor .usertypeeditor .is-default,
.data-editor .plugintab .is-default,
.plugin-editor .usertypeeditor .is-default,
.plugin-editor .plugintab .is-default,
.settings-editor .usertypeeditor .is-default,
.settings-editor .plugintab .is-default,
.styles-editor .usertypeeditor .is-default,
.styles-editor .plugintab .is-default,
.logs-editor .usertypeeditor .is-default,
.logs-editor .plugintab .is-default,
.template-editor .usertypeeditor .is-default,
.template-editor .plugintab .is-default {
  color: var(--b-txt-tertiary, #8a8a8a);
}
.data-editor .usertypeeditor .field .delete-btn,
.data-editor .plugintab .field .delete-btn,
.plugin-editor .usertypeeditor .field .delete-btn,
.plugin-editor .plugintab .field .delete-btn,
.settings-editor .usertypeeditor .field .delete-btn,
.settings-editor .plugintab .field .delete-btn,
.styles-editor .usertypeeditor .field .delete-btn,
.styles-editor .plugintab .field .delete-btn,
.logs-editor .usertypeeditor .field .delete-btn,
.logs-editor .plugintab .field .delete-btn,
.template-editor .usertypeeditor .field .delete-btn,
.template-editor .plugintab .field .delete-btn {
  margin-top: 6px;
}
.data-editor .usertypeeditor .data-tab-ai,
.data-editor .plugintab .data-tab-ai,
.plugin-editor .usertypeeditor .data-tab-ai,
.plugin-editor .plugintab .data-tab-ai,
.settings-editor .usertypeeditor .data-tab-ai,
.settings-editor .plugintab .data-tab-ai,
.styles-editor .usertypeeditor .data-tab-ai,
.styles-editor .plugintab .data-tab-ai,
.logs-editor .usertypeeditor .data-tab-ai,
.logs-editor .plugintab .data-tab-ai,
.template-editor .usertypeeditor .data-tab-ai,
.template-editor .plugintab .data-tab-ai {
  display: flex;
  width: 100%;
  padding-top: 14px;
}
.data-editor .usertypeeditor .new-type .caption,
.data-editor .usertypeeditor .new-type .type-dropdown-caption,
.data-editor .plugintab .new-type .caption,
.data-editor .plugintab .new-type .type-dropdown-caption,
.plugin-editor .usertypeeditor .new-type .caption,
.plugin-editor .usertypeeditor .new-type .type-dropdown-caption,
.plugin-editor .plugintab .new-type .caption,
.plugin-editor .plugintab .new-type .type-dropdown-caption,
.settings-editor .usertypeeditor .new-type .caption,
.settings-editor .usertypeeditor .new-type .type-dropdown-caption,
.settings-editor .plugintab .new-type .caption,
.settings-editor .plugintab .new-type .type-dropdown-caption,
.styles-editor .usertypeeditor .new-type .caption,
.styles-editor .usertypeeditor .new-type .type-dropdown-caption,
.styles-editor .plugintab .new-type .caption,
.styles-editor .plugintab .new-type .type-dropdown-caption,
.logs-editor .usertypeeditor .new-type .caption,
.logs-editor .usertypeeditor .new-type .type-dropdown-caption,
.logs-editor .plugintab .new-type .caption,
.logs-editor .plugintab .new-type .type-dropdown-caption,
.template-editor .usertypeeditor .new-type .caption,
.template-editor .usertypeeditor .new-type .type-dropdown-caption,
.template-editor .plugintab .new-type .caption,
.template-editor .plugintab .new-type .type-dropdown-caption {
  margin-top: 11px;
}
.data-editor .usertypeeditor .new-type .add-new-type,
.data-editor .usertypeeditor .new-type .add-new-option,
.data-editor .plugintab .new-type .add-new-type,
.data-editor .plugintab .new-type .add-new-option,
.plugin-editor .usertypeeditor .new-type .add-new-type,
.plugin-editor .usertypeeditor .new-type .add-new-option,
.plugin-editor .plugintab .new-type .add-new-type,
.plugin-editor .plugintab .new-type .add-new-option,
.settings-editor .usertypeeditor .new-type .add-new-type,
.settings-editor .usertypeeditor .new-type .add-new-option,
.settings-editor .plugintab .new-type .add-new-type,
.settings-editor .plugintab .new-type .add-new-option,
.styles-editor .usertypeeditor .new-type .add-new-type,
.styles-editor .usertypeeditor .new-type .add-new-option,
.styles-editor .plugintab .new-type .add-new-type,
.styles-editor .plugintab .new-type .add-new-option,
.logs-editor .usertypeeditor .new-type .add-new-type,
.logs-editor .usertypeeditor .new-type .add-new-option,
.logs-editor .plugintab .new-type .add-new-type,
.logs-editor .plugintab .new-type .add-new-option,
.template-editor .usertypeeditor .new-type .add-new-type,
.template-editor .usertypeeditor .new-type .add-new-option,
.template-editor .plugintab .new-type .add-new-type,
.template-editor .plugintab .new-type .add-new-option {
  margin-left: 20px;
}
.data-editor .usertypeeditor .new-type input,
.data-editor .plugintab .new-type input,
.plugin-editor .usertypeeditor .new-type input,
.plugin-editor .plugintab .new-type input,
.settings-editor .usertypeeditor .new-type input,
.settings-editor .plugintab .new-type input,
.styles-editor .usertypeeditor .new-type input,
.styles-editor .plugintab .new-type input,
.logs-editor .usertypeeditor .new-type input,
.logs-editor .plugintab .new-type input,
.template-editor .usertypeeditor .new-type input,
.template-editor .plugintab .new-type input {
  width: 200px;
  height: 32px;
  margin-left: 12px;
  background: white;
  border: 1px solid var(--b-border, #e6e6e6);
}
.data-editor .usertypeeditor .new-type,
.data-editor .plugintab .new-type,
.plugin-editor .usertypeeditor .new-type,
.plugin-editor .plugintab .new-type,
.settings-editor .usertypeeditor .new-type,
.settings-editor .plugintab .new-type,
.styles-editor .usertypeeditor .new-type,
.styles-editor .plugintab .new-type,
.logs-editor .usertypeeditor .new-type,
.logs-editor .plugintab .new-type,
.template-editor .usertypeeditor .new-type,
.template-editor .plugintab .new-type {
  margin: 20px 0 40px 0px;
  display: flex;
  flex-direction: column;
  min-width: 438px;
}
.data-editor .usertypeeditor .new-type .caption,
.data-editor .plugintab .new-type .caption,
.plugin-editor .usertypeeditor .new-type .caption,
.plugin-editor .plugintab .new-type .caption,
.settings-editor .usertypeeditor .new-type .caption,
.settings-editor .plugintab .new-type .caption,
.styles-editor .usertypeeditor .new-type .caption,
.styles-editor .plugintab .new-type .caption,
.logs-editor .usertypeeditor .new-type .caption,
.logs-editor .plugintab .new-type .caption,
.template-editor .usertypeeditor .new-type .caption,
.template-editor .plugintab .new-type .caption {
  display: inline-block;
}
.data-editor .usertypeeditor .left-pane .new-type,
.data-editor .plugintab .left-pane .new-type,
.plugin-editor .usertypeeditor .left-pane .new-type,
.plugin-editor .plugintab .left-pane .new-type,
.settings-editor .usertypeeditor .left-pane .new-type,
.settings-editor .plugintab .left-pane .new-type,
.styles-editor .usertypeeditor .left-pane .new-type,
.styles-editor .plugintab .left-pane .new-type,
.logs-editor .usertypeeditor .left-pane .new-type,
.logs-editor .plugintab .left-pane .new-type,
.template-editor .usertypeeditor .left-pane .new-type,
.template-editor .plugintab .left-pane .new-type {
  min-width: 0;
  width: 100%;
}
.data-editor .usertypeeditor .flex-space-between,
.data-editor .plugintab .flex-space-between,
.plugin-editor .usertypeeditor .flex-space-between,
.plugin-editor .plugintab .flex-space-between,
.settings-editor .usertypeeditor .flex-space-between,
.settings-editor .plugintab .flex-space-between,
.styles-editor .usertypeeditor .flex-space-between,
.styles-editor .plugintab .flex-space-between,
.logs-editor .usertypeeditor .flex-space-between,
.logs-editor .plugintab .flex-space-between,
.template-editor .usertypeeditor .flex-space-between,
.template-editor .plugintab .flex-space-between {
  display: inline-flex;
  justify-content: space-between;
}
.data-editor .usertypeeditor .padding-top-10,
.data-editor .plugintab .padding-top-10,
.plugin-editor .usertypeeditor .padding-top-10,
.plugin-editor .plugintab .padding-top-10,
.settings-editor .usertypeeditor .padding-top-10,
.settings-editor .plugintab .padding-top-10,
.styles-editor .usertypeeditor .padding-top-10,
.styles-editor .plugintab .padding-top-10,
.logs-editor .usertypeeditor .padding-top-10,
.logs-editor .plugintab .padding-top-10,
.template-editor .usertypeeditor .padding-top-10,
.template-editor .plugintab .padding-top-10 {
  padding-top: 10px;
}
.data-editor .usertypeeditor .checkbox-label,
.data-editor .plugintab .checkbox-label,
.plugin-editor .usertypeeditor .checkbox-label,
.plugin-editor .plugintab .checkbox-label,
.settings-editor .usertypeeditor .checkbox-label,
.settings-editor .plugintab .checkbox-label,
.styles-editor .usertypeeditor .checkbox-label,
.styles-editor .plugintab .checkbox-label,
.logs-editor .usertypeeditor .checkbox-label,
.logs-editor .plugintab .checkbox-label,
.template-editor .usertypeeditor .checkbox-label,
.template-editor .plugintab .checkbox-label {
  padding-right: 10px;
  margin-top: 9px;
}
.data-editor .usertypeeditor .privacy-explanation,
.data-editor .plugintab .privacy-explanation,
.plugin-editor .usertypeeditor .privacy-explanation,
.plugin-editor .plugintab .privacy-explanation,
.settings-editor .usertypeeditor .privacy-explanation,
.settings-editor .plugintab .privacy-explanation,
.styles-editor .usertypeeditor .privacy-explanation,
.styles-editor .plugintab .privacy-explanation,
.logs-editor .usertypeeditor .privacy-explanation,
.logs-editor .plugintab .privacy-explanation,
.template-editor .usertypeeditor .privacy-explanation,
.template-editor .plugintab .privacy-explanation {
  margin-top: 4px;
  color: #868686;
}
.data-editor .usertypeeditor .create-btn-row,
.data-editor .plugintab .create-btn-row,
.plugin-editor .usertypeeditor .create-btn-row,
.plugin-editor .plugintab .create-btn-row,
.settings-editor .usertypeeditor .create-btn-row,
.settings-editor .plugintab .create-btn-row,
.styles-editor .usertypeeditor .create-btn-row,
.styles-editor .plugintab .create-btn-row,
.logs-editor .usertypeeditor .create-btn-row,
.logs-editor .plugintab .create-btn-row,
.template-editor .usertypeeditor .create-btn-row,
.template-editor .plugintab .create-btn-row {
  margin-top: 14px;
  float: right;
}
.data-editor .usertypeeditor .deleted-types-outer,
.data-editor .plugintab .deleted-types-outer,
.plugin-editor .usertypeeditor .deleted-types-outer,
.plugin-editor .plugintab .deleted-types-outer,
.settings-editor .usertypeeditor .deleted-types-outer,
.settings-editor .plugintab .deleted-types-outer,
.styles-editor .usertypeeditor .deleted-types-outer,
.styles-editor .plugintab .deleted-types-outer,
.logs-editor .usertypeeditor .deleted-types-outer,
.logs-editor .plugintab .deleted-types-outer,
.template-editor .usertypeeditor .deleted-types-outer,
.template-editor .plugintab .deleted-types-outer {
  width: 100%;
}
.data-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.data-editor .plugintab .deleted-types-outer .undelete-btn,
.plugin-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.plugin-editor .plugintab .deleted-types-outer .undelete-btn,
.settings-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.settings-editor .plugintab .deleted-types-outer .undelete-btn,
.styles-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.styles-editor .plugintab .deleted-types-outer .undelete-btn,
.logs-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.logs-editor .plugintab .deleted-types-outer .undelete-btn,
.template-editor .usertypeeditor .deleted-types-outer .undelete-btn,
.template-editor .plugintab .deleted-types-outer .undelete-btn {
  margin-top: 4px;
}
.data-editor .usertypeeditor .deleted-types .display,
.data-editor .usertypeeditor .deleted-fields .display,
.data-editor .plugintab .deleted-types .display,
.data-editor .plugintab .deleted-fields .display,
.plugin-editor .usertypeeditor .deleted-types .display,
.plugin-editor .usertypeeditor .deleted-fields .display,
.plugin-editor .plugintab .deleted-types .display,
.plugin-editor .plugintab .deleted-fields .display,
.settings-editor .usertypeeditor .deleted-types .display,
.settings-editor .usertypeeditor .deleted-fields .display,
.settings-editor .plugintab .deleted-types .display,
.settings-editor .plugintab .deleted-fields .display,
.styles-editor .usertypeeditor .deleted-types .display,
.styles-editor .usertypeeditor .deleted-fields .display,
.styles-editor .plugintab .deleted-types .display,
.styles-editor .plugintab .deleted-fields .display,
.logs-editor .usertypeeditor .deleted-types .display,
.logs-editor .usertypeeditor .deleted-fields .display,
.logs-editor .plugintab .deleted-types .display,
.logs-editor .plugintab .deleted-fields .display,
.template-editor .usertypeeditor .deleted-types .display,
.template-editor .usertypeeditor .deleted-fields .display,
.template-editor .plugintab .deleted-types .display,
.template-editor .plugintab .deleted-fields .display {
  text-decoration: line-through;
  color: #cecece;
}
.data-editor .usertypeeditor .deleted-types .custom-type-entry,
.data-editor .usertypeeditor .deleted-fields .custom-type-entry,
.data-editor .plugintab .deleted-types .custom-type-entry,
.data-editor .plugintab .deleted-fields .custom-type-entry,
.plugin-editor .usertypeeditor .deleted-types .custom-type-entry,
.plugin-editor .usertypeeditor .deleted-fields .custom-type-entry,
.plugin-editor .plugintab .deleted-types .custom-type-entry,
.plugin-editor .plugintab .deleted-fields .custom-type-entry,
.settings-editor .usertypeeditor .deleted-types .custom-type-entry,
.settings-editor .usertypeeditor .deleted-fields .custom-type-entry,
.settings-editor .plugintab .deleted-types .custom-type-entry,
.settings-editor .plugintab .deleted-fields .custom-type-entry,
.styles-editor .usertypeeditor .deleted-types .custom-type-entry,
.styles-editor .usertypeeditor .deleted-fields .custom-type-entry,
.styles-editor .plugintab .deleted-types .custom-type-entry,
.styles-editor .plugintab .deleted-fields .custom-type-entry,
.logs-editor .usertypeeditor .deleted-types .custom-type-entry,
.logs-editor .usertypeeditor .deleted-fields .custom-type-entry,
.logs-editor .plugintab .deleted-types .custom-type-entry,
.logs-editor .plugintab .deleted-fields .custom-type-entry,
.template-editor .usertypeeditor .deleted-types .custom-type-entry,
.template-editor .usertypeeditor .deleted-fields .custom-type-entry,
.template-editor .plugintab .deleted-types .custom-type-entry,
.template-editor .plugintab .deleted-fields .custom-type-entry {
  cursor: default;
}
.data-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.data-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.data-editor .plugintab .deleted-types .custom-type-entry:hover,
.data-editor .plugintab .deleted-fields .custom-type-entry:hover,
.plugin-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.plugin-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.plugin-editor .plugintab .deleted-types .custom-type-entry:hover,
.plugin-editor .plugintab .deleted-fields .custom-type-entry:hover,
.settings-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.settings-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.settings-editor .plugintab .deleted-types .custom-type-entry:hover,
.settings-editor .plugintab .deleted-fields .custom-type-entry:hover,
.styles-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.styles-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.styles-editor .plugintab .deleted-types .custom-type-entry:hover,
.styles-editor .plugintab .deleted-fields .custom-type-entry:hover,
.logs-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.logs-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.logs-editor .plugintab .deleted-types .custom-type-entry:hover,
.logs-editor .plugintab .deleted-fields .custom-type-entry:hover,
.template-editor .usertypeeditor .deleted-types .custom-type-entry:hover,
.template-editor .usertypeeditor .deleted-fields .custom-type-entry:hover,
.template-editor .plugintab .deleted-types .custom-type-entry:hover,
.template-editor .plugintab .deleted-fields .custom-type-entry:hover {
  background-color: white;
}
.data-editor .usertypeeditor .field-name,
.data-editor .plugintab .field-name,
.plugin-editor .usertypeeditor .field-name,
.plugin-editor .plugintab .field-name,
.settings-editor .usertypeeditor .field-name,
.settings-editor .plugintab .field-name,
.styles-editor .usertypeeditor .field-name,
.styles-editor .plugintab .field-name,
.logs-editor .usertypeeditor .field-name,
.logs-editor .plugintab .field-name,
.template-editor .usertypeeditor .field-name,
.template-editor .plugintab .field-name {
  overflow: hidden;
  padding-bottom: 10px;
  float: left;
}
.data-editor .usertypeeditor .field-name .caption-field-name,
.data-editor .plugintab .field-name .caption-field-name,
.plugin-editor .usertypeeditor .field-name .caption-field-name,
.plugin-editor .plugintab .field-name .caption-field-name,
.settings-editor .usertypeeditor .field-name .caption-field-name,
.settings-editor .plugintab .field-name .caption-field-name,
.styles-editor .usertypeeditor .field-name .caption-field-name,
.styles-editor .plugintab .field-name .caption-field-name,
.logs-editor .usertypeeditor .field-name .caption-field-name,
.logs-editor .plugintab .field-name .caption-field-name,
.template-editor .usertypeeditor .field-name .caption-field-name,
.template-editor .plugintab .field-name .caption-field-name {
  float: left;
  margin-top: 9px;
  margin-right: 25px;
}
.data-editor .usertypeeditor .comment-btn,
.data-editor .plugintab .comment-btn,
.plugin-editor .usertypeeditor .comment-btn,
.plugin-editor .plugintab .comment-btn,
.settings-editor .usertypeeditor .comment-btn,
.settings-editor .plugintab .comment-btn,
.styles-editor .usertypeeditor .comment-btn,
.styles-editor .plugintab .comment-btn,
.logs-editor .usertypeeditor .comment-btn,
.logs-editor .plugintab .comment-btn,
.template-editor .usertypeeditor .comment-btn,
.template-editor .plugintab .comment-btn {
  float: left;
  margin: 7px 0px 0px 10px;
}
.data-editor .usertypeeditor .TextBox,
.data-editor .usertypeeditor .composer-textbox .new-composer,
.data-editor .plugintab .TextBox,
.data-editor .plugintab .composer-textbox .new-composer,
.plugin-editor .usertypeeditor .TextBox,
.plugin-editor .usertypeeditor .composer-textbox .new-composer,
.plugin-editor .plugintab .TextBox,
.plugin-editor .plugintab .composer-textbox .new-composer,
.settings-editor .usertypeeditor .TextBox,
.settings-editor .usertypeeditor .composer-textbox .new-composer,
.settings-editor .plugintab .TextBox,
.settings-editor .plugintab .composer-textbox .new-composer,
.styles-editor .usertypeeditor .TextBox,
.styles-editor .usertypeeditor .composer-textbox .new-composer,
.styles-editor .plugintab .TextBox,
.styles-editor .plugintab .composer-textbox .new-composer,
.logs-editor .usertypeeditor .TextBox,
.logs-editor .usertypeeditor .composer-textbox .new-composer,
.logs-editor .plugintab .TextBox,
.logs-editor .plugintab .composer-textbox .new-composer,
.template-editor .usertypeeditor .TextBox,
.template-editor .usertypeeditor .composer-textbox .new-composer,
.template-editor .plugintab .TextBox,
.template-editor .plugintab .composer-textbox .new-composer {
  height: 30px;
  width: 168px;
  float: left;
}
.data-editor .usertypeeditor .new-composer,
.data-editor .plugintab .new-composer,
.plugin-editor .usertypeeditor .new-composer,
.plugin-editor .plugintab .new-composer,
.settings-editor .usertypeeditor .new-composer,
.settings-editor .plugintab .new-composer,
.styles-editor .usertypeeditor .new-composer,
.styles-editor .plugintab .new-composer,
.logs-editor .usertypeeditor .new-composer,
.logs-editor .plugintab .new-composer,
.template-editor .usertypeeditor .new-composer,
.template-editor .plugintab .new-composer {
  float: left;
}
.data-editor .usertypeeditor .custom-fields,
.data-editor .usertypeeditor .deleted-fields,
.data-editor .plugintab .custom-fields,
.data-editor .plugintab .deleted-fields,
.plugin-editor .usertypeeditor .custom-fields,
.plugin-editor .usertypeeditor .deleted-fields,
.plugin-editor .plugintab .custom-fields,
.plugin-editor .plugintab .deleted-fields,
.settings-editor .usertypeeditor .custom-fields,
.settings-editor .usertypeeditor .deleted-fields,
.settings-editor .plugintab .custom-fields,
.settings-editor .plugintab .deleted-fields,
.styles-editor .usertypeeditor .custom-fields,
.styles-editor .usertypeeditor .deleted-fields,
.styles-editor .plugintab .custom-fields,
.styles-editor .plugintab .deleted-fields,
.logs-editor .usertypeeditor .custom-fields,
.logs-editor .usertypeeditor .deleted-fields,
.logs-editor .plugintab .custom-fields,
.logs-editor .plugintab .deleted-fields,
.template-editor .usertypeeditor .custom-fields,
.template-editor .usertypeeditor .deleted-fields,
.template-editor .plugintab .custom-fields,
.template-editor .plugintab .deleted-fields {
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
}
.data-editor .usertypeeditor .custom-fields .field,
.data-editor .usertypeeditor .deleted-fields .field,
.data-editor .plugintab .custom-fields .field,
.data-editor .plugintab .deleted-fields .field,
.plugin-editor .usertypeeditor .custom-fields .field,
.plugin-editor .usertypeeditor .deleted-fields .field,
.plugin-editor .plugintab .custom-fields .field,
.plugin-editor .plugintab .deleted-fields .field,
.settings-editor .usertypeeditor .custom-fields .field,
.settings-editor .usertypeeditor .deleted-fields .field,
.settings-editor .plugintab .custom-fields .field,
.settings-editor .plugintab .deleted-fields .field,
.styles-editor .usertypeeditor .custom-fields .field,
.styles-editor .usertypeeditor .deleted-fields .field,
.styles-editor .plugintab .custom-fields .field,
.styles-editor .plugintab .deleted-fields .field,
.logs-editor .usertypeeditor .custom-fields .field,
.logs-editor .usertypeeditor .deleted-fields .field,
.logs-editor .plugintab .custom-fields .field,
.logs-editor .plugintab .deleted-fields .field,
.template-editor .usertypeeditor .custom-fields .field,
.template-editor .usertypeeditor .deleted-fields .field,
.template-editor .plugintab .custom-fields .field,
.template-editor .plugintab .deleted-fields .field {
  border-radius: 4px;
  margin-top: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  min-height: 34px;
  overflow: hidden;
  clear: both;
}
.data-editor .usertypeeditor .custom-fields .field:last-child,
.data-editor .usertypeeditor .deleted-fields .field:last-child,
.data-editor .plugintab .custom-fields .field:last-child,
.data-editor .plugintab .deleted-fields .field:last-child,
.plugin-editor .usertypeeditor .custom-fields .field:last-child,
.plugin-editor .usertypeeditor .deleted-fields .field:last-child,
.plugin-editor .plugintab .custom-fields .field:last-child,
.plugin-editor .plugintab .deleted-fields .field:last-child,
.settings-editor .usertypeeditor .custom-fields .field:last-child,
.settings-editor .usertypeeditor .deleted-fields .field:last-child,
.settings-editor .plugintab .custom-fields .field:last-child,
.settings-editor .plugintab .deleted-fields .field:last-child,
.styles-editor .usertypeeditor .custom-fields .field:last-child,
.styles-editor .usertypeeditor .deleted-fields .field:last-child,
.styles-editor .plugintab .custom-fields .field:last-child,
.styles-editor .plugintab .deleted-fields .field:last-child,
.logs-editor .usertypeeditor .custom-fields .field:last-child,
.logs-editor .usertypeeditor .deleted-fields .field:last-child,
.logs-editor .plugintab .custom-fields .field:last-child,
.logs-editor .plugintab .deleted-fields .field:last-child,
.template-editor .usertypeeditor .custom-fields .field:last-child,
.template-editor .usertypeeditor .deleted-fields .field:last-child,
.template-editor .plugintab .custom-fields .field:last-child,
.template-editor .plugintab .deleted-fields .field:last-child {
  padding-bottom: 8px;
}
.data-editor .usertypeeditor .custom-fields .field.built-in,
.data-editor .usertypeeditor .deleted-fields .field.built-in,
.data-editor .plugintab .custom-fields .field.built-in,
.data-editor .plugintab .deleted-fields .field.built-in,
.plugin-editor .usertypeeditor .custom-fields .field.built-in,
.plugin-editor .usertypeeditor .deleted-fields .field.built-in,
.plugin-editor .plugintab .custom-fields .field.built-in,
.plugin-editor .plugintab .deleted-fields .field.built-in,
.settings-editor .usertypeeditor .custom-fields .field.built-in,
.settings-editor .usertypeeditor .deleted-fields .field.built-in,
.settings-editor .plugintab .custom-fields .field.built-in,
.settings-editor .plugintab .deleted-fields .field.built-in,
.styles-editor .usertypeeditor .custom-fields .field.built-in,
.styles-editor .usertypeeditor .deleted-fields .field.built-in,
.styles-editor .plugintab .custom-fields .field.built-in,
.styles-editor .plugintab .deleted-fields .field.built-in,
.logs-editor .usertypeeditor .custom-fields .field.built-in,
.logs-editor .usertypeeditor .deleted-fields .field.built-in,
.logs-editor .plugintab .custom-fields .field.built-in,
.logs-editor .plugintab .deleted-fields .field.built-in,
.template-editor .usertypeeditor .custom-fields .field.built-in,
.template-editor .usertypeeditor .deleted-fields .field.built-in,
.template-editor .plugintab .custom-fields .field.built-in,
.template-editor .plugintab .deleted-fields .field.built-in {
  margin-bottom: 4px;
}
.data-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.data-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.data-editor .plugintab .custom-fields .field:hover:not(.built-in),
.data-editor .plugintab .deleted-fields .field:hover:not(.built-in),
.plugin-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.plugin-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.plugin-editor .plugintab .custom-fields .field:hover:not(.built-in),
.plugin-editor .plugintab .deleted-fields .field:hover:not(.built-in),
.settings-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.settings-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.settings-editor .plugintab .custom-fields .field:hover:not(.built-in),
.settings-editor .plugintab .deleted-fields .field:hover:not(.built-in),
.styles-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.styles-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.styles-editor .plugintab .custom-fields .field:hover:not(.built-in),
.styles-editor .plugintab .deleted-fields .field:hover:not(.built-in),
.logs-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.logs-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.logs-editor .plugintab .custom-fields .field:hover:not(.built-in),
.logs-editor .plugintab .deleted-fields .field:hover:not(.built-in),
.template-editor .usertypeeditor .custom-fields .field:hover:not(.built-in),
.template-editor .usertypeeditor .deleted-fields .field:hover:not(.built-in),
.template-editor .plugintab .custom-fields .field:hover:not(.built-in),
.template-editor .plugintab .deleted-fields .field:hover:not(.built-in) {
  background-color: #f9f9f9;
}
.data-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.data-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.data-editor .plugintab .custom-fields .field .modify-attr-btn,
.data-editor .plugintab .deleted-fields .field .modify-attr-btn,
.plugin-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.plugin-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.plugin-editor .plugintab .custom-fields .field .modify-attr-btn,
.plugin-editor .plugintab .deleted-fields .field .modify-attr-btn,
.settings-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.settings-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.settings-editor .plugintab .custom-fields .field .modify-attr-btn,
.settings-editor .plugintab .deleted-fields .field .modify-attr-btn,
.styles-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.styles-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.styles-editor .plugintab .custom-fields .field .modify-attr-btn,
.styles-editor .plugintab .deleted-fields .field .modify-attr-btn,
.logs-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.logs-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.logs-editor .plugintab .custom-fields .field .modify-attr-btn,
.logs-editor .plugintab .deleted-fields .field .modify-attr-btn,
.template-editor .usertypeeditor .custom-fields .field .modify-attr-btn,
.template-editor .usertypeeditor .deleted-fields .field .modify-attr-btn,
.template-editor .plugintab .custom-fields .field .modify-attr-btn,
.template-editor .plugintab .deleted-fields .field .modify-attr-btn {
  margin-top: 8px;
  margin-left: 8px;
  float: left;
}
.data-editor .usertypeeditor .custom-fields .field .comment-btn,
.data-editor .usertypeeditor .deleted-fields .field .comment-btn,
.data-editor .plugintab .custom-fields .field .comment-btn,
.data-editor .plugintab .deleted-fields .field .comment-btn,
.plugin-editor .usertypeeditor .custom-fields .field .comment-btn,
.plugin-editor .usertypeeditor .deleted-fields .field .comment-btn,
.plugin-editor .plugintab .custom-fields .field .comment-btn,
.plugin-editor .plugintab .deleted-fields .field .comment-btn,
.settings-editor .usertypeeditor .custom-fields .field .comment-btn,
.settings-editor .usertypeeditor .deleted-fields .field .comment-btn,
.settings-editor .plugintab .custom-fields .field .comment-btn,
.settings-editor .plugintab .deleted-fields .field .comment-btn,
.styles-editor .usertypeeditor .custom-fields .field .comment-btn,
.styles-editor .usertypeeditor .deleted-fields .field .comment-btn,
.styles-editor .plugintab .custom-fields .field .comment-btn,
.styles-editor .plugintab .deleted-fields .field .comment-btn,
.logs-editor .usertypeeditor .custom-fields .field .comment-btn,
.logs-editor .usertypeeditor .deleted-fields .field .comment-btn,
.logs-editor .plugintab .custom-fields .field .comment-btn,
.logs-editor .plugintab .deleted-fields .field .comment-btn,
.template-editor .usertypeeditor .custom-fields .field .comment-btn,
.template-editor .usertypeeditor .deleted-fields .field .comment-btn,
.template-editor .plugintab .custom-fields .field .comment-btn,
.template-editor .plugintab .deleted-fields .field .comment-btn {
  float: right;
  margin-right: 4px;
}
.data-editor .usertypeeditor .custom-fields .field .delete-btn,
.data-editor .usertypeeditor .deleted-fields .field .delete-btn,
.data-editor .plugintab .custom-fields .field .delete-btn,
.data-editor .plugintab .deleted-fields .field .delete-btn,
.plugin-editor .usertypeeditor .custom-fields .field .delete-btn,
.plugin-editor .usertypeeditor .deleted-fields .field .delete-btn,
.plugin-editor .plugintab .custom-fields .field .delete-btn,
.plugin-editor .plugintab .deleted-fields .field .delete-btn,
.settings-editor .usertypeeditor .custom-fields .field .delete-btn,
.settings-editor .usertypeeditor .deleted-fields .field .delete-btn,
.settings-editor .plugintab .custom-fields .field .delete-btn,
.settings-editor .plugintab .deleted-fields .field .delete-btn,
.styles-editor .usertypeeditor .custom-fields .field .delete-btn,
.styles-editor .usertypeeditor .deleted-fields .field .delete-btn,
.styles-editor .plugintab .custom-fields .field .delete-btn,
.styles-editor .plugintab .deleted-fields .field .delete-btn,
.logs-editor .usertypeeditor .custom-fields .field .delete-btn,
.logs-editor .usertypeeditor .deleted-fields .field .delete-btn,
.logs-editor .plugintab .custom-fields .field .delete-btn,
.logs-editor .plugintab .deleted-fields .field .delete-btn,
.template-editor .usertypeeditor .custom-fields .field .delete-btn,
.template-editor .usertypeeditor .deleted-fields .field .delete-btn,
.template-editor .plugintab .custom-fields .field .delete-btn,
.template-editor .plugintab .deleted-fields .field .delete-btn {
  margin-top: 7px;
}
.data-editor .usertypeeditor .custom-fields .TextBox,
.data-editor .usertypeeditor .custom-fields .GeographicBox,
.data-editor .usertypeeditor .custom-fields .DateBox,
.data-editor .usertypeeditor .custom-fields .NumberBox,
.data-editor .usertypeeditor .custom-fields .composer-file,
.data-editor .usertypeeditor .custom-fields .composer-image,
.data-editor .usertypeeditor .custom-fields .composer-dropdown,
.data-editor .usertypeeditor .deleted-fields .TextBox,
.data-editor .usertypeeditor .deleted-fields .GeographicBox,
.data-editor .usertypeeditor .deleted-fields .DateBox,
.data-editor .usertypeeditor .deleted-fields .NumberBox,
.data-editor .usertypeeditor .deleted-fields .composer-file,
.data-editor .usertypeeditor .deleted-fields .composer-image,
.data-editor .usertypeeditor .deleted-fields .composer-dropdown,
.data-editor .plugintab .custom-fields .TextBox,
.data-editor .plugintab .custom-fields .GeographicBox,
.data-editor .plugintab .custom-fields .DateBox,
.data-editor .plugintab .custom-fields .NumberBox,
.data-editor .plugintab .custom-fields .composer-file,
.data-editor .plugintab .custom-fields .composer-image,
.data-editor .plugintab .custom-fields .composer-dropdown,
.data-editor .plugintab .deleted-fields .TextBox,
.data-editor .plugintab .deleted-fields .GeographicBox,
.data-editor .plugintab .deleted-fields .DateBox,
.data-editor .plugintab .deleted-fields .NumberBox,
.data-editor .plugintab .deleted-fields .composer-file,
.data-editor .plugintab .deleted-fields .composer-image,
.data-editor .plugintab .deleted-fields .composer-dropdown,
.plugin-editor .usertypeeditor .custom-fields .TextBox,
.plugin-editor .usertypeeditor .custom-fields .GeographicBox,
.plugin-editor .usertypeeditor .custom-fields .DateBox,
.plugin-editor .usertypeeditor .custom-fields .NumberBox,
.plugin-editor .usertypeeditor .custom-fields .composer-file,
.plugin-editor .usertypeeditor .custom-fields .composer-image,
.plugin-editor .usertypeeditor .custom-fields .composer-dropdown,
.plugin-editor .usertypeeditor .deleted-fields .TextBox,
.plugin-editor .usertypeeditor .deleted-fields .GeographicBox,
.plugin-editor .usertypeeditor .deleted-fields .DateBox,
.plugin-editor .usertypeeditor .deleted-fields .NumberBox,
.plugin-editor .usertypeeditor .deleted-fields .composer-file,
.plugin-editor .usertypeeditor .deleted-fields .composer-image,
.plugin-editor .usertypeeditor .deleted-fields .composer-dropdown,
.plugin-editor .plugintab .custom-fields .TextBox,
.plugin-editor .plugintab .custom-fields .GeographicBox,
.plugin-editor .plugintab .custom-fields .DateBox,
.plugin-editor .plugintab .custom-fields .NumberBox,
.plugin-editor .plugintab .custom-fields .composer-file,
.plugin-editor .plugintab .custom-fields .composer-image,
.plugin-editor .plugintab .custom-fields .composer-dropdown,
.plugin-editor .plugintab .deleted-fields .TextBox,
.plugin-editor .plugintab .deleted-fields .GeographicBox,
.plugin-editor .plugintab .deleted-fields .DateBox,
.plugin-editor .plugintab .deleted-fields .NumberBox,
.plugin-editor .plugintab .deleted-fields .composer-file,
.plugin-editor .plugintab .deleted-fields .composer-image,
.plugin-editor .plugintab .deleted-fields .composer-dropdown,
.settings-editor .usertypeeditor .custom-fields .TextBox,
.settings-editor .usertypeeditor .custom-fields .GeographicBox,
.settings-editor .usertypeeditor .custom-fields .DateBox,
.settings-editor .usertypeeditor .custom-fields .NumberBox,
.settings-editor .usertypeeditor .custom-fields .composer-file,
.settings-editor .usertypeeditor .custom-fields .composer-image,
.settings-editor .usertypeeditor .custom-fields .composer-dropdown,
.settings-editor .usertypeeditor .deleted-fields .TextBox,
.settings-editor .usertypeeditor .deleted-fields .GeographicBox,
.settings-editor .usertypeeditor .deleted-fields .DateBox,
.settings-editor .usertypeeditor .deleted-fields .NumberBox,
.settings-editor .usertypeeditor .deleted-fields .composer-file,
.settings-editor .usertypeeditor .deleted-fields .composer-image,
.settings-editor .usertypeeditor .deleted-fields .composer-dropdown,
.settings-editor .plugintab .custom-fields .TextBox,
.settings-editor .plugintab .custom-fields .GeographicBox,
.settings-editor .plugintab .custom-fields .DateBox,
.settings-editor .plugintab .custom-fields .NumberBox,
.settings-editor .plugintab .custom-fields .composer-file,
.settings-editor .plugintab .custom-fields .composer-image,
.settings-editor .plugintab .custom-fields .composer-dropdown,
.settings-editor .plugintab .deleted-fields .TextBox,
.settings-editor .plugintab .deleted-fields .GeographicBox,
.settings-editor .plugintab .deleted-fields .DateBox,
.settings-editor .plugintab .deleted-fields .NumberBox,
.settings-editor .plugintab .deleted-fields .composer-file,
.settings-editor .plugintab .deleted-fields .composer-image,
.settings-editor .plugintab .deleted-fields .composer-dropdown,
.styles-editor .usertypeeditor .custom-fields .TextBox,
.styles-editor .usertypeeditor .custom-fields .GeographicBox,
.styles-editor .usertypeeditor .custom-fields .DateBox,
.styles-editor .usertypeeditor .custom-fields .NumberBox,
.styles-editor .usertypeeditor .custom-fields .composer-file,
.styles-editor .usertypeeditor .custom-fields .composer-image,
.styles-editor .usertypeeditor .custom-fields .composer-dropdown,
.styles-editor .usertypeeditor .deleted-fields .TextBox,
.styles-editor .usertypeeditor .deleted-fields .GeographicBox,
.styles-editor .usertypeeditor .deleted-fields .DateBox,
.styles-editor .usertypeeditor .deleted-fields .NumberBox,
.styles-editor .usertypeeditor .deleted-fields .composer-file,
.styles-editor .usertypeeditor .deleted-fields .composer-image,
.styles-editor .usertypeeditor .deleted-fields .composer-dropdown,
.styles-editor .plugintab .custom-fields .TextBox,
.styles-editor .plugintab .custom-fields .GeographicBox,
.styles-editor .plugintab .custom-fields .DateBox,
.styles-editor .plugintab .custom-fields .NumberBox,
.styles-editor .plugintab .custom-fields .composer-file,
.styles-editor .plugintab .custom-fields .composer-image,
.styles-editor .plugintab .custom-fields .composer-dropdown,
.styles-editor .plugintab .deleted-fields .TextBox,
.styles-editor .plugintab .deleted-fields .GeographicBox,
.styles-editor .plugintab .deleted-fields .DateBox,
.styles-editor .plugintab .deleted-fields .NumberBox,
.styles-editor .plugintab .deleted-fields .composer-file,
.styles-editor .plugintab .deleted-fields .composer-image,
.styles-editor .plugintab .deleted-fields .composer-dropdown,
.logs-editor .usertypeeditor .custom-fields .TextBox,
.logs-editor .usertypeeditor .custom-fields .GeographicBox,
.logs-editor .usertypeeditor .custom-fields .DateBox,
.logs-editor .usertypeeditor .custom-fields .NumberBox,
.logs-editor .usertypeeditor .custom-fields .composer-file,
.logs-editor .usertypeeditor .custom-fields .composer-image,
.logs-editor .usertypeeditor .custom-fields .composer-dropdown,
.logs-editor .usertypeeditor .deleted-fields .TextBox,
.logs-editor .usertypeeditor .deleted-fields .GeographicBox,
.logs-editor .usertypeeditor .deleted-fields .DateBox,
.logs-editor .usertypeeditor .deleted-fields .NumberBox,
.logs-editor .usertypeeditor .deleted-fields .composer-file,
.logs-editor .usertypeeditor .deleted-fields .composer-image,
.logs-editor .usertypeeditor .deleted-fields .composer-dropdown,
.logs-editor .plugintab .custom-fields .TextBox,
.logs-editor .plugintab .custom-fields .GeographicBox,
.logs-editor .plugintab .custom-fields .DateBox,
.logs-editor .plugintab .custom-fields .NumberBox,
.logs-editor .plugintab .custom-fields .composer-file,
.logs-editor .plugintab .custom-fields .composer-image,
.logs-editor .plugintab .custom-fields .composer-dropdown,
.logs-editor .plugintab .deleted-fields .TextBox,
.logs-editor .plugintab .deleted-fields .GeographicBox,
.logs-editor .plugintab .deleted-fields .DateBox,
.logs-editor .plugintab .deleted-fields .NumberBox,
.logs-editor .plugintab .deleted-fields .composer-file,
.logs-editor .plugintab .deleted-fields .composer-image,
.logs-editor .plugintab .deleted-fields .composer-dropdown,
.template-editor .usertypeeditor .custom-fields .TextBox,
.template-editor .usertypeeditor .custom-fields .GeographicBox,
.template-editor .usertypeeditor .custom-fields .DateBox,
.template-editor .usertypeeditor .custom-fields .NumberBox,
.template-editor .usertypeeditor .custom-fields .composer-file,
.template-editor .usertypeeditor .custom-fields .composer-image,
.template-editor .usertypeeditor .custom-fields .composer-dropdown,
.template-editor .usertypeeditor .deleted-fields .TextBox,
.template-editor .usertypeeditor .deleted-fields .GeographicBox,
.template-editor .usertypeeditor .deleted-fields .DateBox,
.template-editor .usertypeeditor .deleted-fields .NumberBox,
.template-editor .usertypeeditor .deleted-fields .composer-file,
.template-editor .usertypeeditor .deleted-fields .composer-image,
.template-editor .usertypeeditor .deleted-fields .composer-dropdown,
.template-editor .plugintab .custom-fields .TextBox,
.template-editor .plugintab .custom-fields .GeographicBox,
.template-editor .plugintab .custom-fields .DateBox,
.template-editor .plugintab .custom-fields .NumberBox,
.template-editor .plugintab .custom-fields .composer-file,
.template-editor .plugintab .custom-fields .composer-image,
.template-editor .plugintab .custom-fields .composer-dropdown,
.template-editor .plugintab .deleted-fields .TextBox,
.template-editor .plugintab .deleted-fields .GeographicBox,
.template-editor .plugintab .deleted-fields .DateBox,
.template-editor .plugintab .deleted-fields .NumberBox,
.template-editor .plugintab .deleted-fields .composer-file,
.template-editor .plugintab .deleted-fields .composer-image,
.template-editor .plugintab .deleted-fields .composer-dropdown {
  float: left;
}
.data-editor .usertypeeditor .custom-fields .TextBox,
.data-editor .usertypeeditor .custom-fields .GeographicBox,
.data-editor .usertypeeditor .custom-fields .DateBox,
.data-editor .usertypeeditor .custom-fields .NumberBox,
.data-editor .usertypeeditor .custom-fields .composer-dropdown,
.data-editor .usertypeeditor .deleted-fields .TextBox,
.data-editor .usertypeeditor .deleted-fields .GeographicBox,
.data-editor .usertypeeditor .deleted-fields .DateBox,
.data-editor .usertypeeditor .deleted-fields .NumberBox,
.data-editor .usertypeeditor .deleted-fields .composer-dropdown,
.data-editor .plugintab .custom-fields .TextBox,
.data-editor .plugintab .custom-fields .GeographicBox,
.data-editor .plugintab .custom-fields .DateBox,
.data-editor .plugintab .custom-fields .NumberBox,
.data-editor .plugintab .custom-fields .composer-dropdown,
.data-editor .plugintab .deleted-fields .TextBox,
.data-editor .plugintab .deleted-fields .GeographicBox,
.data-editor .plugintab .deleted-fields .DateBox,
.data-editor .plugintab .deleted-fields .NumberBox,
.data-editor .plugintab .deleted-fields .composer-dropdown,
.plugin-editor .usertypeeditor .custom-fields .TextBox,
.plugin-editor .usertypeeditor .custom-fields .GeographicBox,
.plugin-editor .usertypeeditor .custom-fields .DateBox,
.plugin-editor .usertypeeditor .custom-fields .NumberBox,
.plugin-editor .usertypeeditor .custom-fields .composer-dropdown,
.plugin-editor .usertypeeditor .deleted-fields .TextBox,
.plugin-editor .usertypeeditor .deleted-fields .GeographicBox,
.plugin-editor .usertypeeditor .deleted-fields .DateBox,
.plugin-editor .usertypeeditor .deleted-fields .NumberBox,
.plugin-editor .usertypeeditor .deleted-fields .composer-dropdown,
.plugin-editor .plugintab .custom-fields .TextBox,
.plugin-editor .plugintab .custom-fields .GeographicBox,
.plugin-editor .plugintab .custom-fields .DateBox,
.plugin-editor .plugintab .custom-fields .NumberBox,
.plugin-editor .plugintab .custom-fields .composer-dropdown,
.plugin-editor .plugintab .deleted-fields .TextBox,
.plugin-editor .plugintab .deleted-fields .GeographicBox,
.plugin-editor .plugintab .deleted-fields .DateBox,
.plugin-editor .plugintab .deleted-fields .NumberBox,
.plugin-editor .plugintab .deleted-fields .composer-dropdown,
.settings-editor .usertypeeditor .custom-fields .TextBox,
.settings-editor .usertypeeditor .custom-fields .GeographicBox,
.settings-editor .usertypeeditor .custom-fields .DateBox,
.settings-editor .usertypeeditor .custom-fields .NumberBox,
.settings-editor .usertypeeditor .custom-fields .composer-dropdown,
.settings-editor .usertypeeditor .deleted-fields .TextBox,
.settings-editor .usertypeeditor .deleted-fields .GeographicBox,
.settings-editor .usertypeeditor .deleted-fields .DateBox,
.settings-editor .usertypeeditor .deleted-fields .NumberBox,
.settings-editor .usertypeeditor .deleted-fields .composer-dropdown,
.settings-editor .plugintab .custom-fields .TextBox,
.settings-editor .plugintab .custom-fields .GeographicBox,
.settings-editor .plugintab .custom-fields .DateBox,
.settings-editor .plugintab .custom-fields .NumberBox,
.settings-editor .plugintab .custom-fields .composer-dropdown,
.settings-editor .plugintab .deleted-fields .TextBox,
.settings-editor .plugintab .deleted-fields .GeographicBox,
.settings-editor .plugintab .deleted-fields .DateBox,
.settings-editor .plugintab .deleted-fields .NumberBox,
.settings-editor .plugintab .deleted-fields .composer-dropdown,
.styles-editor .usertypeeditor .custom-fields .TextBox,
.styles-editor .usertypeeditor .custom-fields .GeographicBox,
.styles-editor .usertypeeditor .custom-fields .DateBox,
.styles-editor .usertypeeditor .custom-fields .NumberBox,
.styles-editor .usertypeeditor .custom-fields .composer-dropdown,
.styles-editor .usertypeeditor .deleted-fields .TextBox,
.styles-editor .usertypeeditor .deleted-fields .GeographicBox,
.styles-editor .usertypeeditor .deleted-fields .DateBox,
.styles-editor .usertypeeditor .deleted-fields .NumberBox,
.styles-editor .usertypeeditor .deleted-fields .composer-dropdown,
.styles-editor .plugintab .custom-fields .TextBox,
.styles-editor .plugintab .custom-fields .GeographicBox,
.styles-editor .plugintab .custom-fields .DateBox,
.styles-editor .plugintab .custom-fields .NumberBox,
.styles-editor .plugintab .custom-fields .composer-dropdown,
.styles-editor .plugintab .deleted-fields .TextBox,
.styles-editor .plugintab .deleted-fields .GeographicBox,
.styles-editor .plugintab .deleted-fields .DateBox,
.styles-editor .plugintab .deleted-fields .NumberBox,
.styles-editor .plugintab .deleted-fields .composer-dropdown,
.logs-editor .usertypeeditor .custom-fields .TextBox,
.logs-editor .usertypeeditor .custom-fields .GeographicBox,
.logs-editor .usertypeeditor .custom-fields .DateBox,
.logs-editor .usertypeeditor .custom-fields .NumberBox,
.logs-editor .usertypeeditor .custom-fields .composer-dropdown,
.logs-editor .usertypeeditor .deleted-fields .TextBox,
.logs-editor .usertypeeditor .deleted-fields .GeographicBox,
.logs-editor .usertypeeditor .deleted-fields .DateBox,
.logs-editor .usertypeeditor .deleted-fields .NumberBox,
.logs-editor .usertypeeditor .deleted-fields .composer-dropdown,
.logs-editor .plugintab .custom-fields .TextBox,
.logs-editor .plugintab .custom-fields .GeographicBox,
.logs-editor .plugintab .custom-fields .DateBox,
.logs-editor .plugintab .custom-fields .NumberBox,
.logs-editor .plugintab .custom-fields .composer-dropdown,
.logs-editor .plugintab .deleted-fields .TextBox,
.logs-editor .plugintab .deleted-fields .GeographicBox,
.logs-editor .plugintab .deleted-fields .DateBox,
.logs-editor .plugintab .deleted-fields .NumberBox,
.logs-editor .plugintab .deleted-fields .composer-dropdown,
.template-editor .usertypeeditor .custom-fields .TextBox,
.template-editor .usertypeeditor .custom-fields .GeographicBox,
.template-editor .usertypeeditor .custom-fields .DateBox,
.template-editor .usertypeeditor .custom-fields .NumberBox,
.template-editor .usertypeeditor .custom-fields .composer-dropdown,
.template-editor .usertypeeditor .deleted-fields .TextBox,
.template-editor .usertypeeditor .deleted-fields .GeographicBox,
.template-editor .usertypeeditor .deleted-fields .DateBox,
.template-editor .usertypeeditor .deleted-fields .NumberBox,
.template-editor .usertypeeditor .deleted-fields .composer-dropdown,
.template-editor .plugintab .custom-fields .TextBox,
.template-editor .plugintab .custom-fields .GeographicBox,
.template-editor .plugintab .custom-fields .DateBox,
.template-editor .plugintab .custom-fields .NumberBox,
.template-editor .plugintab .custom-fields .composer-dropdown,
.template-editor .plugintab .deleted-fields .TextBox,
.template-editor .plugintab .deleted-fields .GeographicBox,
.template-editor .plugintab .deleted-fields .DateBox,
.template-editor .plugintab .deleted-fields .NumberBox,
.template-editor .plugintab .deleted-fields .composer-dropdown {
  width: 168px;
  float: left;
}
.data-editor .usertypeeditor .custom-fields .composer-image,
.data-editor .usertypeeditor .custom-fields .composer-file,
.data-editor .usertypeeditor .deleted-fields .composer-image,
.data-editor .usertypeeditor .deleted-fields .composer-file,
.data-editor .plugintab .custom-fields .composer-image,
.data-editor .plugintab .custom-fields .composer-file,
.data-editor .plugintab .deleted-fields .composer-image,
.data-editor .plugintab .deleted-fields .composer-file,
.plugin-editor .usertypeeditor .custom-fields .composer-image,
.plugin-editor .usertypeeditor .custom-fields .composer-file,
.plugin-editor .usertypeeditor .deleted-fields .composer-image,
.plugin-editor .usertypeeditor .deleted-fields .composer-file,
.plugin-editor .plugintab .custom-fields .composer-image,
.plugin-editor .plugintab .custom-fields .composer-file,
.plugin-editor .plugintab .deleted-fields .composer-image,
.plugin-editor .plugintab .deleted-fields .composer-file,
.settings-editor .usertypeeditor .custom-fields .composer-image,
.settings-editor .usertypeeditor .custom-fields .composer-file,
.settings-editor .usertypeeditor .deleted-fields .composer-image,
.settings-editor .usertypeeditor .deleted-fields .composer-file,
.settings-editor .plugintab .custom-fields .composer-image,
.settings-editor .plugintab .custom-fields .composer-file,
.settings-editor .plugintab .deleted-fields .composer-image,
.settings-editor .plugintab .deleted-fields .composer-file,
.styles-editor .usertypeeditor .custom-fields .composer-image,
.styles-editor .usertypeeditor .custom-fields .composer-file,
.styles-editor .usertypeeditor .deleted-fields .composer-image,
.styles-editor .usertypeeditor .deleted-fields .composer-file,
.styles-editor .plugintab .custom-fields .composer-image,
.styles-editor .plugintab .custom-fields .composer-file,
.styles-editor .plugintab .deleted-fields .composer-image,
.styles-editor .plugintab .deleted-fields .composer-file,
.logs-editor .usertypeeditor .custom-fields .composer-image,
.logs-editor .usertypeeditor .custom-fields .composer-file,
.logs-editor .usertypeeditor .deleted-fields .composer-image,
.logs-editor .usertypeeditor .deleted-fields .composer-file,
.logs-editor .plugintab .custom-fields .composer-image,
.logs-editor .plugintab .custom-fields .composer-file,
.logs-editor .plugintab .deleted-fields .composer-image,
.logs-editor .plugintab .deleted-fields .composer-file,
.template-editor .usertypeeditor .custom-fields .composer-image,
.template-editor .usertypeeditor .custom-fields .composer-file,
.template-editor .usertypeeditor .deleted-fields .composer-image,
.template-editor .usertypeeditor .deleted-fields .composer-file,
.template-editor .plugintab .custom-fields .composer-image,
.template-editor .plugintab .custom-fields .composer-file,
.template-editor .plugintab .deleted-fields .composer-image,
.template-editor .plugintab .deleted-fields .composer-file {
  height: 30px;
}
.data-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.data-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.data-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.data-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.data-editor .plugintab .custom-fields .composer-image .file-caption,
.data-editor .plugintab .custom-fields .composer-file .file-caption,
.data-editor .plugintab .deleted-fields .composer-image .file-caption,
.data-editor .plugintab .deleted-fields .composer-file .file-caption,
.plugin-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.plugin-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.plugin-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.plugin-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.plugin-editor .plugintab .custom-fields .composer-image .file-caption,
.plugin-editor .plugintab .custom-fields .composer-file .file-caption,
.plugin-editor .plugintab .deleted-fields .composer-image .file-caption,
.plugin-editor .plugintab .deleted-fields .composer-file .file-caption,
.settings-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.settings-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.settings-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.settings-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.settings-editor .plugintab .custom-fields .composer-image .file-caption,
.settings-editor .plugintab .custom-fields .composer-file .file-caption,
.settings-editor .plugintab .deleted-fields .composer-image .file-caption,
.settings-editor .plugintab .deleted-fields .composer-file .file-caption,
.styles-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.styles-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.styles-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.styles-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.styles-editor .plugintab .custom-fields .composer-image .file-caption,
.styles-editor .plugintab .custom-fields .composer-file .file-caption,
.styles-editor .plugintab .deleted-fields .composer-image .file-caption,
.styles-editor .plugintab .deleted-fields .composer-file .file-caption,
.logs-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.logs-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.logs-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.logs-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.logs-editor .plugintab .custom-fields .composer-image .file-caption,
.logs-editor .plugintab .custom-fields .composer-file .file-caption,
.logs-editor .plugintab .deleted-fields .composer-image .file-caption,
.logs-editor .plugintab .deleted-fields .composer-file .file-caption,
.template-editor .usertypeeditor .custom-fields .composer-image .file-caption,
.template-editor .usertypeeditor .custom-fields .composer-file .file-caption,
.template-editor .usertypeeditor .deleted-fields .composer-image .file-caption,
.template-editor .usertypeeditor .deleted-fields .composer-file .file-caption,
.template-editor .plugintab .custom-fields .composer-image .file-caption,
.template-editor .plugintab .custom-fields .composer-file .file-caption,
.template-editor .plugintab .deleted-fields .composer-image .file-caption,
.template-editor .plugintab .deleted-fields .composer-file .file-caption {
  padding-top: 10px !important;
}
.data-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.data-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.data-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.data-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.data-editor .plugintab .custom-fields .composer-image .file-caption:before,
.data-editor .plugintab .custom-fields .composer-file .file-caption:before,
.data-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.data-editor .plugintab .deleted-fields .composer-file .file-caption:before,
.plugin-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.plugin-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.plugin-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.plugin-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.plugin-editor .plugintab .custom-fields .composer-image .file-caption:before,
.plugin-editor .plugintab .custom-fields .composer-file .file-caption:before,
.plugin-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.plugin-editor .plugintab .deleted-fields .composer-file .file-caption:before,
.settings-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.settings-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.settings-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.settings-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.settings-editor .plugintab .custom-fields .composer-image .file-caption:before,
.settings-editor .plugintab .custom-fields .composer-file .file-caption:before,
.settings-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.settings-editor .plugintab .deleted-fields .composer-file .file-caption:before,
.styles-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.styles-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.styles-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.styles-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.styles-editor .plugintab .custom-fields .composer-image .file-caption:before,
.styles-editor .plugintab .custom-fields .composer-file .file-caption:before,
.styles-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.styles-editor .plugintab .deleted-fields .composer-file .file-caption:before,
.logs-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.logs-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.logs-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.logs-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.logs-editor .plugintab .custom-fields .composer-image .file-caption:before,
.logs-editor .plugintab .custom-fields .composer-file .file-caption:before,
.logs-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.logs-editor .plugintab .deleted-fields .composer-file .file-caption:before,
.template-editor .usertypeeditor .custom-fields .composer-image .file-caption:before,
.template-editor .usertypeeditor .custom-fields .composer-file .file-caption:before,
.template-editor .usertypeeditor .deleted-fields .composer-image .file-caption:before,
.template-editor .usertypeeditor .deleted-fields .composer-file .file-caption:before,
.template-editor .plugintab .custom-fields .composer-image .file-caption:before,
.template-editor .plugintab .custom-fields .composer-file .file-caption:before,
.template-editor .plugintab .deleted-fields .composer-image .file-caption:before,
.template-editor .plugintab .deleted-fields .composer-file .file-caption:before {
  content: "" !important;
}
.data-editor .usertypeeditor .custom-fields .field-type,
.data-editor .usertypeeditor .custom-fields .field-default-caption,
.data-editor .usertypeeditor .custom-fields .built-in-field-name,
.data-editor .usertypeeditor .custom-fields .built-in-mention,
.data-editor .usertypeeditor .deleted-fields .field-type,
.data-editor .usertypeeditor .deleted-fields .field-default-caption,
.data-editor .usertypeeditor .deleted-fields .built-in-field-name,
.data-editor .usertypeeditor .deleted-fields .built-in-mention,
.data-editor .plugintab .custom-fields .field-type,
.data-editor .plugintab .custom-fields .field-default-caption,
.data-editor .plugintab .custom-fields .built-in-field-name,
.data-editor .plugintab .custom-fields .built-in-mention,
.data-editor .plugintab .deleted-fields .field-type,
.data-editor .plugintab .deleted-fields .field-default-caption,
.data-editor .plugintab .deleted-fields .built-in-field-name,
.data-editor .plugintab .deleted-fields .built-in-mention,
.plugin-editor .usertypeeditor .custom-fields .field-type,
.plugin-editor .usertypeeditor .custom-fields .field-default-caption,
.plugin-editor .usertypeeditor .custom-fields .built-in-field-name,
.plugin-editor .usertypeeditor .custom-fields .built-in-mention,
.plugin-editor .usertypeeditor .deleted-fields .field-type,
.plugin-editor .usertypeeditor .deleted-fields .field-default-caption,
.plugin-editor .usertypeeditor .deleted-fields .built-in-field-name,
.plugin-editor .usertypeeditor .deleted-fields .built-in-mention,
.plugin-editor .plugintab .custom-fields .field-type,
.plugin-editor .plugintab .custom-fields .field-default-caption,
.plugin-editor .plugintab .custom-fields .built-in-field-name,
.plugin-editor .plugintab .custom-fields .built-in-mention,
.plugin-editor .plugintab .deleted-fields .field-type,
.plugin-editor .plugintab .deleted-fields .field-default-caption,
.plugin-editor .plugintab .deleted-fields .built-in-field-name,
.plugin-editor .plugintab .deleted-fields .built-in-mention,
.settings-editor .usertypeeditor .custom-fields .field-type,
.settings-editor .usertypeeditor .custom-fields .field-default-caption,
.settings-editor .usertypeeditor .custom-fields .built-in-field-name,
.settings-editor .usertypeeditor .custom-fields .built-in-mention,
.settings-editor .usertypeeditor .deleted-fields .field-type,
.settings-editor .usertypeeditor .deleted-fields .field-default-caption,
.settings-editor .usertypeeditor .deleted-fields .built-in-field-name,
.settings-editor .usertypeeditor .deleted-fields .built-in-mention,
.settings-editor .plugintab .custom-fields .field-type,
.settings-editor .plugintab .custom-fields .field-default-caption,
.settings-editor .plugintab .custom-fields .built-in-field-name,
.settings-editor .plugintab .custom-fields .built-in-mention,
.settings-editor .plugintab .deleted-fields .field-type,
.settings-editor .plugintab .deleted-fields .field-default-caption,
.settings-editor .plugintab .deleted-fields .built-in-field-name,
.settings-editor .plugintab .deleted-fields .built-in-mention,
.styles-editor .usertypeeditor .custom-fields .field-type,
.styles-editor .usertypeeditor .custom-fields .field-default-caption,
.styles-editor .usertypeeditor .custom-fields .built-in-field-name,
.styles-editor .usertypeeditor .custom-fields .built-in-mention,
.styles-editor .usertypeeditor .deleted-fields .field-type,
.styles-editor .usertypeeditor .deleted-fields .field-default-caption,
.styles-editor .usertypeeditor .deleted-fields .built-in-field-name,
.styles-editor .usertypeeditor .deleted-fields .built-in-mention,
.styles-editor .plugintab .custom-fields .field-type,
.styles-editor .plugintab .custom-fields .field-default-caption,
.styles-editor .plugintab .custom-fields .built-in-field-name,
.styles-editor .plugintab .custom-fields .built-in-mention,
.styles-editor .plugintab .deleted-fields .field-type,
.styles-editor .plugintab .deleted-fields .field-default-caption,
.styles-editor .plugintab .deleted-fields .built-in-field-name,
.styles-editor .plugintab .deleted-fields .built-in-mention,
.logs-editor .usertypeeditor .custom-fields .field-type,
.logs-editor .usertypeeditor .custom-fields .field-default-caption,
.logs-editor .usertypeeditor .custom-fields .built-in-field-name,
.logs-editor .usertypeeditor .custom-fields .built-in-mention,
.logs-editor .usertypeeditor .deleted-fields .field-type,
.logs-editor .usertypeeditor .deleted-fields .field-default-caption,
.logs-editor .usertypeeditor .deleted-fields .built-in-field-name,
.logs-editor .usertypeeditor .deleted-fields .built-in-mention,
.logs-editor .plugintab .custom-fields .field-type,
.logs-editor .plugintab .custom-fields .field-default-caption,
.logs-editor .plugintab .custom-fields .built-in-field-name,
.logs-editor .plugintab .custom-fields .built-in-mention,
.logs-editor .plugintab .deleted-fields .field-type,
.logs-editor .plugintab .deleted-fields .field-default-caption,
.logs-editor .plugintab .deleted-fields .built-in-field-name,
.logs-editor .plugintab .deleted-fields .built-in-mention,
.template-editor .usertypeeditor .custom-fields .field-type,
.template-editor .usertypeeditor .custom-fields .field-default-caption,
.template-editor .usertypeeditor .custom-fields .built-in-field-name,
.template-editor .usertypeeditor .custom-fields .built-in-mention,
.template-editor .usertypeeditor .deleted-fields .field-type,
.template-editor .usertypeeditor .deleted-fields .field-default-caption,
.template-editor .usertypeeditor .deleted-fields .built-in-field-name,
.template-editor .usertypeeditor .deleted-fields .built-in-mention,
.template-editor .plugintab .custom-fields .field-type,
.template-editor .plugintab .custom-fields .field-default-caption,
.template-editor .plugintab .custom-fields .built-in-field-name,
.template-editor .plugintab .custom-fields .built-in-mention,
.template-editor .plugintab .deleted-fields .field-type,
.template-editor .plugintab .deleted-fields .field-default-caption,
.template-editor .plugintab .deleted-fields .built-in-field-name,
.template-editor .plugintab .deleted-fields .built-in-mention {
  float: left;
  margin-top: 8px;
  margin-left: 25px;
}
.data-editor .usertypeeditor .custom-fields .built-in-field-name,
.data-editor .usertypeeditor .deleted-fields .built-in-field-name,
.data-editor .plugintab .custom-fields .built-in-field-name,
.data-editor .plugintab .deleted-fields .built-in-field-name,
.plugin-editor .usertypeeditor .custom-fields .built-in-field-name,
.plugin-editor .usertypeeditor .deleted-fields .built-in-field-name,
.plugin-editor .plugintab .custom-fields .built-in-field-name,
.plugin-editor .plugintab .deleted-fields .built-in-field-name,
.settings-editor .usertypeeditor .custom-fields .built-in-field-name,
.settings-editor .usertypeeditor .deleted-fields .built-in-field-name,
.settings-editor .plugintab .custom-fields .built-in-field-name,
.settings-editor .plugintab .deleted-fields .built-in-field-name,
.styles-editor .usertypeeditor .custom-fields .built-in-field-name,
.styles-editor .usertypeeditor .deleted-fields .built-in-field-name,
.styles-editor .plugintab .custom-fields .built-in-field-name,
.styles-editor .plugintab .deleted-fields .built-in-field-name,
.logs-editor .usertypeeditor .custom-fields .built-in-field-name,
.logs-editor .usertypeeditor .deleted-fields .built-in-field-name,
.logs-editor .plugintab .custom-fields .built-in-field-name,
.logs-editor .plugintab .deleted-fields .built-in-field-name,
.template-editor .usertypeeditor .custom-fields .built-in-field-name,
.template-editor .usertypeeditor .deleted-fields .built-in-field-name,
.template-editor .plugintab .custom-fields .built-in-field-name,
.template-editor .plugintab .deleted-fields .built-in-field-name {
  margin-left: 11px;
  width: 157px;
}
.data-editor .usertypeeditor .custom-fields .field-default-caption,
.data-editor .usertypeeditor .custom-fields .built-in-mention,
.data-editor .usertypeeditor .deleted-fields .field-default-caption,
.data-editor .usertypeeditor .deleted-fields .built-in-mention,
.data-editor .plugintab .custom-fields .field-default-caption,
.data-editor .plugintab .custom-fields .built-in-mention,
.data-editor .plugintab .deleted-fields .field-default-caption,
.data-editor .plugintab .deleted-fields .built-in-mention,
.plugin-editor .usertypeeditor .custom-fields .field-default-caption,
.plugin-editor .usertypeeditor .custom-fields .built-in-mention,
.plugin-editor .usertypeeditor .deleted-fields .field-default-caption,
.plugin-editor .usertypeeditor .deleted-fields .built-in-mention,
.plugin-editor .plugintab .custom-fields .field-default-caption,
.plugin-editor .plugintab .custom-fields .built-in-mention,
.plugin-editor .plugintab .deleted-fields .field-default-caption,
.plugin-editor .plugintab .deleted-fields .built-in-mention,
.settings-editor .usertypeeditor .custom-fields .field-default-caption,
.settings-editor .usertypeeditor .custom-fields .built-in-mention,
.settings-editor .usertypeeditor .deleted-fields .field-default-caption,
.settings-editor .usertypeeditor .deleted-fields .built-in-mention,
.settings-editor .plugintab .custom-fields .field-default-caption,
.settings-editor .plugintab .custom-fields .built-in-mention,
.settings-editor .plugintab .deleted-fields .field-default-caption,
.settings-editor .plugintab .deleted-fields .built-in-mention,
.styles-editor .usertypeeditor .custom-fields .field-default-caption,
.styles-editor .usertypeeditor .custom-fields .built-in-mention,
.styles-editor .usertypeeditor .deleted-fields .field-default-caption,
.styles-editor .usertypeeditor .deleted-fields .built-in-mention,
.styles-editor .plugintab .custom-fields .field-default-caption,
.styles-editor .plugintab .custom-fields .built-in-mention,
.styles-editor .plugintab .deleted-fields .field-default-caption,
.styles-editor .plugintab .deleted-fields .built-in-mention,
.logs-editor .usertypeeditor .custom-fields .field-default-caption,
.logs-editor .usertypeeditor .custom-fields .built-in-mention,
.logs-editor .usertypeeditor .deleted-fields .field-default-caption,
.logs-editor .usertypeeditor .deleted-fields .built-in-mention,
.logs-editor .plugintab .custom-fields .field-default-caption,
.logs-editor .plugintab .custom-fields .built-in-mention,
.logs-editor .plugintab .deleted-fields .field-default-caption,
.logs-editor .plugintab .deleted-fields .built-in-mention,
.template-editor .usertypeeditor .custom-fields .field-default-caption,
.template-editor .usertypeeditor .custom-fields .built-in-mention,
.template-editor .usertypeeditor .deleted-fields .field-default-caption,
.template-editor .usertypeeditor .deleted-fields .built-in-mention,
.template-editor .plugintab .custom-fields .field-default-caption,
.template-editor .plugintab .custom-fields .built-in-mention,
.template-editor .plugintab .deleted-fields .field-default-caption,
.template-editor .plugintab .deleted-fields .built-in-mention {
  color: #cecece;
}
.data-editor .usertypeeditor .custom-fields .field-default-caption,
.data-editor .usertypeeditor .deleted-fields .field-default-caption,
.data-editor .plugintab .custom-fields .field-default-caption,
.data-editor .plugintab .deleted-fields .field-default-caption,
.plugin-editor .usertypeeditor .custom-fields .field-default-caption,
.plugin-editor .usertypeeditor .deleted-fields .field-default-caption,
.plugin-editor .plugintab .custom-fields .field-default-caption,
.plugin-editor .plugintab .deleted-fields .field-default-caption,
.settings-editor .usertypeeditor .custom-fields .field-default-caption,
.settings-editor .usertypeeditor .deleted-fields .field-default-caption,
.settings-editor .plugintab .custom-fields .field-default-caption,
.settings-editor .plugintab .deleted-fields .field-default-caption,
.styles-editor .usertypeeditor .custom-fields .field-default-caption,
.styles-editor .usertypeeditor .deleted-fields .field-default-caption,
.styles-editor .plugintab .custom-fields .field-default-caption,
.styles-editor .plugintab .deleted-fields .field-default-caption,
.logs-editor .usertypeeditor .custom-fields .field-default-caption,
.logs-editor .usertypeeditor .deleted-fields .field-default-caption,
.logs-editor .plugintab .custom-fields .field-default-caption,
.logs-editor .plugintab .deleted-fields .field-default-caption,
.template-editor .usertypeeditor .custom-fields .field-default-caption,
.template-editor .usertypeeditor .deleted-fields .field-default-caption,
.template-editor .plugintab .custom-fields .field-default-caption,
.template-editor .plugintab .deleted-fields .field-default-caption {
  margin-right: 10px;
}
.data-editor .usertypeeditor .deleted-fields-outer,
.data-editor .plugintab .deleted-fields-outer,
.plugin-editor .usertypeeditor .deleted-fields-outer,
.plugin-editor .plugintab .deleted-fields-outer,
.settings-editor .usertypeeditor .deleted-fields-outer,
.settings-editor .plugintab .deleted-fields-outer,
.styles-editor .usertypeeditor .deleted-fields-outer,
.styles-editor .plugintab .deleted-fields-outer,
.logs-editor .usertypeeditor .deleted-fields-outer,
.logs-editor .plugintab .deleted-fields-outer,
.template-editor .usertypeeditor .deleted-fields-outer,
.template-editor .plugintab .deleted-fields-outer {
  width: 100%;
}
.data-editor .usertypeeditor .deleted-fields-outer .field,
.data-editor .plugintab .deleted-fields-outer .field,
.plugin-editor .usertypeeditor .deleted-fields-outer .field,
.plugin-editor .plugintab .deleted-fields-outer .field,
.settings-editor .usertypeeditor .deleted-fields-outer .field,
.settings-editor .plugintab .deleted-fields-outer .field,
.styles-editor .usertypeeditor .deleted-fields-outer .field,
.styles-editor .plugintab .deleted-fields-outer .field,
.logs-editor .usertypeeditor .deleted-fields-outer .field,
.logs-editor .plugintab .deleted-fields-outer .field,
.template-editor .usertypeeditor .deleted-fields-outer .field,
.template-editor .plugintab .deleted-fields-outer .field {
  padding-bottom: 8px;
  margin-left: 11px;
}
.data-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.data-editor .plugintab .deleted-fields-outer .deleted-fields-title,
.plugin-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.plugin-editor .plugintab .deleted-fields-outer .deleted-fields-title,
.settings-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.settings-editor .plugintab .deleted-fields-outer .deleted-fields-title,
.styles-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.styles-editor .plugintab .deleted-fields-outer .deleted-fields-title,
.logs-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.logs-editor .plugintab .deleted-fields-outer .deleted-fields-title,
.template-editor .usertypeeditor .deleted-fields-outer .deleted-fields-title,
.template-editor .plugintab .deleted-fields-outer .deleted-fields-title {
  margin: 15px 0 10px 0;
  overflow: hidden;
  float: left;
}
.data-editor .usertypeeditor .option-set-divider,
.data-editor .usertypeeditor .option-set-divider-bordered,
.data-editor .plugintab .option-set-divider,
.data-editor .plugintab .option-set-divider-bordered,
.plugin-editor .usertypeeditor .option-set-divider,
.plugin-editor .usertypeeditor .option-set-divider-bordered,
.plugin-editor .plugintab .option-set-divider,
.plugin-editor .plugintab .option-set-divider-bordered,
.settings-editor .usertypeeditor .option-set-divider,
.settings-editor .usertypeeditor .option-set-divider-bordered,
.settings-editor .plugintab .option-set-divider,
.settings-editor .plugintab .option-set-divider-bordered,
.styles-editor .usertypeeditor .option-set-divider,
.styles-editor .usertypeeditor .option-set-divider-bordered,
.styles-editor .plugintab .option-set-divider,
.styles-editor .plugintab .option-set-divider-bordered,
.logs-editor .usertypeeditor .option-set-divider,
.logs-editor .usertypeeditor .option-set-divider-bordered,
.logs-editor .plugintab .option-set-divider,
.logs-editor .plugintab .option-set-divider-bordered,
.template-editor .usertypeeditor .option-set-divider,
.template-editor .usertypeeditor .option-set-divider-bordered,
.template-editor .plugintab .option-set-divider,
.template-editor .plugintab .option-set-divider-bordered {
  float: left;
  width: 100%;
  height: 30px;
}
.data-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.data-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.data-editor .plugintab .option-set-divider .option-set-divider-name,
.data-editor .plugintab .option-set-divider-bordered .option-set-divider-name,
.plugin-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.plugin-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.plugin-editor .plugintab .option-set-divider .option-set-divider-name,
.plugin-editor .plugintab .option-set-divider-bordered .option-set-divider-name,
.settings-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.settings-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.settings-editor .plugintab .option-set-divider .option-set-divider-name,
.settings-editor .plugintab .option-set-divider-bordered .option-set-divider-name,
.styles-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.styles-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.styles-editor .plugintab .option-set-divider .option-set-divider-name,
.styles-editor .plugintab .option-set-divider-bordered .option-set-divider-name,
.logs-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.logs-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.logs-editor .plugintab .option-set-divider .option-set-divider-name,
.logs-editor .plugintab .option-set-divider-bordered .option-set-divider-name,
.template-editor .usertypeeditor .option-set-divider .option-set-divider-name,
.template-editor .usertypeeditor .option-set-divider-bordered .option-set-divider-name,
.template-editor .plugintab .option-set-divider .option-set-divider-name,
.template-editor .plugintab .option-set-divider-bordered .option-set-divider-name {
  float: left;
  margin-top: 9px;
}
.data-editor .usertypeeditor .option-set-divider-bordered,
.data-editor .plugintab .option-set-divider-bordered,
.plugin-editor .usertypeeditor .option-set-divider-bordered,
.plugin-editor .plugintab .option-set-divider-bordered,
.settings-editor .usertypeeditor .option-set-divider-bordered,
.settings-editor .plugintab .option-set-divider-bordered,
.styles-editor .usertypeeditor .option-set-divider-bordered,
.styles-editor .plugintab .option-set-divider-bordered,
.logs-editor .usertypeeditor .option-set-divider-bordered,
.logs-editor .plugintab .option-set-divider-bordered,
.template-editor .usertypeeditor .option-set-divider-bordered,
.template-editor .plugintab .option-set-divider-bordered {
  border-top: 1px solid rgb(245, 245, 245);
  margin-top: 15px;
}
.data-editor .usertypeeditor .custom-type-entry,
.data-editor .usertypeeditor .plugin-box,
.data-editor .usertypeeditor .style-box,
.data-editor .usertypeeditor .custom-type-btn,
.data-editor .plugintab .custom-type-entry,
.data-editor .plugintab .plugin-box,
.data-editor .plugintab .style-box,
.data-editor .plugintab .custom-type-btn,
.data-editor .privacy .custom-type-entry,
.data-editor .privacy .plugin-box,
.data-editor .privacy .style-box,
.data-editor .privacy .custom-type-btn,
.plugin-editor .usertypeeditor .custom-type-entry,
.plugin-editor .usertypeeditor .plugin-box,
.plugin-editor .usertypeeditor .style-box,
.plugin-editor .usertypeeditor .custom-type-btn,
.plugin-editor .plugintab .custom-type-entry,
.plugin-editor .plugintab .plugin-box,
.plugin-editor .plugintab .style-box,
.plugin-editor .plugintab .custom-type-btn,
.plugin-editor .privacy .custom-type-entry,
.plugin-editor .privacy .plugin-box,
.plugin-editor .privacy .style-box,
.plugin-editor .privacy .custom-type-btn,
.settings-editor .usertypeeditor .custom-type-entry,
.settings-editor .usertypeeditor .plugin-box,
.settings-editor .usertypeeditor .style-box,
.settings-editor .usertypeeditor .custom-type-btn,
.settings-editor .plugintab .custom-type-entry,
.settings-editor .plugintab .plugin-box,
.settings-editor .plugintab .style-box,
.settings-editor .plugintab .custom-type-btn,
.settings-editor .privacy .custom-type-entry,
.settings-editor .privacy .plugin-box,
.settings-editor .privacy .style-box,
.settings-editor .privacy .custom-type-btn,
.styles-editor .usertypeeditor .custom-type-entry,
.styles-editor .usertypeeditor .plugin-box,
.styles-editor .usertypeeditor .style-box,
.styles-editor .usertypeeditor .custom-type-btn,
.styles-editor .plugintab .custom-type-entry,
.styles-editor .plugintab .plugin-box,
.styles-editor .plugintab .style-box,
.styles-editor .plugintab .custom-type-btn,
.styles-editor .privacy .custom-type-entry,
.styles-editor .privacy .plugin-box,
.styles-editor .privacy .style-box,
.styles-editor .privacy .custom-type-btn,
.logs-editor .usertypeeditor .custom-type-entry,
.logs-editor .usertypeeditor .plugin-box,
.logs-editor .usertypeeditor .style-box,
.logs-editor .usertypeeditor .custom-type-btn,
.logs-editor .plugintab .custom-type-entry,
.logs-editor .plugintab .plugin-box,
.logs-editor .plugintab .style-box,
.logs-editor .plugintab .custom-type-btn,
.logs-editor .privacy .custom-type-entry,
.logs-editor .privacy .plugin-box,
.logs-editor .privacy .style-box,
.logs-editor .privacy .custom-type-btn,
.template-editor .usertypeeditor .custom-type-entry,
.template-editor .usertypeeditor .plugin-box,
.template-editor .usertypeeditor .style-box,
.template-editor .usertypeeditor .custom-type-btn,
.template-editor .plugintab .custom-type-entry,
.template-editor .plugintab .plugin-box,
.template-editor .plugintab .style-box,
.template-editor .plugintab .custom-type-btn,
.template-editor .privacy .custom-type-entry,
.template-editor .privacy .plugin-box,
.template-editor .privacy .style-box,
.template-editor .privacy .custom-type-btn {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid rgb(245, 245, 245);
  padding: 15px 0px 15px 10px;
  overflow: hidden;
  cursor: pointer;
  text-transform: capitalize;
  transition: border-color 0.3s ease, opacity 0.3s ease;
}
.data-editor .usertypeeditor .custom-type-entry:hover,
.data-editor .usertypeeditor .plugin-box:hover,
.data-editor .usertypeeditor .style-box:hover,
.data-editor .usertypeeditor .custom-type-btn:hover,
.data-editor .plugintab .custom-type-entry:hover,
.data-editor .plugintab .plugin-box:hover,
.data-editor .plugintab .style-box:hover,
.data-editor .plugintab .custom-type-btn:hover,
.data-editor .privacy .custom-type-entry:hover,
.data-editor .privacy .plugin-box:hover,
.data-editor .privacy .style-box:hover,
.data-editor .privacy .custom-type-btn:hover,
.plugin-editor .usertypeeditor .custom-type-entry:hover,
.plugin-editor .usertypeeditor .plugin-box:hover,
.plugin-editor .usertypeeditor .style-box:hover,
.plugin-editor .usertypeeditor .custom-type-btn:hover,
.plugin-editor .plugintab .custom-type-entry:hover,
.plugin-editor .plugintab .plugin-box:hover,
.plugin-editor .plugintab .style-box:hover,
.plugin-editor .plugintab .custom-type-btn:hover,
.plugin-editor .privacy .custom-type-entry:hover,
.plugin-editor .privacy .plugin-box:hover,
.plugin-editor .privacy .style-box:hover,
.plugin-editor .privacy .custom-type-btn:hover,
.settings-editor .usertypeeditor .custom-type-entry:hover,
.settings-editor .usertypeeditor .plugin-box:hover,
.settings-editor .usertypeeditor .style-box:hover,
.settings-editor .usertypeeditor .custom-type-btn:hover,
.settings-editor .plugintab .custom-type-entry:hover,
.settings-editor .plugintab .plugin-box:hover,
.settings-editor .plugintab .style-box:hover,
.settings-editor .plugintab .custom-type-btn:hover,
.settings-editor .privacy .custom-type-entry:hover,
.settings-editor .privacy .plugin-box:hover,
.settings-editor .privacy .style-box:hover,
.settings-editor .privacy .custom-type-btn:hover,
.styles-editor .usertypeeditor .custom-type-entry:hover,
.styles-editor .usertypeeditor .plugin-box:hover,
.styles-editor .usertypeeditor .style-box:hover,
.styles-editor .usertypeeditor .custom-type-btn:hover,
.styles-editor .plugintab .custom-type-entry:hover,
.styles-editor .plugintab .plugin-box:hover,
.styles-editor .plugintab .style-box:hover,
.styles-editor .plugintab .custom-type-btn:hover,
.styles-editor .privacy .custom-type-entry:hover,
.styles-editor .privacy .plugin-box:hover,
.styles-editor .privacy .style-box:hover,
.styles-editor .privacy .custom-type-btn:hover,
.logs-editor .usertypeeditor .custom-type-entry:hover,
.logs-editor .usertypeeditor .plugin-box:hover,
.logs-editor .usertypeeditor .style-box:hover,
.logs-editor .usertypeeditor .custom-type-btn:hover,
.logs-editor .plugintab .custom-type-entry:hover,
.logs-editor .plugintab .plugin-box:hover,
.logs-editor .plugintab .style-box:hover,
.logs-editor .plugintab .custom-type-btn:hover,
.logs-editor .privacy .custom-type-entry:hover,
.logs-editor .privacy .plugin-box:hover,
.logs-editor .privacy .style-box:hover,
.logs-editor .privacy .custom-type-btn:hover,
.template-editor .usertypeeditor .custom-type-entry:hover,
.template-editor .usertypeeditor .plugin-box:hover,
.template-editor .usertypeeditor .style-box:hover,
.template-editor .usertypeeditor .custom-type-btn:hover,
.template-editor .plugintab .custom-type-entry:hover,
.template-editor .plugintab .plugin-box:hover,
.template-editor .plugintab .style-box:hover,
.template-editor .plugintab .custom-type-btn:hover,
.template-editor .privacy .custom-type-entry:hover,
.template-editor .privacy .plugin-box:hover,
.template-editor .privacy .style-box:hover,
.template-editor .privacy .custom-type-btn:hover {
  background-color: rgb(249, 249, 249);
}
.data-editor .usertypeeditor .custom-type-entry.selected,
.data-editor .usertypeeditor .plugin-box.selected,
.data-editor .usertypeeditor .style-box.selected,
.data-editor .usertypeeditor .custom-type-btn.selected,
.data-editor .plugintab .custom-type-entry.selected,
.data-editor .plugintab .plugin-box.selected,
.data-editor .plugintab .style-box.selected,
.data-editor .plugintab .custom-type-btn.selected,
.data-editor .privacy .custom-type-entry.selected,
.data-editor .privacy .plugin-box.selected,
.data-editor .privacy .style-box.selected,
.data-editor .privacy .custom-type-btn.selected,
.plugin-editor .usertypeeditor .custom-type-entry.selected,
.plugin-editor .usertypeeditor .plugin-box.selected,
.plugin-editor .usertypeeditor .style-box.selected,
.plugin-editor .usertypeeditor .custom-type-btn.selected,
.plugin-editor .plugintab .custom-type-entry.selected,
.plugin-editor .plugintab .plugin-box.selected,
.plugin-editor .plugintab .style-box.selected,
.plugin-editor .plugintab .custom-type-btn.selected,
.plugin-editor .privacy .custom-type-entry.selected,
.plugin-editor .privacy .plugin-box.selected,
.plugin-editor .privacy .style-box.selected,
.plugin-editor .privacy .custom-type-btn.selected,
.settings-editor .usertypeeditor .custom-type-entry.selected,
.settings-editor .usertypeeditor .plugin-box.selected,
.settings-editor .usertypeeditor .style-box.selected,
.settings-editor .usertypeeditor .custom-type-btn.selected,
.settings-editor .plugintab .custom-type-entry.selected,
.settings-editor .plugintab .plugin-box.selected,
.settings-editor .plugintab .style-box.selected,
.settings-editor .plugintab .custom-type-btn.selected,
.settings-editor .privacy .custom-type-entry.selected,
.settings-editor .privacy .plugin-box.selected,
.settings-editor .privacy .style-box.selected,
.settings-editor .privacy .custom-type-btn.selected,
.styles-editor .usertypeeditor .custom-type-entry.selected,
.styles-editor .usertypeeditor .plugin-box.selected,
.styles-editor .usertypeeditor .style-box.selected,
.styles-editor .usertypeeditor .custom-type-btn.selected,
.styles-editor .plugintab .custom-type-entry.selected,
.styles-editor .plugintab .plugin-box.selected,
.styles-editor .plugintab .style-box.selected,
.styles-editor .plugintab .custom-type-btn.selected,
.styles-editor .privacy .custom-type-entry.selected,
.styles-editor .privacy .plugin-box.selected,
.styles-editor .privacy .style-box.selected,
.styles-editor .privacy .custom-type-btn.selected,
.logs-editor .usertypeeditor .custom-type-entry.selected,
.logs-editor .usertypeeditor .plugin-box.selected,
.logs-editor .usertypeeditor .style-box.selected,
.logs-editor .usertypeeditor .custom-type-btn.selected,
.logs-editor .plugintab .custom-type-entry.selected,
.logs-editor .plugintab .plugin-box.selected,
.logs-editor .plugintab .style-box.selected,
.logs-editor .plugintab .custom-type-btn.selected,
.logs-editor .privacy .custom-type-entry.selected,
.logs-editor .privacy .plugin-box.selected,
.logs-editor .privacy .style-box.selected,
.logs-editor .privacy .custom-type-btn.selected,
.template-editor .usertypeeditor .custom-type-entry.selected,
.template-editor .usertypeeditor .plugin-box.selected,
.template-editor .usertypeeditor .style-box.selected,
.template-editor .usertypeeditor .custom-type-btn.selected,
.template-editor .plugintab .custom-type-entry.selected,
.template-editor .plugintab .plugin-box.selected,
.template-editor .plugintab .style-box.selected,
.template-editor .plugintab .custom-type-btn.selected,
.template-editor .privacy .custom-type-entry.selected,
.template-editor .privacy .plugin-box.selected,
.template-editor .privacy .style-box.selected,
.template-editor .privacy .custom-type-btn.selected {
  background-color: var(--b-bg-brand2) !important;
  color: var(--b-bg-brand);
  cursor: default;
}
.data-editor .usertypeeditor .custom-type-entry .display,
.data-editor .usertypeeditor .custom-type-entry .display-type,
.data-editor .usertypeeditor .custom-type-entry .display-name,
.data-editor .usertypeeditor .field .display,
.data-editor .usertypeeditor .field .display-type,
.data-editor .usertypeeditor .field .display-name,
.data-editor .usertypeeditor .plugin-box .display,
.data-editor .usertypeeditor .plugin-box .display-type,
.data-editor .usertypeeditor .plugin-box .display-name,
.data-editor .usertypeeditor .style-box .display,
.data-editor .usertypeeditor .style-box .display-type,
.data-editor .usertypeeditor .style-box .display-name,
.data-editor .usertypeeditor .right-pane-inner .display,
.data-editor .usertypeeditor .right-pane-inner .display-type,
.data-editor .usertypeeditor .right-pane-inner .display-name,
.data-editor .plugintab .custom-type-entry .display,
.data-editor .plugintab .custom-type-entry .display-type,
.data-editor .plugintab .custom-type-entry .display-name,
.data-editor .plugintab .field .display,
.data-editor .plugintab .field .display-type,
.data-editor .plugintab .field .display-name,
.data-editor .plugintab .plugin-box .display,
.data-editor .plugintab .plugin-box .display-type,
.data-editor .plugintab .plugin-box .display-name,
.data-editor .plugintab .style-box .display,
.data-editor .plugintab .style-box .display-type,
.data-editor .plugintab .style-box .display-name,
.data-editor .plugintab .right-pane-inner .display,
.data-editor .plugintab .right-pane-inner .display-type,
.data-editor .plugintab .right-pane-inner .display-name,
.data-editor .privacy .custom-type-entry .display,
.data-editor .privacy .custom-type-entry .display-type,
.data-editor .privacy .custom-type-entry .display-name,
.data-editor .privacy .field .display,
.data-editor .privacy .field .display-type,
.data-editor .privacy .field .display-name,
.data-editor .privacy .plugin-box .display,
.data-editor .privacy .plugin-box .display-type,
.data-editor .privacy .plugin-box .display-name,
.data-editor .privacy .style-box .display,
.data-editor .privacy .style-box .display-type,
.data-editor .privacy .style-box .display-name,
.data-editor .privacy .right-pane-inner .display,
.data-editor .privacy .right-pane-inner .display-type,
.data-editor .privacy .right-pane-inner .display-name,
.plugin-editor .usertypeeditor .custom-type-entry .display,
.plugin-editor .usertypeeditor .custom-type-entry .display-type,
.plugin-editor .usertypeeditor .custom-type-entry .display-name,
.plugin-editor .usertypeeditor .field .display,
.plugin-editor .usertypeeditor .field .display-type,
.plugin-editor .usertypeeditor .field .display-name,
.plugin-editor .usertypeeditor .plugin-box .display,
.plugin-editor .usertypeeditor .plugin-box .display-type,
.plugin-editor .usertypeeditor .plugin-box .display-name,
.plugin-editor .usertypeeditor .style-box .display,
.plugin-editor .usertypeeditor .style-box .display-type,
.plugin-editor .usertypeeditor .style-box .display-name,
.plugin-editor .usertypeeditor .right-pane-inner .display,
.plugin-editor .usertypeeditor .right-pane-inner .display-type,
.plugin-editor .usertypeeditor .right-pane-inner .display-name,
.plugin-editor .plugintab .custom-type-entry .display,
.plugin-editor .plugintab .custom-type-entry .display-type,
.plugin-editor .plugintab .custom-type-entry .display-name,
.plugin-editor .plugintab .field .display,
.plugin-editor .plugintab .field .display-type,
.plugin-editor .plugintab .field .display-name,
.plugin-editor .plugintab .plugin-box .display,
.plugin-editor .plugintab .plugin-box .display-type,
.plugin-editor .plugintab .plugin-box .display-name,
.plugin-editor .plugintab .style-box .display,
.plugin-editor .plugintab .style-box .display-type,
.plugin-editor .plugintab .style-box .display-name,
.plugin-editor .plugintab .right-pane-inner .display,
.plugin-editor .plugintab .right-pane-inner .display-type,
.plugin-editor .plugintab .right-pane-inner .display-name,
.plugin-editor .privacy .custom-type-entry .display,
.plugin-editor .privacy .custom-type-entry .display-type,
.plugin-editor .privacy .custom-type-entry .display-name,
.plugin-editor .privacy .field .display,
.plugin-editor .privacy .field .display-type,
.plugin-editor .privacy .field .display-name,
.plugin-editor .privacy .plugin-box .display,
.plugin-editor .privacy .plugin-box .display-type,
.plugin-editor .privacy .plugin-box .display-name,
.plugin-editor .privacy .style-box .display,
.plugin-editor .privacy .style-box .display-type,
.plugin-editor .privacy .style-box .display-name,
.plugin-editor .privacy .right-pane-inner .display,
.plugin-editor .privacy .right-pane-inner .display-type,
.plugin-editor .privacy .right-pane-inner .display-name,
.settings-editor .usertypeeditor .custom-type-entry .display,
.settings-editor .usertypeeditor .custom-type-entry .display-type,
.settings-editor .usertypeeditor .custom-type-entry .display-name,
.settings-editor .usertypeeditor .field .display,
.settings-editor .usertypeeditor .field .display-type,
.settings-editor .usertypeeditor .field .display-name,
.settings-editor .usertypeeditor .plugin-box .display,
.settings-editor .usertypeeditor .plugin-box .display-type,
.settings-editor .usertypeeditor .plugin-box .display-name,
.settings-editor .usertypeeditor .style-box .display,
.settings-editor .usertypeeditor .style-box .display-type,
.settings-editor .usertypeeditor .style-box .display-name,
.settings-editor .usertypeeditor .right-pane-inner .display,
.settings-editor .usertypeeditor .right-pane-inner .display-type,
.settings-editor .usertypeeditor .right-pane-inner .display-name,
.settings-editor .plugintab .custom-type-entry .display,
.settings-editor .plugintab .custom-type-entry .display-type,
.settings-editor .plugintab .custom-type-entry .display-name,
.settings-editor .plugintab .field .display,
.settings-editor .plugintab .field .display-type,
.settings-editor .plugintab .field .display-name,
.settings-editor .plugintab .plugin-box .display,
.settings-editor .plugintab .plugin-box .display-type,
.settings-editor .plugintab .plugin-box .display-name,
.settings-editor .plugintab .style-box .display,
.settings-editor .plugintab .style-box .display-type,
.settings-editor .plugintab .style-box .display-name,
.settings-editor .plugintab .right-pane-inner .display,
.settings-editor .plugintab .right-pane-inner .display-type,
.settings-editor .plugintab .right-pane-inner .display-name,
.settings-editor .privacy .custom-type-entry .display,
.settings-editor .privacy .custom-type-entry .display-type,
.settings-editor .privacy .custom-type-entry .display-name,
.settings-editor .privacy .field .display,
.settings-editor .privacy .field .display-type,
.settings-editor .privacy .field .display-name,
.settings-editor .privacy .plugin-box .display,
.settings-editor .privacy .plugin-box .display-type,
.settings-editor .privacy .plugin-box .display-name,
.settings-editor .privacy .style-box .display,
.settings-editor .privacy .style-box .display-type,
.settings-editor .privacy .style-box .display-name,
.settings-editor .privacy .right-pane-inner .display,
.settings-editor .privacy .right-pane-inner .display-type,
.settings-editor .privacy .right-pane-inner .display-name,
.styles-editor .usertypeeditor .custom-type-entry .display,
.styles-editor .usertypeeditor .custom-type-entry .display-type,
.styles-editor .usertypeeditor .custom-type-entry .display-name,
.styles-editor .usertypeeditor .field .display,
.styles-editor .usertypeeditor .field .display-type,
.styles-editor .usertypeeditor .field .display-name,
.styles-editor .usertypeeditor .plugin-box .display,
.styles-editor .usertypeeditor .plugin-box .display-type,
.styles-editor .usertypeeditor .plugin-box .display-name,
.styles-editor .usertypeeditor .style-box .display,
.styles-editor .usertypeeditor .style-box .display-type,
.styles-editor .usertypeeditor .style-box .display-name,
.styles-editor .usertypeeditor .right-pane-inner .display,
.styles-editor .usertypeeditor .right-pane-inner .display-type,
.styles-editor .usertypeeditor .right-pane-inner .display-name,
.styles-editor .plugintab .custom-type-entry .display,
.styles-editor .plugintab .custom-type-entry .display-type,
.styles-editor .plugintab .custom-type-entry .display-name,
.styles-editor .plugintab .field .display,
.styles-editor .plugintab .field .display-type,
.styles-editor .plugintab .field .display-name,
.styles-editor .plugintab .plugin-box .display,
.styles-editor .plugintab .plugin-box .display-type,
.styles-editor .plugintab .plugin-box .display-name,
.styles-editor .plugintab .style-box .display,
.styles-editor .plugintab .style-box .display-type,
.styles-editor .plugintab .style-box .display-name,
.styles-editor .plugintab .right-pane-inner .display,
.styles-editor .plugintab .right-pane-inner .display-type,
.styles-editor .plugintab .right-pane-inner .display-name,
.styles-editor .privacy .custom-type-entry .display,
.styles-editor .privacy .custom-type-entry .display-type,
.styles-editor .privacy .custom-type-entry .display-name,
.styles-editor .privacy .field .display,
.styles-editor .privacy .field .display-type,
.styles-editor .privacy .field .display-name,
.styles-editor .privacy .plugin-box .display,
.styles-editor .privacy .plugin-box .display-type,
.styles-editor .privacy .plugin-box .display-name,
.styles-editor .privacy .style-box .display,
.styles-editor .privacy .style-box .display-type,
.styles-editor .privacy .style-box .display-name,
.styles-editor .privacy .right-pane-inner .display,
.styles-editor .privacy .right-pane-inner .display-type,
.styles-editor .privacy .right-pane-inner .display-name,
.logs-editor .usertypeeditor .custom-type-entry .display,
.logs-editor .usertypeeditor .custom-type-entry .display-type,
.logs-editor .usertypeeditor .custom-type-entry .display-name,
.logs-editor .usertypeeditor .field .display,
.logs-editor .usertypeeditor .field .display-type,
.logs-editor .usertypeeditor .field .display-name,
.logs-editor .usertypeeditor .plugin-box .display,
.logs-editor .usertypeeditor .plugin-box .display-type,
.logs-editor .usertypeeditor .plugin-box .display-name,
.logs-editor .usertypeeditor .style-box .display,
.logs-editor .usertypeeditor .style-box .display-type,
.logs-editor .usertypeeditor .style-box .display-name,
.logs-editor .usertypeeditor .right-pane-inner .display,
.logs-editor .usertypeeditor .right-pane-inner .display-type,
.logs-editor .usertypeeditor .right-pane-inner .display-name,
.logs-editor .plugintab .custom-type-entry .display,
.logs-editor .plugintab .custom-type-entry .display-type,
.logs-editor .plugintab .custom-type-entry .display-name,
.logs-editor .plugintab .field .display,
.logs-editor .plugintab .field .display-type,
.logs-editor .plugintab .field .display-name,
.logs-editor .plugintab .plugin-box .display,
.logs-editor .plugintab .plugin-box .display-type,
.logs-editor .plugintab .plugin-box .display-name,
.logs-editor .plugintab .style-box .display,
.logs-editor .plugintab .style-box .display-type,
.logs-editor .plugintab .style-box .display-name,
.logs-editor .plugintab .right-pane-inner .display,
.logs-editor .plugintab .right-pane-inner .display-type,
.logs-editor .plugintab .right-pane-inner .display-name,
.logs-editor .privacy .custom-type-entry .display,
.logs-editor .privacy .custom-type-entry .display-type,
.logs-editor .privacy .custom-type-entry .display-name,
.logs-editor .privacy .field .display,
.logs-editor .privacy .field .display-type,
.logs-editor .privacy .field .display-name,
.logs-editor .privacy .plugin-box .display,
.logs-editor .privacy .plugin-box .display-type,
.logs-editor .privacy .plugin-box .display-name,
.logs-editor .privacy .style-box .display,
.logs-editor .privacy .style-box .display-type,
.logs-editor .privacy .style-box .display-name,
.logs-editor .privacy .right-pane-inner .display,
.logs-editor .privacy .right-pane-inner .display-type,
.logs-editor .privacy .right-pane-inner .display-name,
.template-editor .usertypeeditor .custom-type-entry .display,
.template-editor .usertypeeditor .custom-type-entry .display-type,
.template-editor .usertypeeditor .custom-type-entry .display-name,
.template-editor .usertypeeditor .field .display,
.template-editor .usertypeeditor .field .display-type,
.template-editor .usertypeeditor .field .display-name,
.template-editor .usertypeeditor .plugin-box .display,
.template-editor .usertypeeditor .plugin-box .display-type,
.template-editor .usertypeeditor .plugin-box .display-name,
.template-editor .usertypeeditor .style-box .display,
.template-editor .usertypeeditor .style-box .display-type,
.template-editor .usertypeeditor .style-box .display-name,
.template-editor .usertypeeditor .right-pane-inner .display,
.template-editor .usertypeeditor .right-pane-inner .display-type,
.template-editor .usertypeeditor .right-pane-inner .display-name,
.template-editor .plugintab .custom-type-entry .display,
.template-editor .plugintab .custom-type-entry .display-type,
.template-editor .plugintab .custom-type-entry .display-name,
.template-editor .plugintab .field .display,
.template-editor .plugintab .field .display-type,
.template-editor .plugintab .field .display-name,
.template-editor .plugintab .plugin-box .display,
.template-editor .plugintab .plugin-box .display-type,
.template-editor .plugintab .plugin-box .display-name,
.template-editor .plugintab .style-box .display,
.template-editor .plugintab .style-box .display-type,
.template-editor .plugintab .style-box .display-name,
.template-editor .plugintab .right-pane-inner .display,
.template-editor .plugintab .right-pane-inner .display-type,
.template-editor .plugintab .right-pane-inner .display-name,
.template-editor .privacy .custom-type-entry .display,
.template-editor .privacy .custom-type-entry .display-type,
.template-editor .privacy .custom-type-entry .display-name,
.template-editor .privacy .field .display,
.template-editor .privacy .field .display-type,
.template-editor .privacy .field .display-name,
.template-editor .privacy .plugin-box .display,
.template-editor .privacy .plugin-box .display-type,
.template-editor .privacy .plugin-box .display-name,
.template-editor .privacy .style-box .display,
.template-editor .privacy .style-box .display-type,
.template-editor .privacy .style-box .display-name,
.template-editor .privacy .right-pane-inner .display,
.template-editor .privacy .right-pane-inner .display-type,
.template-editor .privacy .right-pane-inner .display-name {
  float: left;
  text-transform: capitalize;
  margin-top: 4px;
}
.data-editor .usertypeeditor .custom-type-entry .undelete-btn,
.data-editor .usertypeeditor .custom-type-entry .delete,
.data-editor .usertypeeditor .custom-type-entry .undelete,
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.data-editor .usertypeeditor .field .undelete-btn,
.data-editor .usertypeeditor .field .delete,
.data-editor .usertypeeditor .field .undelete,
.data-editor .usertypeeditor .field .privacy-setting-btn,
.data-editor .usertypeeditor .field .privacy-setting-text,
.data-editor .usertypeeditor .plugin-box .undelete-btn,
.data-editor .usertypeeditor .plugin-box .delete,
.data-editor .usertypeeditor .plugin-box .undelete,
.data-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.data-editor .usertypeeditor .plugin-box .privacy-setting-text,
.data-editor .usertypeeditor .style-box .undelete-btn,
.data-editor .usertypeeditor .style-box .delete,
.data-editor .usertypeeditor .style-box .undelete,
.data-editor .usertypeeditor .style-box .privacy-setting-btn,
.data-editor .usertypeeditor .style-box .privacy-setting-text,
.data-editor .usertypeeditor .right-pane-inner .undelete-btn,
.data-editor .usertypeeditor .right-pane-inner .delete,
.data-editor .usertypeeditor .right-pane-inner .undelete,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.data-editor .plugintab .custom-type-entry .undelete-btn,
.data-editor .plugintab .custom-type-entry .delete,
.data-editor .plugintab .custom-type-entry .undelete,
.data-editor .plugintab .custom-type-entry .privacy-setting-btn,
.data-editor .plugintab .custom-type-entry .privacy-setting-text,
.data-editor .plugintab .field .undelete-btn,
.data-editor .plugintab .field .delete,
.data-editor .plugintab .field .undelete,
.data-editor .plugintab .field .privacy-setting-btn,
.data-editor .plugintab .field .privacy-setting-text,
.data-editor .plugintab .plugin-box .undelete-btn,
.data-editor .plugintab .plugin-box .delete,
.data-editor .plugintab .plugin-box .undelete,
.data-editor .plugintab .plugin-box .privacy-setting-btn,
.data-editor .plugintab .plugin-box .privacy-setting-text,
.data-editor .plugintab .style-box .undelete-btn,
.data-editor .plugintab .style-box .delete,
.data-editor .plugintab .style-box .undelete,
.data-editor .plugintab .style-box .privacy-setting-btn,
.data-editor .plugintab .style-box .privacy-setting-text,
.data-editor .plugintab .right-pane-inner .undelete-btn,
.data-editor .plugintab .right-pane-inner .delete,
.data-editor .plugintab .right-pane-inner .undelete,
.data-editor .plugintab .right-pane-inner .privacy-setting-btn,
.data-editor .plugintab .right-pane-inner .privacy-setting-text,
.data-editor .privacy .custom-type-entry .undelete-btn,
.data-editor .privacy .custom-type-entry .delete,
.data-editor .privacy .custom-type-entry .undelete,
.data-editor .privacy .custom-type-entry .privacy-setting-btn,
.data-editor .privacy .custom-type-entry .privacy-setting-text,
.data-editor .privacy .field .undelete-btn,
.data-editor .privacy .field .delete,
.data-editor .privacy .field .undelete,
.data-editor .privacy .field .privacy-setting-btn,
.data-editor .privacy .field .privacy-setting-text,
.data-editor .privacy .plugin-box .undelete-btn,
.data-editor .privacy .plugin-box .delete,
.data-editor .privacy .plugin-box .undelete,
.data-editor .privacy .plugin-box .privacy-setting-btn,
.data-editor .privacy .plugin-box .privacy-setting-text,
.data-editor .privacy .style-box .undelete-btn,
.data-editor .privacy .style-box .delete,
.data-editor .privacy .style-box .undelete,
.data-editor .privacy .style-box .privacy-setting-btn,
.data-editor .privacy .style-box .privacy-setting-text,
.data-editor .privacy .right-pane-inner .undelete-btn,
.data-editor .privacy .right-pane-inner .delete,
.data-editor .privacy .right-pane-inner .undelete,
.data-editor .privacy .right-pane-inner .privacy-setting-btn,
.data-editor .privacy .right-pane-inner .privacy-setting-text,
.plugin-editor .usertypeeditor .custom-type-entry .undelete-btn,
.plugin-editor .usertypeeditor .custom-type-entry .delete,
.plugin-editor .usertypeeditor .custom-type-entry .undelete,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.plugin-editor .usertypeeditor .field .undelete-btn,
.plugin-editor .usertypeeditor .field .delete,
.plugin-editor .usertypeeditor .field .undelete,
.plugin-editor .usertypeeditor .field .privacy-setting-btn,
.plugin-editor .usertypeeditor .field .privacy-setting-text,
.plugin-editor .usertypeeditor .plugin-box .undelete-btn,
.plugin-editor .usertypeeditor .plugin-box .delete,
.plugin-editor .usertypeeditor .plugin-box .undelete,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-text,
.plugin-editor .usertypeeditor .style-box .undelete-btn,
.plugin-editor .usertypeeditor .style-box .delete,
.plugin-editor .usertypeeditor .style-box .undelete,
.plugin-editor .usertypeeditor .style-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .style-box .privacy-setting-text,
.plugin-editor .usertypeeditor .right-pane-inner .undelete-btn,
.plugin-editor .usertypeeditor .right-pane-inner .delete,
.plugin-editor .usertypeeditor .right-pane-inner .undelete,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.plugin-editor .plugintab .custom-type-entry .undelete-btn,
.plugin-editor .plugintab .custom-type-entry .delete,
.plugin-editor .plugintab .custom-type-entry .undelete,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-btn,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-text,
.plugin-editor .plugintab .field .undelete-btn,
.plugin-editor .plugintab .field .delete,
.plugin-editor .plugintab .field .undelete,
.plugin-editor .plugintab .field .privacy-setting-btn,
.plugin-editor .plugintab .field .privacy-setting-text,
.plugin-editor .plugintab .plugin-box .undelete-btn,
.plugin-editor .plugintab .plugin-box .delete,
.plugin-editor .plugintab .plugin-box .undelete,
.plugin-editor .plugintab .plugin-box .privacy-setting-btn,
.plugin-editor .plugintab .plugin-box .privacy-setting-text,
.plugin-editor .plugintab .style-box .undelete-btn,
.plugin-editor .plugintab .style-box .delete,
.plugin-editor .plugintab .style-box .undelete,
.plugin-editor .plugintab .style-box .privacy-setting-btn,
.plugin-editor .plugintab .style-box .privacy-setting-text,
.plugin-editor .plugintab .right-pane-inner .undelete-btn,
.plugin-editor .plugintab .right-pane-inner .delete,
.plugin-editor .plugintab .right-pane-inner .undelete,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-btn,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-text,
.plugin-editor .privacy .custom-type-entry .undelete-btn,
.plugin-editor .privacy .custom-type-entry .delete,
.plugin-editor .privacy .custom-type-entry .undelete,
.plugin-editor .privacy .custom-type-entry .privacy-setting-btn,
.plugin-editor .privacy .custom-type-entry .privacy-setting-text,
.plugin-editor .privacy .field .undelete-btn,
.plugin-editor .privacy .field .delete,
.plugin-editor .privacy .field .undelete,
.plugin-editor .privacy .field .privacy-setting-btn,
.plugin-editor .privacy .field .privacy-setting-text,
.plugin-editor .privacy .plugin-box .undelete-btn,
.plugin-editor .privacy .plugin-box .delete,
.plugin-editor .privacy .plugin-box .undelete,
.plugin-editor .privacy .plugin-box .privacy-setting-btn,
.plugin-editor .privacy .plugin-box .privacy-setting-text,
.plugin-editor .privacy .style-box .undelete-btn,
.plugin-editor .privacy .style-box .delete,
.plugin-editor .privacy .style-box .undelete,
.plugin-editor .privacy .style-box .privacy-setting-btn,
.plugin-editor .privacy .style-box .privacy-setting-text,
.plugin-editor .privacy .right-pane-inner .undelete-btn,
.plugin-editor .privacy .right-pane-inner .delete,
.plugin-editor .privacy .right-pane-inner .undelete,
.plugin-editor .privacy .right-pane-inner .privacy-setting-btn,
.plugin-editor .privacy .right-pane-inner .privacy-setting-text,
.settings-editor .usertypeeditor .custom-type-entry .undelete-btn,
.settings-editor .usertypeeditor .custom-type-entry .delete,
.settings-editor .usertypeeditor .custom-type-entry .undelete,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.settings-editor .usertypeeditor .field .undelete-btn,
.settings-editor .usertypeeditor .field .delete,
.settings-editor .usertypeeditor .field .undelete,
.settings-editor .usertypeeditor .field .privacy-setting-btn,
.settings-editor .usertypeeditor .field .privacy-setting-text,
.settings-editor .usertypeeditor .plugin-box .undelete-btn,
.settings-editor .usertypeeditor .plugin-box .delete,
.settings-editor .usertypeeditor .plugin-box .undelete,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-text,
.settings-editor .usertypeeditor .style-box .undelete-btn,
.settings-editor .usertypeeditor .style-box .delete,
.settings-editor .usertypeeditor .style-box .undelete,
.settings-editor .usertypeeditor .style-box .privacy-setting-btn,
.settings-editor .usertypeeditor .style-box .privacy-setting-text,
.settings-editor .usertypeeditor .right-pane-inner .undelete-btn,
.settings-editor .usertypeeditor .right-pane-inner .delete,
.settings-editor .usertypeeditor .right-pane-inner .undelete,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.settings-editor .plugintab .custom-type-entry .undelete-btn,
.settings-editor .plugintab .custom-type-entry .delete,
.settings-editor .plugintab .custom-type-entry .undelete,
.settings-editor .plugintab .custom-type-entry .privacy-setting-btn,
.settings-editor .plugintab .custom-type-entry .privacy-setting-text,
.settings-editor .plugintab .field .undelete-btn,
.settings-editor .plugintab .field .delete,
.settings-editor .plugintab .field .undelete,
.settings-editor .plugintab .field .privacy-setting-btn,
.settings-editor .plugintab .field .privacy-setting-text,
.settings-editor .plugintab .plugin-box .undelete-btn,
.settings-editor .plugintab .plugin-box .delete,
.settings-editor .plugintab .plugin-box .undelete,
.settings-editor .plugintab .plugin-box .privacy-setting-btn,
.settings-editor .plugintab .plugin-box .privacy-setting-text,
.settings-editor .plugintab .style-box .undelete-btn,
.settings-editor .plugintab .style-box .delete,
.settings-editor .plugintab .style-box .undelete,
.settings-editor .plugintab .style-box .privacy-setting-btn,
.settings-editor .plugintab .style-box .privacy-setting-text,
.settings-editor .plugintab .right-pane-inner .undelete-btn,
.settings-editor .plugintab .right-pane-inner .delete,
.settings-editor .plugintab .right-pane-inner .undelete,
.settings-editor .plugintab .right-pane-inner .privacy-setting-btn,
.settings-editor .plugintab .right-pane-inner .privacy-setting-text,
.settings-editor .privacy .custom-type-entry .undelete-btn,
.settings-editor .privacy .custom-type-entry .delete,
.settings-editor .privacy .custom-type-entry .undelete,
.settings-editor .privacy .custom-type-entry .privacy-setting-btn,
.settings-editor .privacy .custom-type-entry .privacy-setting-text,
.settings-editor .privacy .field .undelete-btn,
.settings-editor .privacy .field .delete,
.settings-editor .privacy .field .undelete,
.settings-editor .privacy .field .privacy-setting-btn,
.settings-editor .privacy .field .privacy-setting-text,
.settings-editor .privacy .plugin-box .undelete-btn,
.settings-editor .privacy .plugin-box .delete,
.settings-editor .privacy .plugin-box .undelete,
.settings-editor .privacy .plugin-box .privacy-setting-btn,
.settings-editor .privacy .plugin-box .privacy-setting-text,
.settings-editor .privacy .style-box .undelete-btn,
.settings-editor .privacy .style-box .delete,
.settings-editor .privacy .style-box .undelete,
.settings-editor .privacy .style-box .privacy-setting-btn,
.settings-editor .privacy .style-box .privacy-setting-text,
.settings-editor .privacy .right-pane-inner .undelete-btn,
.settings-editor .privacy .right-pane-inner .delete,
.settings-editor .privacy .right-pane-inner .undelete,
.settings-editor .privacy .right-pane-inner .privacy-setting-btn,
.settings-editor .privacy .right-pane-inner .privacy-setting-text,
.styles-editor .usertypeeditor .custom-type-entry .undelete-btn,
.styles-editor .usertypeeditor .custom-type-entry .delete,
.styles-editor .usertypeeditor .custom-type-entry .undelete,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.styles-editor .usertypeeditor .field .undelete-btn,
.styles-editor .usertypeeditor .field .delete,
.styles-editor .usertypeeditor .field .undelete,
.styles-editor .usertypeeditor .field .privacy-setting-btn,
.styles-editor .usertypeeditor .field .privacy-setting-text,
.styles-editor .usertypeeditor .plugin-box .undelete-btn,
.styles-editor .usertypeeditor .plugin-box .delete,
.styles-editor .usertypeeditor .plugin-box .undelete,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-text,
.styles-editor .usertypeeditor .style-box .undelete-btn,
.styles-editor .usertypeeditor .style-box .delete,
.styles-editor .usertypeeditor .style-box .undelete,
.styles-editor .usertypeeditor .style-box .privacy-setting-btn,
.styles-editor .usertypeeditor .style-box .privacy-setting-text,
.styles-editor .usertypeeditor .right-pane-inner .undelete-btn,
.styles-editor .usertypeeditor .right-pane-inner .delete,
.styles-editor .usertypeeditor .right-pane-inner .undelete,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.styles-editor .plugintab .custom-type-entry .undelete-btn,
.styles-editor .plugintab .custom-type-entry .delete,
.styles-editor .plugintab .custom-type-entry .undelete,
.styles-editor .plugintab .custom-type-entry .privacy-setting-btn,
.styles-editor .plugintab .custom-type-entry .privacy-setting-text,
.styles-editor .plugintab .field .undelete-btn,
.styles-editor .plugintab .field .delete,
.styles-editor .plugintab .field .undelete,
.styles-editor .plugintab .field .privacy-setting-btn,
.styles-editor .plugintab .field .privacy-setting-text,
.styles-editor .plugintab .plugin-box .undelete-btn,
.styles-editor .plugintab .plugin-box .delete,
.styles-editor .plugintab .plugin-box .undelete,
.styles-editor .plugintab .plugin-box .privacy-setting-btn,
.styles-editor .plugintab .plugin-box .privacy-setting-text,
.styles-editor .plugintab .style-box .undelete-btn,
.styles-editor .plugintab .style-box .delete,
.styles-editor .plugintab .style-box .undelete,
.styles-editor .plugintab .style-box .privacy-setting-btn,
.styles-editor .plugintab .style-box .privacy-setting-text,
.styles-editor .plugintab .right-pane-inner .undelete-btn,
.styles-editor .plugintab .right-pane-inner .delete,
.styles-editor .plugintab .right-pane-inner .undelete,
.styles-editor .plugintab .right-pane-inner .privacy-setting-btn,
.styles-editor .plugintab .right-pane-inner .privacy-setting-text,
.styles-editor .privacy .custom-type-entry .undelete-btn,
.styles-editor .privacy .custom-type-entry .delete,
.styles-editor .privacy .custom-type-entry .undelete,
.styles-editor .privacy .custom-type-entry .privacy-setting-btn,
.styles-editor .privacy .custom-type-entry .privacy-setting-text,
.styles-editor .privacy .field .undelete-btn,
.styles-editor .privacy .field .delete,
.styles-editor .privacy .field .undelete,
.styles-editor .privacy .field .privacy-setting-btn,
.styles-editor .privacy .field .privacy-setting-text,
.styles-editor .privacy .plugin-box .undelete-btn,
.styles-editor .privacy .plugin-box .delete,
.styles-editor .privacy .plugin-box .undelete,
.styles-editor .privacy .plugin-box .privacy-setting-btn,
.styles-editor .privacy .plugin-box .privacy-setting-text,
.styles-editor .privacy .style-box .undelete-btn,
.styles-editor .privacy .style-box .delete,
.styles-editor .privacy .style-box .undelete,
.styles-editor .privacy .style-box .privacy-setting-btn,
.styles-editor .privacy .style-box .privacy-setting-text,
.styles-editor .privacy .right-pane-inner .undelete-btn,
.styles-editor .privacy .right-pane-inner .delete,
.styles-editor .privacy .right-pane-inner .undelete,
.styles-editor .privacy .right-pane-inner .privacy-setting-btn,
.styles-editor .privacy .right-pane-inner .privacy-setting-text,
.logs-editor .usertypeeditor .custom-type-entry .undelete-btn,
.logs-editor .usertypeeditor .custom-type-entry .delete,
.logs-editor .usertypeeditor .custom-type-entry .undelete,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.logs-editor .usertypeeditor .field .undelete-btn,
.logs-editor .usertypeeditor .field .delete,
.logs-editor .usertypeeditor .field .undelete,
.logs-editor .usertypeeditor .field .privacy-setting-btn,
.logs-editor .usertypeeditor .field .privacy-setting-text,
.logs-editor .usertypeeditor .plugin-box .undelete-btn,
.logs-editor .usertypeeditor .plugin-box .delete,
.logs-editor .usertypeeditor .plugin-box .undelete,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-text,
.logs-editor .usertypeeditor .style-box .undelete-btn,
.logs-editor .usertypeeditor .style-box .delete,
.logs-editor .usertypeeditor .style-box .undelete,
.logs-editor .usertypeeditor .style-box .privacy-setting-btn,
.logs-editor .usertypeeditor .style-box .privacy-setting-text,
.logs-editor .usertypeeditor .right-pane-inner .undelete-btn,
.logs-editor .usertypeeditor .right-pane-inner .delete,
.logs-editor .usertypeeditor .right-pane-inner .undelete,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.logs-editor .plugintab .custom-type-entry .undelete-btn,
.logs-editor .plugintab .custom-type-entry .delete,
.logs-editor .plugintab .custom-type-entry .undelete,
.logs-editor .plugintab .custom-type-entry .privacy-setting-btn,
.logs-editor .plugintab .custom-type-entry .privacy-setting-text,
.logs-editor .plugintab .field .undelete-btn,
.logs-editor .plugintab .field .delete,
.logs-editor .plugintab .field .undelete,
.logs-editor .plugintab .field .privacy-setting-btn,
.logs-editor .plugintab .field .privacy-setting-text,
.logs-editor .plugintab .plugin-box .undelete-btn,
.logs-editor .plugintab .plugin-box .delete,
.logs-editor .plugintab .plugin-box .undelete,
.logs-editor .plugintab .plugin-box .privacy-setting-btn,
.logs-editor .plugintab .plugin-box .privacy-setting-text,
.logs-editor .plugintab .style-box .undelete-btn,
.logs-editor .plugintab .style-box .delete,
.logs-editor .plugintab .style-box .undelete,
.logs-editor .plugintab .style-box .privacy-setting-btn,
.logs-editor .plugintab .style-box .privacy-setting-text,
.logs-editor .plugintab .right-pane-inner .undelete-btn,
.logs-editor .plugintab .right-pane-inner .delete,
.logs-editor .plugintab .right-pane-inner .undelete,
.logs-editor .plugintab .right-pane-inner .privacy-setting-btn,
.logs-editor .plugintab .right-pane-inner .privacy-setting-text,
.logs-editor .privacy .custom-type-entry .undelete-btn,
.logs-editor .privacy .custom-type-entry .delete,
.logs-editor .privacy .custom-type-entry .undelete,
.logs-editor .privacy .custom-type-entry .privacy-setting-btn,
.logs-editor .privacy .custom-type-entry .privacy-setting-text,
.logs-editor .privacy .field .undelete-btn,
.logs-editor .privacy .field .delete,
.logs-editor .privacy .field .undelete,
.logs-editor .privacy .field .privacy-setting-btn,
.logs-editor .privacy .field .privacy-setting-text,
.logs-editor .privacy .plugin-box .undelete-btn,
.logs-editor .privacy .plugin-box .delete,
.logs-editor .privacy .plugin-box .undelete,
.logs-editor .privacy .plugin-box .privacy-setting-btn,
.logs-editor .privacy .plugin-box .privacy-setting-text,
.logs-editor .privacy .style-box .undelete-btn,
.logs-editor .privacy .style-box .delete,
.logs-editor .privacy .style-box .undelete,
.logs-editor .privacy .style-box .privacy-setting-btn,
.logs-editor .privacy .style-box .privacy-setting-text,
.logs-editor .privacy .right-pane-inner .undelete-btn,
.logs-editor .privacy .right-pane-inner .delete,
.logs-editor .privacy .right-pane-inner .undelete,
.logs-editor .privacy .right-pane-inner .privacy-setting-btn,
.logs-editor .privacy .right-pane-inner .privacy-setting-text,
.template-editor .usertypeeditor .custom-type-entry .undelete-btn,
.template-editor .usertypeeditor .custom-type-entry .delete,
.template-editor .usertypeeditor .custom-type-entry .undelete,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.template-editor .usertypeeditor .field .undelete-btn,
.template-editor .usertypeeditor .field .delete,
.template-editor .usertypeeditor .field .undelete,
.template-editor .usertypeeditor .field .privacy-setting-btn,
.template-editor .usertypeeditor .field .privacy-setting-text,
.template-editor .usertypeeditor .plugin-box .undelete-btn,
.template-editor .usertypeeditor .plugin-box .delete,
.template-editor .usertypeeditor .plugin-box .undelete,
.template-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.template-editor .usertypeeditor .plugin-box .privacy-setting-text,
.template-editor .usertypeeditor .style-box .undelete-btn,
.template-editor .usertypeeditor .style-box .delete,
.template-editor .usertypeeditor .style-box .undelete,
.template-editor .usertypeeditor .style-box .privacy-setting-btn,
.template-editor .usertypeeditor .style-box .privacy-setting-text,
.template-editor .usertypeeditor .right-pane-inner .undelete-btn,
.template-editor .usertypeeditor .right-pane-inner .delete,
.template-editor .usertypeeditor .right-pane-inner .undelete,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.template-editor .plugintab .custom-type-entry .undelete-btn,
.template-editor .plugintab .custom-type-entry .delete,
.template-editor .plugintab .custom-type-entry .undelete,
.template-editor .plugintab .custom-type-entry .privacy-setting-btn,
.template-editor .plugintab .custom-type-entry .privacy-setting-text,
.template-editor .plugintab .field .undelete-btn,
.template-editor .plugintab .field .delete,
.template-editor .plugintab .field .undelete,
.template-editor .plugintab .field .privacy-setting-btn,
.template-editor .plugintab .field .privacy-setting-text,
.template-editor .plugintab .plugin-box .undelete-btn,
.template-editor .plugintab .plugin-box .delete,
.template-editor .plugintab .plugin-box .undelete,
.template-editor .plugintab .plugin-box .privacy-setting-btn,
.template-editor .plugintab .plugin-box .privacy-setting-text,
.template-editor .plugintab .style-box .undelete-btn,
.template-editor .plugintab .style-box .delete,
.template-editor .plugintab .style-box .undelete,
.template-editor .plugintab .style-box .privacy-setting-btn,
.template-editor .plugintab .style-box .privacy-setting-text,
.template-editor .plugintab .right-pane-inner .undelete-btn,
.template-editor .plugintab .right-pane-inner .delete,
.template-editor .plugintab .right-pane-inner .undelete,
.template-editor .plugintab .right-pane-inner .privacy-setting-btn,
.template-editor .plugintab .right-pane-inner .privacy-setting-text,
.template-editor .privacy .custom-type-entry .undelete-btn,
.template-editor .privacy .custom-type-entry .delete,
.template-editor .privacy .custom-type-entry .undelete,
.template-editor .privacy .custom-type-entry .privacy-setting-btn,
.template-editor .privacy .custom-type-entry .privacy-setting-text,
.template-editor .privacy .field .undelete-btn,
.template-editor .privacy .field .delete,
.template-editor .privacy .field .undelete,
.template-editor .privacy .field .privacy-setting-btn,
.template-editor .privacy .field .privacy-setting-text,
.template-editor .privacy .plugin-box .undelete-btn,
.template-editor .privacy .plugin-box .delete,
.template-editor .privacy .plugin-box .undelete,
.template-editor .privacy .plugin-box .privacy-setting-btn,
.template-editor .privacy .plugin-box .privacy-setting-text,
.template-editor .privacy .style-box .undelete-btn,
.template-editor .privacy .style-box .delete,
.template-editor .privacy .style-box .undelete,
.template-editor .privacy .style-box .privacy-setting-btn,
.template-editor .privacy .style-box .privacy-setting-text,
.template-editor .privacy .right-pane-inner .undelete-btn,
.template-editor .privacy .right-pane-inner .delete,
.template-editor .privacy .right-pane-inner .undelete,
.template-editor .privacy .right-pane-inner .privacy-setting-btn,
.template-editor .privacy .right-pane-inner .privacy-setting-text {
  float: right;
}
.data-editor .usertypeeditor .custom-type-entry .delete-btn,
.data-editor .usertypeeditor .field .delete-btn,
.data-editor .usertypeeditor .plugin-box .delete-btn,
.data-editor .usertypeeditor .style-box .delete-btn,
.data-editor .usertypeeditor .right-pane-inner .delete-btn,
.data-editor .plugintab .custom-type-entry .delete-btn,
.data-editor .plugintab .field .delete-btn,
.data-editor .plugintab .plugin-box .delete-btn,
.data-editor .plugintab .style-box .delete-btn,
.data-editor .plugintab .right-pane-inner .delete-btn,
.data-editor .privacy .custom-type-entry .delete-btn,
.data-editor .privacy .field .delete-btn,
.data-editor .privacy .plugin-box .delete-btn,
.data-editor .privacy .style-box .delete-btn,
.data-editor .privacy .right-pane-inner .delete-btn,
.plugin-editor .usertypeeditor .custom-type-entry .delete-btn,
.plugin-editor .usertypeeditor .field .delete-btn,
.plugin-editor .usertypeeditor .plugin-box .delete-btn,
.plugin-editor .usertypeeditor .style-box .delete-btn,
.plugin-editor .usertypeeditor .right-pane-inner .delete-btn,
.plugin-editor .plugintab .custom-type-entry .delete-btn,
.plugin-editor .plugintab .field .delete-btn,
.plugin-editor .plugintab .plugin-box .delete-btn,
.plugin-editor .plugintab .style-box .delete-btn,
.plugin-editor .plugintab .right-pane-inner .delete-btn,
.plugin-editor .privacy .custom-type-entry .delete-btn,
.plugin-editor .privacy .field .delete-btn,
.plugin-editor .privacy .plugin-box .delete-btn,
.plugin-editor .privacy .style-box .delete-btn,
.plugin-editor .privacy .right-pane-inner .delete-btn,
.settings-editor .usertypeeditor .custom-type-entry .delete-btn,
.settings-editor .usertypeeditor .field .delete-btn,
.settings-editor .usertypeeditor .plugin-box .delete-btn,
.settings-editor .usertypeeditor .style-box .delete-btn,
.settings-editor .usertypeeditor .right-pane-inner .delete-btn,
.settings-editor .plugintab .custom-type-entry .delete-btn,
.settings-editor .plugintab .field .delete-btn,
.settings-editor .plugintab .plugin-box .delete-btn,
.settings-editor .plugintab .style-box .delete-btn,
.settings-editor .plugintab .right-pane-inner .delete-btn,
.settings-editor .privacy .custom-type-entry .delete-btn,
.settings-editor .privacy .field .delete-btn,
.settings-editor .privacy .plugin-box .delete-btn,
.settings-editor .privacy .style-box .delete-btn,
.settings-editor .privacy .right-pane-inner .delete-btn,
.styles-editor .usertypeeditor .custom-type-entry .delete-btn,
.styles-editor .usertypeeditor .field .delete-btn,
.styles-editor .usertypeeditor .plugin-box .delete-btn,
.styles-editor .usertypeeditor .style-box .delete-btn,
.styles-editor .usertypeeditor .right-pane-inner .delete-btn,
.styles-editor .plugintab .custom-type-entry .delete-btn,
.styles-editor .plugintab .field .delete-btn,
.styles-editor .plugintab .plugin-box .delete-btn,
.styles-editor .plugintab .style-box .delete-btn,
.styles-editor .plugintab .right-pane-inner .delete-btn,
.styles-editor .privacy .custom-type-entry .delete-btn,
.styles-editor .privacy .field .delete-btn,
.styles-editor .privacy .plugin-box .delete-btn,
.styles-editor .privacy .style-box .delete-btn,
.styles-editor .privacy .right-pane-inner .delete-btn,
.logs-editor .usertypeeditor .custom-type-entry .delete-btn,
.logs-editor .usertypeeditor .field .delete-btn,
.logs-editor .usertypeeditor .plugin-box .delete-btn,
.logs-editor .usertypeeditor .style-box .delete-btn,
.logs-editor .usertypeeditor .right-pane-inner .delete-btn,
.logs-editor .plugintab .custom-type-entry .delete-btn,
.logs-editor .plugintab .field .delete-btn,
.logs-editor .plugintab .plugin-box .delete-btn,
.logs-editor .plugintab .style-box .delete-btn,
.logs-editor .plugintab .right-pane-inner .delete-btn,
.logs-editor .privacy .custom-type-entry .delete-btn,
.logs-editor .privacy .field .delete-btn,
.logs-editor .privacy .plugin-box .delete-btn,
.logs-editor .privacy .style-box .delete-btn,
.logs-editor .privacy .right-pane-inner .delete-btn,
.template-editor .usertypeeditor .custom-type-entry .delete-btn,
.template-editor .usertypeeditor .field .delete-btn,
.template-editor .usertypeeditor .plugin-box .delete-btn,
.template-editor .usertypeeditor .style-box .delete-btn,
.template-editor .usertypeeditor .right-pane-inner .delete-btn,
.template-editor .plugintab .custom-type-entry .delete-btn,
.template-editor .plugintab .field .delete-btn,
.template-editor .plugintab .plugin-box .delete-btn,
.template-editor .plugintab .style-box .delete-btn,
.template-editor .plugintab .right-pane-inner .delete-btn,
.template-editor .privacy .custom-type-entry .delete-btn,
.template-editor .privacy .field .delete-btn,
.template-editor .privacy .plugin-box .delete-btn,
.template-editor .privacy .style-box .delete-btn,
.template-editor .privacy .right-pane-inner .delete-btn {
  float: right;
  margin-top: 3px;
  margin-right: 10px;
}
.data-editor .usertypeeditor .custom-type-entry .undelete-btn,
.data-editor .usertypeeditor .custom-type-entry .undelete,
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.data-editor .usertypeeditor .field .undelete-btn,
.data-editor .usertypeeditor .field .undelete,
.data-editor .usertypeeditor .field .privacy-setting-btn,
.data-editor .usertypeeditor .field .privacy-setting-text,
.data-editor .usertypeeditor .plugin-box .undelete-btn,
.data-editor .usertypeeditor .plugin-box .undelete,
.data-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.data-editor .usertypeeditor .plugin-box .privacy-setting-text,
.data-editor .usertypeeditor .style-box .undelete-btn,
.data-editor .usertypeeditor .style-box .undelete,
.data-editor .usertypeeditor .style-box .privacy-setting-btn,
.data-editor .usertypeeditor .style-box .privacy-setting-text,
.data-editor .usertypeeditor .right-pane-inner .undelete-btn,
.data-editor .usertypeeditor .right-pane-inner .undelete,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.data-editor .plugintab .custom-type-entry .undelete-btn,
.data-editor .plugintab .custom-type-entry .undelete,
.data-editor .plugintab .custom-type-entry .privacy-setting-btn,
.data-editor .plugintab .custom-type-entry .privacy-setting-text,
.data-editor .plugintab .field .undelete-btn,
.data-editor .plugintab .field .undelete,
.data-editor .plugintab .field .privacy-setting-btn,
.data-editor .plugintab .field .privacy-setting-text,
.data-editor .plugintab .plugin-box .undelete-btn,
.data-editor .plugintab .plugin-box .undelete,
.data-editor .plugintab .plugin-box .privacy-setting-btn,
.data-editor .plugintab .plugin-box .privacy-setting-text,
.data-editor .plugintab .style-box .undelete-btn,
.data-editor .plugintab .style-box .undelete,
.data-editor .plugintab .style-box .privacy-setting-btn,
.data-editor .plugintab .style-box .privacy-setting-text,
.data-editor .plugintab .right-pane-inner .undelete-btn,
.data-editor .plugintab .right-pane-inner .undelete,
.data-editor .plugintab .right-pane-inner .privacy-setting-btn,
.data-editor .plugintab .right-pane-inner .privacy-setting-text,
.data-editor .privacy .custom-type-entry .undelete-btn,
.data-editor .privacy .custom-type-entry .undelete,
.data-editor .privacy .custom-type-entry .privacy-setting-btn,
.data-editor .privacy .custom-type-entry .privacy-setting-text,
.data-editor .privacy .field .undelete-btn,
.data-editor .privacy .field .undelete,
.data-editor .privacy .field .privacy-setting-btn,
.data-editor .privacy .field .privacy-setting-text,
.data-editor .privacy .plugin-box .undelete-btn,
.data-editor .privacy .plugin-box .undelete,
.data-editor .privacy .plugin-box .privacy-setting-btn,
.data-editor .privacy .plugin-box .privacy-setting-text,
.data-editor .privacy .style-box .undelete-btn,
.data-editor .privacy .style-box .undelete,
.data-editor .privacy .style-box .privacy-setting-btn,
.data-editor .privacy .style-box .privacy-setting-text,
.data-editor .privacy .right-pane-inner .undelete-btn,
.data-editor .privacy .right-pane-inner .undelete,
.data-editor .privacy .right-pane-inner .privacy-setting-btn,
.data-editor .privacy .right-pane-inner .privacy-setting-text,
.plugin-editor .usertypeeditor .custom-type-entry .undelete-btn,
.plugin-editor .usertypeeditor .custom-type-entry .undelete,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.plugin-editor .usertypeeditor .field .undelete-btn,
.plugin-editor .usertypeeditor .field .undelete,
.plugin-editor .usertypeeditor .field .privacy-setting-btn,
.plugin-editor .usertypeeditor .field .privacy-setting-text,
.plugin-editor .usertypeeditor .plugin-box .undelete-btn,
.plugin-editor .usertypeeditor .plugin-box .undelete,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-text,
.plugin-editor .usertypeeditor .style-box .undelete-btn,
.plugin-editor .usertypeeditor .style-box .undelete,
.plugin-editor .usertypeeditor .style-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .style-box .privacy-setting-text,
.plugin-editor .usertypeeditor .right-pane-inner .undelete-btn,
.plugin-editor .usertypeeditor .right-pane-inner .undelete,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.plugin-editor .plugintab .custom-type-entry .undelete-btn,
.plugin-editor .plugintab .custom-type-entry .undelete,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-btn,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-text,
.plugin-editor .plugintab .field .undelete-btn,
.plugin-editor .plugintab .field .undelete,
.plugin-editor .plugintab .field .privacy-setting-btn,
.plugin-editor .plugintab .field .privacy-setting-text,
.plugin-editor .plugintab .plugin-box .undelete-btn,
.plugin-editor .plugintab .plugin-box .undelete,
.plugin-editor .plugintab .plugin-box .privacy-setting-btn,
.plugin-editor .plugintab .plugin-box .privacy-setting-text,
.plugin-editor .plugintab .style-box .undelete-btn,
.plugin-editor .plugintab .style-box .undelete,
.plugin-editor .plugintab .style-box .privacy-setting-btn,
.plugin-editor .plugintab .style-box .privacy-setting-text,
.plugin-editor .plugintab .right-pane-inner .undelete-btn,
.plugin-editor .plugintab .right-pane-inner .undelete,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-btn,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-text,
.plugin-editor .privacy .custom-type-entry .undelete-btn,
.plugin-editor .privacy .custom-type-entry .undelete,
.plugin-editor .privacy .custom-type-entry .privacy-setting-btn,
.plugin-editor .privacy .custom-type-entry .privacy-setting-text,
.plugin-editor .privacy .field .undelete-btn,
.plugin-editor .privacy .field .undelete,
.plugin-editor .privacy .field .privacy-setting-btn,
.plugin-editor .privacy .field .privacy-setting-text,
.plugin-editor .privacy .plugin-box .undelete-btn,
.plugin-editor .privacy .plugin-box .undelete,
.plugin-editor .privacy .plugin-box .privacy-setting-btn,
.plugin-editor .privacy .plugin-box .privacy-setting-text,
.plugin-editor .privacy .style-box .undelete-btn,
.plugin-editor .privacy .style-box .undelete,
.plugin-editor .privacy .style-box .privacy-setting-btn,
.plugin-editor .privacy .style-box .privacy-setting-text,
.plugin-editor .privacy .right-pane-inner .undelete-btn,
.plugin-editor .privacy .right-pane-inner .undelete,
.plugin-editor .privacy .right-pane-inner .privacy-setting-btn,
.plugin-editor .privacy .right-pane-inner .privacy-setting-text,
.settings-editor .usertypeeditor .custom-type-entry .undelete-btn,
.settings-editor .usertypeeditor .custom-type-entry .undelete,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.settings-editor .usertypeeditor .field .undelete-btn,
.settings-editor .usertypeeditor .field .undelete,
.settings-editor .usertypeeditor .field .privacy-setting-btn,
.settings-editor .usertypeeditor .field .privacy-setting-text,
.settings-editor .usertypeeditor .plugin-box .undelete-btn,
.settings-editor .usertypeeditor .plugin-box .undelete,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-text,
.settings-editor .usertypeeditor .style-box .undelete-btn,
.settings-editor .usertypeeditor .style-box .undelete,
.settings-editor .usertypeeditor .style-box .privacy-setting-btn,
.settings-editor .usertypeeditor .style-box .privacy-setting-text,
.settings-editor .usertypeeditor .right-pane-inner .undelete-btn,
.settings-editor .usertypeeditor .right-pane-inner .undelete,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.settings-editor .plugintab .custom-type-entry .undelete-btn,
.settings-editor .plugintab .custom-type-entry .undelete,
.settings-editor .plugintab .custom-type-entry .privacy-setting-btn,
.settings-editor .plugintab .custom-type-entry .privacy-setting-text,
.settings-editor .plugintab .field .undelete-btn,
.settings-editor .plugintab .field .undelete,
.settings-editor .plugintab .field .privacy-setting-btn,
.settings-editor .plugintab .field .privacy-setting-text,
.settings-editor .plugintab .plugin-box .undelete-btn,
.settings-editor .plugintab .plugin-box .undelete,
.settings-editor .plugintab .plugin-box .privacy-setting-btn,
.settings-editor .plugintab .plugin-box .privacy-setting-text,
.settings-editor .plugintab .style-box .undelete-btn,
.settings-editor .plugintab .style-box .undelete,
.settings-editor .plugintab .style-box .privacy-setting-btn,
.settings-editor .plugintab .style-box .privacy-setting-text,
.settings-editor .plugintab .right-pane-inner .undelete-btn,
.settings-editor .plugintab .right-pane-inner .undelete,
.settings-editor .plugintab .right-pane-inner .privacy-setting-btn,
.settings-editor .plugintab .right-pane-inner .privacy-setting-text,
.settings-editor .privacy .custom-type-entry .undelete-btn,
.settings-editor .privacy .custom-type-entry .undelete,
.settings-editor .privacy .custom-type-entry .privacy-setting-btn,
.settings-editor .privacy .custom-type-entry .privacy-setting-text,
.settings-editor .privacy .field .undelete-btn,
.settings-editor .privacy .field .undelete,
.settings-editor .privacy .field .privacy-setting-btn,
.settings-editor .privacy .field .privacy-setting-text,
.settings-editor .privacy .plugin-box .undelete-btn,
.settings-editor .privacy .plugin-box .undelete,
.settings-editor .privacy .plugin-box .privacy-setting-btn,
.settings-editor .privacy .plugin-box .privacy-setting-text,
.settings-editor .privacy .style-box .undelete-btn,
.settings-editor .privacy .style-box .undelete,
.settings-editor .privacy .style-box .privacy-setting-btn,
.settings-editor .privacy .style-box .privacy-setting-text,
.settings-editor .privacy .right-pane-inner .undelete-btn,
.settings-editor .privacy .right-pane-inner .undelete,
.settings-editor .privacy .right-pane-inner .privacy-setting-btn,
.settings-editor .privacy .right-pane-inner .privacy-setting-text,
.styles-editor .usertypeeditor .custom-type-entry .undelete-btn,
.styles-editor .usertypeeditor .custom-type-entry .undelete,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.styles-editor .usertypeeditor .field .undelete-btn,
.styles-editor .usertypeeditor .field .undelete,
.styles-editor .usertypeeditor .field .privacy-setting-btn,
.styles-editor .usertypeeditor .field .privacy-setting-text,
.styles-editor .usertypeeditor .plugin-box .undelete-btn,
.styles-editor .usertypeeditor .plugin-box .undelete,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-text,
.styles-editor .usertypeeditor .style-box .undelete-btn,
.styles-editor .usertypeeditor .style-box .undelete,
.styles-editor .usertypeeditor .style-box .privacy-setting-btn,
.styles-editor .usertypeeditor .style-box .privacy-setting-text,
.styles-editor .usertypeeditor .right-pane-inner .undelete-btn,
.styles-editor .usertypeeditor .right-pane-inner .undelete,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.styles-editor .plugintab .custom-type-entry .undelete-btn,
.styles-editor .plugintab .custom-type-entry .undelete,
.styles-editor .plugintab .custom-type-entry .privacy-setting-btn,
.styles-editor .plugintab .custom-type-entry .privacy-setting-text,
.styles-editor .plugintab .field .undelete-btn,
.styles-editor .plugintab .field .undelete,
.styles-editor .plugintab .field .privacy-setting-btn,
.styles-editor .plugintab .field .privacy-setting-text,
.styles-editor .plugintab .plugin-box .undelete-btn,
.styles-editor .plugintab .plugin-box .undelete,
.styles-editor .plugintab .plugin-box .privacy-setting-btn,
.styles-editor .plugintab .plugin-box .privacy-setting-text,
.styles-editor .plugintab .style-box .undelete-btn,
.styles-editor .plugintab .style-box .undelete,
.styles-editor .plugintab .style-box .privacy-setting-btn,
.styles-editor .plugintab .style-box .privacy-setting-text,
.styles-editor .plugintab .right-pane-inner .undelete-btn,
.styles-editor .plugintab .right-pane-inner .undelete,
.styles-editor .plugintab .right-pane-inner .privacy-setting-btn,
.styles-editor .plugintab .right-pane-inner .privacy-setting-text,
.styles-editor .privacy .custom-type-entry .undelete-btn,
.styles-editor .privacy .custom-type-entry .undelete,
.styles-editor .privacy .custom-type-entry .privacy-setting-btn,
.styles-editor .privacy .custom-type-entry .privacy-setting-text,
.styles-editor .privacy .field .undelete-btn,
.styles-editor .privacy .field .undelete,
.styles-editor .privacy .field .privacy-setting-btn,
.styles-editor .privacy .field .privacy-setting-text,
.styles-editor .privacy .plugin-box .undelete-btn,
.styles-editor .privacy .plugin-box .undelete,
.styles-editor .privacy .plugin-box .privacy-setting-btn,
.styles-editor .privacy .plugin-box .privacy-setting-text,
.styles-editor .privacy .style-box .undelete-btn,
.styles-editor .privacy .style-box .undelete,
.styles-editor .privacy .style-box .privacy-setting-btn,
.styles-editor .privacy .style-box .privacy-setting-text,
.styles-editor .privacy .right-pane-inner .undelete-btn,
.styles-editor .privacy .right-pane-inner .undelete,
.styles-editor .privacy .right-pane-inner .privacy-setting-btn,
.styles-editor .privacy .right-pane-inner .privacy-setting-text,
.logs-editor .usertypeeditor .custom-type-entry .undelete-btn,
.logs-editor .usertypeeditor .custom-type-entry .undelete,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.logs-editor .usertypeeditor .field .undelete-btn,
.logs-editor .usertypeeditor .field .undelete,
.logs-editor .usertypeeditor .field .privacy-setting-btn,
.logs-editor .usertypeeditor .field .privacy-setting-text,
.logs-editor .usertypeeditor .plugin-box .undelete-btn,
.logs-editor .usertypeeditor .plugin-box .undelete,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-text,
.logs-editor .usertypeeditor .style-box .undelete-btn,
.logs-editor .usertypeeditor .style-box .undelete,
.logs-editor .usertypeeditor .style-box .privacy-setting-btn,
.logs-editor .usertypeeditor .style-box .privacy-setting-text,
.logs-editor .usertypeeditor .right-pane-inner .undelete-btn,
.logs-editor .usertypeeditor .right-pane-inner .undelete,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.logs-editor .plugintab .custom-type-entry .undelete-btn,
.logs-editor .plugintab .custom-type-entry .undelete,
.logs-editor .plugintab .custom-type-entry .privacy-setting-btn,
.logs-editor .plugintab .custom-type-entry .privacy-setting-text,
.logs-editor .plugintab .field .undelete-btn,
.logs-editor .plugintab .field .undelete,
.logs-editor .plugintab .field .privacy-setting-btn,
.logs-editor .plugintab .field .privacy-setting-text,
.logs-editor .plugintab .plugin-box .undelete-btn,
.logs-editor .plugintab .plugin-box .undelete,
.logs-editor .plugintab .plugin-box .privacy-setting-btn,
.logs-editor .plugintab .plugin-box .privacy-setting-text,
.logs-editor .plugintab .style-box .undelete-btn,
.logs-editor .plugintab .style-box .undelete,
.logs-editor .plugintab .style-box .privacy-setting-btn,
.logs-editor .plugintab .style-box .privacy-setting-text,
.logs-editor .plugintab .right-pane-inner .undelete-btn,
.logs-editor .plugintab .right-pane-inner .undelete,
.logs-editor .plugintab .right-pane-inner .privacy-setting-btn,
.logs-editor .plugintab .right-pane-inner .privacy-setting-text,
.logs-editor .privacy .custom-type-entry .undelete-btn,
.logs-editor .privacy .custom-type-entry .undelete,
.logs-editor .privacy .custom-type-entry .privacy-setting-btn,
.logs-editor .privacy .custom-type-entry .privacy-setting-text,
.logs-editor .privacy .field .undelete-btn,
.logs-editor .privacy .field .undelete,
.logs-editor .privacy .field .privacy-setting-btn,
.logs-editor .privacy .field .privacy-setting-text,
.logs-editor .privacy .plugin-box .undelete-btn,
.logs-editor .privacy .plugin-box .undelete,
.logs-editor .privacy .plugin-box .privacy-setting-btn,
.logs-editor .privacy .plugin-box .privacy-setting-text,
.logs-editor .privacy .style-box .undelete-btn,
.logs-editor .privacy .style-box .undelete,
.logs-editor .privacy .style-box .privacy-setting-btn,
.logs-editor .privacy .style-box .privacy-setting-text,
.logs-editor .privacy .right-pane-inner .undelete-btn,
.logs-editor .privacy .right-pane-inner .undelete,
.logs-editor .privacy .right-pane-inner .privacy-setting-btn,
.logs-editor .privacy .right-pane-inner .privacy-setting-text,
.template-editor .usertypeeditor .custom-type-entry .undelete-btn,
.template-editor .usertypeeditor .custom-type-entry .undelete,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.template-editor .usertypeeditor .field .undelete-btn,
.template-editor .usertypeeditor .field .undelete,
.template-editor .usertypeeditor .field .privacy-setting-btn,
.template-editor .usertypeeditor .field .privacy-setting-text,
.template-editor .usertypeeditor .plugin-box .undelete-btn,
.template-editor .usertypeeditor .plugin-box .undelete,
.template-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.template-editor .usertypeeditor .plugin-box .privacy-setting-text,
.template-editor .usertypeeditor .style-box .undelete-btn,
.template-editor .usertypeeditor .style-box .undelete,
.template-editor .usertypeeditor .style-box .privacy-setting-btn,
.template-editor .usertypeeditor .style-box .privacy-setting-text,
.template-editor .usertypeeditor .right-pane-inner .undelete-btn,
.template-editor .usertypeeditor .right-pane-inner .undelete,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.template-editor .plugintab .custom-type-entry .undelete-btn,
.template-editor .plugintab .custom-type-entry .undelete,
.template-editor .plugintab .custom-type-entry .privacy-setting-btn,
.template-editor .plugintab .custom-type-entry .privacy-setting-text,
.template-editor .plugintab .field .undelete-btn,
.template-editor .plugintab .field .undelete,
.template-editor .plugintab .field .privacy-setting-btn,
.template-editor .plugintab .field .privacy-setting-text,
.template-editor .plugintab .plugin-box .undelete-btn,
.template-editor .plugintab .plugin-box .undelete,
.template-editor .plugintab .plugin-box .privacy-setting-btn,
.template-editor .plugintab .plugin-box .privacy-setting-text,
.template-editor .plugintab .style-box .undelete-btn,
.template-editor .plugintab .style-box .undelete,
.template-editor .plugintab .style-box .privacy-setting-btn,
.template-editor .plugintab .style-box .privacy-setting-text,
.template-editor .plugintab .right-pane-inner .undelete-btn,
.template-editor .plugintab .right-pane-inner .undelete,
.template-editor .plugintab .right-pane-inner .privacy-setting-btn,
.template-editor .plugintab .right-pane-inner .privacy-setting-text,
.template-editor .privacy .custom-type-entry .undelete-btn,
.template-editor .privacy .custom-type-entry .undelete,
.template-editor .privacy .custom-type-entry .privacy-setting-btn,
.template-editor .privacy .custom-type-entry .privacy-setting-text,
.template-editor .privacy .field .undelete-btn,
.template-editor .privacy .field .undelete,
.template-editor .privacy .field .privacy-setting-btn,
.template-editor .privacy .field .privacy-setting-text,
.template-editor .privacy .plugin-box .undelete-btn,
.template-editor .privacy .plugin-box .undelete,
.template-editor .privacy .plugin-box .privacy-setting-btn,
.template-editor .privacy .plugin-box .privacy-setting-text,
.template-editor .privacy .style-box .undelete-btn,
.template-editor .privacy .style-box .undelete,
.template-editor .privacy .style-box .privacy-setting-btn,
.template-editor .privacy .style-box .privacy-setting-text,
.template-editor .privacy .right-pane-inner .undelete-btn,
.template-editor .privacy .right-pane-inner .undelete,
.template-editor .privacy .right-pane-inner .privacy-setting-btn,
.template-editor .privacy .right-pane-inner .privacy-setting-text {
  margin-right: 10px;
}
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.data-editor .usertypeeditor .field .privacy-setting-text,
.data-editor .usertypeeditor .plugin-box .privacy-setting-text,
.data-editor .usertypeeditor .style-box .privacy-setting-text,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.data-editor .plugintab .custom-type-entry .privacy-setting-text,
.data-editor .plugintab .field .privacy-setting-text,
.data-editor .plugintab .plugin-box .privacy-setting-text,
.data-editor .plugintab .style-box .privacy-setting-text,
.data-editor .plugintab .right-pane-inner .privacy-setting-text,
.data-editor .privacy .custom-type-entry .privacy-setting-text,
.data-editor .privacy .field .privacy-setting-text,
.data-editor .privacy .plugin-box .privacy-setting-text,
.data-editor .privacy .style-box .privacy-setting-text,
.data-editor .privacy .right-pane-inner .privacy-setting-text,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.plugin-editor .usertypeeditor .field .privacy-setting-text,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-text,
.plugin-editor .usertypeeditor .style-box .privacy-setting-text,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-text,
.plugin-editor .plugintab .field .privacy-setting-text,
.plugin-editor .plugintab .plugin-box .privacy-setting-text,
.plugin-editor .plugintab .style-box .privacy-setting-text,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-text,
.plugin-editor .privacy .custom-type-entry .privacy-setting-text,
.plugin-editor .privacy .field .privacy-setting-text,
.plugin-editor .privacy .plugin-box .privacy-setting-text,
.plugin-editor .privacy .style-box .privacy-setting-text,
.plugin-editor .privacy .right-pane-inner .privacy-setting-text,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.settings-editor .usertypeeditor .field .privacy-setting-text,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-text,
.settings-editor .usertypeeditor .style-box .privacy-setting-text,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.settings-editor .plugintab .custom-type-entry .privacy-setting-text,
.settings-editor .plugintab .field .privacy-setting-text,
.settings-editor .plugintab .plugin-box .privacy-setting-text,
.settings-editor .plugintab .style-box .privacy-setting-text,
.settings-editor .plugintab .right-pane-inner .privacy-setting-text,
.settings-editor .privacy .custom-type-entry .privacy-setting-text,
.settings-editor .privacy .field .privacy-setting-text,
.settings-editor .privacy .plugin-box .privacy-setting-text,
.settings-editor .privacy .style-box .privacy-setting-text,
.settings-editor .privacy .right-pane-inner .privacy-setting-text,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.styles-editor .usertypeeditor .field .privacy-setting-text,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-text,
.styles-editor .usertypeeditor .style-box .privacy-setting-text,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.styles-editor .plugintab .custom-type-entry .privacy-setting-text,
.styles-editor .plugintab .field .privacy-setting-text,
.styles-editor .plugintab .plugin-box .privacy-setting-text,
.styles-editor .plugintab .style-box .privacy-setting-text,
.styles-editor .plugintab .right-pane-inner .privacy-setting-text,
.styles-editor .privacy .custom-type-entry .privacy-setting-text,
.styles-editor .privacy .field .privacy-setting-text,
.styles-editor .privacy .plugin-box .privacy-setting-text,
.styles-editor .privacy .style-box .privacy-setting-text,
.styles-editor .privacy .right-pane-inner .privacy-setting-text,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.logs-editor .usertypeeditor .field .privacy-setting-text,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-text,
.logs-editor .usertypeeditor .style-box .privacy-setting-text,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.logs-editor .plugintab .custom-type-entry .privacy-setting-text,
.logs-editor .plugintab .field .privacy-setting-text,
.logs-editor .plugintab .plugin-box .privacy-setting-text,
.logs-editor .plugintab .style-box .privacy-setting-text,
.logs-editor .plugintab .right-pane-inner .privacy-setting-text,
.logs-editor .privacy .custom-type-entry .privacy-setting-text,
.logs-editor .privacy .field .privacy-setting-text,
.logs-editor .privacy .plugin-box .privacy-setting-text,
.logs-editor .privacy .style-box .privacy-setting-text,
.logs-editor .privacy .right-pane-inner .privacy-setting-text,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.template-editor .usertypeeditor .field .privacy-setting-text,
.template-editor .usertypeeditor .plugin-box .privacy-setting-text,
.template-editor .usertypeeditor .style-box .privacy-setting-text,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.template-editor .plugintab .custom-type-entry .privacy-setting-text,
.template-editor .plugintab .field .privacy-setting-text,
.template-editor .plugintab .plugin-box .privacy-setting-text,
.template-editor .plugintab .style-box .privacy-setting-text,
.template-editor .plugintab .right-pane-inner .privacy-setting-text,
.template-editor .privacy .custom-type-entry .privacy-setting-text,
.template-editor .privacy .field .privacy-setting-text,
.template-editor .privacy .plugin-box .privacy-setting-text,
.template-editor .privacy .style-box .privacy-setting-text,
.template-editor .privacy .right-pane-inner .privacy-setting-text {
  color: var(--b-txt-tertiary, #8a8a8a);
}
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.data-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.data-editor .usertypeeditor .field .privacy-setting-text,
.data-editor .usertypeeditor .field .privacy-setting-btn,
.data-editor .usertypeeditor .plugin-box .privacy-setting-text,
.data-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.data-editor .usertypeeditor .style-box .privacy-setting-text,
.data-editor .usertypeeditor .style-box .privacy-setting-btn,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.data-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.data-editor .plugintab .custom-type-entry .privacy-setting-text,
.data-editor .plugintab .custom-type-entry .privacy-setting-btn,
.data-editor .plugintab .field .privacy-setting-text,
.data-editor .plugintab .field .privacy-setting-btn,
.data-editor .plugintab .plugin-box .privacy-setting-text,
.data-editor .plugintab .plugin-box .privacy-setting-btn,
.data-editor .plugintab .style-box .privacy-setting-text,
.data-editor .plugintab .style-box .privacy-setting-btn,
.data-editor .plugintab .right-pane-inner .privacy-setting-text,
.data-editor .plugintab .right-pane-inner .privacy-setting-btn,
.data-editor .privacy .custom-type-entry .privacy-setting-text,
.data-editor .privacy .custom-type-entry .privacy-setting-btn,
.data-editor .privacy .field .privacy-setting-text,
.data-editor .privacy .field .privacy-setting-btn,
.data-editor .privacy .plugin-box .privacy-setting-text,
.data-editor .privacy .plugin-box .privacy-setting-btn,
.data-editor .privacy .style-box .privacy-setting-text,
.data-editor .privacy .style-box .privacy-setting-btn,
.data-editor .privacy .right-pane-inner .privacy-setting-text,
.data-editor .privacy .right-pane-inner .privacy-setting-btn,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.plugin-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.plugin-editor .usertypeeditor .field .privacy-setting-text,
.plugin-editor .usertypeeditor .field .privacy-setting-btn,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-text,
.plugin-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .style-box .privacy-setting-text,
.plugin-editor .usertypeeditor .style-box .privacy-setting-btn,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.plugin-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-text,
.plugin-editor .plugintab .custom-type-entry .privacy-setting-btn,
.plugin-editor .plugintab .field .privacy-setting-text,
.plugin-editor .plugintab .field .privacy-setting-btn,
.plugin-editor .plugintab .plugin-box .privacy-setting-text,
.plugin-editor .plugintab .plugin-box .privacy-setting-btn,
.plugin-editor .plugintab .style-box .privacy-setting-text,
.plugin-editor .plugintab .style-box .privacy-setting-btn,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-text,
.plugin-editor .plugintab .right-pane-inner .privacy-setting-btn,
.plugin-editor .privacy .custom-type-entry .privacy-setting-text,
.plugin-editor .privacy .custom-type-entry .privacy-setting-btn,
.plugin-editor .privacy .field .privacy-setting-text,
.plugin-editor .privacy .field .privacy-setting-btn,
.plugin-editor .privacy .plugin-box .privacy-setting-text,
.plugin-editor .privacy .plugin-box .privacy-setting-btn,
.plugin-editor .privacy .style-box .privacy-setting-text,
.plugin-editor .privacy .style-box .privacy-setting-btn,
.plugin-editor .privacy .right-pane-inner .privacy-setting-text,
.plugin-editor .privacy .right-pane-inner .privacy-setting-btn,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.settings-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.settings-editor .usertypeeditor .field .privacy-setting-text,
.settings-editor .usertypeeditor .field .privacy-setting-btn,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-text,
.settings-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.settings-editor .usertypeeditor .style-box .privacy-setting-text,
.settings-editor .usertypeeditor .style-box .privacy-setting-btn,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.settings-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.settings-editor .plugintab .custom-type-entry .privacy-setting-text,
.settings-editor .plugintab .custom-type-entry .privacy-setting-btn,
.settings-editor .plugintab .field .privacy-setting-text,
.settings-editor .plugintab .field .privacy-setting-btn,
.settings-editor .plugintab .plugin-box .privacy-setting-text,
.settings-editor .plugintab .plugin-box .privacy-setting-btn,
.settings-editor .plugintab .style-box .privacy-setting-text,
.settings-editor .plugintab .style-box .privacy-setting-btn,
.settings-editor .plugintab .right-pane-inner .privacy-setting-text,
.settings-editor .plugintab .right-pane-inner .privacy-setting-btn,
.settings-editor .privacy .custom-type-entry .privacy-setting-text,
.settings-editor .privacy .custom-type-entry .privacy-setting-btn,
.settings-editor .privacy .field .privacy-setting-text,
.settings-editor .privacy .field .privacy-setting-btn,
.settings-editor .privacy .plugin-box .privacy-setting-text,
.settings-editor .privacy .plugin-box .privacy-setting-btn,
.settings-editor .privacy .style-box .privacy-setting-text,
.settings-editor .privacy .style-box .privacy-setting-btn,
.settings-editor .privacy .right-pane-inner .privacy-setting-text,
.settings-editor .privacy .right-pane-inner .privacy-setting-btn,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.styles-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.styles-editor .usertypeeditor .field .privacy-setting-text,
.styles-editor .usertypeeditor .field .privacy-setting-btn,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-text,
.styles-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.styles-editor .usertypeeditor .style-box .privacy-setting-text,
.styles-editor .usertypeeditor .style-box .privacy-setting-btn,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.styles-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.styles-editor .plugintab .custom-type-entry .privacy-setting-text,
.styles-editor .plugintab .custom-type-entry .privacy-setting-btn,
.styles-editor .plugintab .field .privacy-setting-text,
.styles-editor .plugintab .field .privacy-setting-btn,
.styles-editor .plugintab .plugin-box .privacy-setting-text,
.styles-editor .plugintab .plugin-box .privacy-setting-btn,
.styles-editor .plugintab .style-box .privacy-setting-text,
.styles-editor .plugintab .style-box .privacy-setting-btn,
.styles-editor .plugintab .right-pane-inner .privacy-setting-text,
.styles-editor .plugintab .right-pane-inner .privacy-setting-btn,
.styles-editor .privacy .custom-type-entry .privacy-setting-text,
.styles-editor .privacy .custom-type-entry .privacy-setting-btn,
.styles-editor .privacy .field .privacy-setting-text,
.styles-editor .privacy .field .privacy-setting-btn,
.styles-editor .privacy .plugin-box .privacy-setting-text,
.styles-editor .privacy .plugin-box .privacy-setting-btn,
.styles-editor .privacy .style-box .privacy-setting-text,
.styles-editor .privacy .style-box .privacy-setting-btn,
.styles-editor .privacy .right-pane-inner .privacy-setting-text,
.styles-editor .privacy .right-pane-inner .privacy-setting-btn,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.logs-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.logs-editor .usertypeeditor .field .privacy-setting-text,
.logs-editor .usertypeeditor .field .privacy-setting-btn,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-text,
.logs-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.logs-editor .usertypeeditor .style-box .privacy-setting-text,
.logs-editor .usertypeeditor .style-box .privacy-setting-btn,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.logs-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.logs-editor .plugintab .custom-type-entry .privacy-setting-text,
.logs-editor .plugintab .custom-type-entry .privacy-setting-btn,
.logs-editor .plugintab .field .privacy-setting-text,
.logs-editor .plugintab .field .privacy-setting-btn,
.logs-editor .plugintab .plugin-box .privacy-setting-text,
.logs-editor .plugintab .plugin-box .privacy-setting-btn,
.logs-editor .plugintab .style-box .privacy-setting-text,
.logs-editor .plugintab .style-box .privacy-setting-btn,
.logs-editor .plugintab .right-pane-inner .privacy-setting-text,
.logs-editor .plugintab .right-pane-inner .privacy-setting-btn,
.logs-editor .privacy .custom-type-entry .privacy-setting-text,
.logs-editor .privacy .custom-type-entry .privacy-setting-btn,
.logs-editor .privacy .field .privacy-setting-text,
.logs-editor .privacy .field .privacy-setting-btn,
.logs-editor .privacy .plugin-box .privacy-setting-text,
.logs-editor .privacy .plugin-box .privacy-setting-btn,
.logs-editor .privacy .style-box .privacy-setting-text,
.logs-editor .privacy .style-box .privacy-setting-btn,
.logs-editor .privacy .right-pane-inner .privacy-setting-text,
.logs-editor .privacy .right-pane-inner .privacy-setting-btn,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-text,
.template-editor .usertypeeditor .custom-type-entry .privacy-setting-btn,
.template-editor .usertypeeditor .field .privacy-setting-text,
.template-editor .usertypeeditor .field .privacy-setting-btn,
.template-editor .usertypeeditor .plugin-box .privacy-setting-text,
.template-editor .usertypeeditor .plugin-box .privacy-setting-btn,
.template-editor .usertypeeditor .style-box .privacy-setting-text,
.template-editor .usertypeeditor .style-box .privacy-setting-btn,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-text,
.template-editor .usertypeeditor .right-pane-inner .privacy-setting-btn,
.template-editor .plugintab .custom-type-entry .privacy-setting-text,
.template-editor .plugintab .custom-type-entry .privacy-setting-btn,
.template-editor .plugintab .field .privacy-setting-text,
.template-editor .plugintab .field .privacy-setting-btn,
.template-editor .plugintab .plugin-box .privacy-setting-text,
.template-editor .plugintab .plugin-box .privacy-setting-btn,
.template-editor .plugintab .style-box .privacy-setting-text,
.template-editor .plugintab .style-box .privacy-setting-btn,
.template-editor .plugintab .right-pane-inner .privacy-setting-text,
.template-editor .plugintab .right-pane-inner .privacy-setting-btn,
.template-editor .privacy .custom-type-entry .privacy-setting-text,
.template-editor .privacy .custom-type-entry .privacy-setting-btn,
.template-editor .privacy .field .privacy-setting-text,
.template-editor .privacy .field .privacy-setting-btn,
.template-editor .privacy .plugin-box .privacy-setting-text,
.template-editor .privacy .plugin-box .privacy-setting-btn,
.template-editor .privacy .style-box .privacy-setting-text,
.template-editor .privacy .style-box .privacy-setting-btn,
.template-editor .privacy .right-pane-inner .privacy-setting-text,
.template-editor .privacy .right-pane-inner .privacy-setting-btn {
  text-transform: none;
}
.data-editor .usertypeeditor .custom-type-entry .two-line-text,
.data-editor .usertypeeditor .field .two-line-text,
.data-editor .usertypeeditor .plugin-box .two-line-text,
.data-editor .usertypeeditor .style-box .two-line-text,
.data-editor .usertypeeditor .right-pane-inner .two-line-text,
.data-editor .plugintab .custom-type-entry .two-line-text,
.data-editor .plugintab .field .two-line-text,
.data-editor .plugintab .plugin-box .two-line-text,
.data-editor .plugintab .style-box .two-line-text,
.data-editor .plugintab .right-pane-inner .two-line-text,
.data-editor .privacy .custom-type-entry .two-line-text,
.data-editor .privacy .field .two-line-text,
.data-editor .privacy .plugin-box .two-line-text,
.data-editor .privacy .style-box .two-line-text,
.data-editor .privacy .right-pane-inner .two-line-text,
.plugin-editor .usertypeeditor .custom-type-entry .two-line-text,
.plugin-editor .usertypeeditor .field .two-line-text,
.plugin-editor .usertypeeditor .plugin-box .two-line-text,
.plugin-editor .usertypeeditor .style-box .two-line-text,
.plugin-editor .usertypeeditor .right-pane-inner .two-line-text,
.plugin-editor .plugintab .custom-type-entry .two-line-text,
.plugin-editor .plugintab .field .two-line-text,
.plugin-editor .plugintab .plugin-box .two-line-text,
.plugin-editor .plugintab .style-box .two-line-text,
.plugin-editor .plugintab .right-pane-inner .two-line-text,
.plugin-editor .privacy .custom-type-entry .two-line-text,
.plugin-editor .privacy .field .two-line-text,
.plugin-editor .privacy .plugin-box .two-line-text,
.plugin-editor .privacy .style-box .two-line-text,
.plugin-editor .privacy .right-pane-inner .two-line-text,
.settings-editor .usertypeeditor .custom-type-entry .two-line-text,
.settings-editor .usertypeeditor .field .two-line-text,
.settings-editor .usertypeeditor .plugin-box .two-line-text,
.settings-editor .usertypeeditor .style-box .two-line-text,
.settings-editor .usertypeeditor .right-pane-inner .two-line-text,
.settings-editor .plugintab .custom-type-entry .two-line-text,
.settings-editor .plugintab .field .two-line-text,
.settings-editor .plugintab .plugin-box .two-line-text,
.settings-editor .plugintab .style-box .two-line-text,
.settings-editor .plugintab .right-pane-inner .two-line-text,
.settings-editor .privacy .custom-type-entry .two-line-text,
.settings-editor .privacy .field .two-line-text,
.settings-editor .privacy .plugin-box .two-line-text,
.settings-editor .privacy .style-box .two-line-text,
.settings-editor .privacy .right-pane-inner .two-line-text,
.styles-editor .usertypeeditor .custom-type-entry .two-line-text,
.styles-editor .usertypeeditor .field .two-line-text,
.styles-editor .usertypeeditor .plugin-box .two-line-text,
.styles-editor .usertypeeditor .style-box .two-line-text,
.styles-editor .usertypeeditor .right-pane-inner .two-line-text,
.styles-editor .plugintab .custom-type-entry .two-line-text,
.styles-editor .plugintab .field .two-line-text,
.styles-editor .plugintab .plugin-box .two-line-text,
.styles-editor .plugintab .style-box .two-line-text,
.styles-editor .plugintab .right-pane-inner .two-line-text,
.styles-editor .privacy .custom-type-entry .two-line-text,
.styles-editor .privacy .field .two-line-text,
.styles-editor .privacy .plugin-box .two-line-text,
.styles-editor .privacy .style-box .two-line-text,
.styles-editor .privacy .right-pane-inner .two-line-text,
.logs-editor .usertypeeditor .custom-type-entry .two-line-text,
.logs-editor .usertypeeditor .field .two-line-text,
.logs-editor .usertypeeditor .plugin-box .two-line-text,
.logs-editor .usertypeeditor .style-box .two-line-text,
.logs-editor .usertypeeditor .right-pane-inner .two-line-text,
.logs-editor .plugintab .custom-type-entry .two-line-text,
.logs-editor .plugintab .field .two-line-text,
.logs-editor .plugintab .plugin-box .two-line-text,
.logs-editor .plugintab .style-box .two-line-text,
.logs-editor .plugintab .right-pane-inner .two-line-text,
.logs-editor .privacy .custom-type-entry .two-line-text,
.logs-editor .privacy .field .two-line-text,
.logs-editor .privacy .plugin-box .two-line-text,
.logs-editor .privacy .style-box .two-line-text,
.logs-editor .privacy .right-pane-inner .two-line-text,
.template-editor .usertypeeditor .custom-type-entry .two-line-text,
.template-editor .usertypeeditor .field .two-line-text,
.template-editor .usertypeeditor .plugin-box .two-line-text,
.template-editor .usertypeeditor .style-box .two-line-text,
.template-editor .usertypeeditor .right-pane-inner .two-line-text,
.template-editor .plugintab .custom-type-entry .two-line-text,
.template-editor .plugintab .field .two-line-text,
.template-editor .plugintab .plugin-box .two-line-text,
.template-editor .plugintab .style-box .two-line-text,
.template-editor .plugintab .right-pane-inner .two-line-text,
.template-editor .privacy .custom-type-entry .two-line-text,
.template-editor .privacy .field .two-line-text,
.template-editor .privacy .plugin-box .two-line-text,
.template-editor .privacy .style-box .two-line-text,
.template-editor .privacy .right-pane-inner .two-line-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 2px;
}
.data-editor .usertypeeditor .custom-type-entry .type-actions,
.data-editor .usertypeeditor .field .type-actions,
.data-editor .usertypeeditor .plugin-box .type-actions,
.data-editor .usertypeeditor .style-box .type-actions,
.data-editor .usertypeeditor .right-pane-inner .type-actions,
.data-editor .plugintab .custom-type-entry .type-actions,
.data-editor .plugintab .field .type-actions,
.data-editor .plugintab .plugin-box .type-actions,
.data-editor .plugintab .style-box .type-actions,
.data-editor .plugintab .right-pane-inner .type-actions,
.data-editor .privacy .custom-type-entry .type-actions,
.data-editor .privacy .field .type-actions,
.data-editor .privacy .plugin-box .type-actions,
.data-editor .privacy .style-box .type-actions,
.data-editor .privacy .right-pane-inner .type-actions,
.plugin-editor .usertypeeditor .custom-type-entry .type-actions,
.plugin-editor .usertypeeditor .field .type-actions,
.plugin-editor .usertypeeditor .plugin-box .type-actions,
.plugin-editor .usertypeeditor .style-box .type-actions,
.plugin-editor .usertypeeditor .right-pane-inner .type-actions,
.plugin-editor .plugintab .custom-type-entry .type-actions,
.plugin-editor .plugintab .field .type-actions,
.plugin-editor .plugintab .plugin-box .type-actions,
.plugin-editor .plugintab .style-box .type-actions,
.plugin-editor .plugintab .right-pane-inner .type-actions,
.plugin-editor .privacy .custom-type-entry .type-actions,
.plugin-editor .privacy .field .type-actions,
.plugin-editor .privacy .plugin-box .type-actions,
.plugin-editor .privacy .style-box .type-actions,
.plugin-editor .privacy .right-pane-inner .type-actions,
.settings-editor .usertypeeditor .custom-type-entry .type-actions,
.settings-editor .usertypeeditor .field .type-actions,
.settings-editor .usertypeeditor .plugin-box .type-actions,
.settings-editor .usertypeeditor .style-box .type-actions,
.settings-editor .usertypeeditor .right-pane-inner .type-actions,
.settings-editor .plugintab .custom-type-entry .type-actions,
.settings-editor .plugintab .field .type-actions,
.settings-editor .plugintab .plugin-box .type-actions,
.settings-editor .plugintab .style-box .type-actions,
.settings-editor .plugintab .right-pane-inner .type-actions,
.settings-editor .privacy .custom-type-entry .type-actions,
.settings-editor .privacy .field .type-actions,
.settings-editor .privacy .plugin-box .type-actions,
.settings-editor .privacy .style-box .type-actions,
.settings-editor .privacy .right-pane-inner .type-actions,
.styles-editor .usertypeeditor .custom-type-entry .type-actions,
.styles-editor .usertypeeditor .field .type-actions,
.styles-editor .usertypeeditor .plugin-box .type-actions,
.styles-editor .usertypeeditor .style-box .type-actions,
.styles-editor .usertypeeditor .right-pane-inner .type-actions,
.styles-editor .plugintab .custom-type-entry .type-actions,
.styles-editor .plugintab .field .type-actions,
.styles-editor .plugintab .plugin-box .type-actions,
.styles-editor .plugintab .style-box .type-actions,
.styles-editor .plugintab .right-pane-inner .type-actions,
.styles-editor .privacy .custom-type-entry .type-actions,
.styles-editor .privacy .field .type-actions,
.styles-editor .privacy .plugin-box .type-actions,
.styles-editor .privacy .style-box .type-actions,
.styles-editor .privacy .right-pane-inner .type-actions,
.logs-editor .usertypeeditor .custom-type-entry .type-actions,
.logs-editor .usertypeeditor .field .type-actions,
.logs-editor .usertypeeditor .plugin-box .type-actions,
.logs-editor .usertypeeditor .style-box .type-actions,
.logs-editor .usertypeeditor .right-pane-inner .type-actions,
.logs-editor .plugintab .custom-type-entry .type-actions,
.logs-editor .plugintab .field .type-actions,
.logs-editor .plugintab .plugin-box .type-actions,
.logs-editor .plugintab .style-box .type-actions,
.logs-editor .plugintab .right-pane-inner .type-actions,
.logs-editor .privacy .custom-type-entry .type-actions,
.logs-editor .privacy .field .type-actions,
.logs-editor .privacy .plugin-box .type-actions,
.logs-editor .privacy .style-box .type-actions,
.logs-editor .privacy .right-pane-inner .type-actions,
.template-editor .usertypeeditor .custom-type-entry .type-actions,
.template-editor .usertypeeditor .field .type-actions,
.template-editor .usertypeeditor .plugin-box .type-actions,
.template-editor .usertypeeditor .style-box .type-actions,
.template-editor .usertypeeditor .right-pane-inner .type-actions,
.template-editor .plugintab .custom-type-entry .type-actions,
.template-editor .plugintab .field .type-actions,
.template-editor .plugintab .plugin-box .type-actions,
.template-editor .plugintab .style-box .type-actions,
.template-editor .plugintab .right-pane-inner .type-actions,
.template-editor .privacy .custom-type-entry .type-actions,
.template-editor .privacy .field .type-actions,
.template-editor .privacy .plugin-box .type-actions,
.template-editor .privacy .style-box .type-actions,
.template-editor .privacy .right-pane-inner .type-actions {
  display: inline-flex;
  white-space: nowrap;
  padding-left: 4px;
}
.data-editor .usertypeeditor .custom-type-entry .slim-width,
.data-editor .usertypeeditor .field .slim-width,
.data-editor .usertypeeditor .plugin-box .slim-width,
.data-editor .usertypeeditor .style-box .slim-width,
.data-editor .usertypeeditor .right-pane-inner .slim-width,
.data-editor .plugintab .custom-type-entry .slim-width,
.data-editor .plugintab .field .slim-width,
.data-editor .plugintab .plugin-box .slim-width,
.data-editor .plugintab .style-box .slim-width,
.data-editor .plugintab .right-pane-inner .slim-width,
.data-editor .privacy .custom-type-entry .slim-width,
.data-editor .privacy .field .slim-width,
.data-editor .privacy .plugin-box .slim-width,
.data-editor .privacy .style-box .slim-width,
.data-editor .privacy .right-pane-inner .slim-width,
.plugin-editor .usertypeeditor .custom-type-entry .slim-width,
.plugin-editor .usertypeeditor .field .slim-width,
.plugin-editor .usertypeeditor .plugin-box .slim-width,
.plugin-editor .usertypeeditor .style-box .slim-width,
.plugin-editor .usertypeeditor .right-pane-inner .slim-width,
.plugin-editor .plugintab .custom-type-entry .slim-width,
.plugin-editor .plugintab .field .slim-width,
.plugin-editor .plugintab .plugin-box .slim-width,
.plugin-editor .plugintab .style-box .slim-width,
.plugin-editor .plugintab .right-pane-inner .slim-width,
.plugin-editor .privacy .custom-type-entry .slim-width,
.plugin-editor .privacy .field .slim-width,
.plugin-editor .privacy .plugin-box .slim-width,
.plugin-editor .privacy .style-box .slim-width,
.plugin-editor .privacy .right-pane-inner .slim-width,
.settings-editor .usertypeeditor .custom-type-entry .slim-width,
.settings-editor .usertypeeditor .field .slim-width,
.settings-editor .usertypeeditor .plugin-box .slim-width,
.settings-editor .usertypeeditor .style-box .slim-width,
.settings-editor .usertypeeditor .right-pane-inner .slim-width,
.settings-editor .plugintab .custom-type-entry .slim-width,
.settings-editor .plugintab .field .slim-width,
.settings-editor .plugintab .plugin-box .slim-width,
.settings-editor .plugintab .style-box .slim-width,
.settings-editor .plugintab .right-pane-inner .slim-width,
.settings-editor .privacy .custom-type-entry .slim-width,
.settings-editor .privacy .field .slim-width,
.settings-editor .privacy .plugin-box .slim-width,
.settings-editor .privacy .style-box .slim-width,
.settings-editor .privacy .right-pane-inner .slim-width,
.styles-editor .usertypeeditor .custom-type-entry .slim-width,
.styles-editor .usertypeeditor .field .slim-width,
.styles-editor .usertypeeditor .plugin-box .slim-width,
.styles-editor .usertypeeditor .style-box .slim-width,
.styles-editor .usertypeeditor .right-pane-inner .slim-width,
.styles-editor .plugintab .custom-type-entry .slim-width,
.styles-editor .plugintab .field .slim-width,
.styles-editor .plugintab .plugin-box .slim-width,
.styles-editor .plugintab .style-box .slim-width,
.styles-editor .plugintab .right-pane-inner .slim-width,
.styles-editor .privacy .custom-type-entry .slim-width,
.styles-editor .privacy .field .slim-width,
.styles-editor .privacy .plugin-box .slim-width,
.styles-editor .privacy .style-box .slim-width,
.styles-editor .privacy .right-pane-inner .slim-width,
.logs-editor .usertypeeditor .custom-type-entry .slim-width,
.logs-editor .usertypeeditor .field .slim-width,
.logs-editor .usertypeeditor .plugin-box .slim-width,
.logs-editor .usertypeeditor .style-box .slim-width,
.logs-editor .usertypeeditor .right-pane-inner .slim-width,
.logs-editor .plugintab .custom-type-entry .slim-width,
.logs-editor .plugintab .field .slim-width,
.logs-editor .plugintab .plugin-box .slim-width,
.logs-editor .plugintab .style-box .slim-width,
.logs-editor .plugintab .right-pane-inner .slim-width,
.logs-editor .privacy .custom-type-entry .slim-width,
.logs-editor .privacy .field .slim-width,
.logs-editor .privacy .plugin-box .slim-width,
.logs-editor .privacy .style-box .slim-width,
.logs-editor .privacy .right-pane-inner .slim-width,
.template-editor .usertypeeditor .custom-type-entry .slim-width,
.template-editor .usertypeeditor .field .slim-width,
.template-editor .usertypeeditor .plugin-box .slim-width,
.template-editor .usertypeeditor .style-box .slim-width,
.template-editor .usertypeeditor .right-pane-inner .slim-width,
.template-editor .plugintab .custom-type-entry .slim-width,
.template-editor .plugintab .field .slim-width,
.template-editor .plugintab .plugin-box .slim-width,
.template-editor .plugintab .style-box .slim-width,
.template-editor .plugintab .right-pane-inner .slim-width,
.template-editor .privacy .custom-type-entry .slim-width,
.template-editor .privacy .field .slim-width,
.template-editor .privacy .plugin-box .slim-width,
.template-editor .privacy .style-box .slim-width,
.template-editor .privacy .right-pane-inner .slim-width {
  max-width: 150px;
}
.data-editor .usertypeeditor .custom-type-entry,
.data-editor .usertypeeditor .custom-type-btn,
.data-editor .privacy .custom-type-entry,
.data-editor .privacy .custom-type-btn,
.plugin-editor .usertypeeditor .custom-type-entry,
.plugin-editor .usertypeeditor .custom-type-btn,
.plugin-editor .privacy .custom-type-entry,
.plugin-editor .privacy .custom-type-btn,
.settings-editor .usertypeeditor .custom-type-entry,
.settings-editor .usertypeeditor .custom-type-btn,
.settings-editor .privacy .custom-type-entry,
.settings-editor .privacy .custom-type-btn,
.styles-editor .usertypeeditor .custom-type-entry,
.styles-editor .usertypeeditor .custom-type-btn,
.styles-editor .privacy .custom-type-entry,
.styles-editor .privacy .custom-type-btn,
.logs-editor .usertypeeditor .custom-type-entry,
.logs-editor .usertypeeditor .custom-type-btn,
.logs-editor .privacy .custom-type-entry,
.logs-editor .privacy .custom-type-btn,
.template-editor .usertypeeditor .custom-type-entry,
.template-editor .usertypeeditor .custom-type-btn,
.template-editor .privacy .custom-type-entry,
.template-editor .privacy .custom-type-btn {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 1px;
}
.data-editor .usertypeeditor .custom-type-entry .display,
.data-editor .usertypeeditor .custom-type-btn .display,
.data-editor .privacy .custom-type-entry .display,
.data-editor .privacy .custom-type-btn .display,
.plugin-editor .usertypeeditor .custom-type-entry .display,
.plugin-editor .usertypeeditor .custom-type-btn .display,
.plugin-editor .privacy .custom-type-entry .display,
.plugin-editor .privacy .custom-type-btn .display,
.settings-editor .usertypeeditor .custom-type-entry .display,
.settings-editor .usertypeeditor .custom-type-btn .display,
.settings-editor .privacy .custom-type-entry .display,
.settings-editor .privacy .custom-type-btn .display,
.styles-editor .usertypeeditor .custom-type-entry .display,
.styles-editor .usertypeeditor .custom-type-btn .display,
.styles-editor .privacy .custom-type-entry .display,
.styles-editor .privacy .custom-type-btn .display,
.logs-editor .usertypeeditor .custom-type-entry .display,
.logs-editor .usertypeeditor .custom-type-btn .display,
.logs-editor .privacy .custom-type-entry .display,
.logs-editor .privacy .custom-type-btn .display,
.template-editor .usertypeeditor .custom-type-entry .display,
.template-editor .usertypeeditor .custom-type-btn .display,
.template-editor .privacy .custom-type-entry .display,
.template-editor .privacy .custom-type-btn .display {
  margin-top: 0px;
}
.data-editor .usertypeeditor .custom-type-search,
.data-editor .privacy .custom-type-search,
.data-editor .data-tab-content .custom-type-search,
.plugin-editor .usertypeeditor .custom-type-search,
.plugin-editor .privacy .custom-type-search,
.plugin-editor .data-tab-content .custom-type-search,
.settings-editor .usertypeeditor .custom-type-search,
.settings-editor .privacy .custom-type-search,
.settings-editor .data-tab-content .custom-type-search,
.styles-editor .usertypeeditor .custom-type-search,
.styles-editor .privacy .custom-type-search,
.styles-editor .data-tab-content .custom-type-search,
.logs-editor .usertypeeditor .custom-type-search,
.logs-editor .privacy .custom-type-search,
.logs-editor .data-tab-content .custom-type-search,
.template-editor .usertypeeditor .custom-type-search,
.template-editor .privacy .custom-type-search,
.template-editor .data-tab-content .custom-type-search {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  float: left;
  font-size: 12px;
  line-height: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.data-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.data-editor .privacy .custom-type-search .custom-type-search-bar,
.data-editor .data-tab-content .custom-type-search .custom-type-search-bar,
.plugin-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.plugin-editor .privacy .custom-type-search .custom-type-search-bar,
.plugin-editor .data-tab-content .custom-type-search .custom-type-search-bar,
.settings-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.settings-editor .privacy .custom-type-search .custom-type-search-bar,
.settings-editor .data-tab-content .custom-type-search .custom-type-search-bar,
.styles-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.styles-editor .privacy .custom-type-search .custom-type-search-bar,
.styles-editor .data-tab-content .custom-type-search .custom-type-search-bar,
.logs-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.logs-editor .privacy .custom-type-search .custom-type-search-bar,
.logs-editor .data-tab-content .custom-type-search .custom-type-search-bar,
.template-editor .usertypeeditor .custom-type-search .custom-type-search-bar,
.template-editor .privacy .custom-type-search .custom-type-search-bar,
.template-editor .data-tab-content .custom-type-search .custom-type-search-bar {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}
.data-editor .usertypeeditor .left-pane,
.data-editor .privacy .left-pane,
.plugin-editor .usertypeeditor .left-pane,
.plugin-editor .privacy .left-pane,
.settings-editor .usertypeeditor .left-pane,
.settings-editor .privacy .left-pane,
.styles-editor .usertypeeditor .left-pane,
.styles-editor .privacy .left-pane,
.logs-editor .usertypeeditor .left-pane,
.logs-editor .privacy .left-pane,
.template-editor .usertypeeditor .left-pane,
.template-editor .privacy .left-pane {
  border-top: none;
  overflow-y: hidden;
}
.data-editor .usertypeeditor .left-pane .custom-types,
.data-editor .privacy .left-pane .custom-types,
.plugin-editor .usertypeeditor .left-pane .custom-types,
.plugin-editor .privacy .left-pane .custom-types,
.settings-editor .usertypeeditor .left-pane .custom-types,
.settings-editor .privacy .left-pane .custom-types,
.styles-editor .usertypeeditor .left-pane .custom-types,
.styles-editor .privacy .left-pane .custom-types,
.logs-editor .usertypeeditor .left-pane .custom-types,
.logs-editor .privacy .left-pane .custom-types,
.template-editor .usertypeeditor .left-pane .custom-types,
.template-editor .privacy .left-pane .custom-types {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.data-editor .usertypeeditor .left-pane .custom-type-entry,
.data-editor .privacy .left-pane .custom-type-entry,
.plugin-editor .usertypeeditor .left-pane .custom-type-entry,
.plugin-editor .privacy .left-pane .custom-type-entry,
.settings-editor .usertypeeditor .left-pane .custom-type-entry,
.settings-editor .privacy .left-pane .custom-type-entry,
.styles-editor .usertypeeditor .left-pane .custom-type-entry,
.styles-editor .privacy .left-pane .custom-type-entry,
.logs-editor .usertypeeditor .left-pane .custom-type-entry,
.logs-editor .privacy .left-pane .custom-type-entry,
.template-editor .usertypeeditor .left-pane .custom-type-entry,
.template-editor .privacy .left-pane .custom-type-entry {
  height: 35px;
  padding: 8px 0 8px 8px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: none;
}
.data-editor .usertypeeditor .left-pane .custom-type-entry .display,
.data-editor .privacy .left-pane .custom-type-entry .display,
.plugin-editor .usertypeeditor .left-pane .custom-type-entry .display,
.plugin-editor .privacy .left-pane .custom-type-entry .display,
.settings-editor .usertypeeditor .left-pane .custom-type-entry .display,
.settings-editor .privacy .left-pane .custom-type-entry .display,
.styles-editor .usertypeeditor .left-pane .custom-type-entry .display,
.styles-editor .privacy .left-pane .custom-type-entry .display,
.logs-editor .usertypeeditor .left-pane .custom-type-entry .display,
.logs-editor .privacy .left-pane .custom-type-entry .display,
.template-editor .usertypeeditor .left-pane .custom-type-entry .display,
.template-editor .privacy .left-pane .custom-type-entry .display {
  margin-top: 0px;
}
.data-editor .usertypeeditor .left-pane-inner,
.data-editor .privacy .left-pane-inner,
.plugin-editor .usertypeeditor .left-pane-inner,
.plugin-editor .privacy .left-pane-inner,
.settings-editor .usertypeeditor .left-pane-inner,
.settings-editor .privacy .left-pane-inner,
.styles-editor .usertypeeditor .left-pane-inner,
.styles-editor .privacy .left-pane-inner,
.logs-editor .usertypeeditor .left-pane-inner,
.logs-editor .privacy .left-pane-inner,
.template-editor .usertypeeditor .left-pane-inner,
.template-editor .privacy .left-pane-inner {
  overflow-y: scroll;
}
.data-editor .usertypeeditor .right-pane,
.data-editor .privacy .right-pane,
.plugin-editor .usertypeeditor .right-pane,
.plugin-editor .privacy .right-pane,
.settings-editor .usertypeeditor .right-pane,
.settings-editor .privacy .right-pane,
.styles-editor .usertypeeditor .right-pane,
.styles-editor .privacy .right-pane,
.logs-editor .usertypeeditor .right-pane,
.logs-editor .privacy .right-pane,
.template-editor .usertypeeditor .right-pane,
.template-editor .privacy .right-pane {
  border-top: none;
  border-left: none;
}
.data-editor .btn.bubble-ui,
.plugin-editor .btn.bubble-ui,
.settings-editor .btn.bubble-ui,
.styles-editor .btn.bubble-ui,
.logs-editor .btn.bubble-ui,
.template-editor .btn.bubble-ui {
  height: 35px;
  padding-top: 9px;
}
.data-editor .btn.bubble-ui.left-side,
.plugin-editor .btn.bubble-ui.left-side,
.settings-editor .btn.bubble-ui.left-side,
.styles-editor .btn.bubble-ui.left-side,
.logs-editor .btn.bubble-ui.left-side,
.template-editor .btn.bubble-ui.left-side {
  float: left;
}
.data-editor .plugintab .right-pane,
.plugin-editor .plugintab .right-pane,
.settings-editor .plugintab .right-pane,
.styles-editor .plugintab .right-pane,
.logs-editor .plugintab .right-pane,
.template-editor .plugintab .right-pane {
  width: 990px;
}
.data-editor .plugintab .right-pane .import-from-curl-btn,
.plugin-editor .plugintab .right-pane .import-from-curl-btn,
.settings-editor .plugintab .right-pane .import-from-curl-btn,
.styles-editor .plugintab .right-pane .import-from-curl-btn,
.logs-editor .plugintab .right-pane .import-from-curl-btn,
.template-editor .plugintab .right-pane .import-from-curl-btn {
  float: left;
}
.data-editor .plugintab .right-pane .explanation.need-to-subscribe,
.plugin-editor .plugintab .right-pane .explanation.need-to-subscribe,
.settings-editor .plugintab .right-pane .explanation.need-to-subscribe,
.styles-editor .plugintab .right-pane .explanation.need-to-subscribe,
.logs-editor .plugintab .right-pane .explanation.need-to-subscribe,
.template-editor .plugintab .right-pane .explanation.need-to-subscribe {
  float: left;
  margin-top: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel,
.plugin-editor .plugintab .right-pane .custom-plugin-panel,
.settings-editor .plugintab .right-pane .custom-plugin-panel,
.styles-editor .plugintab .right-pane .custom-plugin-panel,
.logs-editor .plugintab .right-pane .custom-plugin-panel,
.template-editor .plugintab .right-pane .custom-plugin-panel {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .row-wrapper {
  width: 100%;
  margin-top: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .dropdown-wrapper {
  margin-top: 10px;
  float: none;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-wrapper {
  margin: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .key-warning-subtitle {
  padding-left: 19px;
  padding-top: 8px;
  color: var(--b-txt-danger);
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning {
  font-style: italic;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .table-warning .link {
  color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn {
  float: left;
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn, .data-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-table-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.add-base-btn {
  width: 180px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn {
  width: 140px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .btn.init-table-btn.save-table {
  float: right;
  margin-top: 0px;
  clear: right;
  margin-right: 35px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn {
  margin-right: -14px;
  margin-top: -17px;
  width: 42px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.table-expand {
  margin-top: -12px;
  margin-right: -9px;
  float: right;
  margin-bottom: 7px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn.all {
  width: 90px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .expand-btn {
  float: right;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper {
  margin-top: -12px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-down-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .move-wrapper .move-up-btn {
  float: right;
  margin-right: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .instructions {
  margin-top: 35px;
  margin-left: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .reinit-btn {
  float: right;
  clear: both;
  font-size: 11px;
  margin-right: 38px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable input,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable input,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable input,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable input,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable input,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable input {
  height: 30px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .call-panel {
  overflow-y: auto;
  margin-bottom: 20px;
  clear: left;
  padding: 20px;
  width: 100%;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .calls-wrapper {
  width: 100%;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .sub-call-panel {
  width: 100%;
  float: left;
  margin: 15px 0px 15px 0px;
  padding: 15px 15px 15px 25px;
  border: var(--b-border, #e6e6e6) 1px solid;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label {
  float: left;
  clear: none;
  margin-right: 12px;
  margin-top: 9px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id, .data-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.airtable-base-id,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.api-label {
  margin-left: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-label.call-name {
  clear: both;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .delete-btn {
  margin-top: 7px !important;
  margin-right: 0px !important;
  margin-left: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value),
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value),
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value),
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value),
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value),
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable div.composer-textbox:has(.field-value) {
  float: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .field-value {
  float: left;
  margin-bottom: 8px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.airtable .permissions-value {
  float: left;
  margin-right: 50px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label {
  width: 130px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type, .data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.type,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.string,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.type,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.string {
  clear: none;
  margin-left: 30px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name, .data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query {
  width: 60px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query {
  margin-bottom: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as, .data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection {
  clear: none;
  float: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.use-as {
  width: 60px;
  margin-left: 40px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-label.query-connection,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-label.query-connection {
  width: 90px;
  margin-left: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.string,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.string {
  width: 602px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.sql-query,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.sql-query {
  width: 707px;
  background: white;
  padding-top: 7px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.query-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.query-name {
  width: 168px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.param-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.param-name {
  width: 130px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.use-as,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.use-as {
  width: auto;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-value.test-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-value.test-value {
  width: 152px;
  margin-right: 8px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .field-name-dbc,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .field-name-dbc {
  width: 240px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-panel .test-button,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-panel .test-button {
  float: left;
  width: 180px;
  margin-top: 15px;
  clear: both;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .cs-title,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title {
  font-weight: bold;
  margin-bottom: 20px;
  float: left;
  clear: both;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .query-title {
  margin-top: 40px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label {
  clear: none;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-id {
  width: 22px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name, .data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-type {
  width: 50px;
  margin-left: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-name {
  margin-left: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.dbconnector .parameter-div .field-label.param-test-value {
  width: 80px;
  margin-left: 26px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button {
  float: left;
  width: 180px;
  margin-top: 10px;
  clear: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled {
  opacity: 0.5;
  cursor: default;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .new-button.disabled:hover {
  border: 1px solid #9daeb3;
  background-color: transparent;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label {
  width: 100px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-id.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-value {
  width: 240px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .name.field-value {
  width: 200px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector img.app-icon {
  width: 25px;
  float: left;
  margin-left: 14px;
  margin-top: 2px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .domain.field-value {
  width: 340px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .field-label.match-versions {
  width: 190px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.composer-checkbox {
  float: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .client-secret.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .match-versions.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .app-token.field-label {
  clear: none;
  margin-left: 40px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-title {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .refresh-data-btn {
  float: left;
  margin-top: 19px;
  margin-left: 40px;
  cursor: pointer;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper {
  float: left;
  clear: both;
  width: 700px;
  margin-top: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .composer-dropdown {
  float: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-type.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label {
  clear: none;
  margin-left: 30px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-wrapper {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.appconnector .calls-wrapper .call-auth.field-label {
  width: 115px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .zap-wrapper {
  margin-bottom: 20px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper {
  width: 130px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper {
  margin-top: -12px;
  margin-right: -10px;
  float: right;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-down-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .move-wrapper .move-up-btn {
  float: right;
  margin-right: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew input {
  height: 30px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label {
  float: left;
  clear: none;
  margin-right: 12px;
  margin-top: 9px;
  width: 100px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.data-type {
  margin-left: 10px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.off {
  color: red;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-label.on {
  color: green;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .delete-btn {
  margin-top: 7px !important;
  margin-right: 0px !important;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value),
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value),
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value),
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value),
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value),
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew div.composer-textbox:has(.field-value) {
  float: left;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value {
  float: left;
  width: 230px;
}
.data-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type,
.plugin-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type,
.settings-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type,
.styles-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type,
.logs-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type,
.template-editor .plugintab .right-pane .custom-plugin-panel.zapiernew .field-value.data-type {
  width: 210px;
}
.data-editor .plugintab .right-pane .plugin-docs,
.plugin-editor .plugintab .right-pane .plugin-docs,
.settings-editor .plugintab .right-pane .plugin-docs,
.styles-editor .plugintab .right-pane .plugin-docs,
.logs-editor .plugintab .right-pane .plugin-docs,
.template-editor .plugintab .right-pane .plugin-docs {
  margin-top: 20px;
}
.data-editor .plugintab .right-pane .plugin-docs .doc-title,
.plugin-editor .plugintab .right-pane .plugin-docs .doc-title,
.settings-editor .plugintab .right-pane .plugin-docs .doc-title,
.styles-editor .plugintab .right-pane .plugin-docs .doc-title,
.logs-editor .plugintab .right-pane .plugin-docs .doc-title,
.template-editor .plugintab .right-pane .plugin-docs .doc-title {
  margin-bottom: 10px;
}
.data-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.data-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.data-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.data-editor .plugintab .right-pane .plugin-docs .events-wrapper,
.plugin-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.plugin-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.plugin-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.plugin-editor .plugintab .right-pane .plugin-docs .events-wrapper,
.settings-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.settings-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.settings-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.settings-editor .plugintab .right-pane .plugin-docs .events-wrapper,
.styles-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.styles-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.styles-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.styles-editor .plugintab .right-pane .plugin-docs .events-wrapper,
.logs-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.logs-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.logs-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.logs-editor .plugintab .right-pane .plugin-docs .events-wrapper,
.template-editor .plugintab .right-pane .plugin-docs .data-wrapper,
.template-editor .plugintab .right-pane .plugin-docs .actions-wrapper,
.template-editor .plugintab .right-pane .plugin-docs .elements-wrapper,
.template-editor .plugintab .right-pane .plugin-docs .events-wrapper {
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.data-editor .plugintab .right-pane .plugin-docs .caption.data,
.data-editor .plugintab .right-pane .plugin-docs .caption.actions,
.data-editor .plugintab .right-pane .plugin-docs .caption.events,
.plugin-editor .plugintab .right-pane .plugin-docs .caption.data,
.plugin-editor .plugintab .right-pane .plugin-docs .caption.actions,
.plugin-editor .plugintab .right-pane .plugin-docs .caption.events,
.settings-editor .plugintab .right-pane .plugin-docs .caption.data,
.settings-editor .plugintab .right-pane .plugin-docs .caption.actions,
.settings-editor .plugintab .right-pane .plugin-docs .caption.events,
.styles-editor .plugintab .right-pane .plugin-docs .caption.data,
.styles-editor .plugintab .right-pane .plugin-docs .caption.actions,
.styles-editor .plugintab .right-pane .plugin-docs .caption.events,
.logs-editor .plugintab .right-pane .plugin-docs .caption.data,
.logs-editor .plugintab .right-pane .plugin-docs .caption.actions,
.logs-editor .plugintab .right-pane .plugin-docs .caption.events,
.template-editor .plugintab .right-pane .plugin-docs .caption.data,
.template-editor .plugintab .right-pane .plugin-docs .caption.actions,
.template-editor .plugintab .right-pane .plugin-docs .caption.events {
  width: 90px;
}
.data-editor .plugintab .right-pane .plugin-docs .caption.oauth,
.plugin-editor .plugintab .right-pane .plugin-docs .caption.oauth,
.settings-editor .plugintab .right-pane .plugin-docs .caption.oauth,
.styles-editor .plugintab .right-pane .plugin-docs .caption.oauth,
.logs-editor .plugintab .right-pane .plugin-docs .caption.oauth,
.template-editor .plugintab .right-pane .plugin-docs .caption.oauth {
  margin-bottom: 10px;
}
.data-editor .plugintab .right-pane .plugin-docs .plugin-info-item,
.plugin-editor .plugintab .right-pane .plugin-docs .plugin-info-item,
.settings-editor .plugintab .right-pane .plugin-docs .plugin-info-item,
.styles-editor .plugintab .right-pane .plugin-docs .plugin-info-item,
.logs-editor .plugintab .right-pane .plugin-docs .plugin-info-item,
.template-editor .plugintab .right-pane .plugin-docs .plugin-info-item {
  float: left;
  clear: both;
}
.data-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link,
.plugin-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link,
.settings-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link,
.styles-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link,
.logs-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link,
.template-editor .plugintab .right-pane .plugin-docs a.plugin-doc-link {
  color: var(--b-txt-brand, #0c29ab);
  text-transform: lowercase;
}
.data-editor .plugintab .right-pane .built-by-wrapper,
.plugin-editor .plugintab .right-pane .built-by-wrapper,
.settings-editor .plugintab .right-pane .built-by-wrapper,
.styles-editor .plugintab .right-pane .built-by-wrapper,
.logs-editor .plugintab .right-pane .built-by-wrapper,
.template-editor .plugintab .right-pane .built-by-wrapper {
  float: right;
  clear: both;
  margin-top: 20px;
  margin-right: 10px;
}
.data-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon,
.plugin-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon,
.settings-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon,
.styles-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon,
.logs-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon,
.template-editor .plugintab .right-pane .built-by-wrapper img.plugin-creator-icon {
  width: 25px;
  float: right;
}
.data-editor .plugintab .right-pane .built-by-wrapper .plugin-creator,
.plugin-editor .plugintab .right-pane .built-by-wrapper .plugin-creator,
.settings-editor .plugintab .right-pane .built-by-wrapper .plugin-creator,
.styles-editor .plugintab .right-pane .built-by-wrapper .plugin-creator,
.logs-editor .plugintab .right-pane .built-by-wrapper .plugin-creator,
.template-editor .plugintab .right-pane .built-by-wrapper .plugin-creator {
  float: right;
  font-size: 10px;
  margin: 8px 15px;
}
.data-editor .plugintab .plugin-box,
.plugin-editor .plugintab .plugin-box,
.settings-editor .plugintab .plugin-box,
.styles-editor .plugintab .plugin-box,
.logs-editor .plugintab .plugin-box,
.template-editor .plugintab .plugin-box {
  display: flex;
  white-space: nowrap;
}
.data-editor .plugintab .plugin-box .display,
.plugin-editor .plugintab .plugin-box .display,
.settings-editor .plugintab .plugin-box .display,
.styles-editor .plugintab .plugin-box .display,
.logs-editor .plugintab .plugin-box .display,
.template-editor .plugintab .plugin-box .display {
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-editor .plugintab .badge,
.plugin-editor .plugintab .badge,
.settings-editor .plugintab .badge,
.styles-editor .plugintab .badge,
.logs-editor .plugintab .badge,
.template-editor .plugintab .badge {
  margin: 1px 8px 0 8px;
  position: relative;
}
.data-editor .plugintab,
.plugin-editor .plugintab,
.settings-editor .plugintab,
.styles-editor .plugintab,
.logs-editor .plugintab,
.template-editor .plugintab {
  clear: both;
  margin-top: 30px;
}
.data-editor .plugintab .right-pane,
.plugin-editor .plugintab .right-pane,
.settings-editor .plugintab .right-pane,
.styles-editor .plugintab .right-pane,
.logs-editor .plugintab .right-pane,
.template-editor .plugintab .right-pane {
  padding-left: 20px;
}
.data-editor .plugintab .right-pane .header,
.plugin-editor .plugintab .right-pane .header,
.settings-editor .plugintab .right-pane .header,
.styles-editor .plugintab .right-pane .header,
.logs-editor .plugintab .right-pane .header,
.template-editor .plugintab .right-pane .header {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  gap: 20px;
}
.data-editor .plugintab .right-pane .heading,
.plugin-editor .plugintab .right-pane .heading,
.settings-editor .plugintab .right-pane .heading,
.styles-editor .plugintab .right-pane .heading,
.logs-editor .plugintab .right-pane .heading,
.template-editor .plugintab .right-pane .heading {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.data-editor .plugintab .right-pane .title-row,
.plugin-editor .plugintab .right-pane .title-row,
.settings-editor .plugintab .right-pane .title-row,
.styles-editor .plugintab .right-pane .title-row,
.logs-editor .plugintab .right-pane .title-row,
.template-editor .plugintab .right-pane .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 10px;
  margin-top: 21px;
}
.data-editor .plugintab .right-pane .title-container,
.plugin-editor .plugintab .right-pane .title-container,
.settings-editor .plugintab .right-pane .title-container,
.styles-editor .plugintab .right-pane .title-container,
.logs-editor .plugintab .right-pane .title-container,
.template-editor .plugintab .right-pane .title-container {
  display: flex;
  flex-direction: row;
}
.data-editor .plugintab .right-pane .plugin-title,
.data-editor .plugintab .right-pane .style-title,
.plugin-editor .plugintab .right-pane .plugin-title,
.plugin-editor .plugintab .right-pane .style-title,
.settings-editor .plugintab .right-pane .plugin-title,
.settings-editor .plugintab .right-pane .style-title,
.styles-editor .plugintab .right-pane .plugin-title,
.styles-editor .plugintab .right-pane .style-title,
.logs-editor .plugintab .right-pane .plugin-title,
.logs-editor .plugintab .right-pane .style-title,
.template-editor .plugintab .right-pane .plugin-title,
.template-editor .plugintab .right-pane .style-title {
  float: left;
}
.data-editor .plugintab .right-pane .plugin-title,
.plugin-editor .plugintab .right-pane .plugin-title,
.settings-editor .plugintab .right-pane .plugin-title,
.styles-editor .plugintab .right-pane .plugin-title,
.logs-editor .plugintab .right-pane .plugin-title,
.template-editor .plugintab .right-pane .plugin-title {
  font-size: 18px;
}
.data-editor .plugintab .right-pane .style-title,
.plugin-editor .plugintab .right-pane .style-title,
.settings-editor .plugintab .right-pane .style-title,
.styles-editor .plugintab .right-pane .style-title,
.logs-editor .plugintab .right-pane .style-title,
.template-editor .plugintab .right-pane .style-title {
  margin-top: 3px;
  width: 250px;
}
.data-editor .plugintab .right-pane .plugin-deprecation-warning,
.plugin-editor .plugintab .right-pane .plugin-deprecation-warning,
.settings-editor .plugintab .right-pane .plugin-deprecation-warning,
.styles-editor .plugintab .right-pane .plugin-deprecation-warning,
.logs-editor .plugintab .right-pane .plugin-deprecation-warning,
.template-editor .plugintab .right-pane .plugin-deprecation-warning {
  margin-top: 12px;
}
.data-editor .plugintab .right-pane .plugin-deprecation-warning a,
.plugin-editor .plugintab .right-pane .plugin-deprecation-warning a,
.settings-editor .plugintab .right-pane .plugin-deprecation-warning a,
.styles-editor .plugintab .right-pane .plugin-deprecation-warning a,
.logs-editor .plugintab .right-pane .plugin-deprecation-warning a,
.template-editor .plugintab .right-pane .plugin-deprecation-warning a {
  font-weight: 600;
}
.data-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span,
.plugin-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span,
.settings-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span,
.styles-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span,
.logs-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span,
.template-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span {
  color: #161616 !important;
}
.data-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a,
.plugin-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a,
.settings-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a,
.styles-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a,
.logs-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a,
.template-editor .plugintab .right-pane .plugin-deprecation-warning.needs-update > span a {
  color: #0205d3;
}
.data-editor .plugintab .right-pane .icon-wrapper,
.plugin-editor .plugintab .right-pane .icon-wrapper,
.settings-editor .plugintab .right-pane .icon-wrapper,
.styles-editor .plugintab .right-pane .icon-wrapper,
.logs-editor .plugintab .right-pane .icon-wrapper,
.template-editor .plugintab .right-pane .icon-wrapper {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 30px;
}
.data-editor .plugintab .right-pane .icon-wrapper img.plugin-icon,
.plugin-editor .plugintab .right-pane .icon-wrapper img.plugin-icon,
.settings-editor .plugintab .right-pane .icon-wrapper img.plugin-icon,
.styles-editor .plugintab .right-pane .icon-wrapper img.plugin-icon,
.logs-editor .plugintab .right-pane .icon-wrapper img.plugin-icon,
.template-editor .plugintab .right-pane .icon-wrapper img.plugin-icon {
  width: 60px;
}
.data-editor .plugintab .right-pane .plugin-reference,
.plugin-editor .plugintab .right-pane .plugin-reference,
.settings-editor .plugintab .right-pane .plugin-reference,
.styles-editor .plugintab .right-pane .plugin-reference,
.logs-editor .plugintab .right-pane .plugin-reference,
.template-editor .plugintab .right-pane .plugin-reference {
  clear: both;
}
.data-editor .plugintab .right-pane .plugin-reference:hover,
.plugin-editor .plugintab .right-pane .plugin-reference:hover,
.settings-editor .plugintab .right-pane .plugin-reference:hover,
.styles-editor .plugintab .right-pane .plugin-reference:hover,
.logs-editor .plugintab .right-pane .plugin-reference:hover,
.template-editor .plugintab .right-pane .plugin-reference:hover {
  text-decoration: underline;
}
.data-editor .plugintab .right-pane .plugin-description,
.data-editor .plugintab .right-pane .key,
.data-editor .plugintab .right-pane .btn.uninstall,
.data-editor .plugintab .right-pane .btn.meta-oauth,
.data-editor .plugintab .right-pane .btn.find-all-elements,
.plugin-editor .plugintab .right-pane .plugin-description,
.plugin-editor .plugintab .right-pane .key,
.plugin-editor .plugintab .right-pane .btn.uninstall,
.plugin-editor .plugintab .right-pane .btn.meta-oauth,
.plugin-editor .plugintab .right-pane .btn.find-all-elements,
.settings-editor .plugintab .right-pane .plugin-description,
.settings-editor .plugintab .right-pane .key,
.settings-editor .plugintab .right-pane .btn.uninstall,
.settings-editor .plugintab .right-pane .btn.meta-oauth,
.settings-editor .plugintab .right-pane .btn.find-all-elements,
.styles-editor .plugintab .right-pane .plugin-description,
.styles-editor .plugintab .right-pane .key,
.styles-editor .plugintab .right-pane .btn.uninstall,
.styles-editor .plugintab .right-pane .btn.meta-oauth,
.styles-editor .plugintab .right-pane .btn.find-all-elements,
.logs-editor .plugintab .right-pane .plugin-description,
.logs-editor .plugintab .right-pane .key,
.logs-editor .plugintab .right-pane .btn.uninstall,
.logs-editor .plugintab .right-pane .btn.meta-oauth,
.logs-editor .plugintab .right-pane .btn.find-all-elements,
.template-editor .plugintab .right-pane .plugin-description,
.template-editor .plugintab .right-pane .key,
.template-editor .plugintab .right-pane .btn.uninstall,
.template-editor .plugintab .right-pane .btn.meta-oauth,
.template-editor .plugintab .right-pane .btn.find-all-elements {
  float: left;
  clear: both;
}
.data-editor .plugintab .right-pane .plugin-description.resubscribe,
.data-editor .plugintab .right-pane .key.resubscribe,
.data-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.data-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.data-editor .plugintab .right-pane .btn.find-all-elements.resubscribe,
.plugin-editor .plugintab .right-pane .plugin-description.resubscribe,
.plugin-editor .plugintab .right-pane .key.resubscribe,
.plugin-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.plugin-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.plugin-editor .plugintab .right-pane .btn.find-all-elements.resubscribe,
.settings-editor .plugintab .right-pane .plugin-description.resubscribe,
.settings-editor .plugintab .right-pane .key.resubscribe,
.settings-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.settings-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.settings-editor .plugintab .right-pane .btn.find-all-elements.resubscribe,
.styles-editor .plugintab .right-pane .plugin-description.resubscribe,
.styles-editor .plugintab .right-pane .key.resubscribe,
.styles-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.styles-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.styles-editor .plugintab .right-pane .btn.find-all-elements.resubscribe,
.logs-editor .plugintab .right-pane .plugin-description.resubscribe,
.logs-editor .plugintab .right-pane .key.resubscribe,
.logs-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.logs-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.logs-editor .plugintab .right-pane .btn.find-all-elements.resubscribe,
.template-editor .plugintab .right-pane .plugin-description.resubscribe,
.template-editor .plugintab .right-pane .key.resubscribe,
.template-editor .plugintab .right-pane .btn.uninstall.resubscribe,
.template-editor .plugintab .right-pane .btn.meta-oauth.resubscribe,
.template-editor .plugintab .right-pane .btn.find-all-elements.resubscribe {
  clear: none;
  margin-left: 20px;
}
.data-editor .plugintab .right-pane .plugin-description,
.plugin-editor .plugintab .right-pane .plugin-description,
.settings-editor .plugintab .right-pane .plugin-description,
.styles-editor .plugintab .right-pane .plugin-description,
.logs-editor .plugintab .right-pane .plugin-description,
.template-editor .plugintab .right-pane .plugin-description {
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.data-editor .plugintab .right-pane .btn.meta-oauth,
.plugin-editor .plugintab .right-pane .btn.meta-oauth,
.settings-editor .plugintab .right-pane .btn.meta-oauth,
.styles-editor .plugintab .right-pane .btn.meta-oauth,
.logs-editor .plugintab .right-pane .btn.meta-oauth,
.template-editor .plugintab .right-pane .btn.meta-oauth {
  width: 300px;
  margin: 20px 0 10px 0;
}
.data-editor .plugintab .right-pane .de-oauth,
.plugin-editor .plugintab .right-pane .de-oauth,
.settings-editor .plugintab .right-pane .de-oauth,
.styles-editor .plugintab .right-pane .de-oauth,
.logs-editor .plugintab .right-pane .de-oauth,
.template-editor .plugintab .right-pane .de-oauth {
  float: left;
  margin: 30px 0px 0px 30px;
  cursor: pointer;
  color: rgb(176, 194, 199);
}
.data-editor .plugintab .right-pane .de-oauth:hover,
.plugin-editor .plugintab .right-pane .de-oauth:hover,
.settings-editor .plugintab .right-pane .de-oauth:hover,
.styles-editor .plugintab .right-pane .de-oauth:hover,
.logs-editor .plugintab .right-pane .de-oauth:hover,
.template-editor .plugintab .right-pane .de-oauth:hover {
  text-decoration: underline;
}
.data-editor .plugintab .right-pane .btn.uninstall,
.plugin-editor .plugintab .right-pane .btn.uninstall,
.settings-editor .plugintab .right-pane .btn.uninstall,
.styles-editor .plugintab .right-pane .btn.uninstall,
.logs-editor .plugintab .right-pane .btn.uninstall,
.template-editor .plugintab .right-pane .btn.uninstall {
  width: 180px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.data-editor .plugintab .right-pane .btn.find-all-elements,
.plugin-editor .plugintab .right-pane .btn.find-all-elements,
.settings-editor .plugintab .right-pane .btn.find-all-elements,
.styles-editor .plugintab .right-pane .btn.find-all-elements,
.logs-editor .plugintab .right-pane .btn.find-all-elements,
.template-editor .plugintab .right-pane .btn.find-all-elements {
  width: 250px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.data-editor .plugintab .right-pane .key,
.plugin-editor .plugintab .right-pane .key,
.settings-editor .plugintab .right-pane .key,
.styles-editor .plugintab .right-pane .key,
.logs-editor .plugintab .right-pane .key,
.template-editor .plugintab .right-pane .key {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.data-editor .plugintab .right-pane .key .key-caption,
.plugin-editor .plugintab .right-pane .key .key-caption,
.settings-editor .plugintab .right-pane .key .key-caption,
.styles-editor .plugintab .right-pane .key .key-caption,
.logs-editor .plugintab .right-pane .key .key-caption,
.template-editor .plugintab .right-pane .key .key-caption {
  float: left;
}
.data-editor .plugintab .right-pane .key .key-caption,
.plugin-editor .plugintab .right-pane .key .key-caption,
.settings-editor .plugintab .right-pane .key .key-caption,
.styles-editor .plugintab .right-pane .key .key-caption,
.logs-editor .plugintab .right-pane .key .key-caption,
.template-editor .plugintab .right-pane .key .key-caption {
  margin-top: 10px;
}
.data-editor .plugintab .right-pane .key .service_key,
.data-editor .plugintab .right-pane .key .plugin-version-dropdown,
.plugin-editor .plugintab .right-pane .key .service_key,
.plugin-editor .plugintab .right-pane .key .plugin-version-dropdown,
.settings-editor .plugintab .right-pane .key .service_key,
.settings-editor .plugintab .right-pane .key .plugin-version-dropdown,
.styles-editor .plugintab .right-pane .key .service_key,
.styles-editor .plugintab .right-pane .key .plugin-version-dropdown,
.logs-editor .plugintab .right-pane .key .service_key,
.logs-editor .plugintab .right-pane .key .plugin-version-dropdown,
.template-editor .plugintab .right-pane .key .service_key,
.template-editor .plugintab .right-pane .key .plugin-version-dropdown {
  float: right;
}
.data-editor .plugintab .right-pane .key .composer-image,
.plugin-editor .plugintab .right-pane .key .composer-image,
.settings-editor .plugintab .right-pane .key .composer-image,
.styles-editor .plugintab .right-pane .key .composer-image,
.logs-editor .plugintab .right-pane .key .composer-image,
.template-editor .plugintab .right-pane .key .composer-image {
  margin-right: 38px;
}
.data-editor .plugintab .right-pane .key input,
.plugin-editor .plugintab .right-pane .key input,
.settings-editor .plugintab .right-pane .key input,
.styles-editor .plugintab .right-pane .key input,
.logs-editor .plugintab .right-pane .key input,
.template-editor .plugintab .right-pane .key input {
  margin-left: 10px;
  width: 400px;
}
.data-editor .plugintab .right-pane .key textarea,
.plugin-editor .plugintab .right-pane .key textarea,
.settings-editor .plugintab .right-pane .key textarea,
.styles-editor .plugintab .right-pane .key textarea,
.logs-editor .plugintab .right-pane .key textarea,
.template-editor .plugintab .right-pane .key textarea {
  margin-top: 5px;
  width: 774px;
}
.data-editor .plugintab .right-pane .btn.plugin-edit-popup,
.plugin-editor .plugintab .right-pane .btn.plugin-edit-popup,
.settings-editor .plugintab .right-pane .btn.plugin-edit-popup,
.styles-editor .plugintab .right-pane .btn.plugin-edit-popup,
.logs-editor .plugintab .right-pane .btn.plugin-edit-popup,
.template-editor .plugintab .right-pane .btn.plugin-edit-popup {
  float: right;
  width: 300px;
  height: 30px;
  text-align: center;
  padding-top: 6px;
  border: 1px solid var(--b-border, #e6e6e6);
}
.data-editor .plugintab .right-pane .btn.enterprise-styling,
.plugin-editor .plugintab .right-pane .btn.enterprise-styling,
.settings-editor .plugintab .right-pane .btn.enterprise-styling,
.styles-editor .plugintab .right-pane .btn.enterprise-styling,
.logs-editor .plugintab .right-pane .btn.enterprise-styling,
.template-editor .plugintab .right-pane .btn.enterprise-styling {
  width: unset;
  padding-left: 4px;
  padding-right: 4px;
}
.data-editor .plugintab .left-pane,
.plugin-editor .plugintab .left-pane,
.settings-editor .plugintab .left-pane,
.styles-editor .plugintab .left-pane,
.logs-editor .plugintab .left-pane,
.template-editor .plugintab .left-pane {
  padding-bottom: 20px;
}
.data-editor .plugintab .left-pane img.plugin-icon,
.plugin-editor .plugintab .left-pane img.plugin-icon,
.settings-editor .plugintab .left-pane img.plugin-icon,
.styles-editor .plugintab .left-pane img.plugin-icon,
.logs-editor .plugintab .left-pane img.plugin-icon,
.template-editor .plugintab .left-pane img.plugin-icon {
  float: left;
  object-fit: contain;
  width: 25px;
  height: 25px;
  margin-top: -2px;
  margin-right: 20px;
}

.color-light-design.composer-color {
  padding-left: 2px !important;
}
.color-light-design.composer-color input {
  color: black !important;
}
.color-light-design.composer-color input.token-chosen {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.color-light-design.composer-color .color-swatch {
  outline: 1px solid rgb(245, 245, 245);
  border: none;
}
.color-light-design.composer-color .a-color-picker {
  background-color: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.color-light-design.composer-color .a-color-picker .hex-input {
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.color-light-design.composer-color .a-color-picker .hex-input .a-color-picker-preview {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.color-light-design.composer-color .a-color-picker .hex-input .a-color-picker-preview .a-color-picker-clipbaord {
  cursor: pointer !important;
}
.color-light-design.composer-color .a-color-picker .hex-input:focus-within {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.color-light-design.composer-color .a-color-picker .hex-input input[nameref=RGBHEX] {
  width: 100%;
  all: unset;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.color-light-design.composer-color .a-color-picker .alpha {
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.color-light-design.composer-color .a-color-picker .alpha:focus {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.color-light-design.composer-color .a-color-picker .alpha::placeholder {
  color: #899ea5 !important;
}
.color-light-design.composer-color .a-color-picker .palette-title .palette-title-text {
  color: black !important;
}
.color-light-design.composer-color .a-color-picker .palette-title .palette-title-link {
  color: #899ea5 !important;
}
.color-light-design.composer-color .a-color-picker .a-color-picker-palette-color {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.color-light-design.composer-color .a-color-picker .a-color-picker-palette-color:hover {
  border: 1px solid #f1f100 !important;
}
.color-light-design.composer-color .a-color-picker .a-color-picker-palette-color.token-chosen {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}

.settings-editor .settingstab,
.settings-editor .logstab,
.data-editor .settingstab,
.data-editor .logstab,
.logs-editor .settingstab,
.logs-editor .logstab,
.styles-editor .settingstab,
.styles-editor .logstab {
  clear: both;
  height: 100%;
  margin-top: 0px;
}
.settings-editor .component-checkbox,
.data-editor .component-checkbox,
.logs-editor .component-checkbox,
.styles-editor .component-checkbox {
  background: white !important;
}
.settings-editor .component-checkbox:hover,
.data-editor .component-checkbox:hover,
.logs-editor .component-checkbox:hover,
.styles-editor .component-checkbox:hover {
  background: white !important;
}
.settings-editor .tab-bar,
.data-editor .tab-bar,
.logs-editor .tab-bar,
.styles-editor .tab-bar {
  height: 32px;
  display: flex;
  column-gap: var(--b-spacing-lg);
  margin-bottom: 16px;
  border-bottom: 1px solid var(--b-border-default);
}
.settings-editor .tab-bar .tab-caption,
.data-editor .tab-bar .tab-caption,
.logs-editor .tab-bar .tab-caption,
.styles-editor .tab-bar .tab-caption {
  height: 32px;
  width: auto;
  padding: 8px 0;
  font-size: 14px;
  color: var(--b-txt-tertiary);
  float: left;
  text-align: center;
  cursor: pointer;
  background-color: var(--b-bg-primary);
  border-bottom: 1px solid var(--b-border-default);
}
@media screen and (max-width: 1200px) {
  .settings-editor .tab-bar .tab-caption,
  .data-editor .tab-bar .tab-caption,
  .logs-editor .tab-bar .tab-caption,
  .styles-editor .tab-bar .tab-caption {
    width: auto;
  }
}
.settings-editor .tab-bar .tab-caption:hover,
.data-editor .tab-bar .tab-caption:hover,
.logs-editor .tab-bar .tab-caption:hover,
.styles-editor .tab-bar .tab-caption:hover {
  background-color: var(--b-bg-primary);
  color: var(--b-bg-brand);
}
.settings-editor .tab-bar .tab-caption:last-child,
.data-editor .tab-bar .tab-caption:last-child,
.logs-editor .tab-bar .tab-caption:last-child,
.styles-editor .tab-bar .tab-caption:last-child {
  border-right: 1px solid var(--b-bg-primary);
}
.settings-editor .tab-bar .tab-caption.opened,
.data-editor .tab-bar .tab-caption.opened,
.logs-editor .tab-bar .tab-caption.opened,
.styles-editor .tab-bar .tab-caption.opened {
  padding: 8px 0;
  cursor: default;
  font-weight: 600;
  background-color: white;
  color: var(--b-bg-brand);
  border-bottom: 2px solid var(--b-bg-brand);
}
.settings-editor .tab-bar .tab-caption.opened:hover,
.data-editor .tab-bar .tab-caption.opened:hover,
.logs-editor .tab-bar .tab-caption.opened:hover,
.styles-editor .tab-bar .tab-caption.opened:hover {
  background-color: white;
}
.settings-editor .tab-panel-container .tab-panel.plan,
.data-editor .tab-panel-container .tab-panel.plan,
.logs-editor .tab-panel-container .tab-panel.plan,
.styles-editor .tab-panel-container .tab-panel.plan {
  max-width: 1312px;
}
.settings-editor .tab-panel-container.pop-subtabs,
.data-editor .tab-panel-container.pop-subtabs,
.logs-editor .tab-panel-container.pop-subtabs,
.styles-editor .tab-panel-container.pop-subtabs {
  padding: 0 20px 0 0;
  border-style: none;
  height: calc(100vh - 100px);
  width: calc(100vw - 100px);
}
.settings-editor .tab-panel-container.pop-subtabs .pop-subtabs-fill-space,
.data-editor .tab-panel-container.pop-subtabs .pop-subtabs-fill-space,
.logs-editor .tab-panel-container.pop-subtabs .pop-subtabs-fill-space,
.styles-editor .tab-panel-container.pop-subtabs .pop-subtabs-fill-space {
  display: flex;
  width: 100%;
  min-height: 96px;
}
.settings-editor .tab-panel-container,
.settings-editor .Styles.Variables,
.data-editor .tab-panel-container,
.data-editor .Styles.Variables,
.logs-editor .tab-panel-container,
.logs-editor .Styles.Variables,
.styles-editor .tab-panel-container,
.styles-editor .Styles.Variables {
  overflow-x: hidden;
  padding: 0 20px 30px 0;
  overflow-y: scroll;
  color: var(--b-txt-primary, #1a1a1a);
}
.settings-editor .tab-panel-container.Pop,
.settings-editor .Styles.Variables.Pop,
.data-editor .tab-panel-container.Pop,
.data-editor .Styles.Variables.Pop,
.logs-editor .tab-panel-container.Pop,
.logs-editor .Styles.Variables.Pop,
.styles-editor .tab-panel-container.Pop,
.styles-editor .Styles.Variables.Pop {
  height: 100%;
  border: none;
}
.settings-editor .tab-panel-container.Privacy, .settings-editor .tab-panel-container.Data.Types, .settings-editor .tab-panel-container.Option.Sets,
.settings-editor .Styles.Variables.Privacy,
.settings-editor .Styles.Variables.Data.Types,
.settings-editor .Styles.Variables.Option.Sets,
.data-editor .tab-panel-container.Privacy,
.data-editor .tab-panel-container.Data.Types,
.data-editor .tab-panel-container.Option.Sets,
.data-editor .Styles.Variables.Privacy,
.data-editor .Styles.Variables.Data.Types,
.data-editor .Styles.Variables.Option.Sets,
.logs-editor .tab-panel-container.Privacy,
.logs-editor .tab-panel-container.Data.Types,
.logs-editor .tab-panel-container.Option.Sets,
.logs-editor .Styles.Variables.Privacy,
.logs-editor .Styles.Variables.Data.Types,
.logs-editor .Styles.Variables.Option.Sets,
.styles-editor .tab-panel-container.Privacy,
.styles-editor .tab-panel-container.Data.Types,
.styles-editor .tab-panel-container.Option.Sets,
.styles-editor .Styles.Variables.Privacy,
.styles-editor .Styles.Variables.Data.Types,
.styles-editor .Styles.Variables.Option.Sets {
  padding: 0px 24px 0px 0px;
  overflow-y: hidden;
}
.settings-editor .tab-panel-container.App.Data, .settings-editor .tab-panel-container.FileManager,
.settings-editor .Styles.Variables.App.Data,
.settings-editor .Styles.Variables.FileManager,
.data-editor .tab-panel-container.App.Data,
.data-editor .tab-panel-container.FileManager,
.data-editor .Styles.Variables.App.Data,
.data-editor .Styles.Variables.FileManager,
.logs-editor .tab-panel-container.App.Data,
.logs-editor .tab-panel-container.FileManager,
.logs-editor .Styles.Variables.App.Data,
.logs-editor .Styles.Variables.FileManager,
.styles-editor .tab-panel-container.App.Data,
.styles-editor .tab-panel-container.FileManager,
.styles-editor .Styles.Variables.App.Data,
.styles-editor .Styles.Variables.FileManager {
  padding: 0 24px 0px 0px;
  overflow-y: hidden;
}
.settings-editor .tab-panel-container.Element.Styles,
.settings-editor .Styles.Variables.Element.Styles,
.data-editor .tab-panel-container.Element.Styles,
.data-editor .Styles.Variables.Element.Styles,
.logs-editor .tab-panel-container.Element.Styles,
.logs-editor .Styles.Variables.Element.Styles,
.styles-editor .tab-panel-container.Element.Styles,
.styles-editor .Styles.Variables.Element.Styles {
  padding-top: 25px;
  overflow-y: hidden;
  min-width: 850px;
}
.settings-editor .tab-panel-container.Element.Styles.Pop,
.settings-editor .Styles.Variables.Element.Styles.Pop,
.data-editor .tab-panel-container.Element.Styles.Pop,
.data-editor .Styles.Variables.Element.Styles.Pop,
.logs-editor .tab-panel-container.Element.Styles.Pop,
.logs-editor .Styles.Variables.Element.Styles.Pop,
.styles-editor .tab-panel-container.Element.Styles.Pop,
.styles-editor .Styles.Variables.Element.Styles.Pop {
  height: 100%;
  padding-top: 0;
  border: none;
}
.settings-editor .tab-panel-container .tab-panel.style.variables.pop,
.settings-editor .Styles.Variables .tab-panel.style.variables.pop,
.data-editor .tab-panel-container .tab-panel.style.variables.pop,
.data-editor .Styles.Variables .tab-panel.style.variables.pop,
.logs-editor .tab-panel-container .tab-panel.style.variables.pop,
.logs-editor .Styles.Variables .tab-panel.style.variables.pop,
.styles-editor .tab-panel-container .tab-panel.style.variables.pop,
.styles-editor .Styles.Variables .tab-panel.style.variables.pop {
  width: 100%;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper {
  padding-top: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper {
  align-items: center;
  margin-bottom: 10px;
  margin-right: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-color,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .composer-dropdown {
  margin-right: 25px !important;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit {
  display: flex;
  flex-direction: row;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-name-and-edit .modify-btn {
  margin-left: 8px;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete {
  display: flex;
  flex-direction: row;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .token-wrapper .token-composer-and-delete .delete-btn {
  align-self: center;
  margin-left: -13px;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .font-dropdown {
  margin-right: 30px;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.settings-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.data-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.data-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.logs-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.logs-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.styles-editor .tab-panel-container .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker,
.styles-editor .Styles.Variables .tab-panel.style.variables .tokens-editor-wrapper .color-token-picker {
  width: 110px;
  background-color: white;
  margin-right: 30px;
  justify-content: space-between;
  padding-right: 2px;
  padding-left: 12px !important;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .style-variables-section-title,
.settings-editor .Styles.Variables .tab-panel.style.variables .style-variables-section-title,
.data-editor .tab-panel-container .tab-panel.style.variables .style-variables-section-title,
.data-editor .Styles.Variables .tab-panel.style.variables .style-variables-section-title,
.logs-editor .tab-panel-container .tab-panel.style.variables .style-variables-section-title,
.logs-editor .Styles.Variables .tab-panel.style.variables .style-variables-section-title,
.styles-editor .tab-panel-container .tab-panel.style.variables .style-variables-section-title,
.styles-editor .Styles.Variables .tab-panel.style.variables .style-variables-section-title {
  font-size: 18px !important;
  margin-top: 24px !important;
  margin-bottom: 0px !important;
  line-height: 28px;
  padding-bottom: 10px !important;
  font-weight: 600 !important;
}
.settings-editor .tab-panel-container .tab-panel.style.variables .style-section-subtext,
.settings-editor .Styles.Variables .tab-panel.style.variables .style-section-subtext,
.data-editor .tab-panel-container .tab-panel.style.variables .style-section-subtext,
.data-editor .Styles.Variables .tab-panel.style.variables .style-section-subtext,
.logs-editor .tab-panel-container .tab-panel.style.variables .style-section-subtext,
.logs-editor .Styles.Variables .tab-panel.style.variables .style-section-subtext,
.styles-editor .tab-panel-container .tab-panel.style.variables .style-section-subtext,
.styles-editor .Styles.Variables .tab-panel.style.variables .style-section-subtext {
  line-height: 30px;
}
.settings-editor .tab-scrollable-panel,
.data-editor .tab-scrollable-panel,
.logs-editor .tab-scrollable-panel,
.styles-editor .tab-scrollable-panel {
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  width: 100%;
}
.settings-editor .tab-panel .free-plan-upgrade-banner-container,
.data-editor .tab-panel .free-plan-upgrade-banner-container,
.logs-editor .tab-panel .free-plan-upgrade-banner-container,
.styles-editor .tab-panel .free-plan-upgrade-banner-container {
  width: 100%;
}
.settings-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner,
.data-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner,
.logs-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner,
.styles-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner {
  display: inline-block;
  height: 172px;
  width: 100%;
  overflow: hidden;
  margin-top: 16px;
  background-color: var(--b-bg-success1);
  border-radius: 4px;
  text-decoration: none;
}
.settings-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner .free-plan-upgrade-banner-image,
.data-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner .free-plan-upgrade-banner-image,
.logs-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner .free-plan-upgrade-banner-image,
.styles-editor .tab-panel .free-plan-upgrade-banner-container .free-plan-upgrade-banner .free-plan-upgrade-banner-image {
  height: 172px;
}
.settings-editor .tab-panel.general .status-bar-color-caption,
.settings-editor .tab-panel.general .explanation,
.settings-editor .tab-panel.general .add-font-box,
.settings-editor .tab-panel.general .added-fonts-list,
.settings-editor .tab-panel.general .temp_pw_page_redirect,
.settings-editor .tab-panel.general .status-bar-color,
.data-editor .tab-panel.general .status-bar-color-caption,
.data-editor .tab-panel.general .explanation,
.data-editor .tab-panel.general .add-font-box,
.data-editor .tab-panel.general .added-fonts-list,
.data-editor .tab-panel.general .temp_pw_page_redirect,
.data-editor .tab-panel.general .status-bar-color,
.logs-editor .tab-panel.general .status-bar-color-caption,
.logs-editor .tab-panel.general .explanation,
.logs-editor .tab-panel.general .add-font-box,
.logs-editor .tab-panel.general .added-fonts-list,
.logs-editor .tab-panel.general .temp_pw_page_redirect,
.logs-editor .tab-panel.general .status-bar-color,
.styles-editor .tab-panel.general .status-bar-color-caption,
.styles-editor .tab-panel.general .explanation,
.styles-editor .tab-panel.general .add-font-box,
.styles-editor .tab-panel.general .added-fonts-list,
.styles-editor .tab-panel.general .temp_pw_page_redirect,
.styles-editor .tab-panel.general .status-bar-color {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.general .have-pw-policy,
.data-editor .tab-panel.general .have-pw-policy,
.logs-editor .tab-panel.general .have-pw-policy,
.styles-editor .tab-panel.general .have-pw-policy {
  float: left;
  clear: left;
}
.settings-editor .tab-panel.general .domains-caption,
.data-editor .tab-panel.general .domains-caption,
.logs-editor .tab-panel.general .domains-caption,
.styles-editor .tab-panel.general .domains-caption {
  width: 150px;
  margin-top: 5px;
}
.settings-editor .tab-panel.general .domains-list,
.data-editor .tab-panel.general .domains-list,
.logs-editor .tab-panel.general .domains-list,
.styles-editor .tab-panel.general .domains-list {
  width: 270px;
}
.settings-editor .tab-panel.general .favicon-settings-container,
.data-editor .tab-panel.general .favicon-settings-container,
.logs-editor .tab-panel.general .favicon-settings-container,
.styles-editor .tab-panel.general .favicon-settings-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings-editor .tab-panel.general .favicon-caption,
.data-editor .tab-panel.general .favicon-caption,
.logs-editor .tab-panel.general .favicon-caption,
.styles-editor .tab-panel.general .favicon-caption {
  width: 150px;
}
.settings-editor .tab-panel.general .favicon-uploader,
.data-editor .tab-panel.general .favicon-uploader,
.logs-editor .tab-panel.general .favicon-uploader,
.styles-editor .tab-panel.general .favicon-uploader {
  margin-right: 30px;
}
.settings-editor .tab-panel.general input.NumberBox,
.data-editor .tab-panel.general input.NumberBox,
.logs-editor .tab-panel.general input.NumberBox,
.styles-editor .tab-panel.general input.NumberBox {
  width: 45px !important;
}
.settings-editor .tab-panel.general input.NumberBox,
.settings-editor .tab-panel.general .composer-checkbox,
.data-editor .tab-panel.general input.NumberBox,
.data-editor .tab-panel.general .composer-checkbox,
.logs-editor .tab-panel.general input.NumberBox,
.logs-editor .tab-panel.general .composer-checkbox,
.styles-editor .tab-panel.general input.NumberBox,
.styles-editor .tab-panel.general .composer-checkbox {
  clear: none;
}
.settings-editor .tab-panel.general .caption,
.data-editor .tab-panel.general .caption,
.logs-editor .tab-panel.general .caption,
.styles-editor .tab-panel.general .caption {
  margin-left: 0px !important;
}
.settings-editor .tab-panel.general .pw-policy-container,
.data-editor .tab-panel.general .pw-policy-container,
.logs-editor .tab-panel.general .pw-policy-container,
.styles-editor .tab-panel.general .pw-policy-container {
  margin-bottom: 6px;
}
.settings-editor .tab-panel.general .pw-policy-container,
.settings-editor .tab-panel.general .sub-wrap,
.data-editor .tab-panel.general .pw-policy-container,
.data-editor .tab-panel.general .sub-wrap,
.logs-editor .tab-panel.general .pw-policy-container,
.logs-editor .tab-panel.general .sub-wrap,
.styles-editor .tab-panel.general .pw-policy-container,
.styles-editor .tab-panel.general .sub-wrap {
  width: 330px;
  float: right;
  clear: both;
}
.settings-editor .tab-panel.general .sub-wrap .caption,
.data-editor .tab-panel.general .sub-wrap .caption,
.logs-editor .tab-panel.general .sub-wrap .caption,
.styles-editor .tab-panel.general .sub-wrap .caption {
  clear: none;
}
.settings-editor .tab-panel.general .app-is-open-wrapper,
.settings-editor .tab-panel.general .pw-protection-wrapper,
.data-editor .tab-panel.general .app-is-open-wrapper,
.data-editor .tab-panel.general .pw-protection-wrapper,
.logs-editor .tab-panel.general .app-is-open-wrapper,
.logs-editor .tab-panel.general .pw-protection-wrapper,
.styles-editor .tab-panel.general .app-is-open-wrapper,
.styles-editor .tab-panel.general .pw-protection-wrapper {
  float: left;
  width: 100%;
}
.settings-editor .tab-panel.general .app-is-open-wrapper a,
.settings-editor .tab-panel.general .pw-protection-wrapper a,
.data-editor .tab-panel.general .app-is-open-wrapper a,
.data-editor .tab-panel.general .pw-protection-wrapper a,
.logs-editor .tab-panel.general .app-is-open-wrapper a,
.logs-editor .tab-panel.general .pw-protection-wrapper a,
.styles-editor .tab-panel.general .app-is-open-wrapper a,
.styles-editor .tab-panel.general .pw-protection-wrapper a {
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.general .external-link-color a,
.data-editor .tab-panel.general .external-link-color a,
.logs-editor .tab-panel.general .external-link-color a,
.styles-editor .tab-panel.general .external-link-color a {
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.general .pw-protection-wrapper .explanation,
.data-editor .tab-panel.general .pw-protection-wrapper .explanation,
.logs-editor .tab-panel.general .pw-protection-wrapper .explanation,
.styles-editor .tab-panel.general .pw-protection-wrapper .explanation {
  margin-top: 10px;
}
.settings-editor .tab-panel.general .field.have-policy,
.settings-editor .tab-panel.general .field.app-is-open,
.settings-editor .tab-panel.general .field.pw-protection-wrapper,
.data-editor .tab-panel.general .field.have-policy,
.data-editor .tab-panel.general .field.app-is-open,
.data-editor .tab-panel.general .field.pw-protection-wrapper,
.logs-editor .tab-panel.general .field.have-policy,
.logs-editor .tab-panel.general .field.app-is-open,
.logs-editor .tab-panel.general .field.pw-protection-wrapper,
.styles-editor .tab-panel.general .field.have-policy,
.styles-editor .tab-panel.general .field.app-is-open,
.styles-editor .tab-panel.general .field.pw-protection-wrapper {
  float: right;
}
.settings-editor .tab-panel.general .have-pw-policy.caption,
.data-editor .tab-panel.general .have-pw-policy.caption,
.logs-editor .tab-panel.general .have-pw-policy.caption,
.styles-editor .tab-panel.general .have-pw-policy.caption {
  width: 514px;
}
.settings-editor .tab-panel.general .temp_pw_page_redirect.field,
.data-editor .tab-panel.general .temp_pw_page_redirect.field,
.logs-editor .tab-panel.general .temp_pw_page_redirect.field,
.styles-editor .tab-panel.general .temp_pw_page_redirect.field {
  clear: none;
}
.settings-editor .tab-panel.general .apikeys-wrapper,
.data-editor .tab-panel.general .apikeys-wrapper,
.logs-editor .tab-panel.general .apikeys-wrapper,
.styles-editor .tab-panel.general .apikeys-wrapper {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.settings-editor .tab-panel.general .apikeys-wrapper a.general-api-doc,
.data-editor .tab-panel.general .apikeys-wrapper a.general-api-doc,
.logs-editor .tab-panel.general .apikeys-wrapper a.general-api-doc,
.styles-editor .tab-panel.general .apikeys-wrapper a.general-api-doc {
  float: left;
  margin-top: 16px;
  margin-left: 20px;
}
.settings-editor .tab-panel.general .apikeys-wrapper .explanation,
.data-editor .tab-panel.general .apikeys-wrapper .explanation,
.logs-editor .tab-panel.general .apikeys-wrapper .explanation,
.styles-editor .tab-panel.general .apikeys-wrapper .explanation {
  margin-top: 12px;
}
.settings-editor .tab-panel.general .status-bar-color-caption,
.data-editor .tab-panel.general .status-bar-color-caption,
.logs-editor .tab-panel.general .status-bar-color-caption,
.styles-editor .tab-panel.general .status-bar-color-caption {
  margin-top: 20px;
  margin-top: 23px;
  margin-bottom: 0px;
}
.settings-editor .tab-panel.general .status-bar-color.field,
.data-editor .tab-panel.general .status-bar-color.field,
.logs-editor .tab-panel.general .status-bar-color.field,
.styles-editor .tab-panel.general .status-bar-color.field {
  float: right;
  margin-top: -28px;
  color: var(--b-txt-primary, #1a1a1a) !important;
  margin-bottom: 2px;
  background: transparent !important;
}
.settings-editor .tab-panel.general .status-bar-color.field input,
.data-editor .tab-panel.general .status-bar-color.field input,
.logs-editor .tab-panel.general .status-bar-color.field input,
.styles-editor .tab-panel.general .status-bar-color.field input {
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.settings-editor .tab-panel.general .status-bar-color.field:hover, .settings-editor .tab-panel.general .status-bar-color.field.selected,
.data-editor .tab-panel.general .status-bar-color.field:hover,
.data-editor .tab-panel.general .status-bar-color.field.selected,
.logs-editor .tab-panel.general .status-bar-color.field:hover,
.logs-editor .tab-panel.general .status-bar-color.field.selected,
.styles-editor .tab-panel.general .status-bar-color.field:hover,
.styles-editor .tab-panel.general .status-bar-color.field.selected {
  background: white !important;
}
.settings-editor .tab-panel.general .status-bar-color.field.selected,
.data-editor .tab-panel.general .status-bar-color.field.selected,
.logs-editor .tab-panel.general .status-bar-color.field.selected,
.styles-editor .tab-panel.general .status-bar-color.field.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.general .added-fonts-list,
.data-editor .tab-panel.general .added-fonts-list,
.logs-editor .tab-panel.general .added-fonts-list,
.styles-editor .tab-panel.general .added-fonts-list {
  width: 400px;
  margin-bottom: -5px;
  margin-top: 10px;
}
.settings-editor .tab-panel.general .added-fonts-list .font-row,
.data-editor .tab-panel.general .added-fonts-list .font-row,
.logs-editor .tab-panel.general .added-fonts-list .font-row,
.styles-editor .tab-panel.general .added-fonts-list .font-row {
  margin-bottom: 8px;
  float: left;
  clear: both;
  width: 100%;
}
.settings-editor .tab-panel.general .added-fonts-list .font-name,
.data-editor .tab-panel.general .added-fonts-list .font-name,
.logs-editor .tab-panel.general .added-fonts-list .font-name,
.styles-editor .tab-panel.general .added-fonts-list .font-name {
  float: left;
}
.settings-editor .tab-panel.general .added-fonts-list .remove-font,
.data-editor .tab-panel.general .added-fonts-list .remove-font,
.logs-editor .tab-panel.general .added-fonts-list .remove-font,
.styles-editor .tab-panel.general .added-fonts-list .remove-font {
  float: right;
}
.settings-editor .tab-panel.general .add-font-box,
.data-editor .tab-panel.general .add-font-box,
.logs-editor .tab-panel.general .add-font-box,
.styles-editor .tab-panel.general .add-font-box {
  width: 850px !important;
}
.settings-editor .tab-panel.general .add-font-box input,
.data-editor .tab-panel.general .add-font-box input,
.logs-editor .tab-panel.general .add-font-box input,
.styles-editor .tab-panel.general .add-font-box input {
  margin-left: 20px !important;
}
.settings-editor .tab-panel.general .add-font-box .caption.css-file,
.data-editor .tab-panel.general .add-font-box .caption.css-file,
.logs-editor .tab-panel.general .add-font-box .caption.css-file,
.styles-editor .tab-panel.general .add-font-box .caption.css-file {
  clear: none;
  margin-left: 30px !important;
}
.settings-editor .tab-panel.general .add-font-box .font-css,
.data-editor .tab-panel.general .add-font-box .font-css,
.logs-editor .tab-panel.general .add-font-box .font-css,
.styles-editor .tab-panel.general .add-font-box .font-css {
  width: 290px;
}
.settings-editor .tab-panel.general .add-font-box .add-font-btn,
.data-editor .tab-panel.general .add-font-box .add-font-btn,
.logs-editor .tab-panel.general .add-font-box .add-font-btn,
.styles-editor .tab-panel.general .add-font-box .add-font-btn {
  float: left;
  margin-left: 30px;
}
.settings-editor .tab-panel.general .explanation.custom-fonts,
.data-editor .tab-panel.general .explanation.custom-fonts,
.logs-editor .tab-panel.general .explanation.custom-fonts,
.styles-editor .tab-panel.general .explanation.custom-fonts {
  margin-bottom: 20px;
}
.settings-editor .tab-panel.general .explanation.palette-link,
.data-editor .tab-panel.general .explanation.palette-link,
.logs-editor .tab-panel.general .explanation.palette-link,
.styles-editor .tab-panel.general .explanation.palette-link {
  cursor: pointer;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.general .explanation.mfa,
.data-editor .tab-panel.general .explanation.mfa,
.logs-editor .tab-panel.general .explanation.mfa,
.styles-editor .tab-panel.general .explanation.mfa {
  margin-top: 12px;
}
.settings-editor .tab-panel.general .color-palette-wrapper,
.data-editor .tab-panel.general .color-palette-wrapper,
.logs-editor .tab-panel.general .color-palette-wrapper,
.styles-editor .tab-panel.general .color-palette-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.settings-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper,
.settings-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.data-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper,
.data-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.logs-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper,
.logs-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.styles-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper,
.styles-editor .tab-panel.general .color-palette-wrapper .reset-btn {
  float: left;
  margin-left: 20px;
}
.settings-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper:first-child,
.settings-editor .tab-panel.general .color-palette-wrapper .reset-btn:first-child,
.data-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper:first-child,
.data-editor .tab-panel.general .color-palette-wrapper .reset-btn:first-child,
.logs-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper:first-child,
.logs-editor .tab-panel.general .color-palette-wrapper .reset-btn:first-child,
.styles-editor .tab-panel.general .color-palette-wrapper .color-sub-wrapper:first-child,
.styles-editor .tab-panel.general .color-palette-wrapper .reset-btn:first-child {
  margin-left: 0px;
}
.settings-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.data-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.logs-editor .tab-panel.general .color-palette-wrapper .reset-btn,
.styles-editor .tab-panel.general .color-palette-wrapper .reset-btn {
  cursor: pointer;
  margin-top: 8px;
}
.settings-editor .tab-panel.general .advanced-options-wrapper .subwrapper,
.data-editor .tab-panel.general .advanced-options-wrapper .subwrapper,
.logs-editor .tab-panel.general .advanced-options-wrapper .subwrapper,
.styles-editor .tab-panel.general .advanced-options-wrapper .subwrapper {
  margin-left: 20px;
}
.settings-editor .tab-panel.general .generate-page-wrapper .subwrapper,
.data-editor .tab-panel.general .generate-page-wrapper .subwrapper,
.logs-editor .tab-panel.general .generate-page-wrapper .subwrapper,
.styles-editor .tab-panel.general .generate-page-wrapper .subwrapper {
  margin-left: 20px;
}
.settings-editor .tab-panel.general .mobile-subtab-link,
.data-editor .tab-panel.general .mobile-subtab-link,
.logs-editor .tab-panel.general .mobile-subtab-link,
.styles-editor .tab-panel.general .mobile-subtab-link {
  cursor: pointer;
  color: #0c29ab;
}
.settings-editor .tab-panel.general .mobile-subtab-link:hover,
.data-editor .tab-panel.general .mobile-subtab-link:hover,
.logs-editor .tab-panel.general .mobile-subtab-link:hover,
.styles-editor .tab-panel.general .mobile-subtab-link:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.buildsandliveversions .vertical-divider,
.data-editor .tab-panel.buildsandliveversions .vertical-divider,
.logs-editor .tab-panel.buildsandliveversions .vertical-divider,
.styles-editor .tab-panel.buildsandliveversions .vertical-divider {
  box-sizing: border-box;
  background-color: var(--b-bg-tertiary);
  height: 18px;
  width: 1px;
  max-width: 1px;
  min-width: 1px;
  margin: 0 8px;
}
.settings-editor .tab-panel.buildsandliveversions .upgrade-button,
.data-editor .tab-panel.buildsandliveversions .upgrade-button,
.logs-editor .tab-panel.buildsandliveversions .upgrade-button,
.styles-editor .tab-panel.buildsandliveversions .upgrade-button {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  padding: 0;
  color: var(--b-txt-brand);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.settings-editor .tab-panel.buildsandliveversions .upgrade-button:hover,
.data-editor .tab-panel.buildsandliveversions .upgrade-button:hover,
.logs-editor .tab-panel.buildsandliveversions .upgrade-button:hover,
.styles-editor .tab-panel.buildsandliveversions .upgrade-button:hover {
  border-bottom-color: var(--b-border-brand);
}
.settings-editor .tab-panel.mobile .header-container,
.settings-editor .tab-panel.basicdetails .header-container,
.data-editor .tab-panel.mobile .header-container,
.data-editor .tab-panel.basicdetails .header-container,
.logs-editor .tab-panel.mobile .header-container,
.logs-editor .tab-panel.basicdetails .header-container,
.styles-editor .tab-panel.mobile .header-container,
.styles-editor .tab-panel.basicdetails .header-container {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 10px;
}
.settings-editor .tab-panel.mobile .header-container .meta-tag-section-title,
.settings-editor .tab-panel.basicdetails .header-container .meta-tag-section-title,
.data-editor .tab-panel.mobile .header-container .meta-tag-section-title,
.data-editor .tab-panel.basicdetails .header-container .meta-tag-section-title,
.logs-editor .tab-panel.mobile .header-container .meta-tag-section-title,
.logs-editor .tab-panel.basicdetails .header-container .meta-tag-section-title,
.styles-editor .tab-panel.mobile .header-container .meta-tag-section-title,
.styles-editor .tab-panel.basicdetails .header-container .meta-tag-section-title {
  width: fit-content;
  margin: 0 !important;
}
.settings-editor .tab-panel.mobile .empty-builds-container,
.settings-editor .tab-panel.basicdetails .empty-builds-container,
.data-editor .tab-panel.mobile .empty-builds-container,
.data-editor .tab-panel.basicdetails .empty-builds-container,
.logs-editor .tab-panel.mobile .empty-builds-container,
.logs-editor .tab-panel.basicdetails .empty-builds-container,
.styles-editor .tab-panel.mobile .empty-builds-container,
.styles-editor .tab-panel.basicdetails .empty-builds-container {
  display: flex;
  flex-direction: column;
  float: left;
  width: 100%;
  height: 116px;
  background-color: #fcfcfc;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.settings-editor .tab-panel.mobile .meta-tag-section-subtitle,
.settings-editor .tab-panel.basicdetails .meta-tag-section-subtitle,
.data-editor .tab-panel.mobile .meta-tag-section-subtitle,
.data-editor .tab-panel.basicdetails .meta-tag-section-subtitle,
.logs-editor .tab-panel.mobile .meta-tag-section-subtitle,
.logs-editor .tab-panel.basicdetails .meta-tag-section-subtitle,
.styles-editor .tab-panel.mobile .meta-tag-section-subtitle,
.styles-editor .tab-panel.basicdetails .meta-tag-section-subtitle {
  font-size: 14px;
  margin-bottom: 4px !important;
  margin-top: 16px;
  line-height: 32px;
  font-weight: 600;
  color: #000000;
}
.settings-editor .tab-panel.mobile .pop-subtabs-fill-space,
.settings-editor .tab-panel.basicdetails .pop-subtabs-fill-space,
.data-editor .tab-panel.mobile .pop-subtabs-fill-space,
.data-editor .tab-panel.basicdetails .pop-subtabs-fill-space,
.logs-editor .tab-panel.mobile .pop-subtabs-fill-space,
.logs-editor .tab-panel.basicdetails .pop-subtabs-fill-space,
.styles-editor .tab-panel.mobile .pop-subtabs-fill-space,
.styles-editor .tab-panel.basicdetails .pop-subtabs-fill-space {
  min-height: 120px;
}
.settings-editor .tab-panel.language textarea.texts,
.settings-editor .tab-panel.language input.sendgrid-key,
.settings-editor .tab-panel.language input.sendgrid-template,
.settings-editor .tab-panel.language .field.general-api,
.data-editor .tab-panel.language textarea.texts,
.data-editor .tab-panel.language input.sendgrid-key,
.data-editor .tab-panel.language input.sendgrid-template,
.data-editor .tab-panel.language .field.general-api,
.logs-editor .tab-panel.language textarea.texts,
.logs-editor .tab-panel.language input.sendgrid-key,
.logs-editor .tab-panel.language input.sendgrid-template,
.logs-editor .tab-panel.language .field.general-api,
.styles-editor .tab-panel.language textarea.texts,
.styles-editor .tab-panel.language input.sendgrid-key,
.styles-editor .tab-panel.language input.sendgrid-template,
.styles-editor .tab-panel.language .field.general-api {
  min-width: 40%;
}
.settings-editor .tab-panel.language .inner-general,
.data-editor .tab-panel.language .inner-general,
.logs-editor .tab-panel.language .inner-general,
.styles-editor .tab-panel.language .inner-general {
  width: 100%;
}
.settings-editor .tab-panel.api .name-container,
.data-editor .tab-panel.api .name-container,
.logs-editor .tab-panel.api .name-container,
.styles-editor .tab-panel.api .name-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.settings-editor .tab-panel.metatags textarea.texts,
.settings-editor .tab-panel.metatags input.sendgrid-key,
.settings-editor .tab-panel.metatags input.sendgrid-template,
.settings-editor .tab-panel.metatags .field.general-api,
.settings-editor .tab-panel.domain textarea.texts,
.settings-editor .tab-panel.domain input.sendgrid-key,
.settings-editor .tab-panel.domain input.sendgrid-template,
.settings-editor .tab-panel.domain .field.general-api,
.settings-editor .tab-panel.general textarea.texts,
.settings-editor .tab-panel.general input.sendgrid-key,
.settings-editor .tab-panel.general input.sendgrid-template,
.settings-editor .tab-panel.general .field.general-api,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile textarea.texts,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-key,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-template,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .field.general-api,
.data-editor .tab-panel.metatags textarea.texts,
.data-editor .tab-panel.metatags input.sendgrid-key,
.data-editor .tab-panel.metatags input.sendgrid-template,
.data-editor .tab-panel.metatags .field.general-api,
.data-editor .tab-panel.domain textarea.texts,
.data-editor .tab-panel.domain input.sendgrid-key,
.data-editor .tab-panel.domain input.sendgrid-template,
.data-editor .tab-panel.domain .field.general-api,
.data-editor .tab-panel.general textarea.texts,
.data-editor .tab-panel.general input.sendgrid-key,
.data-editor .tab-panel.general input.sendgrid-template,
.data-editor .tab-panel.general .field.general-api,
.data-editor .tab-panel.basicdetails .tab-panel.mobile textarea.texts,
.data-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-key,
.data-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-template,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .field.general-api,
.logs-editor .tab-panel.metatags textarea.texts,
.logs-editor .tab-panel.metatags input.sendgrid-key,
.logs-editor .tab-panel.metatags input.sendgrid-template,
.logs-editor .tab-panel.metatags .field.general-api,
.logs-editor .tab-panel.domain textarea.texts,
.logs-editor .tab-panel.domain input.sendgrid-key,
.logs-editor .tab-panel.domain input.sendgrid-template,
.logs-editor .tab-panel.domain .field.general-api,
.logs-editor .tab-panel.general textarea.texts,
.logs-editor .tab-panel.general input.sendgrid-key,
.logs-editor .tab-panel.general input.sendgrid-template,
.logs-editor .tab-panel.general .field.general-api,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile textarea.texts,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-key,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-template,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .field.general-api,
.styles-editor .tab-panel.metatags textarea.texts,
.styles-editor .tab-panel.metatags input.sendgrid-key,
.styles-editor .tab-panel.metatags input.sendgrid-template,
.styles-editor .tab-panel.metatags .field.general-api,
.styles-editor .tab-panel.domain textarea.texts,
.styles-editor .tab-panel.domain input.sendgrid-key,
.styles-editor .tab-panel.domain input.sendgrid-template,
.styles-editor .tab-panel.domain .field.general-api,
.styles-editor .tab-panel.general textarea.texts,
.styles-editor .tab-panel.general input.sendgrid-key,
.styles-editor .tab-panel.general input.sendgrid-template,
.styles-editor .tab-panel.general .field.general-api,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile textarea.texts,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-key,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile input.sendgrid-template,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .field.general-api {
  width: 600px;
}
.settings-editor .tab-panel.api .discourse.field,
.settings-editor .tab-panel.api input,
.settings-editor .tab-panel.api textarea,
.settings-editor .tab-panel.metatags .discourse.field,
.settings-editor .tab-panel.metatags input,
.settings-editor .tab-panel.metatags textarea,
.settings-editor .tab-panel.language .discourse.field,
.settings-editor .tab-panel.language input,
.settings-editor .tab-panel.language textarea,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .discourse.field,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile input,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile textarea,
.data-editor .tab-panel.api .discourse.field,
.data-editor .tab-panel.api input,
.data-editor .tab-panel.api textarea,
.data-editor .tab-panel.metatags .discourse.field,
.data-editor .tab-panel.metatags input,
.data-editor .tab-panel.metatags textarea,
.data-editor .tab-panel.language .discourse.field,
.data-editor .tab-panel.language input,
.data-editor .tab-panel.language textarea,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .discourse.field,
.data-editor .tab-panel.basicdetails .tab-panel.mobile input,
.data-editor .tab-panel.basicdetails .tab-panel.mobile textarea,
.logs-editor .tab-panel.api .discourse.field,
.logs-editor .tab-panel.api input,
.logs-editor .tab-panel.api textarea,
.logs-editor .tab-panel.metatags .discourse.field,
.logs-editor .tab-panel.metatags input,
.logs-editor .tab-panel.metatags textarea,
.logs-editor .tab-panel.language .discourse.field,
.logs-editor .tab-panel.language input,
.logs-editor .tab-panel.language textarea,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .discourse.field,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile input,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile textarea,
.styles-editor .tab-panel.api .discourse.field,
.styles-editor .tab-panel.api input,
.styles-editor .tab-panel.api textarea,
.styles-editor .tab-panel.metatags .discourse.field,
.styles-editor .tab-panel.metatags input,
.styles-editor .tab-panel.metatags textarea,
.styles-editor .tab-panel.language .discourse.field,
.styles-editor .tab-panel.language input,
.styles-editor .tab-panel.language textarea,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .discourse.field,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile input,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile textarea {
  width: 380px;
}
.settings-editor .tab-panel.api .modal-popup.add-new-popup .caption,
.settings-editor .tab-panel.metatags .modal-popup.add-new-popup .caption,
.settings-editor .tab-panel.language .modal-popup.add-new-popup .caption,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .caption,
.data-editor .tab-panel.api .modal-popup.add-new-popup .caption,
.data-editor .tab-panel.metatags .modal-popup.add-new-popup .caption,
.data-editor .tab-panel.language .modal-popup.add-new-popup .caption,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .caption,
.logs-editor .tab-panel.api .modal-popup.add-new-popup .caption,
.logs-editor .tab-panel.metatags .modal-popup.add-new-popup .caption,
.logs-editor .tab-panel.language .modal-popup.add-new-popup .caption,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .caption,
.styles-editor .tab-panel.api .modal-popup.add-new-popup .caption,
.styles-editor .tab-panel.metatags .modal-popup.add-new-popup .caption,
.styles-editor .tab-panel.language .modal-popup.add-new-popup .caption,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .caption {
  margin-top: 9px;
}
.settings-editor .tab-panel.api .modal-popup.add-new-popup .field,
.settings-editor .tab-panel.metatags .modal-popup.add-new-popup .field,
.settings-editor .tab-panel.language .modal-popup.add-new-popup .field,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .field,
.data-editor .tab-panel.api .modal-popup.add-new-popup .field,
.data-editor .tab-panel.metatags .modal-popup.add-new-popup .field,
.data-editor .tab-panel.language .modal-popup.add-new-popup .field,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .field,
.logs-editor .tab-panel.api .modal-popup.add-new-popup .field,
.logs-editor .tab-panel.metatags .modal-popup.add-new-popup .field,
.logs-editor .tab-panel.language .modal-popup.add-new-popup .field,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .field,
.styles-editor .tab-panel.api .modal-popup.add-new-popup .field,
.styles-editor .tab-panel.metatags .modal-popup.add-new-popup .field,
.styles-editor .tab-panel.language .modal-popup.add-new-popup .field,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.add-new-popup .field {
  margin-top: 0px;
}
.settings-editor .tab-panel.api .modal-popup.new-folder .btn,
.settings-editor .tab-panel.metatags .modal-popup.new-folder .btn,
.settings-editor .tab-panel.language .modal-popup.new-folder .btn,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder .btn,
.data-editor .tab-panel.api .modal-popup.new-folder .btn,
.data-editor .tab-panel.metatags .modal-popup.new-folder .btn,
.data-editor .tab-panel.language .modal-popup.new-folder .btn,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder .btn,
.logs-editor .tab-panel.api .modal-popup.new-folder .btn,
.logs-editor .tab-panel.metatags .modal-popup.new-folder .btn,
.logs-editor .tab-panel.language .modal-popup.new-folder .btn,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder .btn,
.styles-editor .tab-panel.api .modal-popup.new-folder .btn,
.styles-editor .tab-panel.metatags .modal-popup.new-folder .btn,
.styles-editor .tab-panel.language .modal-popup.new-folder .btn,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder .btn {
  margin-top: 25px;
}
.settings-editor .tab-panel.api .modal-popup.new-folder input,
.settings-editor .tab-panel.metatags .modal-popup.new-folder input,
.settings-editor .tab-panel.language .modal-popup.new-folder input,
.settings-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder input,
.data-editor .tab-panel.api .modal-popup.new-folder input,
.data-editor .tab-panel.metatags .modal-popup.new-folder input,
.data-editor .tab-panel.language .modal-popup.new-folder input,
.data-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder input,
.logs-editor .tab-panel.api .modal-popup.new-folder input,
.logs-editor .tab-panel.metatags .modal-popup.new-folder input,
.logs-editor .tab-panel.language .modal-popup.new-folder input,
.logs-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder input,
.styles-editor .tab-panel.api .modal-popup.new-folder input,
.styles-editor .tab-panel.metatags .modal-popup.new-folder input,
.styles-editor .tab-panel.language .modal-popup.new-folder input,
.styles-editor .tab-panel.basicdetails .tab-panel.mobile .modal-popup.new-folder input {
  width: auto;
}
.settings-editor .tab-panel.metatags .app-language.caption,
.settings-editor .tab-panel.language .app-language.caption,
.settings-editor .tab-panel.mobile .app-language.caption,
.settings-editor .tab-panel.basicdetails .app-language.caption,
.data-editor .tab-panel.metatags .app-language.caption,
.data-editor .tab-panel.language .app-language.caption,
.data-editor .tab-panel.mobile .app-language.caption,
.data-editor .tab-panel.basicdetails .app-language.caption,
.logs-editor .tab-panel.metatags .app-language.caption,
.logs-editor .tab-panel.language .app-language.caption,
.logs-editor .tab-panel.mobile .app-language.caption,
.logs-editor .tab-panel.basicdetails .app-language.caption,
.styles-editor .tab-panel.metatags .app-language.caption,
.styles-editor .tab-panel.language .app-language.caption,
.styles-editor .tab-panel.mobile .app-language.caption,
.styles-editor .tab-panel.basicdetails .app-language.caption {
  margin-bottom: 20px;
}
.settings-editor .tab-panel.metatags .language-banner,
.settings-editor .tab-panel.language .language-banner,
.settings-editor .tab-panel.mobile .language-banner,
.settings-editor .tab-panel.basicdetails .language-banner,
.data-editor .tab-panel.metatags .language-banner,
.data-editor .tab-panel.language .language-banner,
.data-editor .tab-panel.mobile .language-banner,
.data-editor .tab-panel.basicdetails .language-banner,
.logs-editor .tab-panel.metatags .language-banner,
.logs-editor .tab-panel.language .language-banner,
.logs-editor .tab-panel.mobile .language-banner,
.logs-editor .tab-panel.basicdetails .language-banner,
.styles-editor .tab-panel.metatags .language-banner,
.styles-editor .tab-panel.language .language-banner,
.styles-editor .tab-panel.mobile .language-banner,
.styles-editor .tab-panel.basicdetails .language-banner {
  margin-right: 30px;
  margin-bottom: 12px;
}
.settings-editor .tab-panel.metatags .code-caption,
.settings-editor .tab-panel.language .code-caption,
.settings-editor .tab-panel.mobile .code-caption,
.settings-editor .tab-panel.basicdetails .code-caption,
.data-editor .tab-panel.metatags .code-caption,
.data-editor .tab-panel.language .code-caption,
.data-editor .tab-panel.mobile .code-caption,
.data-editor .tab-panel.basicdetails .code-caption,
.logs-editor .tab-panel.metatags .code-caption,
.logs-editor .tab-panel.language .code-caption,
.logs-editor .tab-panel.mobile .code-caption,
.logs-editor .tab-panel.basicdetails .code-caption,
.styles-editor .tab-panel.metatags .code-caption,
.styles-editor .tab-panel.language .code-caption,
.styles-editor .tab-panel.mobile .code-caption,
.styles-editor .tab-panel.basicdetails .code-caption {
  line-height: 1.5;
  color: #cecece;
}
.settings-editor .tab-panel.metatags textarea.texts,
.settings-editor .tab-panel.language textarea.texts,
.settings-editor .tab-panel.mobile textarea.texts,
.settings-editor .tab-panel.basicdetails textarea.texts,
.data-editor .tab-panel.metatags textarea.texts,
.data-editor .tab-panel.language textarea.texts,
.data-editor .tab-panel.mobile textarea.texts,
.data-editor .tab-panel.basicdetails textarea.texts,
.logs-editor .tab-panel.metatags textarea.texts,
.logs-editor .tab-panel.language textarea.texts,
.logs-editor .tab-panel.mobile textarea.texts,
.logs-editor .tab-panel.basicdetails textarea.texts,
.styles-editor .tab-panel.metatags textarea.texts,
.styles-editor .tab-panel.language textarea.texts,
.styles-editor .tab-panel.mobile textarea.texts,
.styles-editor .tab-panel.basicdetails textarea.texts {
  padding-top: 4px;
  min-height: 48px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile {
  color: black;
  display: flex;
  align-items: center;
  border: solid 1px #dedede;
  border-radius: 4px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name),
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile:has(.property-editor-control):has(.file-name) {
  margin-right: 68px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption {
  border: none;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty {
  padding-top: 8px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-caption.empty::before,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-caption.empty::before {
  margin-top: -4px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-name,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-name,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-name,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-name,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-name,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-name,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-name,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-name,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-name,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-name,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-name,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-name,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile .file-name,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile .file-name,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile .file-name,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120px;
  text-wrap: nowrap;
  font-size: 14px;
}
.settings-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile.error,
.settings-editor .tab-panel.language .composer-file.bubble-ui.field.mobile.error,
.settings-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile.error,
.settings-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile.error,
.data-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile.error,
.data-editor .tab-panel.language .composer-file.bubble-ui.field.mobile.error,
.data-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile.error,
.data-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile.error,
.logs-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile.error,
.logs-editor .tab-panel.language .composer-file.bubble-ui.field.mobile.error,
.logs-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile.error,
.logs-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile.error,
.styles-editor .tab-panel.metatags .composer-file.bubble-ui.field.mobile.error,
.styles-editor .tab-panel.language .composer-file.bubble-ui.field.mobile.error,
.styles-editor .tab-panel.mobile .composer-file.bubble-ui.field.mobile.error,
.styles-editor .tab-panel.basicdetails .composer-file.bubble-ui.field.mobile.error {
  border: solid 1px var(--b-txt-danger);
}
.settings-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.settings-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.settings-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.settings-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.data-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.data-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.data-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.data-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.logs-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.logs-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.logs-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.logs-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.styles-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.styles-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.styles-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container,
.styles-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption-container {
  margin: 0;
}
.settings-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.settings-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.settings-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.settings-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.data-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.data-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.data-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.data-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.logs-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.logs-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.logs-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.logs-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.styles-editor .tab-panel.metatags .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.styles-editor .tab-panel.language .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.styles-editor .tab-panel.mobile .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui,
.styles-editor .tab-panel.basicdetails .dropdown-container.new-composer.field.bubble-ui .dropdown-caption.new-composer.field.bubble-ui {
  margin: 0;
}
.settings-editor .tab-panel.metatags .field .autocomplete-input,
.settings-editor .tab-panel.language .field .autocomplete-input,
.settings-editor .tab-panel.mobile .field .autocomplete-input,
.settings-editor .tab-panel.basicdetails .field .autocomplete-input,
.data-editor .tab-panel.metatags .field .autocomplete-input,
.data-editor .tab-panel.language .field .autocomplete-input,
.data-editor .tab-panel.mobile .field .autocomplete-input,
.data-editor .tab-panel.basicdetails .field .autocomplete-input,
.logs-editor .tab-panel.metatags .field .autocomplete-input,
.logs-editor .tab-panel.language .field .autocomplete-input,
.logs-editor .tab-panel.mobile .field .autocomplete-input,
.logs-editor .tab-panel.basicdetails .field .autocomplete-input,
.styles-editor .tab-panel.metatags .field .autocomplete-input,
.styles-editor .tab-panel.language .field .autocomplete-input,
.styles-editor .tab-panel.mobile .field .autocomplete-input,
.styles-editor .tab-panel.basicdetails .field .autocomplete-input {
  padding: 0;
}
.settings-editor .tab-panel.metatags .redirection-wrapper,
.settings-editor .tab-panel.metatags .hosted-files-wrapper,
.data-editor .tab-panel.metatags .redirection-wrapper,
.data-editor .tab-panel.metatags .hosted-files-wrapper,
.logs-editor .tab-panel.metatags .redirection-wrapper,
.logs-editor .tab-panel.metatags .hosted-files-wrapper,
.styles-editor .tab-panel.metatags .redirection-wrapper,
.styles-editor .tab-panel.metatags .hosted-files-wrapper {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .from,
.settings-editor .tab-panel.metatags .redirection-wrapper .arrow,
.settings-editor .tab-panel.metatags .redirection-wrapper .to,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .from,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .to,
.data-editor .tab-panel.metatags .redirection-wrapper .from,
.data-editor .tab-panel.metatags .redirection-wrapper .arrow,
.data-editor .tab-panel.metatags .redirection-wrapper .to,
.data-editor .tab-panel.metatags .hosted-files-wrapper .from,
.data-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.data-editor .tab-panel.metatags .hosted-files-wrapper .to,
.logs-editor .tab-panel.metatags .redirection-wrapper .from,
.logs-editor .tab-panel.metatags .redirection-wrapper .arrow,
.logs-editor .tab-panel.metatags .redirection-wrapper .to,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .from,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .to,
.styles-editor .tab-panel.metatags .redirection-wrapper .from,
.styles-editor .tab-panel.metatags .redirection-wrapper .arrow,
.styles-editor .tab-panel.metatags .redirection-wrapper .to,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .from,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .to {
  float: left;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .redirection-row,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.data-editor .tab-panel.metatags .redirection-wrapper .redirection-row,
.data-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.logs-editor .tab-panel.metatags .redirection-wrapper .redirection-row,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.styles-editor .tab-panel.metatags .redirection-wrapper .redirection-row,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row {
  float: left;
  clear: both;
  margin-top: 10px;
  width: 100%;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .hosted-file,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .hosted-file,
.data-editor .tab-panel.metatags .redirection-wrapper .hosted-file,
.data-editor .tab-panel.metatags .hosted-files-wrapper .hosted-file,
.logs-editor .tab-panel.metatags .redirection-wrapper .hosted-file,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .hosted-file,
.styles-editor .tab-panel.metatags .redirection-wrapper .hosted-file,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .hosted-file {
  float: left;
  margin-top: -8px;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .from.filename,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .from.filename,
.data-editor .tab-panel.metatags .redirection-wrapper .from.filename,
.data-editor .tab-panel.metatags .hosted-files-wrapper .from.filename,
.logs-editor .tab-panel.metatags .redirection-wrapper .from.filename,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .from.filename,
.styles-editor .tab-panel.metatags .redirection-wrapper .from.filename,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .from.filename {
  width: 415px;
  overflow: hidden;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .arrow,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.data-editor .tab-panel.metatags .redirection-wrapper .arrow,
.data-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.logs-editor .tab-panel.metatags .redirection-wrapper .arrow,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .arrow,
.styles-editor .tab-panel.metatags .redirection-wrapper .arrow,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .arrow {
  margin: 0 20px 0 20px;
}
.settings-editor .tab-panel.metatags .redirection-wrapper .arrow:before,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .arrow:before,
.data-editor .tab-panel.metatags .redirection-wrapper .arrow:before,
.data-editor .tab-panel.metatags .hosted-files-wrapper .arrow:before,
.logs-editor .tab-panel.metatags .redirection-wrapper .arrow:before,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .arrow:before,
.styles-editor .tab-panel.metatags .redirection-wrapper .arrow:before,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .arrow:before {
  content: "\f178";
  font-family: "FontAwesome";
}
.settings-editor .tab-panel.metatags .redirection-wrapper .remove-redirect,
.settings-editor .tab-panel.metatags .hosted-files-wrapper .remove-redirect,
.data-editor .tab-panel.metatags .redirection-wrapper .remove-redirect,
.data-editor .tab-panel.metatags .hosted-files-wrapper .remove-redirect,
.logs-editor .tab-panel.metatags .redirection-wrapper .remove-redirect,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .remove-redirect,
.styles-editor .tab-panel.metatags .redirection-wrapper .remove-redirect,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .remove-redirect {
  float: right;
  margin-right: 32px;
}
.settings-editor .tab-panel.metatags .hosted-files-wrapper,
.data-editor .tab-panel.metatags .hosted-files-wrapper,
.logs-editor .tab-panel.metatags .hosted-files-wrapper,
.styles-editor .tab-panel.metatags .hosted-files-wrapper {
  margin-top: 20px;
}
.settings-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.data-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.logs-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row,
.styles-editor .tab-panel.metatags .hosted-files-wrapper .redirection-row {
  width: 663px;
}
.settings-editor .tab-panel.metatags .add-redirect-box,
.data-editor .tab-panel.metatags .add-redirect-box,
.logs-editor .tab-panel.metatags .add-redirect-box,
.styles-editor .tab-panel.metatags .add-redirect-box {
  margin-top: 20px;
  margin-bottom: 50px;
}
.settings-editor .tab-panel.metatags .add-redirect-box .to-url,
.settings-editor .tab-panel.metatags .add-redirect-box .from-url,
.data-editor .tab-panel.metatags .add-redirect-box .to-url,
.data-editor .tab-panel.metatags .add-redirect-box .from-url,
.logs-editor .tab-panel.metatags .add-redirect-box .to-url,
.logs-editor .tab-panel.metatags .add-redirect-box .from-url,
.styles-editor .tab-panel.metatags .add-redirect-box .to-url,
.styles-editor .tab-panel.metatags .add-redirect-box .from-url {
  width: 250px;
}
.settings-editor .tab-panel.metatags .add-redirect-box input,
.settings-editor .tab-panel.metatags .add-redirect-box .add-redirect-btn,
.settings-editor .tab-panel.metatags .add-redirect-box .caption.to,
.settings-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.data-editor .tab-panel.metatags .add-redirect-box input,
.data-editor .tab-panel.metatags .add-redirect-box .add-redirect-btn,
.data-editor .tab-panel.metatags .add-redirect-box .caption.to,
.data-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.logs-editor .tab-panel.metatags .add-redirect-box input,
.logs-editor .tab-panel.metatags .add-redirect-box .add-redirect-btn,
.logs-editor .tab-panel.metatags .add-redirect-box .caption.to,
.logs-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.styles-editor .tab-panel.metatags .add-redirect-box input,
.styles-editor .tab-panel.metatags .add-redirect-box .add-redirect-btn,
.styles-editor .tab-panel.metatags .add-redirect-box .caption.to,
.styles-editor .tab-panel.metatags .add-redirect-box .new-hosted-file {
  margin-left: 20px;
}
.settings-editor .tab-panel.metatags .add-redirect-box .caption,
.data-editor .tab-panel.metatags .add-redirect-box .caption,
.logs-editor .tab-panel.metatags .add-redirect-box .caption,
.styles-editor .tab-panel.metatags .add-redirect-box .caption {
  clear: none;
  margin-top: 10px !important;
}
.settings-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.data-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.logs-editor .tab-panel.metatags .add-redirect-box .new-hosted-file,
.styles-editor .tab-panel.metatags .add-redirect-box .new-hosted-file {
  margin-top: 0px;
  height: 35px;
  float: left;
  background: white;
}
.settings-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption,
.data-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption,
.logs-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption,
.styles-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption {
  padding-top: 11px;
}
.settings-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption.empty:before,
.data-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption.empty:before,
.logs-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption.empty:before,
.styles-editor .tab-panel.metatags .add-redirect-box .new-hosted-file .file-caption.empty:before {
  margin-top: -4px;
}
.settings-editor .tab-panel.basicdetails,
.data-editor .tab-panel.basicdetails,
.logs-editor .tab-panel.basicdetails,
.styles-editor .tab-panel.basicdetails {
  display: flex;
  justify-content: left;
}
.settings-editor .tab-panel.basicdetails .inner-general,
.data-editor .tab-panel.basicdetails .inner-general,
.logs-editor .tab-panel.basicdetails .inner-general,
.styles-editor .tab-panel.basicdetails .inner-general {
  width: 432px;
}
.settings-editor .tab-panel.basicdetails .field-block,
.data-editor .tab-panel.basicdetails .field-block,
.logs-editor .tab-panel.basicdetails .field-block,
.styles-editor .tab-panel.basicdetails .field-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.settings-editor .tab-panel.basicdetails .field-block .caption,
.data-editor .tab-panel.basicdetails .field-block .caption,
.logs-editor .tab-panel.basicdetails .field-block .caption,
.styles-editor .tab-panel.basicdetails .field-block .caption {
  margin-bottom: 6px;
  font-weight: 600;
}
.settings-editor .tab-panel.basicdetails .field-block .field,
.data-editor .tab-panel.basicdetails .field-block .field,
.logs-editor .tab-panel.basicdetails .field-block .field,
.styles-editor .tab-panel.basicdetails .field-block .field {
  width: 100%;
}
.settings-editor .tab-panel.mobile .re-approve.explanation,
.settings-editor .tab-panel.metatags .re-approve.explanation,
.settings-editor .tab-panel.domain .re-approve.explanation,
.settings-editor .tab-panel.style.variables .re-approve.explanation,
.settings-editor .tab-panel.general .re-approve.explanation,
.settings-editor .tab-panel.api .re-approve.explanation,
.settings-editor .tab-panel.language .re-approve.explanation,
.settings-editor .tab-panel.collaboration .re-approve.explanation,
.settings-editor .tab-panel.server.logs .re-approve.explanation,
.settings-editor .tab-panel.sub.apps .re-approve.explanation,
.settings-editor .tab-panel.scheduledwf .re-approve.explanation,
.settings-editor .tab-panel.plan .re-approve.explanation,
.settings-editor .tab-panel.bubbleversion .re-approve.explanation,
.data-editor .tab-panel.mobile .re-approve.explanation,
.data-editor .tab-panel.metatags .re-approve.explanation,
.data-editor .tab-panel.domain .re-approve.explanation,
.data-editor .tab-panel.style.variables .re-approve.explanation,
.data-editor .tab-panel.general .re-approve.explanation,
.data-editor .tab-panel.api .re-approve.explanation,
.data-editor .tab-panel.language .re-approve.explanation,
.data-editor .tab-panel.collaboration .re-approve.explanation,
.data-editor .tab-panel.server.logs .re-approve.explanation,
.data-editor .tab-panel.sub.apps .re-approve.explanation,
.data-editor .tab-panel.scheduledwf .re-approve.explanation,
.data-editor .tab-panel.plan .re-approve.explanation,
.data-editor .tab-panel.bubbleversion .re-approve.explanation,
.logs-editor .tab-panel.mobile .re-approve.explanation,
.logs-editor .tab-panel.metatags .re-approve.explanation,
.logs-editor .tab-panel.domain .re-approve.explanation,
.logs-editor .tab-panel.style.variables .re-approve.explanation,
.logs-editor .tab-panel.general .re-approve.explanation,
.logs-editor .tab-panel.api .re-approve.explanation,
.logs-editor .tab-panel.language .re-approve.explanation,
.logs-editor .tab-panel.collaboration .re-approve.explanation,
.logs-editor .tab-panel.server.logs .re-approve.explanation,
.logs-editor .tab-panel.sub.apps .re-approve.explanation,
.logs-editor .tab-panel.scheduledwf .re-approve.explanation,
.logs-editor .tab-panel.plan .re-approve.explanation,
.logs-editor .tab-panel.bubbleversion .re-approve.explanation,
.styles-editor .tab-panel.mobile .re-approve.explanation,
.styles-editor .tab-panel.metatags .re-approve.explanation,
.styles-editor .tab-panel.domain .re-approve.explanation,
.styles-editor .tab-panel.style.variables .re-approve.explanation,
.styles-editor .tab-panel.general .re-approve.explanation,
.styles-editor .tab-panel.api .re-approve.explanation,
.styles-editor .tab-panel.language .re-approve.explanation,
.styles-editor .tab-panel.collaboration .re-approve.explanation,
.styles-editor .tab-panel.server.logs .re-approve.explanation,
.styles-editor .tab-panel.sub.apps .re-approve.explanation,
.styles-editor .tab-panel.scheduledwf .re-approve.explanation,
.styles-editor .tab-panel.plan .re-approve.explanation,
.styles-editor .tab-panel.bubbleversion .re-approve.explanation {
  margin-left: 20px;
}
.settings-editor .tab-panel.mobile .re-approve.explanation:before,
.settings-editor .tab-panel.metatags .re-approve.explanation:before,
.settings-editor .tab-panel.domain .re-approve.explanation:before,
.settings-editor .tab-panel.style.variables .re-approve.explanation:before,
.settings-editor .tab-panel.general .re-approve.explanation:before,
.settings-editor .tab-panel.api .re-approve.explanation:before,
.settings-editor .tab-panel.language .re-approve.explanation:before,
.settings-editor .tab-panel.collaboration .re-approve.explanation:before,
.settings-editor .tab-panel.server.logs .re-approve.explanation:before,
.settings-editor .tab-panel.sub.apps .re-approve.explanation:before,
.settings-editor .tab-panel.scheduledwf .re-approve.explanation:before,
.settings-editor .tab-panel.plan .re-approve.explanation:before,
.settings-editor .tab-panel.bubbleversion .re-approve.explanation:before,
.data-editor .tab-panel.mobile .re-approve.explanation:before,
.data-editor .tab-panel.metatags .re-approve.explanation:before,
.data-editor .tab-panel.domain .re-approve.explanation:before,
.data-editor .tab-panel.style.variables .re-approve.explanation:before,
.data-editor .tab-panel.general .re-approve.explanation:before,
.data-editor .tab-panel.api .re-approve.explanation:before,
.data-editor .tab-panel.language .re-approve.explanation:before,
.data-editor .tab-panel.collaboration .re-approve.explanation:before,
.data-editor .tab-panel.server.logs .re-approve.explanation:before,
.data-editor .tab-panel.sub.apps .re-approve.explanation:before,
.data-editor .tab-panel.scheduledwf .re-approve.explanation:before,
.data-editor .tab-panel.plan .re-approve.explanation:before,
.data-editor .tab-panel.bubbleversion .re-approve.explanation:before,
.logs-editor .tab-panel.mobile .re-approve.explanation:before,
.logs-editor .tab-panel.metatags .re-approve.explanation:before,
.logs-editor .tab-panel.domain .re-approve.explanation:before,
.logs-editor .tab-panel.style.variables .re-approve.explanation:before,
.logs-editor .tab-panel.general .re-approve.explanation:before,
.logs-editor .tab-panel.api .re-approve.explanation:before,
.logs-editor .tab-panel.language .re-approve.explanation:before,
.logs-editor .tab-panel.collaboration .re-approve.explanation:before,
.logs-editor .tab-panel.server.logs .re-approve.explanation:before,
.logs-editor .tab-panel.sub.apps .re-approve.explanation:before,
.logs-editor .tab-panel.scheduledwf .re-approve.explanation:before,
.logs-editor .tab-panel.plan .re-approve.explanation:before,
.logs-editor .tab-panel.bubbleversion .re-approve.explanation:before,
.styles-editor .tab-panel.mobile .re-approve.explanation:before,
.styles-editor .tab-panel.metatags .re-approve.explanation:before,
.styles-editor .tab-panel.domain .re-approve.explanation:before,
.styles-editor .tab-panel.style.variables .re-approve.explanation:before,
.styles-editor .tab-panel.general .re-approve.explanation:before,
.styles-editor .tab-panel.api .re-approve.explanation:before,
.styles-editor .tab-panel.language .re-approve.explanation:before,
.styles-editor .tab-panel.collaboration .re-approve.explanation:before,
.styles-editor .tab-panel.server.logs .re-approve.explanation:before,
.styles-editor .tab-panel.sub.apps .re-approve.explanation:before,
.styles-editor .tab-panel.scheduledwf .re-approve.explanation:before,
.styles-editor .tab-panel.plan .re-approve.explanation:before,
.styles-editor .tab-panel.bubbleversion .re-approve.explanation:before {
  margin-left: -20px;
  margin-right: 5px;
}
.settings-editor .tab-panel.mobile .cluster-wrapper,
.settings-editor .tab-panel.metatags .cluster-wrapper,
.settings-editor .tab-panel.domain .cluster-wrapper,
.settings-editor .tab-panel.style.variables .cluster-wrapper,
.settings-editor .tab-panel.general .cluster-wrapper,
.settings-editor .tab-panel.api .cluster-wrapper,
.settings-editor .tab-panel.language .cluster-wrapper,
.settings-editor .tab-panel.collaboration .cluster-wrapper,
.settings-editor .tab-panel.server.logs .cluster-wrapper,
.settings-editor .tab-panel.sub.apps .cluster-wrapper,
.settings-editor .tab-panel.scheduledwf .cluster-wrapper,
.settings-editor .tab-panel.plan .cluster-wrapper,
.settings-editor .tab-panel.bubbleversion .cluster-wrapper,
.data-editor .tab-panel.mobile .cluster-wrapper,
.data-editor .tab-panel.metatags .cluster-wrapper,
.data-editor .tab-panel.domain .cluster-wrapper,
.data-editor .tab-panel.style.variables .cluster-wrapper,
.data-editor .tab-panel.general .cluster-wrapper,
.data-editor .tab-panel.api .cluster-wrapper,
.data-editor .tab-panel.language .cluster-wrapper,
.data-editor .tab-panel.collaboration .cluster-wrapper,
.data-editor .tab-panel.server.logs .cluster-wrapper,
.data-editor .tab-panel.sub.apps .cluster-wrapper,
.data-editor .tab-panel.scheduledwf .cluster-wrapper,
.data-editor .tab-panel.plan .cluster-wrapper,
.data-editor .tab-panel.bubbleversion .cluster-wrapper,
.logs-editor .tab-panel.mobile .cluster-wrapper,
.logs-editor .tab-panel.metatags .cluster-wrapper,
.logs-editor .tab-panel.domain .cluster-wrapper,
.logs-editor .tab-panel.style.variables .cluster-wrapper,
.logs-editor .tab-panel.general .cluster-wrapper,
.logs-editor .tab-panel.api .cluster-wrapper,
.logs-editor .tab-panel.language .cluster-wrapper,
.logs-editor .tab-panel.collaboration .cluster-wrapper,
.logs-editor .tab-panel.server.logs .cluster-wrapper,
.logs-editor .tab-panel.sub.apps .cluster-wrapper,
.logs-editor .tab-panel.scheduledwf .cluster-wrapper,
.logs-editor .tab-panel.plan .cluster-wrapper,
.logs-editor .tab-panel.bubbleversion .cluster-wrapper,
.styles-editor .tab-panel.mobile .cluster-wrapper,
.styles-editor .tab-panel.metatags .cluster-wrapper,
.styles-editor .tab-panel.domain .cluster-wrapper,
.styles-editor .tab-panel.style.variables .cluster-wrapper,
.styles-editor .tab-panel.general .cluster-wrapper,
.styles-editor .tab-panel.api .cluster-wrapper,
.styles-editor .tab-panel.language .cluster-wrapper,
.styles-editor .tab-panel.collaboration .cluster-wrapper,
.styles-editor .tab-panel.server.logs .cluster-wrapper,
.styles-editor .tab-panel.sub.apps .cluster-wrapper,
.styles-editor .tab-panel.scheduledwf .cluster-wrapper,
.styles-editor .tab-panel.plan .cluster-wrapper,
.styles-editor .tab-panel.bubbleversion .cluster-wrapper {
  float: left;
  width: 100%;
}
.settings-editor .tab-panel.mobile .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.metatags .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.domain .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.style.variables .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.general .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.api .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.language .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.collaboration .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.server.logs .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.sub.apps .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.scheduledwf .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.plan .cluster-wrapper .cluster-dropdown,
.settings-editor .tab-panel.bubbleversion .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.mobile .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.metatags .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.domain .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.style.variables .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.general .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.api .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.language .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.collaboration .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.server.logs .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.sub.apps .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.scheduledwf .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.plan .cluster-wrapper .cluster-dropdown,
.data-editor .tab-panel.bubbleversion .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.mobile .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.metatags .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.domain .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.style.variables .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.general .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.api .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.language .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.collaboration .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.server.logs .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.sub.apps .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.scheduledwf .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.plan .cluster-wrapper .cluster-dropdown,
.logs-editor .tab-panel.bubbleversion .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.mobile .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.metatags .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.domain .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.style.variables .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.general .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.api .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.language .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.collaboration .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.server.logs .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.sub.apps .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.scheduledwf .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.plan .cluster-wrapper .cluster-dropdown,
.styles-editor .tab-panel.bubbleversion .cluster-wrapper .cluster-dropdown {
  float: right;
  margin-top: 7px;
  margin-right: 30px;
}
.settings-editor .tab-panel.mobile .explanation,
.settings-editor .tab-panel.metatags .explanation,
.settings-editor .tab-panel.domain .explanation,
.settings-editor .tab-panel.style.variables .explanation,
.settings-editor .tab-panel.general .explanation,
.settings-editor .tab-panel.api .explanation,
.settings-editor .tab-panel.language .explanation,
.settings-editor .tab-panel.collaboration .explanation,
.settings-editor .tab-panel.server.logs .explanation,
.settings-editor .tab-panel.sub.apps .explanation,
.settings-editor .tab-panel.scheduledwf .explanation,
.settings-editor .tab-panel.plan .explanation,
.settings-editor .tab-panel.bubbleversion .explanation,
.data-editor .tab-panel.mobile .explanation,
.data-editor .tab-panel.metatags .explanation,
.data-editor .tab-panel.domain .explanation,
.data-editor .tab-panel.style.variables .explanation,
.data-editor .tab-panel.general .explanation,
.data-editor .tab-panel.api .explanation,
.data-editor .tab-panel.language .explanation,
.data-editor .tab-panel.collaboration .explanation,
.data-editor .tab-panel.server.logs .explanation,
.data-editor .tab-panel.sub.apps .explanation,
.data-editor .tab-panel.scheduledwf .explanation,
.data-editor .tab-panel.plan .explanation,
.data-editor .tab-panel.bubbleversion .explanation,
.logs-editor .tab-panel.mobile .explanation,
.logs-editor .tab-panel.metatags .explanation,
.logs-editor .tab-panel.domain .explanation,
.logs-editor .tab-panel.style.variables .explanation,
.logs-editor .tab-panel.general .explanation,
.logs-editor .tab-panel.api .explanation,
.logs-editor .tab-panel.language .explanation,
.logs-editor .tab-panel.collaboration .explanation,
.logs-editor .tab-panel.server.logs .explanation,
.logs-editor .tab-panel.sub.apps .explanation,
.logs-editor .tab-panel.scheduledwf .explanation,
.logs-editor .tab-panel.plan .explanation,
.logs-editor .tab-panel.bubbleversion .explanation,
.styles-editor .tab-panel.mobile .explanation,
.styles-editor .tab-panel.metatags .explanation,
.styles-editor .tab-panel.domain .explanation,
.styles-editor .tab-panel.style.variables .explanation,
.styles-editor .tab-panel.general .explanation,
.styles-editor .tab-panel.api .explanation,
.styles-editor .tab-panel.language .explanation,
.styles-editor .tab-panel.collaboration .explanation,
.styles-editor .tab-panel.server.logs .explanation,
.styles-editor .tab-panel.sub.apps .explanation,
.styles-editor .tab-panel.scheduledwf .explanation,
.styles-editor .tab-panel.plan .explanation,
.styles-editor .tab-panel.bubbleversion .explanation {
  line-height: 1.5;
  white-space: pre-wrap;
}
.settings-editor .tab-panel.mobile .explanation a,
.settings-editor .tab-panel.metatags .explanation a,
.settings-editor .tab-panel.domain .explanation a,
.settings-editor .tab-panel.style.variables .explanation a,
.settings-editor .tab-panel.general .explanation a,
.settings-editor .tab-panel.api .explanation a,
.settings-editor .tab-panel.language .explanation a,
.settings-editor .tab-panel.collaboration .explanation a,
.settings-editor .tab-panel.server.logs .explanation a,
.settings-editor .tab-panel.sub.apps .explanation a,
.settings-editor .tab-panel.scheduledwf .explanation a,
.settings-editor .tab-panel.plan .explanation a,
.settings-editor .tab-panel.bubbleversion .explanation a,
.data-editor .tab-panel.mobile .explanation a,
.data-editor .tab-panel.metatags .explanation a,
.data-editor .tab-panel.domain .explanation a,
.data-editor .tab-panel.style.variables .explanation a,
.data-editor .tab-panel.general .explanation a,
.data-editor .tab-panel.api .explanation a,
.data-editor .tab-panel.language .explanation a,
.data-editor .tab-panel.collaboration .explanation a,
.data-editor .tab-panel.server.logs .explanation a,
.data-editor .tab-panel.sub.apps .explanation a,
.data-editor .tab-panel.scheduledwf .explanation a,
.data-editor .tab-panel.plan .explanation a,
.data-editor .tab-panel.bubbleversion .explanation a,
.logs-editor .tab-panel.mobile .explanation a,
.logs-editor .tab-panel.metatags .explanation a,
.logs-editor .tab-panel.domain .explanation a,
.logs-editor .tab-panel.style.variables .explanation a,
.logs-editor .tab-panel.general .explanation a,
.logs-editor .tab-panel.api .explanation a,
.logs-editor .tab-panel.language .explanation a,
.logs-editor .tab-panel.collaboration .explanation a,
.logs-editor .tab-panel.server.logs .explanation a,
.logs-editor .tab-panel.sub.apps .explanation a,
.logs-editor .tab-panel.scheduledwf .explanation a,
.logs-editor .tab-panel.plan .explanation a,
.logs-editor .tab-panel.bubbleversion .explanation a,
.styles-editor .tab-panel.mobile .explanation a,
.styles-editor .tab-panel.metatags .explanation a,
.styles-editor .tab-panel.domain .explanation a,
.styles-editor .tab-panel.style.variables .explanation a,
.styles-editor .tab-panel.general .explanation a,
.styles-editor .tab-panel.api .explanation a,
.styles-editor .tab-panel.language .explanation a,
.styles-editor .tab-panel.collaboration .explanation a,
.styles-editor .tab-panel.server.logs .explanation a,
.styles-editor .tab-panel.sub.apps .explanation a,
.styles-editor .tab-panel.scheduledwf .explanation a,
.styles-editor .tab-panel.plan .explanation a,
.styles-editor .tab-panel.bubbleversion .explanation a {
  float: none;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.mobile .explanation a:hover,
.settings-editor .tab-panel.metatags .explanation a:hover,
.settings-editor .tab-panel.domain .explanation a:hover,
.settings-editor .tab-panel.style.variables .explanation a:hover,
.settings-editor .tab-panel.general .explanation a:hover,
.settings-editor .tab-panel.api .explanation a:hover,
.settings-editor .tab-panel.language .explanation a:hover,
.settings-editor .tab-panel.collaboration .explanation a:hover,
.settings-editor .tab-panel.server.logs .explanation a:hover,
.settings-editor .tab-panel.sub.apps .explanation a:hover,
.settings-editor .tab-panel.scheduledwf .explanation a:hover,
.settings-editor .tab-panel.plan .explanation a:hover,
.settings-editor .tab-panel.bubbleversion .explanation a:hover,
.data-editor .tab-panel.mobile .explanation a:hover,
.data-editor .tab-panel.metatags .explanation a:hover,
.data-editor .tab-panel.domain .explanation a:hover,
.data-editor .tab-panel.style.variables .explanation a:hover,
.data-editor .tab-panel.general .explanation a:hover,
.data-editor .tab-panel.api .explanation a:hover,
.data-editor .tab-panel.language .explanation a:hover,
.data-editor .tab-panel.collaboration .explanation a:hover,
.data-editor .tab-panel.server.logs .explanation a:hover,
.data-editor .tab-panel.sub.apps .explanation a:hover,
.data-editor .tab-panel.scheduledwf .explanation a:hover,
.data-editor .tab-panel.plan .explanation a:hover,
.data-editor .tab-panel.bubbleversion .explanation a:hover,
.logs-editor .tab-panel.mobile .explanation a:hover,
.logs-editor .tab-panel.metatags .explanation a:hover,
.logs-editor .tab-panel.domain .explanation a:hover,
.logs-editor .tab-panel.style.variables .explanation a:hover,
.logs-editor .tab-panel.general .explanation a:hover,
.logs-editor .tab-panel.api .explanation a:hover,
.logs-editor .tab-panel.language .explanation a:hover,
.logs-editor .tab-panel.collaboration .explanation a:hover,
.logs-editor .tab-panel.server.logs .explanation a:hover,
.logs-editor .tab-panel.sub.apps .explanation a:hover,
.logs-editor .tab-panel.scheduledwf .explanation a:hover,
.logs-editor .tab-panel.plan .explanation a:hover,
.logs-editor .tab-panel.bubbleversion .explanation a:hover,
.styles-editor .tab-panel.mobile .explanation a:hover,
.styles-editor .tab-panel.metatags .explanation a:hover,
.styles-editor .tab-panel.domain .explanation a:hover,
.styles-editor .tab-panel.style.variables .explanation a:hover,
.styles-editor .tab-panel.general .explanation a:hover,
.styles-editor .tab-panel.api .explanation a:hover,
.styles-editor .tab-panel.language .explanation a:hover,
.styles-editor .tab-panel.collaboration .explanation a:hover,
.styles-editor .tab-panel.server.logs .explanation a:hover,
.styles-editor .tab-panel.sub.apps .explanation a:hover,
.styles-editor .tab-panel.scheduledwf .explanation a:hover,
.styles-editor .tab-panel.plan .explanation a:hover,
.styles-editor .tab-panel.bubbleversion .explanation a:hover {
  text-decoration: "underline";
}
.settings-editor .tab-panel.mobile .meta-tag-section-title,
.settings-editor .tab-panel.metatags .meta-tag-section-title,
.settings-editor .tab-panel.domain .meta-tag-section-title,
.settings-editor .tab-panel.style.variables .meta-tag-section-title,
.settings-editor .tab-panel.general .meta-tag-section-title,
.settings-editor .tab-panel.api .meta-tag-section-title,
.settings-editor .tab-panel.language .meta-tag-section-title,
.settings-editor .tab-panel.collaboration .meta-tag-section-title,
.settings-editor .tab-panel.server.logs .meta-tag-section-title,
.settings-editor .tab-panel.sub.apps .meta-tag-section-title,
.settings-editor .tab-panel.scheduledwf .meta-tag-section-title,
.settings-editor .tab-panel.plan .meta-tag-section-title,
.settings-editor .tab-panel.bubbleversion .meta-tag-section-title,
.data-editor .tab-panel.mobile .meta-tag-section-title,
.data-editor .tab-panel.metatags .meta-tag-section-title,
.data-editor .tab-panel.domain .meta-tag-section-title,
.data-editor .tab-panel.style.variables .meta-tag-section-title,
.data-editor .tab-panel.general .meta-tag-section-title,
.data-editor .tab-panel.api .meta-tag-section-title,
.data-editor .tab-panel.language .meta-tag-section-title,
.data-editor .tab-panel.collaboration .meta-tag-section-title,
.data-editor .tab-panel.server.logs .meta-tag-section-title,
.data-editor .tab-panel.sub.apps .meta-tag-section-title,
.data-editor .tab-panel.scheduledwf .meta-tag-section-title,
.data-editor .tab-panel.plan .meta-tag-section-title,
.data-editor .tab-panel.bubbleversion .meta-tag-section-title,
.logs-editor .tab-panel.mobile .meta-tag-section-title,
.logs-editor .tab-panel.metatags .meta-tag-section-title,
.logs-editor .tab-panel.domain .meta-tag-section-title,
.logs-editor .tab-panel.style.variables .meta-tag-section-title,
.logs-editor .tab-panel.general .meta-tag-section-title,
.logs-editor .tab-panel.api .meta-tag-section-title,
.logs-editor .tab-panel.language .meta-tag-section-title,
.logs-editor .tab-panel.collaboration .meta-tag-section-title,
.logs-editor .tab-panel.server.logs .meta-tag-section-title,
.logs-editor .tab-panel.sub.apps .meta-tag-section-title,
.logs-editor .tab-panel.scheduledwf .meta-tag-section-title,
.logs-editor .tab-panel.plan .meta-tag-section-title,
.logs-editor .tab-panel.bubbleversion .meta-tag-section-title,
.styles-editor .tab-panel.mobile .meta-tag-section-title,
.styles-editor .tab-panel.metatags .meta-tag-section-title,
.styles-editor .tab-panel.domain .meta-tag-section-title,
.styles-editor .tab-panel.style.variables .meta-tag-section-title,
.styles-editor .tab-panel.general .meta-tag-section-title,
.styles-editor .tab-panel.api .meta-tag-section-title,
.styles-editor .tab-panel.language .meta-tag-section-title,
.styles-editor .tab-panel.collaboration .meta-tag-section-title,
.styles-editor .tab-panel.server.logs .meta-tag-section-title,
.styles-editor .tab-panel.sub.apps .meta-tag-section-title,
.styles-editor .tab-panel.scheduledwf .meta-tag-section-title,
.styles-editor .tab-panel.plan .meta-tag-section-title,
.styles-editor .tab-panel.bubbleversion .meta-tag-section-title {
  font-size: 14px;
  margin-top: 15px;
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid var(--b-border-default);
  color: #000000;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.settings-editor .tab-panel.mobile .field.oauth-login-page,
.settings-editor .tab-panel.metatags .field.oauth-login-page,
.settings-editor .tab-panel.domain .field.oauth-login-page,
.settings-editor .tab-panel.style.variables .field.oauth-login-page,
.settings-editor .tab-panel.general .field.oauth-login-page,
.settings-editor .tab-panel.api .field.oauth-login-page,
.settings-editor .tab-panel.language .field.oauth-login-page,
.settings-editor .tab-panel.collaboration .field.oauth-login-page,
.settings-editor .tab-panel.server.logs .field.oauth-login-page,
.settings-editor .tab-panel.sub.apps .field.oauth-login-page,
.settings-editor .tab-panel.scheduledwf .field.oauth-login-page,
.settings-editor .tab-panel.plan .field.oauth-login-page,
.settings-editor .tab-panel.bubbleversion .field.oauth-login-page,
.data-editor .tab-panel.mobile .field.oauth-login-page,
.data-editor .tab-panel.metatags .field.oauth-login-page,
.data-editor .tab-panel.domain .field.oauth-login-page,
.data-editor .tab-panel.style.variables .field.oauth-login-page,
.data-editor .tab-panel.general .field.oauth-login-page,
.data-editor .tab-panel.api .field.oauth-login-page,
.data-editor .tab-panel.language .field.oauth-login-page,
.data-editor .tab-panel.collaboration .field.oauth-login-page,
.data-editor .tab-panel.server.logs .field.oauth-login-page,
.data-editor .tab-panel.sub.apps .field.oauth-login-page,
.data-editor .tab-panel.scheduledwf .field.oauth-login-page,
.data-editor .tab-panel.plan .field.oauth-login-page,
.data-editor .tab-panel.bubbleversion .field.oauth-login-page,
.logs-editor .tab-panel.mobile .field.oauth-login-page,
.logs-editor .tab-panel.metatags .field.oauth-login-page,
.logs-editor .tab-panel.domain .field.oauth-login-page,
.logs-editor .tab-panel.style.variables .field.oauth-login-page,
.logs-editor .tab-panel.general .field.oauth-login-page,
.logs-editor .tab-panel.api .field.oauth-login-page,
.logs-editor .tab-panel.language .field.oauth-login-page,
.logs-editor .tab-panel.collaboration .field.oauth-login-page,
.logs-editor .tab-panel.server.logs .field.oauth-login-page,
.logs-editor .tab-panel.sub.apps .field.oauth-login-page,
.logs-editor .tab-panel.scheduledwf .field.oauth-login-page,
.logs-editor .tab-panel.plan .field.oauth-login-page,
.logs-editor .tab-panel.bubbleversion .field.oauth-login-page,
.styles-editor .tab-panel.mobile .field.oauth-login-page,
.styles-editor .tab-panel.metatags .field.oauth-login-page,
.styles-editor .tab-panel.domain .field.oauth-login-page,
.styles-editor .tab-panel.style.variables .field.oauth-login-page,
.styles-editor .tab-panel.general .field.oauth-login-page,
.styles-editor .tab-panel.api .field.oauth-login-page,
.styles-editor .tab-panel.language .field.oauth-login-page,
.styles-editor .tab-panel.collaboration .field.oauth-login-page,
.styles-editor .tab-panel.server.logs .field.oauth-login-page,
.styles-editor .tab-panel.sub.apps .field.oauth-login-page,
.styles-editor .tab-panel.scheduledwf .field.oauth-login-page,
.styles-editor .tab-panel.plan .field.oauth-login-page,
.styles-editor .tab-panel.bubbleversion .field.oauth-login-page {
  float: left;
  margin-left: 170px;
}
.settings-editor .tab-panel.mobile .new-app,
.settings-editor .tab-panel.mobile .jwks,
.settings-editor .tab-panel.metatags .new-app,
.settings-editor .tab-panel.metatags .jwks,
.settings-editor .tab-panel.domain .new-app,
.settings-editor .tab-panel.domain .jwks,
.settings-editor .tab-panel.style.variables .new-app,
.settings-editor .tab-panel.style.variables .jwks,
.settings-editor .tab-panel.general .new-app,
.settings-editor .tab-panel.general .jwks,
.settings-editor .tab-panel.api .new-app,
.settings-editor .tab-panel.api .jwks,
.settings-editor .tab-panel.language .new-app,
.settings-editor .tab-panel.language .jwks,
.settings-editor .tab-panel.collaboration .new-app,
.settings-editor .tab-panel.collaboration .jwks,
.settings-editor .tab-panel.server.logs .new-app,
.settings-editor .tab-panel.server.logs .jwks,
.settings-editor .tab-panel.sub.apps .new-app,
.settings-editor .tab-panel.sub.apps .jwks,
.settings-editor .tab-panel.scheduledwf .new-app,
.settings-editor .tab-panel.scheduledwf .jwks,
.settings-editor .tab-panel.plan .new-app,
.settings-editor .tab-panel.plan .jwks,
.settings-editor .tab-panel.bubbleversion .new-app,
.settings-editor .tab-panel.bubbleversion .jwks,
.data-editor .tab-panel.mobile .new-app,
.data-editor .tab-panel.mobile .jwks,
.data-editor .tab-panel.metatags .new-app,
.data-editor .tab-panel.metatags .jwks,
.data-editor .tab-panel.domain .new-app,
.data-editor .tab-panel.domain .jwks,
.data-editor .tab-panel.style.variables .new-app,
.data-editor .tab-panel.style.variables .jwks,
.data-editor .tab-panel.general .new-app,
.data-editor .tab-panel.general .jwks,
.data-editor .tab-panel.api .new-app,
.data-editor .tab-panel.api .jwks,
.data-editor .tab-panel.language .new-app,
.data-editor .tab-panel.language .jwks,
.data-editor .tab-panel.collaboration .new-app,
.data-editor .tab-panel.collaboration .jwks,
.data-editor .tab-panel.server.logs .new-app,
.data-editor .tab-panel.server.logs .jwks,
.data-editor .tab-panel.sub.apps .new-app,
.data-editor .tab-panel.sub.apps .jwks,
.data-editor .tab-panel.scheduledwf .new-app,
.data-editor .tab-panel.scheduledwf .jwks,
.data-editor .tab-panel.plan .new-app,
.data-editor .tab-panel.plan .jwks,
.data-editor .tab-panel.bubbleversion .new-app,
.data-editor .tab-panel.bubbleversion .jwks,
.logs-editor .tab-panel.mobile .new-app,
.logs-editor .tab-panel.mobile .jwks,
.logs-editor .tab-panel.metatags .new-app,
.logs-editor .tab-panel.metatags .jwks,
.logs-editor .tab-panel.domain .new-app,
.logs-editor .tab-panel.domain .jwks,
.logs-editor .tab-panel.style.variables .new-app,
.logs-editor .tab-panel.style.variables .jwks,
.logs-editor .tab-panel.general .new-app,
.logs-editor .tab-panel.general .jwks,
.logs-editor .tab-panel.api .new-app,
.logs-editor .tab-panel.api .jwks,
.logs-editor .tab-panel.language .new-app,
.logs-editor .tab-panel.language .jwks,
.logs-editor .tab-panel.collaboration .new-app,
.logs-editor .tab-panel.collaboration .jwks,
.logs-editor .tab-panel.server.logs .new-app,
.logs-editor .tab-panel.server.logs .jwks,
.logs-editor .tab-panel.sub.apps .new-app,
.logs-editor .tab-panel.sub.apps .jwks,
.logs-editor .tab-panel.scheduledwf .new-app,
.logs-editor .tab-panel.scheduledwf .jwks,
.logs-editor .tab-panel.plan .new-app,
.logs-editor .tab-panel.plan .jwks,
.logs-editor .tab-panel.bubbleversion .new-app,
.logs-editor .tab-panel.bubbleversion .jwks,
.styles-editor .tab-panel.mobile .new-app,
.styles-editor .tab-panel.mobile .jwks,
.styles-editor .tab-panel.metatags .new-app,
.styles-editor .tab-panel.metatags .jwks,
.styles-editor .tab-panel.domain .new-app,
.styles-editor .tab-panel.domain .jwks,
.styles-editor .tab-panel.style.variables .new-app,
.styles-editor .tab-panel.style.variables .jwks,
.styles-editor .tab-panel.general .new-app,
.styles-editor .tab-panel.general .jwks,
.styles-editor .tab-panel.api .new-app,
.styles-editor .tab-panel.api .jwks,
.styles-editor .tab-panel.language .new-app,
.styles-editor .tab-panel.language .jwks,
.styles-editor .tab-panel.collaboration .new-app,
.styles-editor .tab-panel.collaboration .jwks,
.styles-editor .tab-panel.server.logs .new-app,
.styles-editor .tab-panel.server.logs .jwks,
.styles-editor .tab-panel.sub.apps .new-app,
.styles-editor .tab-panel.sub.apps .jwks,
.styles-editor .tab-panel.scheduledwf .new-app,
.styles-editor .tab-panel.scheduledwf .jwks,
.styles-editor .tab-panel.plan .new-app,
.styles-editor .tab-panel.plan .jwks,
.styles-editor .tab-panel.bubbleversion .new-app,
.styles-editor .tab-panel.bubbleversion .jwks {
  float: left;
  width: 250px;
}
.settings-editor .tab-panel.mobile .new-app.btn,
.settings-editor .tab-panel.metatags .new-app.btn,
.settings-editor .tab-panel.domain .new-app.btn,
.settings-editor .tab-panel.style.variables .new-app.btn,
.settings-editor .tab-panel.general .new-app.btn,
.settings-editor .tab-panel.api .new-app.btn,
.settings-editor .tab-panel.language .new-app.btn,
.settings-editor .tab-panel.collaboration .new-app.btn,
.settings-editor .tab-panel.server.logs .new-app.btn,
.settings-editor .tab-panel.sub.apps .new-app.btn,
.settings-editor .tab-panel.scheduledwf .new-app.btn,
.settings-editor .tab-panel.plan .new-app.btn,
.settings-editor .tab-panel.bubbleversion .new-app.btn,
.data-editor .tab-panel.mobile .new-app.btn,
.data-editor .tab-panel.metatags .new-app.btn,
.data-editor .tab-panel.domain .new-app.btn,
.data-editor .tab-panel.style.variables .new-app.btn,
.data-editor .tab-panel.general .new-app.btn,
.data-editor .tab-panel.api .new-app.btn,
.data-editor .tab-panel.language .new-app.btn,
.data-editor .tab-panel.collaboration .new-app.btn,
.data-editor .tab-panel.server.logs .new-app.btn,
.data-editor .tab-panel.sub.apps .new-app.btn,
.data-editor .tab-panel.scheduledwf .new-app.btn,
.data-editor .tab-panel.plan .new-app.btn,
.data-editor .tab-panel.bubbleversion .new-app.btn,
.logs-editor .tab-panel.mobile .new-app.btn,
.logs-editor .tab-panel.metatags .new-app.btn,
.logs-editor .tab-panel.domain .new-app.btn,
.logs-editor .tab-panel.style.variables .new-app.btn,
.logs-editor .tab-panel.general .new-app.btn,
.logs-editor .tab-panel.api .new-app.btn,
.logs-editor .tab-panel.language .new-app.btn,
.logs-editor .tab-panel.collaboration .new-app.btn,
.logs-editor .tab-panel.server.logs .new-app.btn,
.logs-editor .tab-panel.sub.apps .new-app.btn,
.logs-editor .tab-panel.scheduledwf .new-app.btn,
.logs-editor .tab-panel.plan .new-app.btn,
.logs-editor .tab-panel.bubbleversion .new-app.btn,
.styles-editor .tab-panel.mobile .new-app.btn,
.styles-editor .tab-panel.metatags .new-app.btn,
.styles-editor .tab-panel.domain .new-app.btn,
.styles-editor .tab-panel.style.variables .new-app.btn,
.styles-editor .tab-panel.general .new-app.btn,
.styles-editor .tab-panel.api .new-app.btn,
.styles-editor .tab-panel.language .new-app.btn,
.styles-editor .tab-panel.collaboration .new-app.btn,
.styles-editor .tab-panel.server.logs .new-app.btn,
.styles-editor .tab-panel.sub.apps .new-app.btn,
.styles-editor .tab-panel.scheduledwf .new-app.btn,
.styles-editor .tab-panel.plan .new-app.btn,
.styles-editor .tab-panel.bubbleversion .new-app.btn {
  margin-top: 30px;
  margin-bottom: 30px;
  clear: left;
}
.settings-editor .tab-panel.mobile .new-app.btn.optimize-app, .settings-editor .tab-panel.mobile .new-app.btn.clean-app-history,
.settings-editor .tab-panel.metatags .new-app.btn.optimize-app,
.settings-editor .tab-panel.metatags .new-app.btn.clean-app-history,
.settings-editor .tab-panel.domain .new-app.btn.optimize-app,
.settings-editor .tab-panel.domain .new-app.btn.clean-app-history,
.settings-editor .tab-panel.style.variables .new-app.btn.optimize-app,
.settings-editor .tab-panel.style.variables .new-app.btn.clean-app-history,
.settings-editor .tab-panel.general .new-app.btn.optimize-app,
.settings-editor .tab-panel.general .new-app.btn.clean-app-history,
.settings-editor .tab-panel.api .new-app.btn.optimize-app,
.settings-editor .tab-panel.api .new-app.btn.clean-app-history,
.settings-editor .tab-panel.language .new-app.btn.optimize-app,
.settings-editor .tab-panel.language .new-app.btn.clean-app-history,
.settings-editor .tab-panel.collaboration .new-app.btn.optimize-app,
.settings-editor .tab-panel.collaboration .new-app.btn.clean-app-history,
.settings-editor .tab-panel.server.logs .new-app.btn.optimize-app,
.settings-editor .tab-panel.server.logs .new-app.btn.clean-app-history,
.settings-editor .tab-panel.sub.apps .new-app.btn.optimize-app,
.settings-editor .tab-panel.sub.apps .new-app.btn.clean-app-history,
.settings-editor .tab-panel.scheduledwf .new-app.btn.optimize-app,
.settings-editor .tab-panel.scheduledwf .new-app.btn.clean-app-history,
.settings-editor .tab-panel.plan .new-app.btn.optimize-app,
.settings-editor .tab-panel.plan .new-app.btn.clean-app-history,
.settings-editor .tab-panel.bubbleversion .new-app.btn.optimize-app,
.settings-editor .tab-panel.bubbleversion .new-app.btn.clean-app-history,
.data-editor .tab-panel.mobile .new-app.btn.optimize-app,
.data-editor .tab-panel.mobile .new-app.btn.clean-app-history,
.data-editor .tab-panel.metatags .new-app.btn.optimize-app,
.data-editor .tab-panel.metatags .new-app.btn.clean-app-history,
.data-editor .tab-panel.domain .new-app.btn.optimize-app,
.data-editor .tab-panel.domain .new-app.btn.clean-app-history,
.data-editor .tab-panel.style.variables .new-app.btn.optimize-app,
.data-editor .tab-panel.style.variables .new-app.btn.clean-app-history,
.data-editor .tab-panel.general .new-app.btn.optimize-app,
.data-editor .tab-panel.general .new-app.btn.clean-app-history,
.data-editor .tab-panel.api .new-app.btn.optimize-app,
.data-editor .tab-panel.api .new-app.btn.clean-app-history,
.data-editor .tab-panel.language .new-app.btn.optimize-app,
.data-editor .tab-panel.language .new-app.btn.clean-app-history,
.data-editor .tab-panel.collaboration .new-app.btn.optimize-app,
.data-editor .tab-panel.collaboration .new-app.btn.clean-app-history,
.data-editor .tab-panel.server.logs .new-app.btn.optimize-app,
.data-editor .tab-panel.server.logs .new-app.btn.clean-app-history,
.data-editor .tab-panel.sub.apps .new-app.btn.optimize-app,
.data-editor .tab-panel.sub.apps .new-app.btn.clean-app-history,
.data-editor .tab-panel.scheduledwf .new-app.btn.optimize-app,
.data-editor .tab-panel.scheduledwf .new-app.btn.clean-app-history,
.data-editor .tab-panel.plan .new-app.btn.optimize-app,
.data-editor .tab-panel.plan .new-app.btn.clean-app-history,
.data-editor .tab-panel.bubbleversion .new-app.btn.optimize-app,
.data-editor .tab-panel.bubbleversion .new-app.btn.clean-app-history,
.logs-editor .tab-panel.mobile .new-app.btn.optimize-app,
.logs-editor .tab-panel.mobile .new-app.btn.clean-app-history,
.logs-editor .tab-panel.metatags .new-app.btn.optimize-app,
.logs-editor .tab-panel.metatags .new-app.btn.clean-app-history,
.logs-editor .tab-panel.domain .new-app.btn.optimize-app,
.logs-editor .tab-panel.domain .new-app.btn.clean-app-history,
.logs-editor .tab-panel.style.variables .new-app.btn.optimize-app,
.logs-editor .tab-panel.style.variables .new-app.btn.clean-app-history,
.logs-editor .tab-panel.general .new-app.btn.optimize-app,
.logs-editor .tab-panel.general .new-app.btn.clean-app-history,
.logs-editor .tab-panel.api .new-app.btn.optimize-app,
.logs-editor .tab-panel.api .new-app.btn.clean-app-history,
.logs-editor .tab-panel.language .new-app.btn.optimize-app,
.logs-editor .tab-panel.language .new-app.btn.clean-app-history,
.logs-editor .tab-panel.collaboration .new-app.btn.optimize-app,
.logs-editor .tab-panel.collaboration .new-app.btn.clean-app-history,
.logs-editor .tab-panel.server.logs .new-app.btn.optimize-app,
.logs-editor .tab-panel.server.logs .new-app.btn.clean-app-history,
.logs-editor .tab-panel.sub.apps .new-app.btn.optimize-app,
.logs-editor .tab-panel.sub.apps .new-app.btn.clean-app-history,
.logs-editor .tab-panel.scheduledwf .new-app.btn.optimize-app,
.logs-editor .tab-panel.scheduledwf .new-app.btn.clean-app-history,
.logs-editor .tab-panel.plan .new-app.btn.optimize-app,
.logs-editor .tab-panel.plan .new-app.btn.clean-app-history,
.logs-editor .tab-panel.bubbleversion .new-app.btn.optimize-app,
.logs-editor .tab-panel.bubbleversion .new-app.btn.clean-app-history,
.styles-editor .tab-panel.mobile .new-app.btn.optimize-app,
.styles-editor .tab-panel.mobile .new-app.btn.clean-app-history,
.styles-editor .tab-panel.metatags .new-app.btn.optimize-app,
.styles-editor .tab-panel.metatags .new-app.btn.clean-app-history,
.styles-editor .tab-panel.domain .new-app.btn.optimize-app,
.styles-editor .tab-panel.domain .new-app.btn.clean-app-history,
.styles-editor .tab-panel.style.variables .new-app.btn.optimize-app,
.styles-editor .tab-panel.style.variables .new-app.btn.clean-app-history,
.styles-editor .tab-panel.general .new-app.btn.optimize-app,
.styles-editor .tab-panel.general .new-app.btn.clean-app-history,
.styles-editor .tab-panel.api .new-app.btn.optimize-app,
.styles-editor .tab-panel.api .new-app.btn.clean-app-history,
.styles-editor .tab-panel.language .new-app.btn.optimize-app,
.styles-editor .tab-panel.language .new-app.btn.clean-app-history,
.styles-editor .tab-panel.collaboration .new-app.btn.optimize-app,
.styles-editor .tab-panel.collaboration .new-app.btn.clean-app-history,
.styles-editor .tab-panel.server.logs .new-app.btn.optimize-app,
.styles-editor .tab-panel.server.logs .new-app.btn.clean-app-history,
.styles-editor .tab-panel.sub.apps .new-app.btn.optimize-app,
.styles-editor .tab-panel.sub.apps .new-app.btn.clean-app-history,
.styles-editor .tab-panel.scheduledwf .new-app.btn.optimize-app,
.styles-editor .tab-panel.scheduledwf .new-app.btn.clean-app-history,
.styles-editor .tab-panel.plan .new-app.btn.optimize-app,
.styles-editor .tab-panel.plan .new-app.btn.clean-app-history,
.styles-editor .tab-panel.bubbleversion .new-app.btn.optimize-app,
.styles-editor .tab-panel.bubbleversion .new-app.btn.clean-app-history {
  margin-top: 10px;
}
.settings-editor .tab-panel.mobile .new-app.btn.inline,
.settings-editor .tab-panel.metatags .new-app.btn.inline,
.settings-editor .tab-panel.domain .new-app.btn.inline,
.settings-editor .tab-panel.style.variables .new-app.btn.inline,
.settings-editor .tab-panel.general .new-app.btn.inline,
.settings-editor .tab-panel.api .new-app.btn.inline,
.settings-editor .tab-panel.language .new-app.btn.inline,
.settings-editor .tab-panel.collaboration .new-app.btn.inline,
.settings-editor .tab-panel.server.logs .new-app.btn.inline,
.settings-editor .tab-panel.sub.apps .new-app.btn.inline,
.settings-editor .tab-panel.scheduledwf .new-app.btn.inline,
.settings-editor .tab-panel.plan .new-app.btn.inline,
.settings-editor .tab-panel.bubbleversion .new-app.btn.inline,
.data-editor .tab-panel.mobile .new-app.btn.inline,
.data-editor .tab-panel.metatags .new-app.btn.inline,
.data-editor .tab-panel.domain .new-app.btn.inline,
.data-editor .tab-panel.style.variables .new-app.btn.inline,
.data-editor .tab-panel.general .new-app.btn.inline,
.data-editor .tab-panel.api .new-app.btn.inline,
.data-editor .tab-panel.language .new-app.btn.inline,
.data-editor .tab-panel.collaboration .new-app.btn.inline,
.data-editor .tab-panel.server.logs .new-app.btn.inline,
.data-editor .tab-panel.sub.apps .new-app.btn.inline,
.data-editor .tab-panel.scheduledwf .new-app.btn.inline,
.data-editor .tab-panel.plan .new-app.btn.inline,
.data-editor .tab-panel.bubbleversion .new-app.btn.inline,
.logs-editor .tab-panel.mobile .new-app.btn.inline,
.logs-editor .tab-panel.metatags .new-app.btn.inline,
.logs-editor .tab-panel.domain .new-app.btn.inline,
.logs-editor .tab-panel.style.variables .new-app.btn.inline,
.logs-editor .tab-panel.general .new-app.btn.inline,
.logs-editor .tab-panel.api .new-app.btn.inline,
.logs-editor .tab-panel.language .new-app.btn.inline,
.logs-editor .tab-panel.collaboration .new-app.btn.inline,
.logs-editor .tab-panel.server.logs .new-app.btn.inline,
.logs-editor .tab-panel.sub.apps .new-app.btn.inline,
.logs-editor .tab-panel.scheduledwf .new-app.btn.inline,
.logs-editor .tab-panel.plan .new-app.btn.inline,
.logs-editor .tab-panel.bubbleversion .new-app.btn.inline,
.styles-editor .tab-panel.mobile .new-app.btn.inline,
.styles-editor .tab-panel.metatags .new-app.btn.inline,
.styles-editor .tab-panel.domain .new-app.btn.inline,
.styles-editor .tab-panel.style.variables .new-app.btn.inline,
.styles-editor .tab-panel.general .new-app.btn.inline,
.styles-editor .tab-panel.api .new-app.btn.inline,
.styles-editor .tab-panel.language .new-app.btn.inline,
.styles-editor .tab-panel.collaboration .new-app.btn.inline,
.styles-editor .tab-panel.server.logs .new-app.btn.inline,
.styles-editor .tab-panel.sub.apps .new-app.btn.inline,
.styles-editor .tab-panel.scheduledwf .new-app.btn.inline,
.styles-editor .tab-panel.plan .new-app.btn.inline,
.styles-editor .tab-panel.bubbleversion .new-app.btn.inline {
  clear: none;
  margin-left: 20px;
}
.settings-editor .tab-panel.mobile .new-app.btn.export-import-btn,
.settings-editor .tab-panel.metatags .new-app.btn.export-import-btn,
.settings-editor .tab-panel.domain .new-app.btn.export-import-btn,
.settings-editor .tab-panel.style.variables .new-app.btn.export-import-btn,
.settings-editor .tab-panel.general .new-app.btn.export-import-btn,
.settings-editor .tab-panel.api .new-app.btn.export-import-btn,
.settings-editor .tab-panel.language .new-app.btn.export-import-btn,
.settings-editor .tab-panel.collaboration .new-app.btn.export-import-btn,
.settings-editor .tab-panel.server.logs .new-app.btn.export-import-btn,
.settings-editor .tab-panel.sub.apps .new-app.btn.export-import-btn,
.settings-editor .tab-panel.scheduledwf .new-app.btn.export-import-btn,
.settings-editor .tab-panel.plan .new-app.btn.export-import-btn,
.settings-editor .tab-panel.bubbleversion .new-app.btn.export-import-btn,
.data-editor .tab-panel.mobile .new-app.btn.export-import-btn,
.data-editor .tab-panel.metatags .new-app.btn.export-import-btn,
.data-editor .tab-panel.domain .new-app.btn.export-import-btn,
.data-editor .tab-panel.style.variables .new-app.btn.export-import-btn,
.data-editor .tab-panel.general .new-app.btn.export-import-btn,
.data-editor .tab-panel.api .new-app.btn.export-import-btn,
.data-editor .tab-panel.language .new-app.btn.export-import-btn,
.data-editor .tab-panel.collaboration .new-app.btn.export-import-btn,
.data-editor .tab-panel.server.logs .new-app.btn.export-import-btn,
.data-editor .tab-panel.sub.apps .new-app.btn.export-import-btn,
.data-editor .tab-panel.scheduledwf .new-app.btn.export-import-btn,
.data-editor .tab-panel.plan .new-app.btn.export-import-btn,
.data-editor .tab-panel.bubbleversion .new-app.btn.export-import-btn,
.logs-editor .tab-panel.mobile .new-app.btn.export-import-btn,
.logs-editor .tab-panel.metatags .new-app.btn.export-import-btn,
.logs-editor .tab-panel.domain .new-app.btn.export-import-btn,
.logs-editor .tab-panel.style.variables .new-app.btn.export-import-btn,
.logs-editor .tab-panel.general .new-app.btn.export-import-btn,
.logs-editor .tab-panel.api .new-app.btn.export-import-btn,
.logs-editor .tab-panel.language .new-app.btn.export-import-btn,
.logs-editor .tab-panel.collaboration .new-app.btn.export-import-btn,
.logs-editor .tab-panel.server.logs .new-app.btn.export-import-btn,
.logs-editor .tab-panel.sub.apps .new-app.btn.export-import-btn,
.logs-editor .tab-panel.scheduledwf .new-app.btn.export-import-btn,
.logs-editor .tab-panel.plan .new-app.btn.export-import-btn,
.logs-editor .tab-panel.bubbleversion .new-app.btn.export-import-btn,
.styles-editor .tab-panel.mobile .new-app.btn.export-import-btn,
.styles-editor .tab-panel.metatags .new-app.btn.export-import-btn,
.styles-editor .tab-panel.domain .new-app.btn.export-import-btn,
.styles-editor .tab-panel.style.variables .new-app.btn.export-import-btn,
.styles-editor .tab-panel.general .new-app.btn.export-import-btn,
.styles-editor .tab-panel.api .new-app.btn.export-import-btn,
.styles-editor .tab-panel.language .new-app.btn.export-import-btn,
.styles-editor .tab-panel.collaboration .new-app.btn.export-import-btn,
.styles-editor .tab-panel.server.logs .new-app.btn.export-import-btn,
.styles-editor .tab-panel.sub.apps .new-app.btn.export-import-btn,
.styles-editor .tab-panel.scheduledwf .new-app.btn.export-import-btn,
.styles-editor .tab-panel.plan .new-app.btn.export-import-btn,
.styles-editor .tab-panel.bubbleversion .new-app.btn.export-import-btn {
  margin-top: 10px;
}
.settings-editor .tab-panel.mobile .jwks,
.settings-editor .tab-panel.metatags .jwks,
.settings-editor .tab-panel.domain .jwks,
.settings-editor .tab-panel.style.variables .jwks,
.settings-editor .tab-panel.general .jwks,
.settings-editor .tab-panel.api .jwks,
.settings-editor .tab-panel.language .jwks,
.settings-editor .tab-panel.collaboration .jwks,
.settings-editor .tab-panel.server.logs .jwks,
.settings-editor .tab-panel.sub.apps .jwks,
.settings-editor .tab-panel.scheduledwf .jwks,
.settings-editor .tab-panel.plan .jwks,
.settings-editor .tab-panel.bubbleversion .jwks,
.data-editor .tab-panel.mobile .jwks,
.data-editor .tab-panel.metatags .jwks,
.data-editor .tab-panel.domain .jwks,
.data-editor .tab-panel.style.variables .jwks,
.data-editor .tab-panel.general .jwks,
.data-editor .tab-panel.api .jwks,
.data-editor .tab-panel.language .jwks,
.data-editor .tab-panel.collaboration .jwks,
.data-editor .tab-panel.server.logs .jwks,
.data-editor .tab-panel.sub.apps .jwks,
.data-editor .tab-panel.scheduledwf .jwks,
.data-editor .tab-panel.plan .jwks,
.data-editor .tab-panel.bubbleversion .jwks,
.logs-editor .tab-panel.mobile .jwks,
.logs-editor .tab-panel.metatags .jwks,
.logs-editor .tab-panel.domain .jwks,
.logs-editor .tab-panel.style.variables .jwks,
.logs-editor .tab-panel.general .jwks,
.logs-editor .tab-panel.api .jwks,
.logs-editor .tab-panel.language .jwks,
.logs-editor .tab-panel.collaboration .jwks,
.logs-editor .tab-panel.server.logs .jwks,
.logs-editor .tab-panel.sub.apps .jwks,
.logs-editor .tab-panel.scheduledwf .jwks,
.logs-editor .tab-panel.plan .jwks,
.logs-editor .tab-panel.bubbleversion .jwks,
.styles-editor .tab-panel.mobile .jwks,
.styles-editor .tab-panel.metatags .jwks,
.styles-editor .tab-panel.domain .jwks,
.styles-editor .tab-panel.style.variables .jwks,
.styles-editor .tab-panel.general .jwks,
.styles-editor .tab-panel.api .jwks,
.styles-editor .tab-panel.language .jwks,
.styles-editor .tab-panel.collaboration .jwks,
.styles-editor .tab-panel.server.logs .jwks,
.styles-editor .tab-panel.sub.apps .jwks,
.styles-editor .tab-panel.scheduledwf .jwks,
.styles-editor .tab-panel.plan .jwks,
.styles-editor .tab-panel.bubbleversion .jwks {
  margin-top: 20px;
}
.settings-editor .tab-panel.mobile .jwks:hover,
.settings-editor .tab-panel.metatags .jwks:hover,
.settings-editor .tab-panel.domain .jwks:hover,
.settings-editor .tab-panel.style.variables .jwks:hover,
.settings-editor .tab-panel.general .jwks:hover,
.settings-editor .tab-panel.api .jwks:hover,
.settings-editor .tab-panel.language .jwks:hover,
.settings-editor .tab-panel.collaboration .jwks:hover,
.settings-editor .tab-panel.server.logs .jwks:hover,
.settings-editor .tab-panel.sub.apps .jwks:hover,
.settings-editor .tab-panel.scheduledwf .jwks:hover,
.settings-editor .tab-panel.plan .jwks:hover,
.settings-editor .tab-panel.bubbleversion .jwks:hover,
.data-editor .tab-panel.mobile .jwks:hover,
.data-editor .tab-panel.metatags .jwks:hover,
.data-editor .tab-panel.domain .jwks:hover,
.data-editor .tab-panel.style.variables .jwks:hover,
.data-editor .tab-panel.general .jwks:hover,
.data-editor .tab-panel.api .jwks:hover,
.data-editor .tab-panel.language .jwks:hover,
.data-editor .tab-panel.collaboration .jwks:hover,
.data-editor .tab-panel.server.logs .jwks:hover,
.data-editor .tab-panel.sub.apps .jwks:hover,
.data-editor .tab-panel.scheduledwf .jwks:hover,
.data-editor .tab-panel.plan .jwks:hover,
.data-editor .tab-panel.bubbleversion .jwks:hover,
.logs-editor .tab-panel.mobile .jwks:hover,
.logs-editor .tab-panel.metatags .jwks:hover,
.logs-editor .tab-panel.domain .jwks:hover,
.logs-editor .tab-panel.style.variables .jwks:hover,
.logs-editor .tab-panel.general .jwks:hover,
.logs-editor .tab-panel.api .jwks:hover,
.logs-editor .tab-panel.language .jwks:hover,
.logs-editor .tab-panel.collaboration .jwks:hover,
.logs-editor .tab-panel.server.logs .jwks:hover,
.logs-editor .tab-panel.sub.apps .jwks:hover,
.logs-editor .tab-panel.scheduledwf .jwks:hover,
.logs-editor .tab-panel.plan .jwks:hover,
.logs-editor .tab-panel.bubbleversion .jwks:hover,
.styles-editor .tab-panel.mobile .jwks:hover,
.styles-editor .tab-panel.metatags .jwks:hover,
.styles-editor .tab-panel.domain .jwks:hover,
.styles-editor .tab-panel.style.variables .jwks:hover,
.styles-editor .tab-panel.general .jwks:hover,
.styles-editor .tab-panel.api .jwks:hover,
.styles-editor .tab-panel.language .jwks:hover,
.styles-editor .tab-panel.collaboration .jwks:hover,
.styles-editor .tab-panel.server.logs .jwks:hover,
.styles-editor .tab-panel.sub.apps .jwks:hover,
.styles-editor .tab-panel.scheduledwf .jwks:hover,
.styles-editor .tab-panel.plan .jwks:hover,
.styles-editor .tab-panel.bubbleversion .jwks:hover {
  text-decoration: none;
}
.settings-editor .tab-panel.mobile .apps-list,
.settings-editor .tab-panel.metatags .apps-list,
.settings-editor .tab-panel.domain .apps-list,
.settings-editor .tab-panel.style.variables .apps-list,
.settings-editor .tab-panel.general .apps-list,
.settings-editor .tab-panel.api .apps-list,
.settings-editor .tab-panel.language .apps-list,
.settings-editor .tab-panel.collaboration .apps-list,
.settings-editor .tab-panel.server.logs .apps-list,
.settings-editor .tab-panel.sub.apps .apps-list,
.settings-editor .tab-panel.scheduledwf .apps-list,
.settings-editor .tab-panel.plan .apps-list,
.settings-editor .tab-panel.bubbleversion .apps-list,
.data-editor .tab-panel.mobile .apps-list,
.data-editor .tab-panel.metatags .apps-list,
.data-editor .tab-panel.domain .apps-list,
.data-editor .tab-panel.style.variables .apps-list,
.data-editor .tab-panel.general .apps-list,
.data-editor .tab-panel.api .apps-list,
.data-editor .tab-panel.language .apps-list,
.data-editor .tab-panel.collaboration .apps-list,
.data-editor .tab-panel.server.logs .apps-list,
.data-editor .tab-panel.sub.apps .apps-list,
.data-editor .tab-panel.scheduledwf .apps-list,
.data-editor .tab-panel.plan .apps-list,
.data-editor .tab-panel.bubbleversion .apps-list,
.logs-editor .tab-panel.mobile .apps-list,
.logs-editor .tab-panel.metatags .apps-list,
.logs-editor .tab-panel.domain .apps-list,
.logs-editor .tab-panel.style.variables .apps-list,
.logs-editor .tab-panel.general .apps-list,
.logs-editor .tab-panel.api .apps-list,
.logs-editor .tab-panel.language .apps-list,
.logs-editor .tab-panel.collaboration .apps-list,
.logs-editor .tab-panel.server.logs .apps-list,
.logs-editor .tab-panel.sub.apps .apps-list,
.logs-editor .tab-panel.scheduledwf .apps-list,
.logs-editor .tab-panel.plan .apps-list,
.logs-editor .tab-panel.bubbleversion .apps-list,
.styles-editor .tab-panel.mobile .apps-list,
.styles-editor .tab-panel.metatags .apps-list,
.styles-editor .tab-panel.domain .apps-list,
.styles-editor .tab-panel.style.variables .apps-list,
.styles-editor .tab-panel.general .apps-list,
.styles-editor .tab-panel.api .apps-list,
.styles-editor .tab-panel.language .apps-list,
.styles-editor .tab-panel.collaboration .apps-list,
.styles-editor .tab-panel.server.logs .apps-list,
.styles-editor .tab-panel.sub.apps .apps-list,
.styles-editor .tab-panel.scheduledwf .apps-list,
.styles-editor .tab-panel.plan .apps-list,
.styles-editor .tab-panel.bubbleversion .apps-list {
  float: left;
  clear: both;
  margin-top: 20px;
}
.settings-editor .tab-panel.mobile .apps-list .app,
.settings-editor .tab-panel.metatags .apps-list .app,
.settings-editor .tab-panel.domain .apps-list .app,
.settings-editor .tab-panel.style.variables .apps-list .app,
.settings-editor .tab-panel.general .apps-list .app,
.settings-editor .tab-panel.api .apps-list .app,
.settings-editor .tab-panel.language .apps-list .app,
.settings-editor .tab-panel.collaboration .apps-list .app,
.settings-editor .tab-panel.server.logs .apps-list .app,
.settings-editor .tab-panel.sub.apps .apps-list .app,
.settings-editor .tab-panel.scheduledwf .apps-list .app,
.settings-editor .tab-panel.plan .apps-list .app,
.settings-editor .tab-panel.bubbleversion .apps-list .app,
.data-editor .tab-panel.mobile .apps-list .app,
.data-editor .tab-panel.metatags .apps-list .app,
.data-editor .tab-panel.domain .apps-list .app,
.data-editor .tab-panel.style.variables .apps-list .app,
.data-editor .tab-panel.general .apps-list .app,
.data-editor .tab-panel.api .apps-list .app,
.data-editor .tab-panel.language .apps-list .app,
.data-editor .tab-panel.collaboration .apps-list .app,
.data-editor .tab-panel.server.logs .apps-list .app,
.data-editor .tab-panel.sub.apps .apps-list .app,
.data-editor .tab-panel.scheduledwf .apps-list .app,
.data-editor .tab-panel.plan .apps-list .app,
.data-editor .tab-panel.bubbleversion .apps-list .app,
.logs-editor .tab-panel.mobile .apps-list .app,
.logs-editor .tab-panel.metatags .apps-list .app,
.logs-editor .tab-panel.domain .apps-list .app,
.logs-editor .tab-panel.style.variables .apps-list .app,
.logs-editor .tab-panel.general .apps-list .app,
.logs-editor .tab-panel.api .apps-list .app,
.logs-editor .tab-panel.language .apps-list .app,
.logs-editor .tab-panel.collaboration .apps-list .app,
.logs-editor .tab-panel.server.logs .apps-list .app,
.logs-editor .tab-panel.sub.apps .apps-list .app,
.logs-editor .tab-panel.scheduledwf .apps-list .app,
.logs-editor .tab-panel.plan .apps-list .app,
.logs-editor .tab-panel.bubbleversion .apps-list .app,
.styles-editor .tab-panel.mobile .apps-list .app,
.styles-editor .tab-panel.metatags .apps-list .app,
.styles-editor .tab-panel.domain .apps-list .app,
.styles-editor .tab-panel.style.variables .apps-list .app,
.styles-editor .tab-panel.general .apps-list .app,
.styles-editor .tab-panel.api .apps-list .app,
.styles-editor .tab-panel.language .apps-list .app,
.styles-editor .tab-panel.collaboration .apps-list .app,
.styles-editor .tab-panel.server.logs .apps-list .app,
.styles-editor .tab-panel.sub.apps .apps-list .app,
.styles-editor .tab-panel.scheduledwf .apps-list .app,
.styles-editor .tab-panel.plan .apps-list .app,
.styles-editor .tab-panel.bubbleversion .apps-list .app {
  margin: 10px 20px 0px 0px;
  overflow: hidden;
  float: left;
  width: 530px;
  clear: none;
}
.settings-editor .tab-panel.mobile .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.metatags .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.domain .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.style.variables .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.general .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.api .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.language .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.collaboration .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.server.logs .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.plan .apps-list .app .regenerate-secret,
.settings-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret,
.data-editor .tab-panel.mobile .apps-list .app .regenerate-secret,
.data-editor .tab-panel.metatags .apps-list .app .regenerate-secret,
.data-editor .tab-panel.domain .apps-list .app .regenerate-secret,
.data-editor .tab-panel.style.variables .apps-list .app .regenerate-secret,
.data-editor .tab-panel.general .apps-list .app .regenerate-secret,
.data-editor .tab-panel.api .apps-list .app .regenerate-secret,
.data-editor .tab-panel.language .apps-list .app .regenerate-secret,
.data-editor .tab-panel.collaboration .apps-list .app .regenerate-secret,
.data-editor .tab-panel.server.logs .apps-list .app .regenerate-secret,
.data-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret,
.data-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret,
.data-editor .tab-panel.plan .apps-list .app .regenerate-secret,
.data-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.mobile .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.metatags .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.domain .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.style.variables .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.general .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.api .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.language .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.collaboration .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.server.logs .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.plan .apps-list .app .regenerate-secret,
.logs-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.mobile .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.metatags .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.domain .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.style.variables .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.general .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.api .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.language .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.collaboration .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.server.logs .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.plan .apps-list .app .regenerate-secret,
.styles-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret {
  width: 200px;
  clear: both;
  float: right;
  margin-top: 20px;
}
.settings-editor .tab-panel.mobile .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.metatags .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.domain .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.style.variables .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.general .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.api .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.language .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.collaboration .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.server.logs .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.plan .apps-list .app .regenerate-secret:hover,
.settings-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.mobile .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.metatags .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.domain .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.style.variables .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.general .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.api .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.language .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.collaboration .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.server.logs .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.plan .apps-list .app .regenerate-secret:hover,
.data-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.mobile .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.metatags .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.domain .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.style.variables .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.general .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.api .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.language .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.collaboration .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.server.logs .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.plan .apps-list .app .regenerate-secret:hover,
.logs-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.mobile .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.metatags .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.domain .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.style.variables .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.general .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.api .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.language .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.collaboration .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.server.logs .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.sub.apps .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.scheduledwf .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.plan .apps-list .app .regenerate-secret:hover,
.styles-editor .tab-panel.bubbleversion .apps-list .app .regenerate-secret:hover {
  background-color: #eef3f3;
}
.settings-editor .tab-panel.mobile .apps-list .app input,
.settings-editor .tab-panel.metatags .apps-list .app input,
.settings-editor .tab-panel.domain .apps-list .app input,
.settings-editor .tab-panel.style.variables .apps-list .app input,
.settings-editor .tab-panel.general .apps-list .app input,
.settings-editor .tab-panel.api .apps-list .app input,
.settings-editor .tab-panel.language .apps-list .app input,
.settings-editor .tab-panel.collaboration .apps-list .app input,
.settings-editor .tab-panel.server.logs .apps-list .app input,
.settings-editor .tab-panel.sub.apps .apps-list .app input,
.settings-editor .tab-panel.scheduledwf .apps-list .app input,
.settings-editor .tab-panel.plan .apps-list .app input,
.settings-editor .tab-panel.bubbleversion .apps-list .app input,
.data-editor .tab-panel.mobile .apps-list .app input,
.data-editor .tab-panel.metatags .apps-list .app input,
.data-editor .tab-panel.domain .apps-list .app input,
.data-editor .tab-panel.style.variables .apps-list .app input,
.data-editor .tab-panel.general .apps-list .app input,
.data-editor .tab-panel.api .apps-list .app input,
.data-editor .tab-panel.language .apps-list .app input,
.data-editor .tab-panel.collaboration .apps-list .app input,
.data-editor .tab-panel.server.logs .apps-list .app input,
.data-editor .tab-panel.sub.apps .apps-list .app input,
.data-editor .tab-panel.scheduledwf .apps-list .app input,
.data-editor .tab-panel.plan .apps-list .app input,
.data-editor .tab-panel.bubbleversion .apps-list .app input,
.logs-editor .tab-panel.mobile .apps-list .app input,
.logs-editor .tab-panel.metatags .apps-list .app input,
.logs-editor .tab-panel.domain .apps-list .app input,
.logs-editor .tab-panel.style.variables .apps-list .app input,
.logs-editor .tab-panel.general .apps-list .app input,
.logs-editor .tab-panel.api .apps-list .app input,
.logs-editor .tab-panel.language .apps-list .app input,
.logs-editor .tab-panel.collaboration .apps-list .app input,
.logs-editor .tab-panel.server.logs .apps-list .app input,
.logs-editor .tab-panel.sub.apps .apps-list .app input,
.logs-editor .tab-panel.scheduledwf .apps-list .app input,
.logs-editor .tab-panel.plan .apps-list .app input,
.logs-editor .tab-panel.bubbleversion .apps-list .app input,
.styles-editor .tab-panel.mobile .apps-list .app input,
.styles-editor .tab-panel.metatags .apps-list .app input,
.styles-editor .tab-panel.domain .apps-list .app input,
.styles-editor .tab-panel.style.variables .apps-list .app input,
.styles-editor .tab-panel.general .apps-list .app input,
.styles-editor .tab-panel.api .apps-list .app input,
.styles-editor .tab-panel.language .apps-list .app input,
.styles-editor .tab-panel.collaboration .apps-list .app input,
.styles-editor .tab-panel.server.logs .apps-list .app input,
.styles-editor .tab-panel.sub.apps .apps-list .app input,
.styles-editor .tab-panel.scheduledwf .apps-list .app input,
.styles-editor .tab-panel.plan .apps-list .app input,
.styles-editor .tab-panel.bubbleversion .apps-list .app input {
  background-color: white;
}
.settings-editor .tab-panel.mobile .apps-list .app .field,
.settings-editor .tab-panel.metatags .apps-list .app .field,
.settings-editor .tab-panel.domain .apps-list .app .field,
.settings-editor .tab-panel.style.variables .apps-list .app .field,
.settings-editor .tab-panel.general .apps-list .app .field,
.settings-editor .tab-panel.api .apps-list .app .field,
.settings-editor .tab-panel.language .apps-list .app .field,
.settings-editor .tab-panel.collaboration .apps-list .app .field,
.settings-editor .tab-panel.server.logs .apps-list .app .field,
.settings-editor .tab-panel.sub.apps .apps-list .app .field,
.settings-editor .tab-panel.scheduledwf .apps-list .app .field,
.settings-editor .tab-panel.plan .apps-list .app .field,
.settings-editor .tab-panel.bubbleversion .apps-list .app .field,
.data-editor .tab-panel.mobile .apps-list .app .field,
.data-editor .tab-panel.metatags .apps-list .app .field,
.data-editor .tab-panel.domain .apps-list .app .field,
.data-editor .tab-panel.style.variables .apps-list .app .field,
.data-editor .tab-panel.general .apps-list .app .field,
.data-editor .tab-panel.api .apps-list .app .field,
.data-editor .tab-panel.language .apps-list .app .field,
.data-editor .tab-panel.collaboration .apps-list .app .field,
.data-editor .tab-panel.server.logs .apps-list .app .field,
.data-editor .tab-panel.sub.apps .apps-list .app .field,
.data-editor .tab-panel.scheduledwf .apps-list .app .field,
.data-editor .tab-panel.plan .apps-list .app .field,
.data-editor .tab-panel.bubbleversion .apps-list .app .field,
.logs-editor .tab-panel.mobile .apps-list .app .field,
.logs-editor .tab-panel.metatags .apps-list .app .field,
.logs-editor .tab-panel.domain .apps-list .app .field,
.logs-editor .tab-panel.style.variables .apps-list .app .field,
.logs-editor .tab-panel.general .apps-list .app .field,
.logs-editor .tab-panel.api .apps-list .app .field,
.logs-editor .tab-panel.language .apps-list .app .field,
.logs-editor .tab-panel.collaboration .apps-list .app .field,
.logs-editor .tab-panel.server.logs .apps-list .app .field,
.logs-editor .tab-panel.sub.apps .apps-list .app .field,
.logs-editor .tab-panel.scheduledwf .apps-list .app .field,
.logs-editor .tab-panel.plan .apps-list .app .field,
.logs-editor .tab-panel.bubbleversion .apps-list .app .field,
.styles-editor .tab-panel.mobile .apps-list .app .field,
.styles-editor .tab-panel.metatags .apps-list .app .field,
.styles-editor .tab-panel.domain .apps-list .app .field,
.styles-editor .tab-panel.style.variables .apps-list .app .field,
.styles-editor .tab-panel.general .apps-list .app .field,
.styles-editor .tab-panel.api .apps-list .app .field,
.styles-editor .tab-panel.language .apps-list .app .field,
.styles-editor .tab-panel.collaboration .apps-list .app .field,
.styles-editor .tab-panel.server.logs .apps-list .app .field,
.styles-editor .tab-panel.sub.apps .apps-list .app .field,
.styles-editor .tab-panel.scheduledwf .apps-list .app .field,
.styles-editor .tab-panel.plan .apps-list .app .field,
.styles-editor .tab-panel.bubbleversion .apps-list .app .field {
  margin-right: 0;
  width: 260px;
}
.settings-editor .tab-panel.mobile .facebook-meta-tag.title,
.settings-editor .tab-panel.mobile .field.title.facebook,
.settings-editor .tab-panel.metatags .facebook-meta-tag.title,
.settings-editor .tab-panel.metatags .field.title.facebook,
.settings-editor .tab-panel.domain .facebook-meta-tag.title,
.settings-editor .tab-panel.domain .field.title.facebook,
.settings-editor .tab-panel.style.variables .facebook-meta-tag.title,
.settings-editor .tab-panel.style.variables .field.title.facebook,
.settings-editor .tab-panel.general .facebook-meta-tag.title,
.settings-editor .tab-panel.general .field.title.facebook,
.settings-editor .tab-panel.api .facebook-meta-tag.title,
.settings-editor .tab-panel.api .field.title.facebook,
.settings-editor .tab-panel.language .facebook-meta-tag.title,
.settings-editor .tab-panel.language .field.title.facebook,
.settings-editor .tab-panel.collaboration .facebook-meta-tag.title,
.settings-editor .tab-panel.collaboration .field.title.facebook,
.settings-editor .tab-panel.server.logs .facebook-meta-tag.title,
.settings-editor .tab-panel.server.logs .field.title.facebook,
.settings-editor .tab-panel.sub.apps .facebook-meta-tag.title,
.settings-editor .tab-panel.sub.apps .field.title.facebook,
.settings-editor .tab-panel.scheduledwf .facebook-meta-tag.title,
.settings-editor .tab-panel.scheduledwf .field.title.facebook,
.settings-editor .tab-panel.plan .facebook-meta-tag.title,
.settings-editor .tab-panel.plan .field.title.facebook,
.settings-editor .tab-panel.bubbleversion .facebook-meta-tag.title,
.settings-editor .tab-panel.bubbleversion .field.title.facebook,
.data-editor .tab-panel.mobile .facebook-meta-tag.title,
.data-editor .tab-panel.mobile .field.title.facebook,
.data-editor .tab-panel.metatags .facebook-meta-tag.title,
.data-editor .tab-panel.metatags .field.title.facebook,
.data-editor .tab-panel.domain .facebook-meta-tag.title,
.data-editor .tab-panel.domain .field.title.facebook,
.data-editor .tab-panel.style.variables .facebook-meta-tag.title,
.data-editor .tab-panel.style.variables .field.title.facebook,
.data-editor .tab-panel.general .facebook-meta-tag.title,
.data-editor .tab-panel.general .field.title.facebook,
.data-editor .tab-panel.api .facebook-meta-tag.title,
.data-editor .tab-panel.api .field.title.facebook,
.data-editor .tab-panel.language .facebook-meta-tag.title,
.data-editor .tab-panel.language .field.title.facebook,
.data-editor .tab-panel.collaboration .facebook-meta-tag.title,
.data-editor .tab-panel.collaboration .field.title.facebook,
.data-editor .tab-panel.server.logs .facebook-meta-tag.title,
.data-editor .tab-panel.server.logs .field.title.facebook,
.data-editor .tab-panel.sub.apps .facebook-meta-tag.title,
.data-editor .tab-panel.sub.apps .field.title.facebook,
.data-editor .tab-panel.scheduledwf .facebook-meta-tag.title,
.data-editor .tab-panel.scheduledwf .field.title.facebook,
.data-editor .tab-panel.plan .facebook-meta-tag.title,
.data-editor .tab-panel.plan .field.title.facebook,
.data-editor .tab-panel.bubbleversion .facebook-meta-tag.title,
.data-editor .tab-panel.bubbleversion .field.title.facebook,
.logs-editor .tab-panel.mobile .facebook-meta-tag.title,
.logs-editor .tab-panel.mobile .field.title.facebook,
.logs-editor .tab-panel.metatags .facebook-meta-tag.title,
.logs-editor .tab-panel.metatags .field.title.facebook,
.logs-editor .tab-panel.domain .facebook-meta-tag.title,
.logs-editor .tab-panel.domain .field.title.facebook,
.logs-editor .tab-panel.style.variables .facebook-meta-tag.title,
.logs-editor .tab-panel.style.variables .field.title.facebook,
.logs-editor .tab-panel.general .facebook-meta-tag.title,
.logs-editor .tab-panel.general .field.title.facebook,
.logs-editor .tab-panel.api .facebook-meta-tag.title,
.logs-editor .tab-panel.api .field.title.facebook,
.logs-editor .tab-panel.language .facebook-meta-tag.title,
.logs-editor .tab-panel.language .field.title.facebook,
.logs-editor .tab-panel.collaboration .facebook-meta-tag.title,
.logs-editor .tab-panel.collaboration .field.title.facebook,
.logs-editor .tab-panel.server.logs .facebook-meta-tag.title,
.logs-editor .tab-panel.server.logs .field.title.facebook,
.logs-editor .tab-panel.sub.apps .facebook-meta-tag.title,
.logs-editor .tab-panel.sub.apps .field.title.facebook,
.logs-editor .tab-panel.scheduledwf .facebook-meta-tag.title,
.logs-editor .tab-panel.scheduledwf .field.title.facebook,
.logs-editor .tab-panel.plan .facebook-meta-tag.title,
.logs-editor .tab-panel.plan .field.title.facebook,
.logs-editor .tab-panel.bubbleversion .facebook-meta-tag.title,
.logs-editor .tab-panel.bubbleversion .field.title.facebook,
.styles-editor .tab-panel.mobile .facebook-meta-tag.title,
.styles-editor .tab-panel.mobile .field.title.facebook,
.styles-editor .tab-panel.metatags .facebook-meta-tag.title,
.styles-editor .tab-panel.metatags .field.title.facebook,
.styles-editor .tab-panel.domain .facebook-meta-tag.title,
.styles-editor .tab-panel.domain .field.title.facebook,
.styles-editor .tab-panel.style.variables .facebook-meta-tag.title,
.styles-editor .tab-panel.style.variables .field.title.facebook,
.styles-editor .tab-panel.general .facebook-meta-tag.title,
.styles-editor .tab-panel.general .field.title.facebook,
.styles-editor .tab-panel.api .facebook-meta-tag.title,
.styles-editor .tab-panel.api .field.title.facebook,
.styles-editor .tab-panel.language .facebook-meta-tag.title,
.styles-editor .tab-panel.language .field.title.facebook,
.styles-editor .tab-panel.collaboration .facebook-meta-tag.title,
.styles-editor .tab-panel.collaboration .field.title.facebook,
.styles-editor .tab-panel.server.logs .facebook-meta-tag.title,
.styles-editor .tab-panel.server.logs .field.title.facebook,
.styles-editor .tab-panel.sub.apps .facebook-meta-tag.title,
.styles-editor .tab-panel.sub.apps .field.title.facebook,
.styles-editor .tab-panel.scheduledwf .facebook-meta-tag.title,
.styles-editor .tab-panel.scheduledwf .field.title.facebook,
.styles-editor .tab-panel.plan .facebook-meta-tag.title,
.styles-editor .tab-panel.plan .field.title.facebook,
.styles-editor .tab-panel.bubbleversion .facebook-meta-tag.title,
.styles-editor .tab-panel.bubbleversion .field.title.facebook {
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}
.settings-editor .tab-panel.mobile .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.metatags .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.domain .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.style.variables .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.general .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.api .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.language .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.collaboration .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.server.logs .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.sub.apps .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.scheduledwf .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.plan .facebook-meta-tag.caption.language,
.settings-editor .tab-panel.bubbleversion .facebook-meta-tag.caption.language,
.data-editor .tab-panel.mobile .facebook-meta-tag.caption.language,
.data-editor .tab-panel.metatags .facebook-meta-tag.caption.language,
.data-editor .tab-panel.domain .facebook-meta-tag.caption.language,
.data-editor .tab-panel.style.variables .facebook-meta-tag.caption.language,
.data-editor .tab-panel.general .facebook-meta-tag.caption.language,
.data-editor .tab-panel.api .facebook-meta-tag.caption.language,
.data-editor .tab-panel.language .facebook-meta-tag.caption.language,
.data-editor .tab-panel.collaboration .facebook-meta-tag.caption.language,
.data-editor .tab-panel.server.logs .facebook-meta-tag.caption.language,
.data-editor .tab-panel.sub.apps .facebook-meta-tag.caption.language,
.data-editor .tab-panel.scheduledwf .facebook-meta-tag.caption.language,
.data-editor .tab-panel.plan .facebook-meta-tag.caption.language,
.data-editor .tab-panel.bubbleversion .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.mobile .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.metatags .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.domain .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.style.variables .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.general .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.api .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.language .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.collaboration .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.server.logs .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.sub.apps .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.scheduledwf .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.plan .facebook-meta-tag.caption.language,
.logs-editor .tab-panel.bubbleversion .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.mobile .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.metatags .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.domain .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.style.variables .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.general .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.api .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.language .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.collaboration .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.server.logs .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.sub.apps .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.scheduledwf .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.plan .facebook-meta-tag.caption.language,
.styles-editor .tab-panel.bubbleversion .facebook-meta-tag.caption.language {
  max-width: 400px;
}
.settings-editor .tab-panel.mobile .modify-btn.app-text,
.settings-editor .tab-panel.metatags .modify-btn.app-text,
.settings-editor .tab-panel.domain .modify-btn.app-text,
.settings-editor .tab-panel.style.variables .modify-btn.app-text,
.settings-editor .tab-panel.general .modify-btn.app-text,
.settings-editor .tab-panel.api .modify-btn.app-text,
.settings-editor .tab-panel.language .modify-btn.app-text,
.settings-editor .tab-panel.collaboration .modify-btn.app-text,
.settings-editor .tab-panel.server.logs .modify-btn.app-text,
.settings-editor .tab-panel.sub.apps .modify-btn.app-text,
.settings-editor .tab-panel.scheduledwf .modify-btn.app-text,
.settings-editor .tab-panel.plan .modify-btn.app-text,
.settings-editor .tab-panel.bubbleversion .modify-btn.app-text,
.data-editor .tab-panel.mobile .modify-btn.app-text,
.data-editor .tab-panel.metatags .modify-btn.app-text,
.data-editor .tab-panel.domain .modify-btn.app-text,
.data-editor .tab-panel.style.variables .modify-btn.app-text,
.data-editor .tab-panel.general .modify-btn.app-text,
.data-editor .tab-panel.api .modify-btn.app-text,
.data-editor .tab-panel.language .modify-btn.app-text,
.data-editor .tab-panel.collaboration .modify-btn.app-text,
.data-editor .tab-panel.server.logs .modify-btn.app-text,
.data-editor .tab-panel.sub.apps .modify-btn.app-text,
.data-editor .tab-panel.scheduledwf .modify-btn.app-text,
.data-editor .tab-panel.plan .modify-btn.app-text,
.data-editor .tab-panel.bubbleversion .modify-btn.app-text,
.logs-editor .tab-panel.mobile .modify-btn.app-text,
.logs-editor .tab-panel.metatags .modify-btn.app-text,
.logs-editor .tab-panel.domain .modify-btn.app-text,
.logs-editor .tab-panel.style.variables .modify-btn.app-text,
.logs-editor .tab-panel.general .modify-btn.app-text,
.logs-editor .tab-panel.api .modify-btn.app-text,
.logs-editor .tab-panel.language .modify-btn.app-text,
.logs-editor .tab-panel.collaboration .modify-btn.app-text,
.logs-editor .tab-panel.server.logs .modify-btn.app-text,
.logs-editor .tab-panel.sub.apps .modify-btn.app-text,
.logs-editor .tab-panel.scheduledwf .modify-btn.app-text,
.logs-editor .tab-panel.plan .modify-btn.app-text,
.logs-editor .tab-panel.bubbleversion .modify-btn.app-text,
.styles-editor .tab-panel.mobile .modify-btn.app-text,
.styles-editor .tab-panel.metatags .modify-btn.app-text,
.styles-editor .tab-panel.domain .modify-btn.app-text,
.styles-editor .tab-panel.style.variables .modify-btn.app-text,
.styles-editor .tab-panel.general .modify-btn.app-text,
.styles-editor .tab-panel.api .modify-btn.app-text,
.styles-editor .tab-panel.language .modify-btn.app-text,
.styles-editor .tab-panel.collaboration .modify-btn.app-text,
.styles-editor .tab-panel.server.logs .modify-btn.app-text,
.styles-editor .tab-panel.sub.apps .modify-btn.app-text,
.styles-editor .tab-panel.scheduledwf .modify-btn.app-text,
.styles-editor .tab-panel.plan .modify-btn.app-text,
.styles-editor .tab-panel.bubbleversion .modify-btn.app-text {
  float: left;
  margin-top: 16px;
  margin-left: 10px;
}
.settings-editor .tab-panel.mobile .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.metatags .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.domain .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.style.variables .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.general .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.api .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.language .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.collaboration .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.server.logs .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.sub.apps .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.scheduledwf .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.plan .delete-btn.bubble-ui.user-text,
.settings-editor .tab-panel.bubbleversion .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.mobile .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.metatags .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.domain .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.style.variables .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.general .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.api .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.language .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.collaboration .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.server.logs .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.sub.apps .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.scheduledwf .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.plan .delete-btn.bubble-ui.user-text,
.data-editor .tab-panel.bubbleversion .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.mobile .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.metatags .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.domain .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.style.variables .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.general .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.api .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.language .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.collaboration .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.server.logs .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.sub.apps .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.scheduledwf .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.plan .delete-btn.bubble-ui.user-text,
.logs-editor .tab-panel.bubbleversion .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.mobile .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.metatags .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.domain .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.style.variables .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.general .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.api .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.language .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.collaboration .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.server.logs .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.sub.apps .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.scheduledwf .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.plan .delete-btn.bubble-ui.user-text,
.styles-editor .tab-panel.bubbleversion .delete-btn.bubble-ui.user-text {
  float: right;
  margin-top: 11px;
  margin-left: -19px;
  margin-right: 5px;
}
.settings-editor .tab-panel.mobile .caption,
.settings-editor .tab-panel.metatags .caption,
.settings-editor .tab-panel.domain .caption,
.settings-editor .tab-panel.style.variables .caption,
.settings-editor .tab-panel.general .caption,
.settings-editor .tab-panel.api .caption,
.settings-editor .tab-panel.language .caption,
.settings-editor .tab-panel.collaboration .caption,
.settings-editor .tab-panel.server.logs .caption,
.settings-editor .tab-panel.sub.apps .caption,
.settings-editor .tab-panel.scheduledwf .caption,
.settings-editor .tab-panel.plan .caption,
.settings-editor .tab-panel.bubbleversion .caption,
.data-editor .tab-panel.mobile .caption,
.data-editor .tab-panel.metatags .caption,
.data-editor .tab-panel.domain .caption,
.data-editor .tab-panel.style.variables .caption,
.data-editor .tab-panel.general .caption,
.data-editor .tab-panel.api .caption,
.data-editor .tab-panel.language .caption,
.data-editor .tab-panel.collaboration .caption,
.data-editor .tab-panel.server.logs .caption,
.data-editor .tab-panel.sub.apps .caption,
.data-editor .tab-panel.scheduledwf .caption,
.data-editor .tab-panel.plan .caption,
.data-editor .tab-panel.bubbleversion .caption,
.logs-editor .tab-panel.mobile .caption,
.logs-editor .tab-panel.metatags .caption,
.logs-editor .tab-panel.domain .caption,
.logs-editor .tab-panel.style.variables .caption,
.logs-editor .tab-panel.general .caption,
.logs-editor .tab-panel.api .caption,
.logs-editor .tab-panel.language .caption,
.logs-editor .tab-panel.collaboration .caption,
.logs-editor .tab-panel.server.logs .caption,
.logs-editor .tab-panel.sub.apps .caption,
.logs-editor .tab-panel.scheduledwf .caption,
.logs-editor .tab-panel.plan .caption,
.logs-editor .tab-panel.bubbleversion .caption,
.styles-editor .tab-panel.mobile .caption,
.styles-editor .tab-panel.metatags .caption,
.styles-editor .tab-panel.domain .caption,
.styles-editor .tab-panel.style.variables .caption,
.styles-editor .tab-panel.general .caption,
.styles-editor .tab-panel.api .caption,
.styles-editor .tab-panel.language .caption,
.styles-editor .tab-panel.collaboration .caption,
.styles-editor .tab-panel.server.logs .caption,
.styles-editor .tab-panel.sub.apps .caption,
.styles-editor .tab-panel.scheduledwf .caption,
.styles-editor .tab-panel.plan .caption,
.styles-editor .tab-panel.bubbleversion .caption {
  float: left;
  margin-top: 16px;
  clear: both;
}
.settings-editor .tab-panel.mobile .copyable,
.settings-editor .tab-panel.metatags .copyable,
.settings-editor .tab-panel.domain .copyable,
.settings-editor .tab-panel.style.variables .copyable,
.settings-editor .tab-panel.general .copyable,
.settings-editor .tab-panel.api .copyable,
.settings-editor .tab-panel.language .copyable,
.settings-editor .tab-panel.collaboration .copyable,
.settings-editor .tab-panel.server.logs .copyable,
.settings-editor .tab-panel.sub.apps .copyable,
.settings-editor .tab-panel.scheduledwf .copyable,
.settings-editor .tab-panel.plan .copyable,
.settings-editor .tab-panel.bubbleversion .copyable,
.data-editor .tab-panel.mobile .copyable,
.data-editor .tab-panel.metatags .copyable,
.data-editor .tab-panel.domain .copyable,
.data-editor .tab-panel.style.variables .copyable,
.data-editor .tab-panel.general .copyable,
.data-editor .tab-panel.api .copyable,
.data-editor .tab-panel.language .copyable,
.data-editor .tab-panel.collaboration .copyable,
.data-editor .tab-panel.server.logs .copyable,
.data-editor .tab-panel.sub.apps .copyable,
.data-editor .tab-panel.scheduledwf .copyable,
.data-editor .tab-panel.plan .copyable,
.data-editor .tab-panel.bubbleversion .copyable,
.logs-editor .tab-panel.mobile .copyable,
.logs-editor .tab-panel.metatags .copyable,
.logs-editor .tab-panel.domain .copyable,
.logs-editor .tab-panel.style.variables .copyable,
.logs-editor .tab-panel.general .copyable,
.logs-editor .tab-panel.api .copyable,
.logs-editor .tab-panel.language .copyable,
.logs-editor .tab-panel.collaboration .copyable,
.logs-editor .tab-panel.server.logs .copyable,
.logs-editor .tab-panel.sub.apps .copyable,
.logs-editor .tab-panel.scheduledwf .copyable,
.logs-editor .tab-panel.plan .copyable,
.logs-editor .tab-panel.bubbleversion .copyable,
.styles-editor .tab-panel.mobile .copyable,
.styles-editor .tab-panel.metatags .copyable,
.styles-editor .tab-panel.domain .copyable,
.styles-editor .tab-panel.style.variables .copyable,
.styles-editor .tab-panel.general .copyable,
.styles-editor .tab-panel.api .copyable,
.styles-editor .tab-panel.language .copyable,
.styles-editor .tab-panel.collaboration .copyable,
.styles-editor .tab-panel.server.logs .copyable,
.styles-editor .tab-panel.sub.apps .copyable,
.styles-editor .tab-panel.scheduledwf .copyable,
.styles-editor .tab-panel.plan .copyable,
.styles-editor .tab-panel.bubbleversion .copyable {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  cursor: pointer;
}
.settings-editor .tab-panel.mobile .caption.key-value,
.settings-editor .tab-panel.metatags .caption.key-value,
.settings-editor .tab-panel.domain .caption.key-value,
.settings-editor .tab-panel.style.variables .caption.key-value,
.settings-editor .tab-panel.general .caption.key-value,
.settings-editor .tab-panel.api .caption.key-value,
.settings-editor .tab-panel.language .caption.key-value,
.settings-editor .tab-panel.collaboration .caption.key-value,
.settings-editor .tab-panel.server.logs .caption.key-value,
.settings-editor .tab-panel.sub.apps .caption.key-value,
.settings-editor .tab-panel.scheduledwf .caption.key-value,
.settings-editor .tab-panel.plan .caption.key-value,
.settings-editor .tab-panel.bubbleversion .caption.key-value,
.data-editor .tab-panel.mobile .caption.key-value,
.data-editor .tab-panel.metatags .caption.key-value,
.data-editor .tab-panel.domain .caption.key-value,
.data-editor .tab-panel.style.variables .caption.key-value,
.data-editor .tab-panel.general .caption.key-value,
.data-editor .tab-panel.api .caption.key-value,
.data-editor .tab-panel.language .caption.key-value,
.data-editor .tab-panel.collaboration .caption.key-value,
.data-editor .tab-panel.server.logs .caption.key-value,
.data-editor .tab-panel.sub.apps .caption.key-value,
.data-editor .tab-panel.scheduledwf .caption.key-value,
.data-editor .tab-panel.plan .caption.key-value,
.data-editor .tab-panel.bubbleversion .caption.key-value,
.logs-editor .tab-panel.mobile .caption.key-value,
.logs-editor .tab-panel.metatags .caption.key-value,
.logs-editor .tab-panel.domain .caption.key-value,
.logs-editor .tab-panel.style.variables .caption.key-value,
.logs-editor .tab-panel.general .caption.key-value,
.logs-editor .tab-panel.api .caption.key-value,
.logs-editor .tab-panel.language .caption.key-value,
.logs-editor .tab-panel.collaboration .caption.key-value,
.logs-editor .tab-panel.server.logs .caption.key-value,
.logs-editor .tab-panel.sub.apps .caption.key-value,
.logs-editor .tab-panel.scheduledwf .caption.key-value,
.logs-editor .tab-panel.plan .caption.key-value,
.logs-editor .tab-panel.bubbleversion .caption.key-value,
.styles-editor .tab-panel.mobile .caption.key-value,
.styles-editor .tab-panel.metatags .caption.key-value,
.styles-editor .tab-panel.domain .caption.key-value,
.styles-editor .tab-panel.style.variables .caption.key-value,
.styles-editor .tab-panel.general .caption.key-value,
.styles-editor .tab-panel.api .caption.key-value,
.styles-editor .tab-panel.language .caption.key-value,
.styles-editor .tab-panel.collaboration .caption.key-value,
.styles-editor .tab-panel.server.logs .caption.key-value,
.styles-editor .tab-panel.sub.apps .caption.key-value,
.styles-editor .tab-panel.scheduledwf .caption.key-value,
.styles-editor .tab-panel.plan .caption.key-value,
.styles-editor .tab-panel.bubbleversion .caption.key-value {
  float: right;
  clear: none;
}
.settings-editor .tab-panel.mobile .field,
.settings-editor .tab-panel.metatags .field,
.settings-editor .tab-panel.domain .field,
.settings-editor .tab-panel.style.variables .field,
.settings-editor .tab-panel.general .field,
.settings-editor .tab-panel.api .field,
.settings-editor .tab-panel.language .field,
.settings-editor .tab-panel.collaboration .field,
.settings-editor .tab-panel.server.logs .field,
.settings-editor .tab-panel.sub.apps .field,
.settings-editor .tab-panel.scheduledwf .field,
.settings-editor .tab-panel.plan .field,
.settings-editor .tab-panel.bubbleversion .field,
.data-editor .tab-panel.mobile .field,
.data-editor .tab-panel.metatags .field,
.data-editor .tab-panel.domain .field,
.data-editor .tab-panel.style.variables .field,
.data-editor .tab-panel.general .field,
.data-editor .tab-panel.api .field,
.data-editor .tab-panel.language .field,
.data-editor .tab-panel.collaboration .field,
.data-editor .tab-panel.server.logs .field,
.data-editor .tab-panel.sub.apps .field,
.data-editor .tab-panel.scheduledwf .field,
.data-editor .tab-panel.plan .field,
.data-editor .tab-panel.bubbleversion .field,
.logs-editor .tab-panel.mobile .field,
.logs-editor .tab-panel.metatags .field,
.logs-editor .tab-panel.domain .field,
.logs-editor .tab-panel.style.variables .field,
.logs-editor .tab-panel.general .field,
.logs-editor .tab-panel.api .field,
.logs-editor .tab-panel.language .field,
.logs-editor .tab-panel.collaboration .field,
.logs-editor .tab-panel.server.logs .field,
.logs-editor .tab-panel.sub.apps .field,
.logs-editor .tab-panel.scheduledwf .field,
.logs-editor .tab-panel.plan .field,
.logs-editor .tab-panel.bubbleversion .field,
.styles-editor .tab-panel.mobile .field,
.styles-editor .tab-panel.metatags .field,
.styles-editor .tab-panel.domain .field,
.styles-editor .tab-panel.style.variables .field,
.styles-editor .tab-panel.general .field,
.styles-editor .tab-panel.api .field,
.styles-editor .tab-panel.language .field,
.styles-editor .tab-panel.collaboration .field,
.styles-editor .tab-panel.server.logs .field,
.styles-editor .tab-panel.sub.apps .field,
.styles-editor .tab-panel.scheduledwf .field,
.styles-editor .tab-panel.plan .field,
.styles-editor .tab-panel.bubbleversion .field {
  float: right;
  margin-top: 7px;
  margin-right: 30px;
}
.settings-editor .tab-panel.mobile .delete-app,
.settings-editor .tab-panel.metatags .delete-app,
.settings-editor .tab-panel.domain .delete-app,
.settings-editor .tab-panel.style.variables .delete-app,
.settings-editor .tab-panel.general .delete-app,
.settings-editor .tab-panel.api .delete-app,
.settings-editor .tab-panel.language .delete-app,
.settings-editor .tab-panel.collaboration .delete-app,
.settings-editor .tab-panel.server.logs .delete-app,
.settings-editor .tab-panel.sub.apps .delete-app,
.settings-editor .tab-panel.scheduledwf .delete-app,
.settings-editor .tab-panel.plan .delete-app,
.settings-editor .tab-panel.bubbleversion .delete-app,
.data-editor .tab-panel.mobile .delete-app,
.data-editor .tab-panel.metatags .delete-app,
.data-editor .tab-panel.domain .delete-app,
.data-editor .tab-panel.style.variables .delete-app,
.data-editor .tab-panel.general .delete-app,
.data-editor .tab-panel.api .delete-app,
.data-editor .tab-panel.language .delete-app,
.data-editor .tab-panel.collaboration .delete-app,
.data-editor .tab-panel.server.logs .delete-app,
.data-editor .tab-panel.sub.apps .delete-app,
.data-editor .tab-panel.scheduledwf .delete-app,
.data-editor .tab-panel.plan .delete-app,
.data-editor .tab-panel.bubbleversion .delete-app,
.logs-editor .tab-panel.mobile .delete-app,
.logs-editor .tab-panel.metatags .delete-app,
.logs-editor .tab-panel.domain .delete-app,
.logs-editor .tab-panel.style.variables .delete-app,
.logs-editor .tab-panel.general .delete-app,
.logs-editor .tab-panel.api .delete-app,
.logs-editor .tab-panel.language .delete-app,
.logs-editor .tab-panel.collaboration .delete-app,
.logs-editor .tab-panel.server.logs .delete-app,
.logs-editor .tab-panel.sub.apps .delete-app,
.logs-editor .tab-panel.scheduledwf .delete-app,
.logs-editor .tab-panel.plan .delete-app,
.logs-editor .tab-panel.bubbleversion .delete-app,
.styles-editor .tab-panel.mobile .delete-app,
.styles-editor .tab-panel.metatags .delete-app,
.styles-editor .tab-panel.domain .delete-app,
.styles-editor .tab-panel.style.variables .delete-app,
.styles-editor .tab-panel.general .delete-app,
.styles-editor .tab-panel.api .delete-app,
.styles-editor .tab-panel.language .delete-app,
.styles-editor .tab-panel.collaboration .delete-app,
.styles-editor .tab-panel.server.logs .delete-app,
.styles-editor .tab-panel.sub.apps .delete-app,
.styles-editor .tab-panel.scheduledwf .delete-app,
.styles-editor .tab-panel.plan .delete-app,
.styles-editor .tab-panel.bubbleversion .delete-app {
  float: right;
}
.settings-editor .tab-panel.mobile .description,
.settings-editor .tab-panel.metatags .description,
.settings-editor .tab-panel.domain .description,
.settings-editor .tab-panel.style.variables .description,
.settings-editor .tab-panel.general .description,
.settings-editor .tab-panel.api .description,
.settings-editor .tab-panel.language .description,
.settings-editor .tab-panel.collaboration .description,
.settings-editor .tab-panel.server.logs .description,
.settings-editor .tab-panel.sub.apps .description,
.settings-editor .tab-panel.scheduledwf .description,
.settings-editor .tab-panel.plan .description,
.settings-editor .tab-panel.bubbleversion .description,
.data-editor .tab-panel.mobile .description,
.data-editor .tab-panel.metatags .description,
.data-editor .tab-panel.domain .description,
.data-editor .tab-panel.style.variables .description,
.data-editor .tab-panel.general .description,
.data-editor .tab-panel.api .description,
.data-editor .tab-panel.language .description,
.data-editor .tab-panel.collaboration .description,
.data-editor .tab-panel.server.logs .description,
.data-editor .tab-panel.sub.apps .description,
.data-editor .tab-panel.scheduledwf .description,
.data-editor .tab-panel.plan .description,
.data-editor .tab-panel.bubbleversion .description,
.logs-editor .tab-panel.mobile .description,
.logs-editor .tab-panel.metatags .description,
.logs-editor .tab-panel.domain .description,
.logs-editor .tab-panel.style.variables .description,
.logs-editor .tab-panel.general .description,
.logs-editor .tab-panel.api .description,
.logs-editor .tab-panel.language .description,
.logs-editor .tab-panel.collaboration .description,
.logs-editor .tab-panel.server.logs .description,
.logs-editor .tab-panel.sub.apps .description,
.logs-editor .tab-panel.scheduledwf .description,
.logs-editor .tab-panel.plan .description,
.logs-editor .tab-panel.bubbleversion .description,
.styles-editor .tab-panel.mobile .description,
.styles-editor .tab-panel.metatags .description,
.styles-editor .tab-panel.domain .description,
.styles-editor .tab-panel.style.variables .description,
.styles-editor .tab-panel.general .description,
.styles-editor .tab-panel.api .description,
.styles-editor .tab-panel.language .description,
.styles-editor .tab-panel.collaboration .description,
.styles-editor .tab-panel.server.logs .description,
.styles-editor .tab-panel.sub.apps .description,
.styles-editor .tab-panel.scheduledwf .description,
.styles-editor .tab-panel.plan .description,
.styles-editor .tab-panel.bubbleversion .description {
  min-height: 70px;
}
.settings-editor .tab-panel.mobile textarea.field.custom_header, .settings-editor .tab-panel.mobile textarea.field.robots-txt,
.settings-editor .tab-panel.mobile .CodeComposer.field.custom_header,
.settings-editor .tab-panel.mobile .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.metatags textarea.field.custom_header,
.settings-editor .tab-panel.metatags textarea.field.robots-txt,
.settings-editor .tab-panel.metatags .CodeComposer.field.custom_header,
.settings-editor .tab-panel.metatags .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.domain textarea.field.custom_header,
.settings-editor .tab-panel.domain textarea.field.robots-txt,
.settings-editor .tab-panel.domain .CodeComposer.field.custom_header,
.settings-editor .tab-panel.domain .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.style.variables textarea.field.custom_header,
.settings-editor .tab-panel.style.variables textarea.field.robots-txt,
.settings-editor .tab-panel.style.variables .CodeComposer.field.custom_header,
.settings-editor .tab-panel.style.variables .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.general textarea.field.custom_header,
.settings-editor .tab-panel.general textarea.field.robots-txt,
.settings-editor .tab-panel.general .CodeComposer.field.custom_header,
.settings-editor .tab-panel.general .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.api textarea.field.custom_header,
.settings-editor .tab-panel.api textarea.field.robots-txt,
.settings-editor .tab-panel.api .CodeComposer.field.custom_header,
.settings-editor .tab-panel.api .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.language textarea.field.custom_header,
.settings-editor .tab-panel.language textarea.field.robots-txt,
.settings-editor .tab-panel.language .CodeComposer.field.custom_header,
.settings-editor .tab-panel.language .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.collaboration textarea.field.custom_header,
.settings-editor .tab-panel.collaboration textarea.field.robots-txt,
.settings-editor .tab-panel.collaboration .CodeComposer.field.custom_header,
.settings-editor .tab-panel.collaboration .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.server.logs textarea.field.custom_header,
.settings-editor .tab-panel.server.logs textarea.field.robots-txt,
.settings-editor .tab-panel.server.logs .CodeComposer.field.custom_header,
.settings-editor .tab-panel.server.logs .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.sub.apps textarea.field.custom_header,
.settings-editor .tab-panel.sub.apps textarea.field.robots-txt,
.settings-editor .tab-panel.sub.apps .CodeComposer.field.custom_header,
.settings-editor .tab-panel.sub.apps .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.scheduledwf textarea.field.custom_header,
.settings-editor .tab-panel.scheduledwf textarea.field.robots-txt,
.settings-editor .tab-panel.scheduledwf .CodeComposer.field.custom_header,
.settings-editor .tab-panel.scheduledwf .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.plan textarea.field.custom_header,
.settings-editor .tab-panel.plan textarea.field.robots-txt,
.settings-editor .tab-panel.plan .CodeComposer.field.custom_header,
.settings-editor .tab-panel.plan .CodeComposer.field.robots-txt,
.settings-editor .tab-panel.bubbleversion textarea.field.custom_header,
.settings-editor .tab-panel.bubbleversion textarea.field.robots-txt,
.settings-editor .tab-panel.bubbleversion .CodeComposer.field.custom_header,
.settings-editor .tab-panel.bubbleversion .CodeComposer.field.robots-txt,
.data-editor .tab-panel.mobile textarea.field.custom_header,
.data-editor .tab-panel.mobile textarea.field.robots-txt,
.data-editor .tab-panel.mobile .CodeComposer.field.custom_header,
.data-editor .tab-panel.mobile .CodeComposer.field.robots-txt,
.data-editor .tab-panel.metatags textarea.field.custom_header,
.data-editor .tab-panel.metatags textarea.field.robots-txt,
.data-editor .tab-panel.metatags .CodeComposer.field.custom_header,
.data-editor .tab-panel.metatags .CodeComposer.field.robots-txt,
.data-editor .tab-panel.domain textarea.field.custom_header,
.data-editor .tab-panel.domain textarea.field.robots-txt,
.data-editor .tab-panel.domain .CodeComposer.field.custom_header,
.data-editor .tab-panel.domain .CodeComposer.field.robots-txt,
.data-editor .tab-panel.style.variables textarea.field.custom_header,
.data-editor .tab-panel.style.variables textarea.field.robots-txt,
.data-editor .tab-panel.style.variables .CodeComposer.field.custom_header,
.data-editor .tab-panel.style.variables .CodeComposer.field.robots-txt,
.data-editor .tab-panel.general textarea.field.custom_header,
.data-editor .tab-panel.general textarea.field.robots-txt,
.data-editor .tab-panel.general .CodeComposer.field.custom_header,
.data-editor .tab-panel.general .CodeComposer.field.robots-txt,
.data-editor .tab-panel.api textarea.field.custom_header,
.data-editor .tab-panel.api textarea.field.robots-txt,
.data-editor .tab-panel.api .CodeComposer.field.custom_header,
.data-editor .tab-panel.api .CodeComposer.field.robots-txt,
.data-editor .tab-panel.language textarea.field.custom_header,
.data-editor .tab-panel.language textarea.field.robots-txt,
.data-editor .tab-panel.language .CodeComposer.field.custom_header,
.data-editor .tab-panel.language .CodeComposer.field.robots-txt,
.data-editor .tab-panel.collaboration textarea.field.custom_header,
.data-editor .tab-panel.collaboration textarea.field.robots-txt,
.data-editor .tab-panel.collaboration .CodeComposer.field.custom_header,
.data-editor .tab-panel.collaboration .CodeComposer.field.robots-txt,
.data-editor .tab-panel.server.logs textarea.field.custom_header,
.data-editor .tab-panel.server.logs textarea.field.robots-txt,
.data-editor .tab-panel.server.logs .CodeComposer.field.custom_header,
.data-editor .tab-panel.server.logs .CodeComposer.field.robots-txt,
.data-editor .tab-panel.sub.apps textarea.field.custom_header,
.data-editor .tab-panel.sub.apps textarea.field.robots-txt,
.data-editor .tab-panel.sub.apps .CodeComposer.field.custom_header,
.data-editor .tab-panel.sub.apps .CodeComposer.field.robots-txt,
.data-editor .tab-panel.scheduledwf textarea.field.custom_header,
.data-editor .tab-panel.scheduledwf textarea.field.robots-txt,
.data-editor .tab-panel.scheduledwf .CodeComposer.field.custom_header,
.data-editor .tab-panel.scheduledwf .CodeComposer.field.robots-txt,
.data-editor .tab-panel.plan textarea.field.custom_header,
.data-editor .tab-panel.plan textarea.field.robots-txt,
.data-editor .tab-panel.plan .CodeComposer.field.custom_header,
.data-editor .tab-panel.plan .CodeComposer.field.robots-txt,
.data-editor .tab-panel.bubbleversion textarea.field.custom_header,
.data-editor .tab-panel.bubbleversion textarea.field.robots-txt,
.data-editor .tab-panel.bubbleversion .CodeComposer.field.custom_header,
.data-editor .tab-panel.bubbleversion .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.mobile textarea.field.custom_header,
.logs-editor .tab-panel.mobile textarea.field.robots-txt,
.logs-editor .tab-panel.mobile .CodeComposer.field.custom_header,
.logs-editor .tab-panel.mobile .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.metatags textarea.field.custom_header,
.logs-editor .tab-panel.metatags textarea.field.robots-txt,
.logs-editor .tab-panel.metatags .CodeComposer.field.custom_header,
.logs-editor .tab-panel.metatags .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.domain textarea.field.custom_header,
.logs-editor .tab-panel.domain textarea.field.robots-txt,
.logs-editor .tab-panel.domain .CodeComposer.field.custom_header,
.logs-editor .tab-panel.domain .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.style.variables textarea.field.custom_header,
.logs-editor .tab-panel.style.variables textarea.field.robots-txt,
.logs-editor .tab-panel.style.variables .CodeComposer.field.custom_header,
.logs-editor .tab-panel.style.variables .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.general textarea.field.custom_header,
.logs-editor .tab-panel.general textarea.field.robots-txt,
.logs-editor .tab-panel.general .CodeComposer.field.custom_header,
.logs-editor .tab-panel.general .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.api textarea.field.custom_header,
.logs-editor .tab-panel.api textarea.field.robots-txt,
.logs-editor .tab-panel.api .CodeComposer.field.custom_header,
.logs-editor .tab-panel.api .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.language textarea.field.custom_header,
.logs-editor .tab-panel.language textarea.field.robots-txt,
.logs-editor .tab-panel.language .CodeComposer.field.custom_header,
.logs-editor .tab-panel.language .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.collaboration textarea.field.custom_header,
.logs-editor .tab-panel.collaboration textarea.field.robots-txt,
.logs-editor .tab-panel.collaboration .CodeComposer.field.custom_header,
.logs-editor .tab-panel.collaboration .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.server.logs textarea.field.custom_header,
.logs-editor .tab-panel.server.logs textarea.field.robots-txt,
.logs-editor .tab-panel.server.logs .CodeComposer.field.custom_header,
.logs-editor .tab-panel.server.logs .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.sub.apps textarea.field.custom_header,
.logs-editor .tab-panel.sub.apps textarea.field.robots-txt,
.logs-editor .tab-panel.sub.apps .CodeComposer.field.custom_header,
.logs-editor .tab-panel.sub.apps .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.scheduledwf textarea.field.custom_header,
.logs-editor .tab-panel.scheduledwf textarea.field.robots-txt,
.logs-editor .tab-panel.scheduledwf .CodeComposer.field.custom_header,
.logs-editor .tab-panel.scheduledwf .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.plan textarea.field.custom_header,
.logs-editor .tab-panel.plan textarea.field.robots-txt,
.logs-editor .tab-panel.plan .CodeComposer.field.custom_header,
.logs-editor .tab-panel.plan .CodeComposer.field.robots-txt,
.logs-editor .tab-panel.bubbleversion textarea.field.custom_header,
.logs-editor .tab-panel.bubbleversion textarea.field.robots-txt,
.logs-editor .tab-panel.bubbleversion .CodeComposer.field.custom_header,
.logs-editor .tab-panel.bubbleversion .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.mobile textarea.field.custom_header,
.styles-editor .tab-panel.mobile textarea.field.robots-txt,
.styles-editor .tab-panel.mobile .CodeComposer.field.custom_header,
.styles-editor .tab-panel.mobile .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.metatags textarea.field.custom_header,
.styles-editor .tab-panel.metatags textarea.field.robots-txt,
.styles-editor .tab-panel.metatags .CodeComposer.field.custom_header,
.styles-editor .tab-panel.metatags .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.domain textarea.field.custom_header,
.styles-editor .tab-panel.domain textarea.field.robots-txt,
.styles-editor .tab-panel.domain .CodeComposer.field.custom_header,
.styles-editor .tab-panel.domain .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.style.variables textarea.field.custom_header,
.styles-editor .tab-panel.style.variables textarea.field.robots-txt,
.styles-editor .tab-panel.style.variables .CodeComposer.field.custom_header,
.styles-editor .tab-panel.style.variables .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.general textarea.field.custom_header,
.styles-editor .tab-panel.general textarea.field.robots-txt,
.styles-editor .tab-panel.general .CodeComposer.field.custom_header,
.styles-editor .tab-panel.general .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.api textarea.field.custom_header,
.styles-editor .tab-panel.api textarea.field.robots-txt,
.styles-editor .tab-panel.api .CodeComposer.field.custom_header,
.styles-editor .tab-panel.api .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.language textarea.field.custom_header,
.styles-editor .tab-panel.language textarea.field.robots-txt,
.styles-editor .tab-panel.language .CodeComposer.field.custom_header,
.styles-editor .tab-panel.language .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.collaboration textarea.field.custom_header,
.styles-editor .tab-panel.collaboration textarea.field.robots-txt,
.styles-editor .tab-panel.collaboration .CodeComposer.field.custom_header,
.styles-editor .tab-panel.collaboration .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.server.logs textarea.field.custom_header,
.styles-editor .tab-panel.server.logs textarea.field.robots-txt,
.styles-editor .tab-panel.server.logs .CodeComposer.field.custom_header,
.styles-editor .tab-panel.server.logs .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.sub.apps textarea.field.custom_header,
.styles-editor .tab-panel.sub.apps textarea.field.robots-txt,
.styles-editor .tab-panel.sub.apps .CodeComposer.field.custom_header,
.styles-editor .tab-panel.sub.apps .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.scheduledwf textarea.field.custom_header,
.styles-editor .tab-panel.scheduledwf textarea.field.robots-txt,
.styles-editor .tab-panel.scheduledwf .CodeComposer.field.custom_header,
.styles-editor .tab-panel.scheduledwf .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.plan textarea.field.custom_header,
.styles-editor .tab-panel.plan textarea.field.robots-txt,
.styles-editor .tab-panel.plan .CodeComposer.field.custom_header,
.styles-editor .tab-panel.plan .CodeComposer.field.robots-txt,
.styles-editor .tab-panel.bubbleversion textarea.field.custom_header,
.styles-editor .tab-panel.bubbleversion textarea.field.robots-txt,
.styles-editor .tab-panel.bubbleversion .CodeComposer.field.custom_header,
.styles-editor .tab-panel.bubbleversion .CodeComposer.field.robots-txt {
  width: 800px !important;
  min-height: 120px;
  margin-top: 15px;
}
.settings-editor .tab-panel.mobile input[type=file],
.settings-editor .tab-panel.metatags input[type=file],
.settings-editor .tab-panel.domain input[type=file],
.settings-editor .tab-panel.style.variables input[type=file],
.settings-editor .tab-panel.general input[type=file],
.settings-editor .tab-panel.api input[type=file],
.settings-editor .tab-panel.language input[type=file],
.settings-editor .tab-panel.collaboration input[type=file],
.settings-editor .tab-panel.server.logs input[type=file],
.settings-editor .tab-panel.sub.apps input[type=file],
.settings-editor .tab-panel.scheduledwf input[type=file],
.settings-editor .tab-panel.plan input[type=file],
.settings-editor .tab-panel.bubbleversion input[type=file],
.data-editor .tab-panel.mobile input[type=file],
.data-editor .tab-panel.metatags input[type=file],
.data-editor .tab-panel.domain input[type=file],
.data-editor .tab-panel.style.variables input[type=file],
.data-editor .tab-panel.general input[type=file],
.data-editor .tab-panel.api input[type=file],
.data-editor .tab-panel.language input[type=file],
.data-editor .tab-panel.collaboration input[type=file],
.data-editor .tab-panel.server.logs input[type=file],
.data-editor .tab-panel.sub.apps input[type=file],
.data-editor .tab-panel.scheduledwf input[type=file],
.data-editor .tab-panel.plan input[type=file],
.data-editor .tab-panel.bubbleversion input[type=file],
.logs-editor .tab-panel.mobile input[type=file],
.logs-editor .tab-panel.metatags input[type=file],
.logs-editor .tab-panel.domain input[type=file],
.logs-editor .tab-panel.style.variables input[type=file],
.logs-editor .tab-panel.general input[type=file],
.logs-editor .tab-panel.api input[type=file],
.logs-editor .tab-panel.language input[type=file],
.logs-editor .tab-panel.collaboration input[type=file],
.logs-editor .tab-panel.server.logs input[type=file],
.logs-editor .tab-panel.sub.apps input[type=file],
.logs-editor .tab-panel.scheduledwf input[type=file],
.logs-editor .tab-panel.plan input[type=file],
.logs-editor .tab-panel.bubbleversion input[type=file],
.styles-editor .tab-panel.mobile input[type=file],
.styles-editor .tab-panel.metatags input[type=file],
.styles-editor .tab-panel.domain input[type=file],
.styles-editor .tab-panel.style.variables input[type=file],
.styles-editor .tab-panel.general input[type=file],
.styles-editor .tab-panel.api input[type=file],
.styles-editor .tab-panel.language input[type=file],
.styles-editor .tab-panel.collaboration input[type=file],
.styles-editor .tab-panel.server.logs input[type=file],
.styles-editor .tab-panel.sub.apps input[type=file],
.styles-editor .tab-panel.scheduledwf input[type=file],
.styles-editor .tab-panel.plan input[type=file],
.styles-editor .tab-panel.bubbleversion input[type=file] {
  width: 100%;
}
.settings-editor .tab-panel.mobile a.facebook-test-link,
.settings-editor .tab-panel.metatags a.facebook-test-link,
.settings-editor .tab-panel.domain a.facebook-test-link,
.settings-editor .tab-panel.style.variables a.facebook-test-link,
.settings-editor .tab-panel.general a.facebook-test-link,
.settings-editor .tab-panel.api a.facebook-test-link,
.settings-editor .tab-panel.language a.facebook-test-link,
.settings-editor .tab-panel.collaboration a.facebook-test-link,
.settings-editor .tab-panel.server.logs a.facebook-test-link,
.settings-editor .tab-panel.sub.apps a.facebook-test-link,
.settings-editor .tab-panel.scheduledwf a.facebook-test-link,
.settings-editor .tab-panel.plan a.facebook-test-link,
.settings-editor .tab-panel.bubbleversion a.facebook-test-link,
.data-editor .tab-panel.mobile a.facebook-test-link,
.data-editor .tab-panel.metatags a.facebook-test-link,
.data-editor .tab-panel.domain a.facebook-test-link,
.data-editor .tab-panel.style.variables a.facebook-test-link,
.data-editor .tab-panel.general a.facebook-test-link,
.data-editor .tab-panel.api a.facebook-test-link,
.data-editor .tab-panel.language a.facebook-test-link,
.data-editor .tab-panel.collaboration a.facebook-test-link,
.data-editor .tab-panel.server.logs a.facebook-test-link,
.data-editor .tab-panel.sub.apps a.facebook-test-link,
.data-editor .tab-panel.scheduledwf a.facebook-test-link,
.data-editor .tab-panel.plan a.facebook-test-link,
.data-editor .tab-panel.bubbleversion a.facebook-test-link,
.logs-editor .tab-panel.mobile a.facebook-test-link,
.logs-editor .tab-panel.metatags a.facebook-test-link,
.logs-editor .tab-panel.domain a.facebook-test-link,
.logs-editor .tab-panel.style.variables a.facebook-test-link,
.logs-editor .tab-panel.general a.facebook-test-link,
.logs-editor .tab-panel.api a.facebook-test-link,
.logs-editor .tab-panel.language a.facebook-test-link,
.logs-editor .tab-panel.collaboration a.facebook-test-link,
.logs-editor .tab-panel.server.logs a.facebook-test-link,
.logs-editor .tab-panel.sub.apps a.facebook-test-link,
.logs-editor .tab-panel.scheduledwf a.facebook-test-link,
.logs-editor .tab-panel.plan a.facebook-test-link,
.logs-editor .tab-panel.bubbleversion a.facebook-test-link,
.styles-editor .tab-panel.mobile a.facebook-test-link,
.styles-editor .tab-panel.metatags a.facebook-test-link,
.styles-editor .tab-panel.domain a.facebook-test-link,
.styles-editor .tab-panel.style.variables a.facebook-test-link,
.styles-editor .tab-panel.general a.facebook-test-link,
.styles-editor .tab-panel.api a.facebook-test-link,
.styles-editor .tab-panel.language a.facebook-test-link,
.styles-editor .tab-panel.collaboration a.facebook-test-link,
.styles-editor .tab-panel.server.logs a.facebook-test-link,
.styles-editor .tab-panel.sub.apps a.facebook-test-link,
.styles-editor .tab-panel.scheduledwf a.facebook-test-link,
.styles-editor .tab-panel.plan a.facebook-test-link,
.styles-editor .tab-panel.bubbleversion a.facebook-test-link {
  float: right;
  clear: both;
  margin-top: 7px;
}
.settings-editor .tab-panel.mobile a.facebook-test-link:hover,
.settings-editor .tab-panel.metatags a.facebook-test-link:hover,
.settings-editor .tab-panel.domain a.facebook-test-link:hover,
.settings-editor .tab-panel.style.variables a.facebook-test-link:hover,
.settings-editor .tab-panel.general a.facebook-test-link:hover,
.settings-editor .tab-panel.api a.facebook-test-link:hover,
.settings-editor .tab-panel.language a.facebook-test-link:hover,
.settings-editor .tab-panel.collaboration a.facebook-test-link:hover,
.settings-editor .tab-panel.server.logs a.facebook-test-link:hover,
.settings-editor .tab-panel.sub.apps a.facebook-test-link:hover,
.settings-editor .tab-panel.scheduledwf a.facebook-test-link:hover,
.settings-editor .tab-panel.plan a.facebook-test-link:hover,
.settings-editor .tab-panel.bubbleversion a.facebook-test-link:hover,
.data-editor .tab-panel.mobile a.facebook-test-link:hover,
.data-editor .tab-panel.metatags a.facebook-test-link:hover,
.data-editor .tab-panel.domain a.facebook-test-link:hover,
.data-editor .tab-panel.style.variables a.facebook-test-link:hover,
.data-editor .tab-panel.general a.facebook-test-link:hover,
.data-editor .tab-panel.api a.facebook-test-link:hover,
.data-editor .tab-panel.language a.facebook-test-link:hover,
.data-editor .tab-panel.collaboration a.facebook-test-link:hover,
.data-editor .tab-panel.server.logs a.facebook-test-link:hover,
.data-editor .tab-panel.sub.apps a.facebook-test-link:hover,
.data-editor .tab-panel.scheduledwf a.facebook-test-link:hover,
.data-editor .tab-panel.plan a.facebook-test-link:hover,
.data-editor .tab-panel.bubbleversion a.facebook-test-link:hover,
.logs-editor .tab-panel.mobile a.facebook-test-link:hover,
.logs-editor .tab-panel.metatags a.facebook-test-link:hover,
.logs-editor .tab-panel.domain a.facebook-test-link:hover,
.logs-editor .tab-panel.style.variables a.facebook-test-link:hover,
.logs-editor .tab-panel.general a.facebook-test-link:hover,
.logs-editor .tab-panel.api a.facebook-test-link:hover,
.logs-editor .tab-panel.language a.facebook-test-link:hover,
.logs-editor .tab-panel.collaboration a.facebook-test-link:hover,
.logs-editor .tab-panel.server.logs a.facebook-test-link:hover,
.logs-editor .tab-panel.sub.apps a.facebook-test-link:hover,
.logs-editor .tab-panel.scheduledwf a.facebook-test-link:hover,
.logs-editor .tab-panel.plan a.facebook-test-link:hover,
.logs-editor .tab-panel.bubbleversion a.facebook-test-link:hover,
.styles-editor .tab-panel.mobile a.facebook-test-link:hover,
.styles-editor .tab-panel.metatags a.facebook-test-link:hover,
.styles-editor .tab-panel.domain a.facebook-test-link:hover,
.styles-editor .tab-panel.style.variables a.facebook-test-link:hover,
.styles-editor .tab-panel.general a.facebook-test-link:hover,
.styles-editor .tab-panel.api a.facebook-test-link:hover,
.styles-editor .tab-panel.language a.facebook-test-link:hover,
.styles-editor .tab-panel.collaboration a.facebook-test-link:hover,
.styles-editor .tab-panel.server.logs a.facebook-test-link:hover,
.styles-editor .tab-panel.sub.apps a.facebook-test-link:hover,
.styles-editor .tab-panel.scheduledwf a.facebook-test-link:hover,
.styles-editor .tab-panel.plan a.facebook-test-link:hover,
.styles-editor .tab-panel.bubbleversion a.facebook-test-link:hover {
  text-decoration: none;
}
.settings-editor .tab-panel.mobile .exposes-api.composer-checkbox,
.settings-editor .tab-panel.metatags .exposes-api.composer-checkbox,
.settings-editor .tab-panel.domain .exposes-api.composer-checkbox,
.settings-editor .tab-panel.style.variables .exposes-api.composer-checkbox,
.settings-editor .tab-panel.general .exposes-api.composer-checkbox,
.settings-editor .tab-panel.api .exposes-api.composer-checkbox,
.settings-editor .tab-panel.language .exposes-api.composer-checkbox,
.settings-editor .tab-panel.collaboration .exposes-api.composer-checkbox,
.settings-editor .tab-panel.server.logs .exposes-api.composer-checkbox,
.settings-editor .tab-panel.sub.apps .exposes-api.composer-checkbox,
.settings-editor .tab-panel.scheduledwf .exposes-api.composer-checkbox,
.settings-editor .tab-panel.plan .exposes-api.composer-checkbox,
.settings-editor .tab-panel.bubbleversion .exposes-api.composer-checkbox,
.data-editor .tab-panel.mobile .exposes-api.composer-checkbox,
.data-editor .tab-panel.metatags .exposes-api.composer-checkbox,
.data-editor .tab-panel.domain .exposes-api.composer-checkbox,
.data-editor .tab-panel.style.variables .exposes-api.composer-checkbox,
.data-editor .tab-panel.general .exposes-api.composer-checkbox,
.data-editor .tab-panel.api .exposes-api.composer-checkbox,
.data-editor .tab-panel.language .exposes-api.composer-checkbox,
.data-editor .tab-panel.collaboration .exposes-api.composer-checkbox,
.data-editor .tab-panel.server.logs .exposes-api.composer-checkbox,
.data-editor .tab-panel.sub.apps .exposes-api.composer-checkbox,
.data-editor .tab-panel.scheduledwf .exposes-api.composer-checkbox,
.data-editor .tab-panel.plan .exposes-api.composer-checkbox,
.data-editor .tab-panel.bubbleversion .exposes-api.composer-checkbox,
.logs-editor .tab-panel.mobile .exposes-api.composer-checkbox,
.logs-editor .tab-panel.metatags .exposes-api.composer-checkbox,
.logs-editor .tab-panel.domain .exposes-api.composer-checkbox,
.logs-editor .tab-panel.style.variables .exposes-api.composer-checkbox,
.logs-editor .tab-panel.general .exposes-api.composer-checkbox,
.logs-editor .tab-panel.api .exposes-api.composer-checkbox,
.logs-editor .tab-panel.language .exposes-api.composer-checkbox,
.logs-editor .tab-panel.collaboration .exposes-api.composer-checkbox,
.logs-editor .tab-panel.server.logs .exposes-api.composer-checkbox,
.logs-editor .tab-panel.sub.apps .exposes-api.composer-checkbox,
.logs-editor .tab-panel.scheduledwf .exposes-api.composer-checkbox,
.logs-editor .tab-panel.plan .exposes-api.composer-checkbox,
.logs-editor .tab-panel.bubbleversion .exposes-api.composer-checkbox,
.styles-editor .tab-panel.mobile .exposes-api.composer-checkbox,
.styles-editor .tab-panel.metatags .exposes-api.composer-checkbox,
.styles-editor .tab-panel.domain .exposes-api.composer-checkbox,
.styles-editor .tab-panel.style.variables .exposes-api.composer-checkbox,
.styles-editor .tab-panel.general .exposes-api.composer-checkbox,
.styles-editor .tab-panel.api .exposes-api.composer-checkbox,
.styles-editor .tab-panel.language .exposes-api.composer-checkbox,
.styles-editor .tab-panel.collaboration .exposes-api.composer-checkbox,
.styles-editor .tab-panel.server.logs .exposes-api.composer-checkbox,
.styles-editor .tab-panel.sub.apps .exposes-api.composer-checkbox,
.styles-editor .tab-panel.scheduledwf .exposes-api.composer-checkbox,
.styles-editor .tab-panel.plan .exposes-api.composer-checkbox,
.styles-editor .tab-panel.bubbleversion .exposes-api.composer-checkbox {
  float: left;
  margin-left: 30px;
}
.settings-editor .tab-panel.mobile .exposes-api.caption,
.settings-editor .tab-panel.metatags .exposes-api.caption,
.settings-editor .tab-panel.domain .exposes-api.caption,
.settings-editor .tab-panel.style.variables .exposes-api.caption,
.settings-editor .tab-panel.general .exposes-api.caption,
.settings-editor .tab-panel.api .exposes-api.caption,
.settings-editor .tab-panel.language .exposes-api.caption,
.settings-editor .tab-panel.collaboration .exposes-api.caption,
.settings-editor .tab-panel.server.logs .exposes-api.caption,
.settings-editor .tab-panel.sub.apps .exposes-api.caption,
.settings-editor .tab-panel.scheduledwf .exposes-api.caption,
.settings-editor .tab-panel.plan .exposes-api.caption,
.settings-editor .tab-panel.bubbleversion .exposes-api.caption,
.data-editor .tab-panel.mobile .exposes-api.caption,
.data-editor .tab-panel.metatags .exposes-api.caption,
.data-editor .tab-panel.domain .exposes-api.caption,
.data-editor .tab-panel.style.variables .exposes-api.caption,
.data-editor .tab-panel.general .exposes-api.caption,
.data-editor .tab-panel.api .exposes-api.caption,
.data-editor .tab-panel.language .exposes-api.caption,
.data-editor .tab-panel.collaboration .exposes-api.caption,
.data-editor .tab-panel.server.logs .exposes-api.caption,
.data-editor .tab-panel.sub.apps .exposes-api.caption,
.data-editor .tab-panel.scheduledwf .exposes-api.caption,
.data-editor .tab-panel.plan .exposes-api.caption,
.data-editor .tab-panel.bubbleversion .exposes-api.caption,
.logs-editor .tab-panel.mobile .exposes-api.caption,
.logs-editor .tab-panel.metatags .exposes-api.caption,
.logs-editor .tab-panel.domain .exposes-api.caption,
.logs-editor .tab-panel.style.variables .exposes-api.caption,
.logs-editor .tab-panel.general .exposes-api.caption,
.logs-editor .tab-panel.api .exposes-api.caption,
.logs-editor .tab-panel.language .exposes-api.caption,
.logs-editor .tab-panel.collaboration .exposes-api.caption,
.logs-editor .tab-panel.server.logs .exposes-api.caption,
.logs-editor .tab-panel.sub.apps .exposes-api.caption,
.logs-editor .tab-panel.scheduledwf .exposes-api.caption,
.logs-editor .tab-panel.plan .exposes-api.caption,
.logs-editor .tab-panel.bubbleversion .exposes-api.caption,
.styles-editor .tab-panel.mobile .exposes-api.caption,
.styles-editor .tab-panel.metatags .exposes-api.caption,
.styles-editor .tab-panel.domain .exposes-api.caption,
.styles-editor .tab-panel.style.variables .exposes-api.caption,
.styles-editor .tab-panel.general .exposes-api.caption,
.styles-editor .tab-panel.api .exposes-api.caption,
.styles-editor .tab-panel.language .exposes-api.caption,
.styles-editor .tab-panel.collaboration .exposes-api.caption,
.styles-editor .tab-panel.server.logs .exposes-api.caption,
.styles-editor .tab-panel.sub.apps .exposes-api.caption,
.styles-editor .tab-panel.scheduledwf .exposes-api.caption,
.styles-editor .tab-panel.plan .exposes-api.caption,
.styles-editor .tab-panel.bubbleversion .exposes-api.caption {
  width: 300px;
}
.settings-editor .tab-panel.mobile .exposes-api.url-label,
.settings-editor .tab-panel.metatags .exposes-api.url-label,
.settings-editor .tab-panel.domain .exposes-api.url-label,
.settings-editor .tab-panel.style.variables .exposes-api.url-label,
.settings-editor .tab-panel.general .exposes-api.url-label,
.settings-editor .tab-panel.api .exposes-api.url-label,
.settings-editor .tab-panel.language .exposes-api.url-label,
.settings-editor .tab-panel.collaboration .exposes-api.url-label,
.settings-editor .tab-panel.server.logs .exposes-api.url-label,
.settings-editor .tab-panel.sub.apps .exposes-api.url-label,
.settings-editor .tab-panel.scheduledwf .exposes-api.url-label,
.settings-editor .tab-panel.plan .exposes-api.url-label,
.settings-editor .tab-panel.bubbleversion .exposes-api.url-label,
.data-editor .tab-panel.mobile .exposes-api.url-label,
.data-editor .tab-panel.metatags .exposes-api.url-label,
.data-editor .tab-panel.domain .exposes-api.url-label,
.data-editor .tab-panel.style.variables .exposes-api.url-label,
.data-editor .tab-panel.general .exposes-api.url-label,
.data-editor .tab-panel.api .exposes-api.url-label,
.data-editor .tab-panel.language .exposes-api.url-label,
.data-editor .tab-panel.collaboration .exposes-api.url-label,
.data-editor .tab-panel.server.logs .exposes-api.url-label,
.data-editor .tab-panel.sub.apps .exposes-api.url-label,
.data-editor .tab-panel.scheduledwf .exposes-api.url-label,
.data-editor .tab-panel.plan .exposes-api.url-label,
.data-editor .tab-panel.bubbleversion .exposes-api.url-label,
.logs-editor .tab-panel.mobile .exposes-api.url-label,
.logs-editor .tab-panel.metatags .exposes-api.url-label,
.logs-editor .tab-panel.domain .exposes-api.url-label,
.logs-editor .tab-panel.style.variables .exposes-api.url-label,
.logs-editor .tab-panel.general .exposes-api.url-label,
.logs-editor .tab-panel.api .exposes-api.url-label,
.logs-editor .tab-panel.language .exposes-api.url-label,
.logs-editor .tab-panel.collaboration .exposes-api.url-label,
.logs-editor .tab-panel.server.logs .exposes-api.url-label,
.logs-editor .tab-panel.sub.apps .exposes-api.url-label,
.logs-editor .tab-panel.scheduledwf .exposes-api.url-label,
.logs-editor .tab-panel.plan .exposes-api.url-label,
.logs-editor .tab-panel.bubbleversion .exposes-api.url-label,
.styles-editor .tab-panel.mobile .exposes-api.url-label,
.styles-editor .tab-panel.metatags .exposes-api.url-label,
.styles-editor .tab-panel.domain .exposes-api.url-label,
.styles-editor .tab-panel.style.variables .exposes-api.url-label,
.styles-editor .tab-panel.general .exposes-api.url-label,
.styles-editor .tab-panel.api .exposes-api.url-label,
.styles-editor .tab-panel.language .exposes-api.url-label,
.styles-editor .tab-panel.collaboration .exposes-api.url-label,
.styles-editor .tab-panel.server.logs .exposes-api.url-label,
.styles-editor .tab-panel.sub.apps .exposes-api.url-label,
.styles-editor .tab-panel.scheduledwf .exposes-api.url-label,
.styles-editor .tab-panel.plan .exposes-api.url-label,
.styles-editor .tab-panel.bubbleversion .exposes-api.url-label {
  width: auto;
  margin-left: 20px;
}
.settings-editor .tab-panel.mobile .exposes-api.caption.no-api,
.settings-editor .tab-panel.metatags .exposes-api.caption.no-api,
.settings-editor .tab-panel.domain .exposes-api.caption.no-api,
.settings-editor .tab-panel.style.variables .exposes-api.caption.no-api,
.settings-editor .tab-panel.general .exposes-api.caption.no-api,
.settings-editor .tab-panel.api .exposes-api.caption.no-api,
.settings-editor .tab-panel.language .exposes-api.caption.no-api,
.settings-editor .tab-panel.collaboration .exposes-api.caption.no-api,
.settings-editor .tab-panel.server.logs .exposes-api.caption.no-api,
.settings-editor .tab-panel.sub.apps .exposes-api.caption.no-api,
.settings-editor .tab-panel.scheduledwf .exposes-api.caption.no-api,
.settings-editor .tab-panel.plan .exposes-api.caption.no-api,
.settings-editor .tab-panel.bubbleversion .exposes-api.caption.no-api,
.data-editor .tab-panel.mobile .exposes-api.caption.no-api,
.data-editor .tab-panel.metatags .exposes-api.caption.no-api,
.data-editor .tab-panel.domain .exposes-api.caption.no-api,
.data-editor .tab-panel.style.variables .exposes-api.caption.no-api,
.data-editor .tab-panel.general .exposes-api.caption.no-api,
.data-editor .tab-panel.api .exposes-api.caption.no-api,
.data-editor .tab-panel.language .exposes-api.caption.no-api,
.data-editor .tab-panel.collaboration .exposes-api.caption.no-api,
.data-editor .tab-panel.server.logs .exposes-api.caption.no-api,
.data-editor .tab-panel.sub.apps .exposes-api.caption.no-api,
.data-editor .tab-panel.scheduledwf .exposes-api.caption.no-api,
.data-editor .tab-panel.plan .exposes-api.caption.no-api,
.data-editor .tab-panel.bubbleversion .exposes-api.caption.no-api,
.logs-editor .tab-panel.mobile .exposes-api.caption.no-api,
.logs-editor .tab-panel.metatags .exposes-api.caption.no-api,
.logs-editor .tab-panel.domain .exposes-api.caption.no-api,
.logs-editor .tab-panel.style.variables .exposes-api.caption.no-api,
.logs-editor .tab-panel.general .exposes-api.caption.no-api,
.logs-editor .tab-panel.api .exposes-api.caption.no-api,
.logs-editor .tab-panel.language .exposes-api.caption.no-api,
.logs-editor .tab-panel.collaboration .exposes-api.caption.no-api,
.logs-editor .tab-panel.server.logs .exposes-api.caption.no-api,
.logs-editor .tab-panel.sub.apps .exposes-api.caption.no-api,
.logs-editor .tab-panel.scheduledwf .exposes-api.caption.no-api,
.logs-editor .tab-panel.plan .exposes-api.caption.no-api,
.logs-editor .tab-panel.bubbleversion .exposes-api.caption.no-api,
.styles-editor .tab-panel.mobile .exposes-api.caption.no-api,
.styles-editor .tab-panel.metatags .exposes-api.caption.no-api,
.styles-editor .tab-panel.domain .exposes-api.caption.no-api,
.styles-editor .tab-panel.style.variables .exposes-api.caption.no-api,
.styles-editor .tab-panel.general .exposes-api.caption.no-api,
.styles-editor .tab-panel.api .exposes-api.caption.no-api,
.styles-editor .tab-panel.language .exposes-api.caption.no-api,
.styles-editor .tab-panel.collaboration .exposes-api.caption.no-api,
.styles-editor .tab-panel.server.logs .exposes-api.caption.no-api,
.styles-editor .tab-panel.sub.apps .exposes-api.caption.no-api,
.styles-editor .tab-panel.scheduledwf .exposes-api.caption.no-api,
.styles-editor .tab-panel.plan .exposes-api.caption.no-api,
.styles-editor .tab-panel.bubbleversion .exposes-api.caption.no-api {
  margin-bottom: 22px;
}
.settings-editor .tab-panel.mobile .exposed-types,
.settings-editor .tab-panel.mobile .exposed-pages,
.settings-editor .tab-panel.mobile .pages-pick-area,
.settings-editor .tab-panel.metatags .exposed-types,
.settings-editor .tab-panel.metatags .exposed-pages,
.settings-editor .tab-panel.metatags .pages-pick-area,
.settings-editor .tab-panel.domain .exposed-types,
.settings-editor .tab-panel.domain .exposed-pages,
.settings-editor .tab-panel.domain .pages-pick-area,
.settings-editor .tab-panel.style.variables .exposed-types,
.settings-editor .tab-panel.style.variables .exposed-pages,
.settings-editor .tab-panel.style.variables .pages-pick-area,
.settings-editor .tab-panel.general .exposed-types,
.settings-editor .tab-panel.general .exposed-pages,
.settings-editor .tab-panel.general .pages-pick-area,
.settings-editor .tab-panel.api .exposed-types,
.settings-editor .tab-panel.api .exposed-pages,
.settings-editor .tab-panel.api .pages-pick-area,
.settings-editor .tab-panel.language .exposed-types,
.settings-editor .tab-panel.language .exposed-pages,
.settings-editor .tab-panel.language .pages-pick-area,
.settings-editor .tab-panel.collaboration .exposed-types,
.settings-editor .tab-panel.collaboration .exposed-pages,
.settings-editor .tab-panel.collaboration .pages-pick-area,
.settings-editor .tab-panel.server.logs .exposed-types,
.settings-editor .tab-panel.server.logs .exposed-pages,
.settings-editor .tab-panel.server.logs .pages-pick-area,
.settings-editor .tab-panel.sub.apps .exposed-types,
.settings-editor .tab-panel.sub.apps .exposed-pages,
.settings-editor .tab-panel.sub.apps .pages-pick-area,
.settings-editor .tab-panel.scheduledwf .exposed-types,
.settings-editor .tab-panel.scheduledwf .exposed-pages,
.settings-editor .tab-panel.scheduledwf .pages-pick-area,
.settings-editor .tab-panel.plan .exposed-types,
.settings-editor .tab-panel.plan .exposed-pages,
.settings-editor .tab-panel.plan .pages-pick-area,
.settings-editor .tab-panel.bubbleversion .exposed-types,
.settings-editor .tab-panel.bubbleversion .exposed-pages,
.settings-editor .tab-panel.bubbleversion .pages-pick-area,
.data-editor .tab-panel.mobile .exposed-types,
.data-editor .tab-panel.mobile .exposed-pages,
.data-editor .tab-panel.mobile .pages-pick-area,
.data-editor .tab-panel.metatags .exposed-types,
.data-editor .tab-panel.metatags .exposed-pages,
.data-editor .tab-panel.metatags .pages-pick-area,
.data-editor .tab-panel.domain .exposed-types,
.data-editor .tab-panel.domain .exposed-pages,
.data-editor .tab-panel.domain .pages-pick-area,
.data-editor .tab-panel.style.variables .exposed-types,
.data-editor .tab-panel.style.variables .exposed-pages,
.data-editor .tab-panel.style.variables .pages-pick-area,
.data-editor .tab-panel.general .exposed-types,
.data-editor .tab-panel.general .exposed-pages,
.data-editor .tab-panel.general .pages-pick-area,
.data-editor .tab-panel.api .exposed-types,
.data-editor .tab-panel.api .exposed-pages,
.data-editor .tab-panel.api .pages-pick-area,
.data-editor .tab-panel.language .exposed-types,
.data-editor .tab-panel.language .exposed-pages,
.data-editor .tab-panel.language .pages-pick-area,
.data-editor .tab-panel.collaboration .exposed-types,
.data-editor .tab-panel.collaboration .exposed-pages,
.data-editor .tab-panel.collaboration .pages-pick-area,
.data-editor .tab-panel.server.logs .exposed-types,
.data-editor .tab-panel.server.logs .exposed-pages,
.data-editor .tab-panel.server.logs .pages-pick-area,
.data-editor .tab-panel.sub.apps .exposed-types,
.data-editor .tab-panel.sub.apps .exposed-pages,
.data-editor .tab-panel.sub.apps .pages-pick-area,
.data-editor .tab-panel.scheduledwf .exposed-types,
.data-editor .tab-panel.scheduledwf .exposed-pages,
.data-editor .tab-panel.scheduledwf .pages-pick-area,
.data-editor .tab-panel.plan .exposed-types,
.data-editor .tab-panel.plan .exposed-pages,
.data-editor .tab-panel.plan .pages-pick-area,
.data-editor .tab-panel.bubbleversion .exposed-types,
.data-editor .tab-panel.bubbleversion .exposed-pages,
.data-editor .tab-panel.bubbleversion .pages-pick-area,
.logs-editor .tab-panel.mobile .exposed-types,
.logs-editor .tab-panel.mobile .exposed-pages,
.logs-editor .tab-panel.mobile .pages-pick-area,
.logs-editor .tab-panel.metatags .exposed-types,
.logs-editor .tab-panel.metatags .exposed-pages,
.logs-editor .tab-panel.metatags .pages-pick-area,
.logs-editor .tab-panel.domain .exposed-types,
.logs-editor .tab-panel.domain .exposed-pages,
.logs-editor .tab-panel.domain .pages-pick-area,
.logs-editor .tab-panel.style.variables .exposed-types,
.logs-editor .tab-panel.style.variables .exposed-pages,
.logs-editor .tab-panel.style.variables .pages-pick-area,
.logs-editor .tab-panel.general .exposed-types,
.logs-editor .tab-panel.general .exposed-pages,
.logs-editor .tab-panel.general .pages-pick-area,
.logs-editor .tab-panel.api .exposed-types,
.logs-editor .tab-panel.api .exposed-pages,
.logs-editor .tab-panel.api .pages-pick-area,
.logs-editor .tab-panel.language .exposed-types,
.logs-editor .tab-panel.language .exposed-pages,
.logs-editor .tab-panel.language .pages-pick-area,
.logs-editor .tab-panel.collaboration .exposed-types,
.logs-editor .tab-panel.collaboration .exposed-pages,
.logs-editor .tab-panel.collaboration .pages-pick-area,
.logs-editor .tab-panel.server.logs .exposed-types,
.logs-editor .tab-panel.server.logs .exposed-pages,
.logs-editor .tab-panel.server.logs .pages-pick-area,
.logs-editor .tab-panel.sub.apps .exposed-types,
.logs-editor .tab-panel.sub.apps .exposed-pages,
.logs-editor .tab-panel.sub.apps .pages-pick-area,
.logs-editor .tab-panel.scheduledwf .exposed-types,
.logs-editor .tab-panel.scheduledwf .exposed-pages,
.logs-editor .tab-panel.scheduledwf .pages-pick-area,
.logs-editor .tab-panel.plan .exposed-types,
.logs-editor .tab-panel.plan .exposed-pages,
.logs-editor .tab-panel.plan .pages-pick-area,
.logs-editor .tab-panel.bubbleversion .exposed-types,
.logs-editor .tab-panel.bubbleversion .exposed-pages,
.logs-editor .tab-panel.bubbleversion .pages-pick-area,
.styles-editor .tab-panel.mobile .exposed-types,
.styles-editor .tab-panel.mobile .exposed-pages,
.styles-editor .tab-panel.mobile .pages-pick-area,
.styles-editor .tab-panel.metatags .exposed-types,
.styles-editor .tab-panel.metatags .exposed-pages,
.styles-editor .tab-panel.metatags .pages-pick-area,
.styles-editor .tab-panel.domain .exposed-types,
.styles-editor .tab-panel.domain .exposed-pages,
.styles-editor .tab-panel.domain .pages-pick-area,
.styles-editor .tab-panel.style.variables .exposed-types,
.styles-editor .tab-panel.style.variables .exposed-pages,
.styles-editor .tab-panel.style.variables .pages-pick-area,
.styles-editor .tab-panel.general .exposed-types,
.styles-editor .tab-panel.general .exposed-pages,
.styles-editor .tab-panel.general .pages-pick-area,
.styles-editor .tab-panel.api .exposed-types,
.styles-editor .tab-panel.api .exposed-pages,
.styles-editor .tab-panel.api .pages-pick-area,
.styles-editor .tab-panel.language .exposed-types,
.styles-editor .tab-panel.language .exposed-pages,
.styles-editor .tab-panel.language .pages-pick-area,
.styles-editor .tab-panel.collaboration .exposed-types,
.styles-editor .tab-panel.collaboration .exposed-pages,
.styles-editor .tab-panel.collaboration .pages-pick-area,
.styles-editor .tab-panel.server.logs .exposed-types,
.styles-editor .tab-panel.server.logs .exposed-pages,
.styles-editor .tab-panel.server.logs .pages-pick-area,
.styles-editor .tab-panel.sub.apps .exposed-types,
.styles-editor .tab-panel.sub.apps .exposed-pages,
.styles-editor .tab-panel.sub.apps .pages-pick-area,
.styles-editor .tab-panel.scheduledwf .exposed-types,
.styles-editor .tab-panel.scheduledwf .exposed-pages,
.styles-editor .tab-panel.scheduledwf .pages-pick-area,
.styles-editor .tab-panel.plan .exposed-types,
.styles-editor .tab-panel.plan .exposed-pages,
.styles-editor .tab-panel.plan .pages-pick-area,
.styles-editor .tab-panel.bubbleversion .exposed-types,
.styles-editor .tab-panel.bubbleversion .exposed-pages,
.styles-editor .tab-panel.bubbleversion .pages-pick-area {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}
.settings-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.settings-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.settings-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.settings-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.settings-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.domain .exposed-types .exposes-api.field,
.settings-editor .tab-panel.domain .exposed-types .composer-checkbox,
.settings-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.settings-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.settings-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.general .exposed-types .exposes-api.field,
.settings-editor .tab-panel.general .exposed-types .composer-checkbox,
.settings-editor .tab-panel.general .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.general .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.general .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.api .exposed-types .exposes-api.field,
.settings-editor .tab-panel.api .exposed-types .composer-checkbox,
.settings-editor .tab-panel.api .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.api .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.api .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.language .exposed-types .exposes-api.field,
.settings-editor .tab-panel.language .exposed-types .composer-checkbox,
.settings-editor .tab-panel.language .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.language .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.language .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.settings-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.settings-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.settings-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.settings-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.settings-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.settings-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.plan .exposed-types .exposes-api.field,
.settings-editor .tab-panel.plan .exposed-types .composer-checkbox,
.settings-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.data-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.data-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.data-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.data-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.data-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.data-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.data-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.data-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.data-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.data-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.domain .exposed-types .exposes-api.field,
.data-editor .tab-panel.domain .exposed-types .composer-checkbox,
.data-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.data-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.data-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.data-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.data-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.data-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.data-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.data-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.data-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.general .exposed-types .exposes-api.field,
.data-editor .tab-panel.general .exposed-types .composer-checkbox,
.data-editor .tab-panel.general .exposed-types .page-sitemap.field,
.data-editor .tab-panel.general .exposed-pages .exposes-api.field,
.data-editor .tab-panel.general .exposed-pages .composer-checkbox,
.data-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.api .exposed-types .exposes-api.field,
.data-editor .tab-panel.api .exposed-types .composer-checkbox,
.data-editor .tab-panel.api .exposed-types .page-sitemap.field,
.data-editor .tab-panel.api .exposed-pages .exposes-api.field,
.data-editor .tab-panel.api .exposed-pages .composer-checkbox,
.data-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.language .exposed-types .exposes-api.field,
.data-editor .tab-panel.language .exposed-types .composer-checkbox,
.data-editor .tab-panel.language .exposed-types .page-sitemap.field,
.data-editor .tab-panel.language .exposed-pages .exposes-api.field,
.data-editor .tab-panel.language .exposed-pages .composer-checkbox,
.data-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.data-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.data-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.data-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.data-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.data-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.data-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.data-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.data-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.data-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.data-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.data-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.data-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.data-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.data-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.data-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.data-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.data-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.data-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.data-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.plan .exposed-types .exposes-api.field,
.data-editor .tab-panel.plan .exposed-types .composer-checkbox,
.data-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.data-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.data-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.data-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.data-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.data-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.data-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.data-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.logs-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.logs-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.logs-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.logs-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.domain .exposed-types .exposes-api.field,
.logs-editor .tab-panel.domain .exposed-types .composer-checkbox,
.logs-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.logs-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.logs-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.general .exposed-types .exposes-api.field,
.logs-editor .tab-panel.general .exposed-types .composer-checkbox,
.logs-editor .tab-panel.general .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.general .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.general .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.api .exposed-types .exposes-api.field,
.logs-editor .tab-panel.api .exposed-types .composer-checkbox,
.logs-editor .tab-panel.api .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.api .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.api .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.language .exposed-types .exposes-api.field,
.logs-editor .tab-panel.language .exposed-types .composer-checkbox,
.logs-editor .tab-panel.language .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.language .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.language .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.logs-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.logs-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.logs-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.logs-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.logs-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.logs-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.plan .exposed-types .exposes-api.field,
.logs-editor .tab-panel.plan .exposed-types .composer-checkbox,
.logs-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.styles-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.styles-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.styles-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.styles-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.domain .exposed-types .exposes-api.field,
.styles-editor .tab-panel.domain .exposed-types .composer-checkbox,
.styles-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.styles-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.styles-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.general .exposed-types .exposes-api.field,
.styles-editor .tab-panel.general .exposed-types .composer-checkbox,
.styles-editor .tab-panel.general .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.general .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.general .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.api .exposed-types .exposes-api.field,
.styles-editor .tab-panel.api .exposed-types .composer-checkbox,
.styles-editor .tab-panel.api .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.api .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.api .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.language .exposed-types .exposes-api.field,
.styles-editor .tab-panel.language .exposed-types .composer-checkbox,
.styles-editor .tab-panel.language .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.language .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.language .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.styles-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.styles-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.styles-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.styles-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.styles-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.styles-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.plan .exposed-types .exposes-api.field,
.styles-editor .tab-panel.plan .exposed-types .composer-checkbox,
.styles-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field {
  float: left;
  clear: none !important;
}
.settings-editor .tab-panel.mobile .exposed-types .type-wrapper,
.settings-editor .tab-panel.mobile .exposed-pages .type-wrapper,
.settings-editor .tab-panel.mobile .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.metatags .exposed-types .type-wrapper,
.settings-editor .tab-panel.metatags .exposed-pages .type-wrapper,
.settings-editor .tab-panel.metatags .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.domain .exposed-types .type-wrapper,
.settings-editor .tab-panel.domain .exposed-pages .type-wrapper,
.settings-editor .tab-panel.domain .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.style.variables .exposed-types .type-wrapper,
.settings-editor .tab-panel.style.variables .exposed-pages .type-wrapper,
.settings-editor .tab-panel.style.variables .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.general .exposed-types .type-wrapper,
.settings-editor .tab-panel.general .exposed-pages .type-wrapper,
.settings-editor .tab-panel.general .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.api .exposed-types .type-wrapper,
.settings-editor .tab-panel.api .exposed-pages .type-wrapper,
.settings-editor .tab-panel.api .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.language .exposed-types .type-wrapper,
.settings-editor .tab-panel.language .exposed-pages .type-wrapper,
.settings-editor .tab-panel.language .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.collaboration .exposed-types .type-wrapper,
.settings-editor .tab-panel.collaboration .exposed-pages .type-wrapper,
.settings-editor .tab-panel.collaboration .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.server.logs .exposed-types .type-wrapper,
.settings-editor .tab-panel.server.logs .exposed-pages .type-wrapper,
.settings-editor .tab-panel.server.logs .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.sub.apps .exposed-types .type-wrapper,
.settings-editor .tab-panel.sub.apps .exposed-pages .type-wrapper,
.settings-editor .tab-panel.sub.apps .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.scheduledwf .exposed-types .type-wrapper,
.settings-editor .tab-panel.scheduledwf .exposed-pages .type-wrapper,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.plan .exposed-types .type-wrapper,
.settings-editor .tab-panel.plan .exposed-pages .type-wrapper,
.settings-editor .tab-panel.plan .pages-pick-area .type-wrapper,
.settings-editor .tab-panel.bubbleversion .exposed-types .type-wrapper,
.settings-editor .tab-panel.bubbleversion .exposed-pages .type-wrapper,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .type-wrapper,
.data-editor .tab-panel.mobile .exposed-types .type-wrapper,
.data-editor .tab-panel.mobile .exposed-pages .type-wrapper,
.data-editor .tab-panel.mobile .pages-pick-area .type-wrapper,
.data-editor .tab-panel.metatags .exposed-types .type-wrapper,
.data-editor .tab-panel.metatags .exposed-pages .type-wrapper,
.data-editor .tab-panel.metatags .pages-pick-area .type-wrapper,
.data-editor .tab-panel.domain .exposed-types .type-wrapper,
.data-editor .tab-panel.domain .exposed-pages .type-wrapper,
.data-editor .tab-panel.domain .pages-pick-area .type-wrapper,
.data-editor .tab-panel.style.variables .exposed-types .type-wrapper,
.data-editor .tab-panel.style.variables .exposed-pages .type-wrapper,
.data-editor .tab-panel.style.variables .pages-pick-area .type-wrapper,
.data-editor .tab-panel.general .exposed-types .type-wrapper,
.data-editor .tab-panel.general .exposed-pages .type-wrapper,
.data-editor .tab-panel.general .pages-pick-area .type-wrapper,
.data-editor .tab-panel.api .exposed-types .type-wrapper,
.data-editor .tab-panel.api .exposed-pages .type-wrapper,
.data-editor .tab-panel.api .pages-pick-area .type-wrapper,
.data-editor .tab-panel.language .exposed-types .type-wrapper,
.data-editor .tab-panel.language .exposed-pages .type-wrapper,
.data-editor .tab-panel.language .pages-pick-area .type-wrapper,
.data-editor .tab-panel.collaboration .exposed-types .type-wrapper,
.data-editor .tab-panel.collaboration .exposed-pages .type-wrapper,
.data-editor .tab-panel.collaboration .pages-pick-area .type-wrapper,
.data-editor .tab-panel.server.logs .exposed-types .type-wrapper,
.data-editor .tab-panel.server.logs .exposed-pages .type-wrapper,
.data-editor .tab-panel.server.logs .pages-pick-area .type-wrapper,
.data-editor .tab-panel.sub.apps .exposed-types .type-wrapper,
.data-editor .tab-panel.sub.apps .exposed-pages .type-wrapper,
.data-editor .tab-panel.sub.apps .pages-pick-area .type-wrapper,
.data-editor .tab-panel.scheduledwf .exposed-types .type-wrapper,
.data-editor .tab-panel.scheduledwf .exposed-pages .type-wrapper,
.data-editor .tab-panel.scheduledwf .pages-pick-area .type-wrapper,
.data-editor .tab-panel.plan .exposed-types .type-wrapper,
.data-editor .tab-panel.plan .exposed-pages .type-wrapper,
.data-editor .tab-panel.plan .pages-pick-area .type-wrapper,
.data-editor .tab-panel.bubbleversion .exposed-types .type-wrapper,
.data-editor .tab-panel.bubbleversion .exposed-pages .type-wrapper,
.data-editor .tab-panel.bubbleversion .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.mobile .exposed-types .type-wrapper,
.logs-editor .tab-panel.mobile .exposed-pages .type-wrapper,
.logs-editor .tab-panel.mobile .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.metatags .exposed-types .type-wrapper,
.logs-editor .tab-panel.metatags .exposed-pages .type-wrapper,
.logs-editor .tab-panel.metatags .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.domain .exposed-types .type-wrapper,
.logs-editor .tab-panel.domain .exposed-pages .type-wrapper,
.logs-editor .tab-panel.domain .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.style.variables .exposed-types .type-wrapper,
.logs-editor .tab-panel.style.variables .exposed-pages .type-wrapper,
.logs-editor .tab-panel.style.variables .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.general .exposed-types .type-wrapper,
.logs-editor .tab-panel.general .exposed-pages .type-wrapper,
.logs-editor .tab-panel.general .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.api .exposed-types .type-wrapper,
.logs-editor .tab-panel.api .exposed-pages .type-wrapper,
.logs-editor .tab-panel.api .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.language .exposed-types .type-wrapper,
.logs-editor .tab-panel.language .exposed-pages .type-wrapper,
.logs-editor .tab-panel.language .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.collaboration .exposed-types .type-wrapper,
.logs-editor .tab-panel.collaboration .exposed-pages .type-wrapper,
.logs-editor .tab-panel.collaboration .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.server.logs .exposed-types .type-wrapper,
.logs-editor .tab-panel.server.logs .exposed-pages .type-wrapper,
.logs-editor .tab-panel.server.logs .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.sub.apps .exposed-types .type-wrapper,
.logs-editor .tab-panel.sub.apps .exposed-pages .type-wrapper,
.logs-editor .tab-panel.sub.apps .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.scheduledwf .exposed-types .type-wrapper,
.logs-editor .tab-panel.scheduledwf .exposed-pages .type-wrapper,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.plan .exposed-types .type-wrapper,
.logs-editor .tab-panel.plan .exposed-pages .type-wrapper,
.logs-editor .tab-panel.plan .pages-pick-area .type-wrapper,
.logs-editor .tab-panel.bubbleversion .exposed-types .type-wrapper,
.logs-editor .tab-panel.bubbleversion .exposed-pages .type-wrapper,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.mobile .exposed-types .type-wrapper,
.styles-editor .tab-panel.mobile .exposed-pages .type-wrapper,
.styles-editor .tab-panel.mobile .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.metatags .exposed-types .type-wrapper,
.styles-editor .tab-panel.metatags .exposed-pages .type-wrapper,
.styles-editor .tab-panel.metatags .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.domain .exposed-types .type-wrapper,
.styles-editor .tab-panel.domain .exposed-pages .type-wrapper,
.styles-editor .tab-panel.domain .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.style.variables .exposed-types .type-wrapper,
.styles-editor .tab-panel.style.variables .exposed-pages .type-wrapper,
.styles-editor .tab-panel.style.variables .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.general .exposed-types .type-wrapper,
.styles-editor .tab-panel.general .exposed-pages .type-wrapper,
.styles-editor .tab-panel.general .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.api .exposed-types .type-wrapper,
.styles-editor .tab-panel.api .exposed-pages .type-wrapper,
.styles-editor .tab-panel.api .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.language .exposed-types .type-wrapper,
.styles-editor .tab-panel.language .exposed-pages .type-wrapper,
.styles-editor .tab-panel.language .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.collaboration .exposed-types .type-wrapper,
.styles-editor .tab-panel.collaboration .exposed-pages .type-wrapper,
.styles-editor .tab-panel.collaboration .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.server.logs .exposed-types .type-wrapper,
.styles-editor .tab-panel.server.logs .exposed-pages .type-wrapper,
.styles-editor .tab-panel.server.logs .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.sub.apps .exposed-types .type-wrapper,
.styles-editor .tab-panel.sub.apps .exposed-pages .type-wrapper,
.styles-editor .tab-panel.sub.apps .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.scheduledwf .exposed-types .type-wrapper,
.styles-editor .tab-panel.scheduledwf .exposed-pages .type-wrapper,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.plan .exposed-types .type-wrapper,
.styles-editor .tab-panel.plan .exposed-pages .type-wrapper,
.styles-editor .tab-panel.plan .pages-pick-area .type-wrapper,
.styles-editor .tab-panel.bubbleversion .exposed-types .type-wrapper,
.styles-editor .tab-panel.bubbleversion .exposed-pages .type-wrapper,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .type-wrapper {
  float: left;
}
.settings-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.settings-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.settings-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.domain .exposed-types .exposes-api.field,
.settings-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.settings-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.general .exposed-types .exposes-api.field,
.settings-editor .tab-panel.general .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.general .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.api .exposed-types .exposes-api.field,
.settings-editor .tab-panel.api .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.api .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.language .exposed-types .exposes-api.field,
.settings-editor .tab-panel.language .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.language .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.settings-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.settings-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.settings-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.plan .exposed-types .exposes-api.field,
.settings-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.data-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.data-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.data-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.data-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.data-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.data-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.domain .exposed-types .exposes-api.field,
.data-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.data-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.data-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.data-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.data-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.data-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.general .exposed-types .exposes-api.field,
.data-editor .tab-panel.general .exposed-types .page-sitemap.field,
.data-editor .tab-panel.general .exposed-pages .exposes-api.field,
.data-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.api .exposed-types .exposes-api.field,
.data-editor .tab-panel.api .exposed-types .page-sitemap.field,
.data-editor .tab-panel.api .exposed-pages .exposes-api.field,
.data-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.language .exposed-types .exposes-api.field,
.data-editor .tab-panel.language .exposed-types .page-sitemap.field,
.data-editor .tab-panel.language .exposed-pages .exposes-api.field,
.data-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.data-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.data-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.data-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.data-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.data-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.data-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.data-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.data-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.data-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.data-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.data-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.plan .exposed-types .exposes-api.field,
.data-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.data-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.data-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.data-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.data-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.data-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.data-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.logs-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.logs-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.domain .exposed-types .exposes-api.field,
.logs-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.logs-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.general .exposed-types .exposes-api.field,
.logs-editor .tab-panel.general .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.general .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.api .exposed-types .exposes-api.field,
.logs-editor .tab-panel.api .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.api .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.language .exposed-types .exposes-api.field,
.logs-editor .tab-panel.language .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.language .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.logs-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.logs-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.logs-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.plan .exposed-types .exposes-api.field,
.logs-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.mobile .exposed-types .exposes-api.field,
.styles-editor .tab-panel.mobile .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.mobile .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.mobile .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.mobile .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.mobile .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.metatags .exposed-types .exposes-api.field,
.styles-editor .tab-panel.metatags .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.metatags .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.metatags .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.metatags .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.metatags .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.domain .exposed-types .exposes-api.field,
.styles-editor .tab-panel.domain .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.domain .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.domain .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.domain .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.domain .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.style.variables .exposed-types .exposes-api.field,
.styles-editor .tab-panel.style.variables .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.style.variables .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.style.variables .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.style.variables .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.style.variables .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.general .exposed-types .exposes-api.field,
.styles-editor .tab-panel.general .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.general .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.general .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.general .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.general .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.api .exposed-types .exposes-api.field,
.styles-editor .tab-panel.api .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.api .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.api .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.api .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.api .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.language .exposed-types .exposes-api.field,
.styles-editor .tab-panel.language .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.language .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.language .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.language .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.language .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.collaboration .exposed-types .exposes-api.field,
.styles-editor .tab-panel.collaboration .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.collaboration .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.collaboration .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.collaboration .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.collaboration .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.server.logs .exposed-types .exposes-api.field,
.styles-editor .tab-panel.server.logs .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.server.logs .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.server.logs .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.server.logs .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.server.logs .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .exposed-types .exposes-api.field,
.styles-editor .tab-panel.sub.apps .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.sub.apps .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.sub.apps .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.sub.apps .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .exposed-types .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.plan .exposed-types .exposes-api.field,
.styles-editor .tab-panel.plan .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.plan .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.plan .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.plan .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.plan .pages-pick-area .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .exposed-types .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .exposed-types .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .exposed-pages .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .exposed-pages .page-sitemap.field,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .exposes-api.field,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .page-sitemap.field {
  width: 212px;
  padding-left: 20px;
  margin-top: 7px !important;
}
.settings-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.settings-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.settings-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.domain .exposed-types .composer-checkbox,
.settings-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.settings-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.general .exposed-types .composer-checkbox,
.settings-editor .tab-panel.general .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.api .exposed-types .composer-checkbox,
.settings-editor .tab-panel.api .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.language .exposed-types .composer-checkbox,
.settings-editor .tab-panel.language .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.settings-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.settings-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.settings-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.plan .exposed-types .composer-checkbox,
.settings-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.settings-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.data-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.data-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.data-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.data-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.domain .exposed-types .composer-checkbox,
.data-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.data-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.data-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.data-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.general .exposed-types .composer-checkbox,
.data-editor .tab-panel.general .exposed-pages .composer-checkbox,
.data-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.api .exposed-types .composer-checkbox,
.data-editor .tab-panel.api .exposed-pages .composer-checkbox,
.data-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.language .exposed-types .composer-checkbox,
.data-editor .tab-panel.language .exposed-pages .composer-checkbox,
.data-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.data-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.data-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.data-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.data-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.data-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.data-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.data-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.data-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.plan .exposed-types .composer-checkbox,
.data-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.data-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.data-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.data-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.data-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.logs-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.logs-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.domain .exposed-types .composer-checkbox,
.logs-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.logs-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.general .exposed-types .composer-checkbox,
.logs-editor .tab-panel.general .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.api .exposed-types .composer-checkbox,
.logs-editor .tab-panel.api .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.language .exposed-types .composer-checkbox,
.logs-editor .tab-panel.language .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.logs-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.logs-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.logs-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.plan .exposed-types .composer-checkbox,
.logs-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.logs-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.mobile .exposed-types .composer-checkbox,
.styles-editor .tab-panel.mobile .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.mobile .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.metatags .exposed-types .composer-checkbox,
.styles-editor .tab-panel.metatags .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.metatags .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.domain .exposed-types .composer-checkbox,
.styles-editor .tab-panel.domain .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.domain .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.style.variables .exposed-types .composer-checkbox,
.styles-editor .tab-panel.style.variables .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.style.variables .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.general .exposed-types .composer-checkbox,
.styles-editor .tab-panel.general .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.general .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.api .exposed-types .composer-checkbox,
.styles-editor .tab-panel.api .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.api .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.language .exposed-types .composer-checkbox,
.styles-editor .tab-panel.language .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.language .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.collaboration .exposed-types .composer-checkbox,
.styles-editor .tab-panel.collaboration .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.collaboration .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.server.logs .exposed-types .composer-checkbox,
.styles-editor .tab-panel.server.logs .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.server.logs .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.sub.apps .exposed-types .composer-checkbox,
.styles-editor .tab-panel.sub.apps .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.sub.apps .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .exposed-types .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.scheduledwf .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.plan .exposed-types .composer-checkbox,
.styles-editor .tab-panel.plan .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.plan .pages-pick-area .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .exposed-types .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .exposed-pages .composer-checkbox,
.styles-editor .tab-panel.bubbleversion .pages-pick-area .composer-checkbox {
  margin-right: 14px;
}
.settings-editor .tab-panel.mobile .explanation.discourse,
.settings-editor .tab-panel.metatags .explanation.discourse,
.settings-editor .tab-panel.domain .explanation.discourse,
.settings-editor .tab-panel.style.variables .explanation.discourse,
.settings-editor .tab-panel.general .explanation.discourse,
.settings-editor .tab-panel.api .explanation.discourse,
.settings-editor .tab-panel.language .explanation.discourse,
.settings-editor .tab-panel.collaboration .explanation.discourse,
.settings-editor .tab-panel.server.logs .explanation.discourse,
.settings-editor .tab-panel.sub.apps .explanation.discourse,
.settings-editor .tab-panel.scheduledwf .explanation.discourse,
.settings-editor .tab-panel.plan .explanation.discourse,
.settings-editor .tab-panel.bubbleversion .explanation.discourse,
.data-editor .tab-panel.mobile .explanation.discourse,
.data-editor .tab-panel.metatags .explanation.discourse,
.data-editor .tab-panel.domain .explanation.discourse,
.data-editor .tab-panel.style.variables .explanation.discourse,
.data-editor .tab-panel.general .explanation.discourse,
.data-editor .tab-panel.api .explanation.discourse,
.data-editor .tab-panel.language .explanation.discourse,
.data-editor .tab-panel.collaboration .explanation.discourse,
.data-editor .tab-panel.server.logs .explanation.discourse,
.data-editor .tab-panel.sub.apps .explanation.discourse,
.data-editor .tab-panel.scheduledwf .explanation.discourse,
.data-editor .tab-panel.plan .explanation.discourse,
.data-editor .tab-panel.bubbleversion .explanation.discourse,
.logs-editor .tab-panel.mobile .explanation.discourse,
.logs-editor .tab-panel.metatags .explanation.discourse,
.logs-editor .tab-panel.domain .explanation.discourse,
.logs-editor .tab-panel.style.variables .explanation.discourse,
.logs-editor .tab-panel.general .explanation.discourse,
.logs-editor .tab-panel.api .explanation.discourse,
.logs-editor .tab-panel.language .explanation.discourse,
.logs-editor .tab-panel.collaboration .explanation.discourse,
.logs-editor .tab-panel.server.logs .explanation.discourse,
.logs-editor .tab-panel.sub.apps .explanation.discourse,
.logs-editor .tab-panel.scheduledwf .explanation.discourse,
.logs-editor .tab-panel.plan .explanation.discourse,
.logs-editor .tab-panel.bubbleversion .explanation.discourse,
.styles-editor .tab-panel.mobile .explanation.discourse,
.styles-editor .tab-panel.metatags .explanation.discourse,
.styles-editor .tab-panel.domain .explanation.discourse,
.styles-editor .tab-panel.style.variables .explanation.discourse,
.styles-editor .tab-panel.general .explanation.discourse,
.styles-editor .tab-panel.api .explanation.discourse,
.styles-editor .tab-panel.language .explanation.discourse,
.styles-editor .tab-panel.collaboration .explanation.discourse,
.styles-editor .tab-panel.server.logs .explanation.discourse,
.styles-editor .tab-panel.sub.apps .explanation.discourse,
.styles-editor .tab-panel.scheduledwf .explanation.discourse,
.styles-editor .tab-panel.plan .explanation.discourse,
.styles-editor .tab-panel.bubbleversion .explanation.discourse {
  float: left;
  margin-top: 15px;
}
.settings-editor .settings-cta-section-title .meta-tag-section-title,
.settings-editor .settings-cta-section-title .meta-tag-section-subtitle,
.settings-editor .settings-cta-section-title .meta-tag-section-divider,
.data-editor .settings-cta-section-title .meta-tag-section-title,
.data-editor .settings-cta-section-title .meta-tag-section-subtitle,
.data-editor .settings-cta-section-title .meta-tag-section-divider,
.logs-editor .settings-cta-section-title .meta-tag-section-title,
.logs-editor .settings-cta-section-title .meta-tag-section-subtitle,
.logs-editor .settings-cta-section-title .meta-tag-section-divider,
.styles-editor .settings-cta-section-title .meta-tag-section-title,
.styles-editor .settings-cta-section-title .meta-tag-section-subtitle,
.styles-editor .settings-cta-section-title .meta-tag-section-divider {
  float: left;
  clear: both;
  width: 100%;
}
.settings-editor .settings-cta-section-title .meta-tag-section-title,
.data-editor .settings-cta-section-title .meta-tag-section-title,
.logs-editor .settings-cta-section-title .meta-tag-section-title,
.styles-editor .settings-cta-section-title .meta-tag-section-title {
  font-size: 22px !important;
  font-weight: 600;
  margin-top: var(--b-spacing20) !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  line-height: 32px;
  border-bottom: none !important;
  color: #000000;
}
.settings-editor .settings-cta-section-title .general-wrapper .field,
.data-editor .settings-cta-section-title .general-wrapper .field,
.logs-editor .settings-cta-section-title .general-wrapper .field,
.styles-editor .settings-cta-section-title .general-wrapper .field {
  margin-right: 0px !important;
}
.settings-editor .settings-cta-section-title .meta-tag-section-subtitle,
.data-editor .settings-cta-section-title .meta-tag-section-subtitle,
.logs-editor .settings-cta-section-title .meta-tag-section-subtitle,
.styles-editor .settings-cta-section-title .meta-tag-section-subtitle {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px !important;
  color: var(--b-txt-secondary);
}
.settings-editor .settings-cta-section-title .meta-tag-section-subtitle a,
.data-editor .settings-cta-section-title .meta-tag-section-subtitle a,
.logs-editor .settings-cta-section-title .meta-tag-section-subtitle a,
.styles-editor .settings-cta-section-title .meta-tag-section-subtitle a {
  color: var(--b-txt-brand);
}
.settings-editor .settings-cta-section-title .meta-tag-section-divider,
.data-editor .settings-cta-section-title .meta-tag-section-divider,
.logs-editor .settings-cta-section-title .meta-tag-section-divider,
.styles-editor .settings-cta-section-title .meta-tag-section-divider {
  background: var(--b-bg-secondary2);
  height: 1px;
  margin-bottom: var(--b-spacing16);
}
.settings-editor .settings-cta-section-title .settings-input-container .meta-tag-section-title,
.data-editor .settings-cta-section-title .settings-input-container .meta-tag-section-title,
.logs-editor .settings-cta-section-title .settings-input-container .meta-tag-section-title,
.styles-editor .settings-cta-section-title .settings-input-container .meta-tag-section-title {
  font-size: 14px !important;
  margin-bottom: 4px !important;
}
.settings-editor .tab-panel.plan,
.data-editor .tab-panel.plan,
.logs-editor .tab-panel.plan,
.styles-editor .tab-panel.plan {
  max-width: 855px;
}
.settings-editor .tab-panel.plan .meta-tag-section-title .update-plan,
.data-editor .tab-panel.plan .meta-tag-section-title .update-plan,
.logs-editor .tab-panel.plan .meta-tag-section-title .update-plan,
.styles-editor .tab-panel.plan .meta-tag-section-title .update-plan {
  width: 170px;
}
.settings-editor .tab-panel.plan .meta-tag-section-title .update-plan.contact-btn,
.data-editor .tab-panel.plan .meta-tag-section-title .update-plan.contact-btn,
.logs-editor .tab-panel.plan .meta-tag-section-title .update-plan.contact-btn,
.styles-editor .tab-panel.plan .meta-tag-section-title .update-plan.contact-btn {
  width: 200px;
}
.settings-editor .tab-panel.plan .meta-tag-section-title .sub-text,
.data-editor .tab-panel.plan .meta-tag-section-title .sub-text,
.logs-editor .tab-panel.plan .meta-tag-section-title .sub-text,
.styles-editor .tab-panel.plan .meta-tag-section-title .sub-text {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 8px;
}
.settings-editor .tab-panel.plan .caption.current,
.settings-editor .tab-panel.bubbleversion .caption.current,
.data-editor .tab-panel.plan .caption.current,
.data-editor .tab-panel.bubbleversion .caption.current,
.logs-editor .tab-panel.plan .caption.current,
.logs-editor .tab-panel.bubbleversion .caption.current,
.styles-editor .tab-panel.plan .caption.current,
.styles-editor .tab-panel.bubbleversion .caption.current {
  width: 100%;
}
.settings-editor .tab-panel.plan .caption.current .current-plan,
.settings-editor .tab-panel.bubbleversion .caption.current .current-plan,
.data-editor .tab-panel.plan .caption.current .current-plan,
.data-editor .tab-panel.bubbleversion .caption.current .current-plan,
.logs-editor .tab-panel.plan .caption.current .current-plan,
.logs-editor .tab-panel.bubbleversion .caption.current .current-plan,
.styles-editor .tab-panel.plan .caption.current .current-plan,
.styles-editor .tab-panel.bubbleversion .caption.current .current-plan {
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.plan .subscribe-link,
.settings-editor .tab-panel.bubbleversion .subscribe-link,
.data-editor .tab-panel.plan .subscribe-link,
.data-editor .tab-panel.bubbleversion .subscribe-link,
.logs-editor .tab-panel.plan .subscribe-link,
.logs-editor .tab-panel.bubbleversion .subscribe-link,
.styles-editor .tab-panel.plan .subscribe-link,
.styles-editor .tab-panel.bubbleversion .subscribe-link {
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.plan .take-ownership,
.settings-editor .tab-panel.bubbleversion .take-ownership,
.data-editor .tab-panel.plan .take-ownership,
.data-editor .tab-panel.bubbleversion .take-ownership,
.logs-editor .tab-panel.plan .take-ownership,
.logs-editor .tab-panel.bubbleversion .take-ownership,
.styles-editor .tab-panel.plan .take-ownership,
.styles-editor .tab-panel.bubbleversion .take-ownership {
  width: 200px;
  float: left;
  clear: both;
  margin-top: 20px;
}
.settings-editor .tab-panel.plan .caption.change-legacy-caption,
.settings-editor .tab-panel.plan .change-legacy-dropdown,
.settings-editor .tab-panel.bubbleversion .caption.change-legacy-caption,
.settings-editor .tab-panel.bubbleversion .change-legacy-dropdown,
.data-editor .tab-panel.plan .caption.change-legacy-caption,
.data-editor .tab-panel.plan .change-legacy-dropdown,
.data-editor .tab-panel.bubbleversion .caption.change-legacy-caption,
.data-editor .tab-panel.bubbleversion .change-legacy-dropdown,
.logs-editor .tab-panel.plan .caption.change-legacy-caption,
.logs-editor .tab-panel.plan .change-legacy-dropdown,
.logs-editor .tab-panel.bubbleversion .caption.change-legacy-caption,
.logs-editor .tab-panel.bubbleversion .change-legacy-dropdown,
.styles-editor .tab-panel.plan .caption.change-legacy-caption,
.styles-editor .tab-panel.plan .change-legacy-dropdown,
.styles-editor .tab-panel.bubbleversion .caption.change-legacy-caption,
.styles-editor .tab-panel.bubbleversion .change-legacy-dropdown {
  margin-top: 40px !important;
}
.settings-editor .tab-panel.plan .plan-wrapper,
.settings-editor .tab-panel.plan .capacity-wrapper,
.settings-editor .tab-panel.bubbleversion .plan-wrapper,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper,
.data-editor .tab-panel.plan .plan-wrapper,
.data-editor .tab-panel.plan .capacity-wrapper,
.data-editor .tab-panel.bubbleversion .plan-wrapper,
.data-editor .tab-panel.bubbleversion .capacity-wrapper,
.logs-editor .tab-panel.plan .plan-wrapper,
.logs-editor .tab-panel.plan .capacity-wrapper,
.logs-editor .tab-panel.bubbleversion .plan-wrapper,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper,
.styles-editor .tab-panel.plan .plan-wrapper,
.styles-editor .tab-panel.plan .capacity-wrapper,
.styles-editor .tab-panel.bubbleversion .plan-wrapper,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper {
  width: 855px !important;
  margin-top: 30px !important;
  margin-bottom: 30px;
}
.settings-editor .tab-panel.plan .plan-wrapper.new-pricing-spacing,
.settings-editor .tab-panel.plan .capacity-wrapper.new-pricing-spacing,
.settings-editor .tab-panel.bubbleversion .plan-wrapper.new-pricing-spacing,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper.new-pricing-spacing,
.data-editor .tab-panel.plan .plan-wrapper.new-pricing-spacing,
.data-editor .tab-panel.plan .capacity-wrapper.new-pricing-spacing,
.data-editor .tab-panel.bubbleversion .plan-wrapper.new-pricing-spacing,
.data-editor .tab-panel.bubbleversion .capacity-wrapper.new-pricing-spacing,
.logs-editor .tab-panel.plan .plan-wrapper.new-pricing-spacing,
.logs-editor .tab-panel.plan .capacity-wrapper.new-pricing-spacing,
.logs-editor .tab-panel.bubbleversion .plan-wrapper.new-pricing-spacing,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper.new-pricing-spacing,
.styles-editor .tab-panel.plan .plan-wrapper.new-pricing-spacing,
.styles-editor .tab-panel.plan .capacity-wrapper.new-pricing-spacing,
.styles-editor .tab-panel.bubbleversion .plan-wrapper.new-pricing-spacing,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper.new-pricing-spacing {
  margin-top: 0px !important;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown {
  cursor: default;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .title,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .title,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .title,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .title,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .title,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .title,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .title,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .title,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .title,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .title,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .title,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .title,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .title,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .title,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .title,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .title {
  font-size: 16px;
  margin-bottom: 6px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .solid,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .solid,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .solid,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .solid,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .solid,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .solid,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .solid,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .solid,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .solid,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .solid,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .solid,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .solid,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .solid,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .solid,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .solid,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .solid {
  margin-bottom: 6px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray {
  color: rgba(0, 0, 0, 0.54);
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.med,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.med,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.med,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.med,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.med,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.med,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.med,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.med,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.med,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.med,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.med,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.med,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.med,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.med,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.med,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.med {
  font-size: 14px;
  margin-bottom: 6px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small {
  font-size: 12px;
  margin-bottom: 6px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .entry,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .entry,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .entry,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .entry,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .entry,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .entry,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .entry,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .entry,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .entry,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .entry,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .entry,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .entry,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .entry,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .entry,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .entry,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .entry {
  margin-bottom: 3px;
  display: flex;
  flex-direction: row;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor {
  margin: 0px 9px;
  position: relative;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:before {
  font-family: FontAwesome;
  content: "\f059";
  color: #8a9599;
  font-size: 14px;
}
.settings-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.settings-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.data-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.data-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.logs-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.logs-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.styles-editor .tab-panel.plan .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.styles-editor .tab-panel.plan .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pricing-breakdown .gray.small .tooltip-anchor:hover:before {
  color: #acb5b8;
}
.settings-editor .tab-panel.plan .plan-wrapper .pick-plan,
.settings-editor .tab-panel.plan .capacity-wrapper .pick-plan,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .pick-plan,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .pick-plan,
.data-editor .tab-panel.plan .plan-wrapper .pick-plan,
.data-editor .tab-panel.plan .capacity-wrapper .pick-plan,
.data-editor .tab-panel.bubbleversion .plan-wrapper .pick-plan,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .pick-plan,
.logs-editor .tab-panel.plan .plan-wrapper .pick-plan,
.logs-editor .tab-panel.plan .capacity-wrapper .pick-plan,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .pick-plan,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .pick-plan,
.styles-editor .tab-panel.plan .plan-wrapper .pick-plan,
.styles-editor .tab-panel.plan .capacity-wrapper .pick-plan,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .pick-plan,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .pick-plan {
  float: right;
}
.settings-editor .tab-panel.plan .plan-wrapper .confirm-new-plan,
.settings-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .confirm-new-plan,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.data-editor .tab-panel.plan .plan-wrapper .confirm-new-plan,
.data-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.data-editor .tab-panel.bubbleversion .plan-wrapper .confirm-new-plan,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.logs-editor .tab-panel.plan .plan-wrapper .confirm-new-plan,
.logs-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .confirm-new-plan,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.styles-editor .tab-panel.plan .plan-wrapper .confirm-new-plan,
.styles-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .confirm-new-plan,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan {
  float: right;
  width: 170px;
  margin-top: 20px;
}
.settings-editor .tab-panel.plan .plan-wrapper .cancel-change,
.settings-editor .tab-panel.plan .capacity-wrapper .cancel-change,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .cancel-change,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .cancel-change,
.data-editor .tab-panel.plan .plan-wrapper .cancel-change,
.data-editor .tab-panel.plan .capacity-wrapper .cancel-change,
.data-editor .tab-panel.bubbleversion .plan-wrapper .cancel-change,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .cancel-change,
.logs-editor .tab-panel.plan .plan-wrapper .cancel-change,
.logs-editor .tab-panel.plan .capacity-wrapper .cancel-change,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .cancel-change,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .cancel-change,
.styles-editor .tab-panel.plan .plan-wrapper .cancel-change,
.styles-editor .tab-panel.plan .capacity-wrapper .cancel-change,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .cancel-change,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .cancel-change {
  float: right;
  margin-top: 29px;
  margin-right: 30px;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper,
.data-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper,
.data-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper,
.logs-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper,
.styles-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper {
  float: left;
  width: 100%;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.data-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.data-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.logs-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.styles-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .new-plan-breaks,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .new-plan-breaks,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .new-plan-breaks {
  float: left;
  margin: 9px 0 5px 20px;
  width: 100%;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .good,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .good,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .good,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .good,
.data-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .good,
.data-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .good,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .good,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .good,
.logs-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .good,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .good,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .good,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .good,
.styles-editor .tab-panel.plan .plan-wrapper .plan-change-wrapper .good,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-change-wrapper .good,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-change-wrapper .good,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-change-wrapper .good {
  color: #0cce92;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper,
.data-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper,
.data-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper,
.logs-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper,
.styles-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper {
  margin-top: 20px;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper.new-pricing,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper.new-pricing,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper.new-pricing,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper.new-pricing,
.data-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper.new-pricing,
.data-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper.new-pricing,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper.new-pricing,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper.new-pricing,
.logs-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper.new-pricing,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper.new-pricing,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper.new-pricing,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper.new-pricing,
.styles-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper.new-pricing,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper.new-pricing,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper.new-pricing,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper.new-pricing {
  margin-top: 8px;
}
.settings-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.settings-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.settings-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.data-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.data-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.data-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.logs-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.logs-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.logs-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.styles-editor .tab-panel.plan .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.styles-editor .tab-panel.plan .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.styles-editor .tab-panel.bubbleversion .plan-wrapper .plan-prices-wrapper .composer-dropdown.freqency,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .plan-prices-wrapper .composer-dropdown.freqency {
  float: left;
  margin-left: 20px;
}
.settings-editor .tab-panel.plan .caption.plan-not-okay,
.settings-editor .tab-panel.bubbleversion .caption.plan-not-okay,
.data-editor .tab-panel.plan .caption.plan-not-okay,
.data-editor .tab-panel.bubbleversion .caption.plan-not-okay,
.logs-editor .tab-panel.plan .caption.plan-not-okay,
.logs-editor .tab-panel.bubbleversion .caption.plan-not-okay,
.styles-editor .tab-panel.plan .caption.plan-not-okay,
.styles-editor .tab-panel.bubbleversion .caption.plan-not-okay {
  margin-bottom: 30px;
}
.settings-editor .tab-panel.plan .go-to-logs,
.settings-editor .tab-panel.bubbleversion .go-to-logs,
.data-editor .tab-panel.plan .go-to-logs,
.data-editor .tab-panel.bubbleversion .go-to-logs,
.logs-editor .tab-panel.plan .go-to-logs,
.logs-editor .tab-panel.bubbleversion .go-to-logs,
.styles-editor .tab-panel.plan .go-to-logs,
.styles-editor .tab-panel.bubbleversion .go-to-logs {
  margin-left: 10px;
  clear: none;
  cursor: pointer;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.plan .go-to-logs:hover,
.settings-editor .tab-panel.bubbleversion .go-to-logs:hover,
.data-editor .tab-panel.plan .go-to-logs:hover,
.data-editor .tab-panel.bubbleversion .go-to-logs:hover,
.logs-editor .tab-panel.plan .go-to-logs:hover,
.logs-editor .tab-panel.bubbleversion .go-to-logs:hover,
.styles-editor .tab-panel.plan .go-to-logs:hover,
.styles-editor .tab-panel.bubbleversion .go-to-logs:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.plan .white-space,
.settings-editor .tab-panel.bubbleversion .white-space,
.data-editor .tab-panel.plan .white-space,
.data-editor .tab-panel.bubbleversion .white-space,
.logs-editor .tab-panel.plan .white-space,
.logs-editor .tab-panel.bubbleversion .white-space,
.styles-editor .tab-panel.plan .white-space,
.styles-editor .tab-panel.bubbleversion .white-space {
  float: left;
  margin-top: 30px;
  clear: both;
}
.settings-editor .tab-panel.plan .pricing-row,
.settings-editor .tab-panel.bubbleversion .pricing-row,
.data-editor .tab-panel.plan .pricing-row,
.data-editor .tab-panel.bubbleversion .pricing-row,
.logs-editor .tab-panel.plan .pricing-row,
.logs-editor .tab-panel.bubbleversion .pricing-row,
.styles-editor .tab-panel.plan .pricing-row,
.styles-editor .tab-panel.bubbleversion .pricing-row {
  width: 855px !important;
  margin-top: 30px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  clear: both;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper {
  width: 100%;
  height: 100px;
  margin: 0px 18px 18px 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 3px 6px;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:before,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:before,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:before,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:before,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:before,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:before,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:before,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:before {
  font-family: FontAwesome;
  content: "\f059";
  color: rgba(0, 0, 0, 0.36);
  font-size: 16px;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .help-tooltip:hover:before,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .help-tooltip:hover:before {
  color: #acb5b8;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  font-size: 12px;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count {
  font-size: 20px;
  line-height: 1.2;
  margin: 12px 6px 0px 0px;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .pricing-wrapper-left .highlight-count.warning-color {
  color: #970707;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .pricing-wrapper-bottom .link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable {
  position: relative;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable .tooltip-instance,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable .tooltip-instance {
  position: absolute;
  z-index: 50000013;
  opacity: 0;
  background-color: white;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  color: black;
  font-size: 12px;
  padding: 5px;
  pointer-events: none;
  margin-top: -10px;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper .tooltippable:hover .tooltip-instance {
  opacity: 1;
}
.settings-editor .tab-panel.plan .pricing-row .pricing-wrapper:last-child,
.settings-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper:last-child,
.data-editor .tab-panel.plan .pricing-row .pricing-wrapper:last-child,
.data-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper:last-child,
.logs-editor .tab-panel.plan .pricing-row .pricing-wrapper:last-child,
.logs-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper:last-child,
.styles-editor .tab-panel.plan .pricing-row .pricing-wrapper:last-child,
.styles-editor .tab-panel.bubbleversion .pricing-row .pricing-wrapper:last-child {
  margin-right: 0px;
}
.settings-editor .tab-panel.plan .capacity-wrapper .capacity-slider,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .capacity-slider,
.data-editor .tab-panel.plan .capacity-wrapper .capacity-slider,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .capacity-slider,
.logs-editor .tab-panel.plan .capacity-wrapper .capacity-slider,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .capacity-slider,
.styles-editor .tab-panel.plan .capacity-wrapper .capacity-slider,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .capacity-slider {
  float: left;
  width: 300px;
  margin-top: 25px;
  margin-left: 20px;
}
.settings-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.data-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.logs-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan,
.styles-editor .tab-panel.plan .capacity-wrapper .confirm-new-plan,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .confirm-new-plan {
  clear: both;
}
.settings-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.settings-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.data-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.data-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.logs-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.logs-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.styles-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.styles-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity {
  margin-top: 23px !important;
}
.settings-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.data-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.logs-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity,
.styles-editor .tab-panel.plan .capacity-wrapper .adjust-capacity,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .adjust-capacity {
  width: 100px;
}
.settings-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.settings-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.data-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.data-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.logs-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.logs-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity,
.styles-editor .tab-panel.plan .capacity-wrapper .new-capacity,
.styles-editor .tab-panel.bubbleversion .capacity-wrapper .new-capacity {
  margin-left: 30px;
}
.settings-editor .tab-panel.plan .paid-plugins-wrapper,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper,
.data-editor .tab-panel.plan .paid-plugins-wrapper,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper,
.logs-editor .tab-panel.plan .paid-plugins-wrapper,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper,
.styles-editor .tab-panel.plan .paid-plugins-wrapper,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper {
  float: left;
  clear: both;
  width: 550px;
  margin-top: 20px;
  margin-bottom: 100px;
}
.settings-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row,
.data-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row,
.logs-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row,
.styles-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}
.settings-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.data-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.logs-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.styles-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-name,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-name {
  float: left;
}
.settings-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.settings-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.data-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.data-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.logs-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.logs-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.styles-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.styles-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .plugin-price,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab {
  float: right;
}
.settings-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.settings-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.data-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.data-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.logs-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.logs-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.styles-editor .tab-panel.plan .paid-plugins-wrapper .paid-plugin-row .go-to-tab,
.styles-editor .tab-panel.bubbleversion .paid-plugins-wrapper .paid-plugin-row .go-to-tab {
  margin-left: 30px;
}
.settings-editor .tab-panel.server.logs .section-title,
.settings-editor .tab-panel.scheduledwf .section-title,
.settings-editor .tab-panel.filemanager .section-title,
.settings-editor .tab-panel.bubbleversion .section-title,
.data-editor .tab-panel.server.logs .section-title,
.data-editor .tab-panel.scheduledwf .section-title,
.data-editor .tab-panel.filemanager .section-title,
.data-editor .tab-panel.bubbleversion .section-title,
.logs-editor .tab-panel.server.logs .section-title,
.logs-editor .tab-panel.scheduledwf .section-title,
.logs-editor .tab-panel.filemanager .section-title,
.logs-editor .tab-panel.bubbleversion .section-title,
.styles-editor .tab-panel.server.logs .section-title,
.styles-editor .tab-panel.scheduledwf .section-title,
.styles-editor .tab-panel.filemanager .section-title,
.styles-editor .tab-panel.bubbleversion .section-title {
  float: left;
}
.settings-editor .tab-panel.server.logs .search-area,
.settings-editor .tab-panel.server.logs .scheduled-wf-area,
.settings-editor .tab-panel.server.logs .versions-area,
.settings-editor .tab-panel.scheduledwf .search-area,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area,
.settings-editor .tab-panel.scheduledwf .versions-area,
.settings-editor .tab-panel.filemanager .search-area,
.settings-editor .tab-panel.filemanager .scheduled-wf-area,
.settings-editor .tab-panel.filemanager .versions-area,
.settings-editor .tab-panel.bubbleversion .search-area,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area,
.settings-editor .tab-panel.bubbleversion .versions-area,
.data-editor .tab-panel.server.logs .search-area,
.data-editor .tab-panel.server.logs .scheduled-wf-area,
.data-editor .tab-panel.server.logs .versions-area,
.data-editor .tab-panel.scheduledwf .search-area,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area,
.data-editor .tab-panel.scheduledwf .versions-area,
.data-editor .tab-panel.filemanager .search-area,
.data-editor .tab-panel.filemanager .scheduled-wf-area,
.data-editor .tab-panel.filemanager .versions-area,
.data-editor .tab-panel.bubbleversion .search-area,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area,
.data-editor .tab-panel.bubbleversion .versions-area,
.logs-editor .tab-panel.server.logs .search-area,
.logs-editor .tab-panel.server.logs .scheduled-wf-area,
.logs-editor .tab-panel.server.logs .versions-area,
.logs-editor .tab-panel.scheduledwf .search-area,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area,
.logs-editor .tab-panel.scheduledwf .versions-area,
.logs-editor .tab-panel.filemanager .search-area,
.logs-editor .tab-panel.filemanager .scheduled-wf-area,
.logs-editor .tab-panel.filemanager .versions-area,
.logs-editor .tab-panel.bubbleversion .search-area,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area,
.logs-editor .tab-panel.bubbleversion .versions-area,
.styles-editor .tab-panel.server.logs .search-area,
.styles-editor .tab-panel.server.logs .scheduled-wf-area,
.styles-editor .tab-panel.server.logs .versions-area,
.styles-editor .tab-panel.scheduledwf .search-area,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area,
.styles-editor .tab-panel.scheduledwf .versions-area,
.styles-editor .tab-panel.filemanager .search-area,
.styles-editor .tab-panel.filemanager .scheduled-wf-area,
.styles-editor .tab-panel.filemanager .versions-area,
.styles-editor .tab-panel.bubbleversion .search-area,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area,
.styles-editor .tab-panel.bubbleversion .versions-area {
  overflow: hidden;
  width: 100%;
}
.settings-editor .tab-panel.server.logs .search-area.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area.jetstream-logs {
  margin-bottom: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-type-wrapper,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper,
.settings-editor .tab-panel.server.logs .versions-area .search-type-wrapper,
.settings-editor .tab-panel.scheduledwf .search-area .search-type-wrapper,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper,
.settings-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper,
.settings-editor .tab-panel.filemanager .search-area .search-type-wrapper,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper,
.settings-editor .tab-panel.filemanager .versions-area .search-type-wrapper,
.settings-editor .tab-panel.bubbleversion .search-area .search-type-wrapper,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper,
.settings-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper,
.data-editor .tab-panel.server.logs .search-area .search-type-wrapper,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper,
.data-editor .tab-panel.server.logs .versions-area .search-type-wrapper,
.data-editor .tab-panel.scheduledwf .search-area .search-type-wrapper,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper,
.data-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper,
.data-editor .tab-panel.filemanager .search-area .search-type-wrapper,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper,
.data-editor .tab-panel.filemanager .versions-area .search-type-wrapper,
.data-editor .tab-panel.bubbleversion .search-area .search-type-wrapper,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper,
.data-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper,
.logs-editor .tab-panel.server.logs .search-area .search-type-wrapper,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper,
.logs-editor .tab-panel.server.logs .versions-area .search-type-wrapper,
.logs-editor .tab-panel.scheduledwf .search-area .search-type-wrapper,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper,
.logs-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper,
.logs-editor .tab-panel.filemanager .search-area .search-type-wrapper,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper,
.logs-editor .tab-panel.filemanager .versions-area .search-type-wrapper,
.logs-editor .tab-panel.bubbleversion .search-area .search-type-wrapper,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper,
.logs-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper,
.styles-editor .tab-panel.server.logs .search-area .search-type-wrapper,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper,
.styles-editor .tab-panel.server.logs .versions-area .search-type-wrapper,
.styles-editor .tab-panel.scheduledwf .search-area .search-type-wrapper,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper,
.styles-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper,
.styles-editor .tab-panel.filemanager .search-area .search-type-wrapper,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper,
.styles-editor .tab-panel.filemanager .versions-area .search-type-wrapper,
.styles-editor .tab-panel.bubbleversion .search-area .search-type-wrapper,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper,
.styles-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper {
  float: left;
}
.settings-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs {
  margin-left: 0px;
  margin-right: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-wide {
  margin-left: 0px;
  margin-right: 10px;
  width: 230px;
}
.settings-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .search-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .versions-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .search-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .versions-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .search-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .versions-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .search-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-type-wrapper.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .versions-area .search-type-wrapper.jetstream-logs-short {
  margin-left: 0px;
  margin-right: 10px;
  width: 200px;
}
.settings-editor .tab-panel.server.logs .search-area .inputs-container,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .inputs-container,
.settings-editor .tab-panel.server.logs .versions-area .inputs-container,
.settings-editor .tab-panel.scheduledwf .search-area .inputs-container,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .inputs-container,
.settings-editor .tab-panel.scheduledwf .versions-area .inputs-container,
.settings-editor .tab-panel.filemanager .search-area .inputs-container,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .inputs-container,
.settings-editor .tab-panel.filemanager .versions-area .inputs-container,
.settings-editor .tab-panel.bubbleversion .search-area .inputs-container,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .inputs-container,
.settings-editor .tab-panel.bubbleversion .versions-area .inputs-container,
.data-editor .tab-panel.server.logs .search-area .inputs-container,
.data-editor .tab-panel.server.logs .scheduled-wf-area .inputs-container,
.data-editor .tab-panel.server.logs .versions-area .inputs-container,
.data-editor .tab-panel.scheduledwf .search-area .inputs-container,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .inputs-container,
.data-editor .tab-panel.scheduledwf .versions-area .inputs-container,
.data-editor .tab-panel.filemanager .search-area .inputs-container,
.data-editor .tab-panel.filemanager .scheduled-wf-area .inputs-container,
.data-editor .tab-panel.filemanager .versions-area .inputs-container,
.data-editor .tab-panel.bubbleversion .search-area .inputs-container,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .inputs-container,
.data-editor .tab-panel.bubbleversion .versions-area .inputs-container,
.logs-editor .tab-panel.server.logs .search-area .inputs-container,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .inputs-container,
.logs-editor .tab-panel.server.logs .versions-area .inputs-container,
.logs-editor .tab-panel.scheduledwf .search-area .inputs-container,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .inputs-container,
.logs-editor .tab-panel.scheduledwf .versions-area .inputs-container,
.logs-editor .tab-panel.filemanager .search-area .inputs-container,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .inputs-container,
.logs-editor .tab-panel.filemanager .versions-area .inputs-container,
.logs-editor .tab-panel.bubbleversion .search-area .inputs-container,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .inputs-container,
.logs-editor .tab-panel.bubbleversion .versions-area .inputs-container,
.styles-editor .tab-panel.server.logs .search-area .inputs-container,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .inputs-container,
.styles-editor .tab-panel.server.logs .versions-area .inputs-container,
.styles-editor .tab-panel.scheduledwf .search-area .inputs-container,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .inputs-container,
.styles-editor .tab-panel.scheduledwf .versions-area .inputs-container,
.styles-editor .tab-panel.filemanager .search-area .inputs-container,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .inputs-container,
.styles-editor .tab-panel.filemanager .versions-area .inputs-container,
.styles-editor .tab-panel.bubbleversion .search-area .inputs-container,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .inputs-container,
.styles-editor .tab-panel.bubbleversion .versions-area .inputs-container {
  margin-bottom: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption,
.settings-editor .tab-panel.server.logs .versions-area .search-caption,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption,
.settings-editor .tab-panel.filemanager .search-area .search-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption,
.settings-editor .tab-panel.filemanager .versions-area .search-caption,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption,
.data-editor .tab-panel.server.logs .search-area .search-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption,
.data-editor .tab-panel.server.logs .versions-area .search-caption,
.data-editor .tab-panel.scheduledwf .search-area .search-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption,
.data-editor .tab-panel.filemanager .search-area .search-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption,
.data-editor .tab-panel.filemanager .versions-area .search-caption,
.data-editor .tab-panel.bubbleversion .search-area .search-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption,
.logs-editor .tab-panel.server.logs .search-area .search-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption,
.logs-editor .tab-panel.server.logs .versions-area .search-caption,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption,
.logs-editor .tab-panel.filemanager .search-area .search-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption,
.logs-editor .tab-panel.filemanager .versions-area .search-caption,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption,
.styles-editor .tab-panel.server.logs .search-area .search-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption,
.styles-editor .tab-panel.server.logs .versions-area .search-caption,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption,
.styles-editor .tab-panel.filemanager .search-area .search-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption,
.styles-editor .tab-panel.filemanager .versions-area .search-caption,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption {
  float: left;
  margin-right: 7px;
  margin-top: 10px;
  margin-left: 15px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption.to,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.to,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.to,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.to,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.to,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.to,
.settings-editor .tab-panel.filemanager .search-area .search-caption.to,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.to,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.to,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.to,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.to,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.to,
.data-editor .tab-panel.server.logs .search-area .search-caption.to,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.to,
.data-editor .tab-panel.server.logs .versions-area .search-caption.to,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.to,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.to,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.to,
.data-editor .tab-panel.filemanager .search-area .search-caption.to,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.to,
.data-editor .tab-panel.filemanager .versions-area .search-caption.to,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.to,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.to,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.to,
.logs-editor .tab-panel.server.logs .search-area .search-caption.to,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.to,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.to,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.to,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.to,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.to,
.logs-editor .tab-panel.filemanager .search-area .search-caption.to,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.to,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.to,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.to,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.to,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.to,
.styles-editor .tab-panel.server.logs .search-area .search-caption.to,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.to,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.to,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.to,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.to,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.to,
.styles-editor .tab-panel.filemanager .search-area .search-caption.to,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.to,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.to,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.to,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.to,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.to {
  margin-left: 10px;
  margin-right: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption.first, .settings-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.first,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.first,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.first,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.first,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.first,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .search-area .search-caption.first,
.settings-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.first,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.first,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.first,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.first,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.first,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .search-area .search-caption.first,
.data-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.first,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .versions-area .search-caption.first,
.data-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.first,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.first,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.first,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .search-area .search-caption.first,
.data-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.first,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .versions-area .search-caption.first,
.data-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.first,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.first,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.first,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .search-area .search-caption.first,
.logs-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.first,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.first,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.first,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.first,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.first,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .search-area .search-caption.first,
.logs-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.first,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.first,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.first,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.first,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.first,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .search-area .search-caption.first,
.styles-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.first,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.first,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.first,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.first,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.first,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .search-area .search-caption.first,
.styles-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.first,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.first,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.first,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.first,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.first,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption {
  margin-left: 0px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption {
  clear: both;
  width: 34px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption.user-caption, .settings-editor .tab-panel.server.logs .search-area .search-caption.text-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.text-caption,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.text-caption,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.text-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.text-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.text-caption,
.settings-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .search-area .search-caption.text-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.text-caption,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.text-caption,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.text-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.text-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.text-caption,
.data-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .search-area .search-caption.text-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.text-caption,
.data-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.data-editor .tab-panel.server.logs .versions-area .search-caption.text-caption,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.text-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.text-caption,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.text-caption,
.data-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .search-area .search-caption.text-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.text-caption,
.data-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.data-editor .tab-panel.filemanager .versions-area .search-caption.text-caption,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.text-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.text-caption,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.text-caption,
.logs-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .search-area .search-caption.text-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.text-caption,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.text-caption,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.text-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.text-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.text-caption,
.logs-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .search-area .search-caption.text-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.text-caption,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.text-caption,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.text-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.text-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.text-caption,
.styles-editor .tab-panel.server.logs .search-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .search-area .search-caption.text-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.text-caption,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.text-caption,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.text-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.text-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.text-caption,
.styles-editor .tab-panel.filemanager .search-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .search-area .search-caption.text-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.text-caption,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.text-caption,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.text-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.text-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.user-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.text-caption {
  margin-top: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-caption.ascending,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.ascending,
.settings-editor .tab-panel.server.logs .versions-area .search-caption.ascending,
.settings-editor .tab-panel.scheduledwf .search-area .search-caption.ascending,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.ascending,
.settings-editor .tab-panel.scheduledwf .versions-area .search-caption.ascending,
.settings-editor .tab-panel.filemanager .search-area .search-caption.ascending,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.ascending,
.settings-editor .tab-panel.filemanager .versions-area .search-caption.ascending,
.settings-editor .tab-panel.bubbleversion .search-area .search-caption.ascending,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.ascending,
.settings-editor .tab-panel.bubbleversion .versions-area .search-caption.ascending,
.data-editor .tab-panel.server.logs .search-area .search-caption.ascending,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.ascending,
.data-editor .tab-panel.server.logs .versions-area .search-caption.ascending,
.data-editor .tab-panel.scheduledwf .search-area .search-caption.ascending,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.ascending,
.data-editor .tab-panel.scheduledwf .versions-area .search-caption.ascending,
.data-editor .tab-panel.filemanager .search-area .search-caption.ascending,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.ascending,
.data-editor .tab-panel.filemanager .versions-area .search-caption.ascending,
.data-editor .tab-panel.bubbleversion .search-area .search-caption.ascending,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.ascending,
.data-editor .tab-panel.bubbleversion .versions-area .search-caption.ascending,
.logs-editor .tab-panel.server.logs .search-area .search-caption.ascending,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.ascending,
.logs-editor .tab-panel.server.logs .versions-area .search-caption.ascending,
.logs-editor .tab-panel.scheduledwf .search-area .search-caption.ascending,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.ascending,
.logs-editor .tab-panel.scheduledwf .versions-area .search-caption.ascending,
.logs-editor .tab-panel.filemanager .search-area .search-caption.ascending,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.ascending,
.logs-editor .tab-panel.filemanager .versions-area .search-caption.ascending,
.logs-editor .tab-panel.bubbleversion .search-area .search-caption.ascending,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.ascending,
.logs-editor .tab-panel.bubbleversion .versions-area .search-caption.ascending,
.styles-editor .tab-panel.server.logs .search-area .search-caption.ascending,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-caption.ascending,
.styles-editor .tab-panel.server.logs .versions-area .search-caption.ascending,
.styles-editor .tab-panel.scheduledwf .search-area .search-caption.ascending,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-caption.ascending,
.styles-editor .tab-panel.scheduledwf .versions-area .search-caption.ascending,
.styles-editor .tab-panel.filemanager .search-area .search-caption.ascending,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-caption.ascending,
.styles-editor .tab-panel.filemanager .versions-area .search-caption.ascending,
.styles-editor .tab-panel.bubbleversion .search-area .search-caption.ascending,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-caption.ascending,
.styles-editor .tab-panel.bubbleversion .versions-area .search-caption.ascending {
  width: 45px;
}
.settings-editor .tab-panel.server.logs .search-area .micro-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption,
.settings-editor .tab-panel.server.logs .versions-area .micro-caption,
.settings-editor .tab-panel.scheduledwf .search-area .micro-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .micro-caption,
.settings-editor .tab-panel.filemanager .search-area .micro-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption,
.settings-editor .tab-panel.filemanager .versions-area .micro-caption,
.settings-editor .tab-panel.bubbleversion .search-area .micro-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .micro-caption,
.data-editor .tab-panel.server.logs .search-area .micro-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption,
.data-editor .tab-panel.server.logs .versions-area .micro-caption,
.data-editor .tab-panel.scheduledwf .search-area .micro-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption,
.data-editor .tab-panel.scheduledwf .versions-area .micro-caption,
.data-editor .tab-panel.filemanager .search-area .micro-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption,
.data-editor .tab-panel.filemanager .versions-area .micro-caption,
.data-editor .tab-panel.bubbleversion .search-area .micro-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption,
.data-editor .tab-panel.bubbleversion .versions-area .micro-caption,
.logs-editor .tab-panel.server.logs .search-area .micro-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption,
.logs-editor .tab-panel.server.logs .versions-area .micro-caption,
.logs-editor .tab-panel.scheduledwf .search-area .micro-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .micro-caption,
.logs-editor .tab-panel.filemanager .search-area .micro-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption,
.logs-editor .tab-panel.filemanager .versions-area .micro-caption,
.logs-editor .tab-panel.bubbleversion .search-area .micro-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .micro-caption,
.styles-editor .tab-panel.server.logs .search-area .micro-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption,
.styles-editor .tab-panel.server.logs .versions-area .micro-caption,
.styles-editor .tab-panel.scheduledwf .search-area .micro-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .micro-caption,
.styles-editor .tab-panel.filemanager .search-area .micro-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption,
.styles-editor .tab-panel.filemanager .versions-area .micro-caption,
.styles-editor .tab-panel.bubbleversion .search-area .micro-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .micro-caption {
  font-size: 9px;
  margin-top: -10px;
  float: right;
  margin-right: 5px;
}
.settings-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.settings-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.data-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.logs-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-from-date,
.styles-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-from-date {
  float: left;
  margin-left: 45px;
}
.settings-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.settings-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.data-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.logs-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.server.logs .search-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.server.logs .versions-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.scheduledwf .search-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.scheduledwf .versions-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.filemanager .search-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.filemanager .versions-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.bubbleversion .search-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .micro-caption.jetstream-logs-to-date,
.styles-editor .tab-panel.bubbleversion .versions-area .micro-caption.jetstream-logs-to-date {
  float: left;
  margin-left: 40px;
}
.settings-editor .tab-panel.server.logs .search-area .search-logs-button,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-logs-button,
.settings-editor .tab-panel.server.logs .versions-area .search-logs-button,
.settings-editor .tab-panel.scheduledwf .search-area .search-logs-button,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-logs-button,
.settings-editor .tab-panel.scheduledwf .versions-area .search-logs-button,
.settings-editor .tab-panel.filemanager .search-area .search-logs-button,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-logs-button,
.settings-editor .tab-panel.filemanager .versions-area .search-logs-button,
.settings-editor .tab-panel.bubbleversion .search-area .search-logs-button,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-logs-button,
.settings-editor .tab-panel.bubbleversion .versions-area .search-logs-button,
.data-editor .tab-panel.server.logs .search-area .search-logs-button,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-logs-button,
.data-editor .tab-panel.server.logs .versions-area .search-logs-button,
.data-editor .tab-panel.scheduledwf .search-area .search-logs-button,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-logs-button,
.data-editor .tab-panel.scheduledwf .versions-area .search-logs-button,
.data-editor .tab-panel.filemanager .search-area .search-logs-button,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-logs-button,
.data-editor .tab-panel.filemanager .versions-area .search-logs-button,
.data-editor .tab-panel.bubbleversion .search-area .search-logs-button,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-logs-button,
.data-editor .tab-panel.bubbleversion .versions-area .search-logs-button,
.logs-editor .tab-panel.server.logs .search-area .search-logs-button,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-logs-button,
.logs-editor .tab-panel.server.logs .versions-area .search-logs-button,
.logs-editor .tab-panel.scheduledwf .search-area .search-logs-button,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-logs-button,
.logs-editor .tab-panel.scheduledwf .versions-area .search-logs-button,
.logs-editor .tab-panel.filemanager .search-area .search-logs-button,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-logs-button,
.logs-editor .tab-panel.filemanager .versions-area .search-logs-button,
.logs-editor .tab-panel.bubbleversion .search-area .search-logs-button,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-logs-button,
.logs-editor .tab-panel.bubbleversion .versions-area .search-logs-button,
.styles-editor .tab-panel.server.logs .search-area .search-logs-button,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-logs-button,
.styles-editor .tab-panel.server.logs .versions-area .search-logs-button,
.styles-editor .tab-panel.scheduledwf .search-area .search-logs-button,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-logs-button,
.styles-editor .tab-panel.scheduledwf .versions-area .search-logs-button,
.styles-editor .tab-panel.filemanager .search-area .search-logs-button,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-logs-button,
.styles-editor .tab-panel.filemanager .versions-area .search-logs-button,
.styles-editor .tab-panel.bubbleversion .search-area .search-logs-button,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-logs-button,
.styles-editor .tab-panel.bubbleversion .versions-area .search-logs-button {
  margin-bottom: 10px;
}
.settings-editor .tab-panel.server.logs .search-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.server.logs .scheduled-wf-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.server.logs .versions-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.scheduledwf .search-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.scheduledwf .versions-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.filemanager .search-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.filemanager .scheduled-wf-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.filemanager .versions-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.bubbleversion .search-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area div.composer-textbox:has(.search-input),
.settings-editor .tab-panel.bubbleversion .versions-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.server.logs .search-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.server.logs .scheduled-wf-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.server.logs .versions-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.scheduledwf .search-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.scheduledwf .scheduled-wf-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.scheduledwf .versions-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.filemanager .search-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.filemanager .scheduled-wf-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.filemanager .versions-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.bubbleversion .search-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.bubbleversion .scheduled-wf-area div.composer-textbox:has(.search-input),
.data-editor .tab-panel.bubbleversion .versions-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.server.logs .search-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.server.logs .scheduled-wf-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.server.logs .versions-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.scheduledwf .search-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.scheduledwf .versions-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.filemanager .search-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.filemanager .scheduled-wf-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.filemanager .versions-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.bubbleversion .search-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area div.composer-textbox:has(.search-input),
.logs-editor .tab-panel.bubbleversion .versions-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.server.logs .search-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.server.logs .scheduled-wf-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.server.logs .versions-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.scheduledwf .search-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.scheduledwf .versions-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.filemanager .search-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.filemanager .scheduled-wf-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.filemanager .versions-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.bubbleversion .search-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area div.composer-textbox:has(.search-input),
.styles-editor .tab-panel.bubbleversion .versions-area div.composer-textbox:has(.search-input) {
  float: left;
}
.settings-editor .tab-panel.server.logs .search-area .search-input,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-input,
.settings-editor .tab-panel.server.logs .versions-area .search-input,
.settings-editor .tab-panel.scheduledwf .search-area .search-input,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input,
.settings-editor .tab-panel.scheduledwf .versions-area .search-input,
.settings-editor .tab-panel.filemanager .search-area .search-input,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-input,
.settings-editor .tab-panel.filemanager .versions-area .search-input,
.settings-editor .tab-panel.bubbleversion .search-area .search-input,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input,
.settings-editor .tab-panel.bubbleversion .versions-area .search-input,
.data-editor .tab-panel.server.logs .search-area .search-input,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-input,
.data-editor .tab-panel.server.logs .versions-area .search-input,
.data-editor .tab-panel.scheduledwf .search-area .search-input,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input,
.data-editor .tab-panel.scheduledwf .versions-area .search-input,
.data-editor .tab-panel.filemanager .search-area .search-input,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-input,
.data-editor .tab-panel.filemanager .versions-area .search-input,
.data-editor .tab-panel.bubbleversion .search-area .search-input,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input,
.data-editor .tab-panel.bubbleversion .versions-area .search-input,
.logs-editor .tab-panel.server.logs .search-area .search-input,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-input,
.logs-editor .tab-panel.server.logs .versions-area .search-input,
.logs-editor .tab-panel.scheduledwf .search-area .search-input,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input,
.logs-editor .tab-panel.scheduledwf .versions-area .search-input,
.logs-editor .tab-panel.filemanager .search-area .search-input,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-input,
.logs-editor .tab-panel.filemanager .versions-area .search-input,
.logs-editor .tab-panel.bubbleversion .search-area .search-input,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input,
.logs-editor .tab-panel.bubbleversion .versions-area .search-input,
.styles-editor .tab-panel.server.logs .search-area .search-input,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-input,
.styles-editor .tab-panel.server.logs .versions-area .search-input,
.styles-editor .tab-panel.scheduledwf .search-area .search-input,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input,
.styles-editor .tab-panel.scheduledwf .versions-area .search-input,
.styles-editor .tab-panel.filemanager .search-area .search-input,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-input,
.styles-editor .tab-panel.filemanager .versions-area .search-input,
.styles-editor .tab-panel.bubbleversion .search-area .search-input,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input,
.styles-editor .tab-panel.bubbleversion .versions-area .search-input {
  float: left;
  height: 32px;
  width: 320px;
  margin-bottom: 15px;
}
.settings-editor .tab-panel.server.logs .search-area .search-input.alert,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-input.alert,
.settings-editor .tab-panel.server.logs .versions-area .search-input.alert,
.settings-editor .tab-panel.scheduledwf .search-area .search-input.alert,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.alert,
.settings-editor .tab-panel.scheduledwf .versions-area .search-input.alert,
.settings-editor .tab-panel.filemanager .search-area .search-input.alert,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-input.alert,
.settings-editor .tab-panel.filemanager .versions-area .search-input.alert,
.settings-editor .tab-panel.bubbleversion .search-area .search-input.alert,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.alert,
.settings-editor .tab-panel.bubbleversion .versions-area .search-input.alert,
.data-editor .tab-panel.server.logs .search-area .search-input.alert,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-input.alert,
.data-editor .tab-panel.server.logs .versions-area .search-input.alert,
.data-editor .tab-panel.scheduledwf .search-area .search-input.alert,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.alert,
.data-editor .tab-panel.scheduledwf .versions-area .search-input.alert,
.data-editor .tab-panel.filemanager .search-area .search-input.alert,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-input.alert,
.data-editor .tab-panel.filemanager .versions-area .search-input.alert,
.data-editor .tab-panel.bubbleversion .search-area .search-input.alert,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.alert,
.data-editor .tab-panel.bubbleversion .versions-area .search-input.alert,
.logs-editor .tab-panel.server.logs .search-area .search-input.alert,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-input.alert,
.logs-editor .tab-panel.server.logs .versions-area .search-input.alert,
.logs-editor .tab-panel.scheduledwf .search-area .search-input.alert,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.alert,
.logs-editor .tab-panel.scheduledwf .versions-area .search-input.alert,
.logs-editor .tab-panel.filemanager .search-area .search-input.alert,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-input.alert,
.logs-editor .tab-panel.filemanager .versions-area .search-input.alert,
.logs-editor .tab-panel.bubbleversion .search-area .search-input.alert,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.alert,
.logs-editor .tab-panel.bubbleversion .versions-area .search-input.alert,
.styles-editor .tab-panel.server.logs .search-area .search-input.alert,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-input.alert,
.styles-editor .tab-panel.server.logs .versions-area .search-input.alert,
.styles-editor .tab-panel.scheduledwf .search-area .search-input.alert,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.alert,
.styles-editor .tab-panel.scheduledwf .versions-area .search-input.alert,
.styles-editor .tab-panel.filemanager .search-area .search-input.alert,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-input.alert,
.styles-editor .tab-panel.filemanager .versions-area .search-input.alert,
.styles-editor .tab-panel.bubbleversion .search-area .search-input.alert,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.alert,
.styles-editor .tab-panel.bubbleversion .versions-area .search-input.alert {
  border-color: red;
}
.settings-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs {
  width: 170px;
  margin-left: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-wide,
.settings-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-wide,
.data-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-wide,
.logs-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-wide,
.styles-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-wide {
  width: 150px;
}
.settings-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-short,
.settings-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-short,
.data-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-short,
.logs-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .search-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.server.logs .versions-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .search-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.scheduledwf .versions-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .search-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.filemanager .versions-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .search-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .search-input.jetstream-logs-short,
.styles-editor .tab-panel.bubbleversion .versions-area .search-input.jetstream-logs-short {
  width: 180px;
}
.settings-editor .tab-panel.server.logs .search-area .field-zone,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-zone,
.settings-editor .tab-panel.server.logs .versions-area .field-zone,
.settings-editor .tab-panel.scheduledwf .search-area .field-zone,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone,
.settings-editor .tab-panel.scheduledwf .versions-area .field-zone,
.settings-editor .tab-panel.filemanager .search-area .field-zone,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-zone,
.settings-editor .tab-panel.filemanager .versions-area .field-zone,
.settings-editor .tab-panel.bubbleversion .search-area .field-zone,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone,
.settings-editor .tab-panel.bubbleversion .versions-area .field-zone,
.data-editor .tab-panel.server.logs .search-area .field-zone,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-zone,
.data-editor .tab-panel.server.logs .versions-area .field-zone,
.data-editor .tab-panel.scheduledwf .search-area .field-zone,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone,
.data-editor .tab-panel.scheduledwf .versions-area .field-zone,
.data-editor .tab-panel.filemanager .search-area .field-zone,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-zone,
.data-editor .tab-panel.filemanager .versions-area .field-zone,
.data-editor .tab-panel.bubbleversion .search-area .field-zone,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone,
.data-editor .tab-panel.bubbleversion .versions-area .field-zone,
.logs-editor .tab-panel.server.logs .search-area .field-zone,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-zone,
.logs-editor .tab-panel.server.logs .versions-area .field-zone,
.logs-editor .tab-panel.scheduledwf .search-area .field-zone,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone,
.logs-editor .tab-panel.scheduledwf .versions-area .field-zone,
.logs-editor .tab-panel.filemanager .search-area .field-zone,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-zone,
.logs-editor .tab-panel.filemanager .versions-area .field-zone,
.logs-editor .tab-panel.bubbleversion .search-area .field-zone,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone,
.logs-editor .tab-panel.bubbleversion .versions-area .field-zone,
.styles-editor .tab-panel.server.logs .search-area .field-zone,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-zone,
.styles-editor .tab-panel.server.logs .versions-area .field-zone,
.styles-editor .tab-panel.scheduledwf .search-area .field-zone,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone,
.styles-editor .tab-panel.scheduledwf .versions-area .field-zone,
.styles-editor .tab-panel.filemanager .search-area .field-zone,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-zone,
.styles-editor .tab-panel.filemanager .versions-area .field-zone,
.styles-editor .tab-panel.bubbleversion .search-area .field-zone,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone,
.styles-editor .tab-panel.bubbleversion .versions-area .field-zone {
  clear: both;
  float: left;
  padding-bottom: 8px;
}
.settings-editor .tab-panel.server.logs .search-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area .field-zone.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area .field-zone.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-zone.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area .field-zone.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area .field-zone.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area .field-zone.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area .field-zone.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-zone.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area .field-zone.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area .field-zone.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area .field-zone.jetstream-logs {
  margin-bottom: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper,
.settings-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper,
.settings-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper,
.settings-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper,
.settings-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper,
.settings-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper,
.settings-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper,
.settings-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper,
.data-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper,
.data-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper,
.data-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper,
.data-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper,
.data-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper,
.data-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper,
.data-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper,
.data-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper,
.logs-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper,
.logs-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper,
.logs-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper,
.logs-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper,
.logs-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper,
.logs-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper,
.logs-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper,
.logs-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper,
.styles-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper,
.styles-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper,
.styles-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper,
.styles-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper,
.styles-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper,
.styles-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper,
.styles-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper,
.styles-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper {
  float: left;
  width: 225px;
}
.settings-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-zone .field-wrapper.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area .field-zone .field-wrapper.jetstream-logs {
  margin-left: 0px;
  margin-right: 10px;
}
.settings-editor .tab-panel.server.logs .search-area .field-caption,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-caption,
.settings-editor .tab-panel.server.logs .versions-area .field-caption,
.settings-editor .tab-panel.scheduledwf .search-area .field-caption,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption,
.settings-editor .tab-panel.scheduledwf .versions-area .field-caption,
.settings-editor .tab-panel.filemanager .search-area .field-caption,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-caption,
.settings-editor .tab-panel.filemanager .versions-area .field-caption,
.settings-editor .tab-panel.bubbleversion .search-area .field-caption,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption,
.settings-editor .tab-panel.bubbleversion .versions-area .field-caption,
.data-editor .tab-panel.server.logs .search-area .field-caption,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-caption,
.data-editor .tab-panel.server.logs .versions-area .field-caption,
.data-editor .tab-panel.scheduledwf .search-area .field-caption,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption,
.data-editor .tab-panel.scheduledwf .versions-area .field-caption,
.data-editor .tab-panel.filemanager .search-area .field-caption,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-caption,
.data-editor .tab-panel.filemanager .versions-area .field-caption,
.data-editor .tab-panel.bubbleversion .search-area .field-caption,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption,
.data-editor .tab-panel.bubbleversion .versions-area .field-caption,
.logs-editor .tab-panel.server.logs .search-area .field-caption,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-caption,
.logs-editor .tab-panel.server.logs .versions-area .field-caption,
.logs-editor .tab-panel.scheduledwf .search-area .field-caption,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption,
.logs-editor .tab-panel.scheduledwf .versions-area .field-caption,
.logs-editor .tab-panel.filemanager .search-area .field-caption,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-caption,
.logs-editor .tab-panel.filemanager .versions-area .field-caption,
.logs-editor .tab-panel.bubbleversion .search-area .field-caption,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption,
.logs-editor .tab-panel.bubbleversion .versions-area .field-caption,
.styles-editor .tab-panel.server.logs .search-area .field-caption,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-caption,
.styles-editor .tab-panel.server.logs .versions-area .field-caption,
.styles-editor .tab-panel.scheduledwf .search-area .field-caption,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption,
.styles-editor .tab-panel.scheduledwf .versions-area .field-caption,
.styles-editor .tab-panel.filemanager .search-area .field-caption,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-caption,
.styles-editor .tab-panel.filemanager .versions-area .field-caption,
.styles-editor .tab-panel.bubbleversion .search-area .field-caption,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption,
.styles-editor .tab-panel.bubbleversion .versions-area .field-caption {
  float: left;
  margin-left: 6px;
  width: 179px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 16px;
}
.settings-editor .tab-panel.server.logs .search-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.server.logs .versions-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .search-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.scheduledwf .versions-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.filemanager .search-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.filemanager .versions-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .search-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption.jetstream-logs,
.settings-editor .tab-panel.bubbleversion .versions-area .field-caption.jetstream-logs,
.data-editor .tab-panel.server.logs .search-area .field-caption.jetstream-logs,
.data-editor .tab-panel.server.logs .scheduled-wf-area .field-caption.jetstream-logs,
.data-editor .tab-panel.server.logs .versions-area .field-caption.jetstream-logs,
.data-editor .tab-panel.scheduledwf .search-area .field-caption.jetstream-logs,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption.jetstream-logs,
.data-editor .tab-panel.scheduledwf .versions-area .field-caption.jetstream-logs,
.data-editor .tab-panel.filemanager .search-area .field-caption.jetstream-logs,
.data-editor .tab-panel.filemanager .scheduled-wf-area .field-caption.jetstream-logs,
.data-editor .tab-panel.filemanager .versions-area .field-caption.jetstream-logs,
.data-editor .tab-panel.bubbleversion .search-area .field-caption.jetstream-logs,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption.jetstream-logs,
.data-editor .tab-panel.bubbleversion .versions-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.server.logs .search-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.server.logs .versions-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .search-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.scheduledwf .versions-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.filemanager .search-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.filemanager .versions-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .search-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption.jetstream-logs,
.logs-editor .tab-panel.bubbleversion .versions-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.server.logs .search-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.server.logs .versions-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .search-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.scheduledwf .versions-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.filemanager .search-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.filemanager .versions-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .search-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .field-caption.jetstream-logs,
.styles-editor .tab-panel.bubbleversion .versions-area .field-caption.jetstream-logs {
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 9px;
}
.settings-editor .tab-panel.server.logs .search-area .DateBox,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .DateBox,
.settings-editor .tab-panel.server.logs .versions-area .DateBox,
.settings-editor .tab-panel.scheduledwf .search-area .DateBox,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .DateBox,
.settings-editor .tab-panel.scheduledwf .versions-area .DateBox,
.settings-editor .tab-panel.filemanager .search-area .DateBox,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .DateBox,
.settings-editor .tab-panel.filemanager .versions-area .DateBox,
.settings-editor .tab-panel.bubbleversion .search-area .DateBox,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .DateBox,
.settings-editor .tab-panel.bubbleversion .versions-area .DateBox,
.data-editor .tab-panel.server.logs .search-area .DateBox,
.data-editor .tab-panel.server.logs .scheduled-wf-area .DateBox,
.data-editor .tab-panel.server.logs .versions-area .DateBox,
.data-editor .tab-panel.scheduledwf .search-area .DateBox,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .DateBox,
.data-editor .tab-panel.scheduledwf .versions-area .DateBox,
.data-editor .tab-panel.filemanager .search-area .DateBox,
.data-editor .tab-panel.filemanager .scheduled-wf-area .DateBox,
.data-editor .tab-panel.filemanager .versions-area .DateBox,
.data-editor .tab-panel.bubbleversion .search-area .DateBox,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .DateBox,
.data-editor .tab-panel.bubbleversion .versions-area .DateBox,
.logs-editor .tab-panel.server.logs .search-area .DateBox,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .DateBox,
.logs-editor .tab-panel.server.logs .versions-area .DateBox,
.logs-editor .tab-panel.scheduledwf .search-area .DateBox,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .DateBox,
.logs-editor .tab-panel.scheduledwf .versions-area .DateBox,
.logs-editor .tab-panel.filemanager .search-area .DateBox,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .DateBox,
.logs-editor .tab-panel.filemanager .versions-area .DateBox,
.logs-editor .tab-panel.bubbleversion .search-area .DateBox,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .DateBox,
.logs-editor .tab-panel.bubbleversion .versions-area .DateBox,
.styles-editor .tab-panel.server.logs .search-area .DateBox,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .DateBox,
.styles-editor .tab-panel.server.logs .versions-area .DateBox,
.styles-editor .tab-panel.scheduledwf .search-area .DateBox,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .DateBox,
.styles-editor .tab-panel.scheduledwf .versions-area .DateBox,
.styles-editor .tab-panel.filemanager .search-area .DateBox,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .DateBox,
.styles-editor .tab-panel.filemanager .versions-area .DateBox,
.styles-editor .tab-panel.bubbleversion .search-area .DateBox,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .DateBox,
.styles-editor .tab-panel.bubbleversion .versions-area .DateBox {
  width: 164px;
}
.settings-editor .tab-panel.server.logs .search-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.server.logs .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.scheduledwf .search-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.scheduledwf .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.filemanager .search-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.filemanager .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.bubbleversion .search-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.settings-editor .tab-panel.bubbleversion .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.server.logs .search-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.server.logs .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.server.logs .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.scheduledwf .search-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.scheduledwf .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.filemanager .search-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.filemanager .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.filemanager .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.bubbleversion .search-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.data-editor .tab-panel.bubbleversion .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.server.logs .search-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.server.logs .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.scheduledwf .search-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.scheduledwf .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.filemanager .search-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.filemanager .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.bubbleversion .search-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.logs-editor .tab-panel.bubbleversion .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.server.logs .search-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.server.logs .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.scheduledwf .search-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.scheduledwf .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.filemanager .search-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.filemanager .versions-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.bubbleversion .search-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .composer-checkbox.search-checkbox.bubble-ui,
.styles-editor .tab-panel.bubbleversion .versions-area .composer-checkbox.search-checkbox.bubble-ui {
  float: right;
}
.settings-editor .tab-panel.server.logs .search-area .clear-search,
.settings-editor .tab-panel.server.logs .search-area .back-btn,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .clear-search,
.settings-editor .tab-panel.server.logs .scheduled-wf-area .back-btn,
.settings-editor .tab-panel.server.logs .versions-area .clear-search,
.settings-editor .tab-panel.server.logs .versions-area .back-btn,
.settings-editor .tab-panel.scheduledwf .search-area .clear-search,
.settings-editor .tab-panel.scheduledwf .search-area .back-btn,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .clear-search,
.settings-editor .tab-panel.scheduledwf .scheduled-wf-area .back-btn,
.settings-editor .tab-panel.scheduledwf .versions-area .clear-search,
.settings-editor .tab-panel.scheduledwf .versions-area .back-btn,
.settings-editor .tab-panel.filemanager .search-area .clear-search,
.settings-editor .tab-panel.filemanager .search-area .back-btn,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .clear-search,
.settings-editor .tab-panel.filemanager .scheduled-wf-area .back-btn,
.settings-editor .tab-panel.filemanager .versions-area .clear-search,
.settings-editor .tab-panel.filemanager .versions-area .back-btn,
.settings-editor .tab-panel.bubbleversion .search-area .clear-search,
.settings-editor .tab-panel.bubbleversion .search-area .back-btn,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .clear-search,
.settings-editor .tab-panel.bubbleversion .scheduled-wf-area .back-btn,
.settings-editor .tab-panel.bubbleversion .versions-area .clear-search,
.settings-editor .tab-panel.bubbleversion .versions-area .back-btn,
.data-editor .tab-panel.server.logs .search-area .clear-search,
.data-editor .tab-panel.server.logs .search-area .back-btn,
.data-editor .tab-panel.server.logs .scheduled-wf-area .clear-search,
.data-editor .tab-panel.server.logs .scheduled-wf-area .back-btn,
.data-editor .tab-panel.server.logs .versions-area .clear-search,
.data-editor .tab-panel.server.logs .versions-area .back-btn,
.data-editor .tab-panel.scheduledwf .search-area .clear-search,
.data-editor .tab-panel.scheduledwf .search-area .back-btn,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .clear-search,
.data-editor .tab-panel.scheduledwf .scheduled-wf-area .back-btn,
.data-editor .tab-panel.scheduledwf .versions-area .clear-search,
.data-editor .tab-panel.scheduledwf .versions-area .back-btn,
.data-editor .tab-panel.filemanager .search-area .clear-search,
.data-editor .tab-panel.filemanager .search-area .back-btn,
.data-editor .tab-panel.filemanager .scheduled-wf-area .clear-search,
.data-editor .tab-panel.filemanager .scheduled-wf-area .back-btn,
.data-editor .tab-panel.filemanager .versions-area .clear-search,
.data-editor .tab-panel.filemanager .versions-area .back-btn,
.data-editor .tab-panel.bubbleversion .search-area .clear-search,
.data-editor .tab-panel.bubbleversion .search-area .back-btn,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .clear-search,
.data-editor .tab-panel.bubbleversion .scheduled-wf-area .back-btn,
.data-editor .tab-panel.bubbleversion .versions-area .clear-search,
.data-editor .tab-panel.bubbleversion .versions-area .back-btn,
.logs-editor .tab-panel.server.logs .search-area .clear-search,
.logs-editor .tab-panel.server.logs .search-area .back-btn,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .clear-search,
.logs-editor .tab-panel.server.logs .scheduled-wf-area .back-btn,
.logs-editor .tab-panel.server.logs .versions-area .clear-search,
.logs-editor .tab-panel.server.logs .versions-area .back-btn,
.logs-editor .tab-panel.scheduledwf .search-area .clear-search,
.logs-editor .tab-panel.scheduledwf .search-area .back-btn,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .clear-search,
.logs-editor .tab-panel.scheduledwf .scheduled-wf-area .back-btn,
.logs-editor .tab-panel.scheduledwf .versions-area .clear-search,
.logs-editor .tab-panel.scheduledwf .versions-area .back-btn,
.logs-editor .tab-panel.filemanager .search-area .clear-search,
.logs-editor .tab-panel.filemanager .search-area .back-btn,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .clear-search,
.logs-editor .tab-panel.filemanager .scheduled-wf-area .back-btn,
.logs-editor .tab-panel.filemanager .versions-area .clear-search,
.logs-editor .tab-panel.filemanager .versions-area .back-btn,
.logs-editor .tab-panel.bubbleversion .search-area .clear-search,
.logs-editor .tab-panel.bubbleversion .search-area .back-btn,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .clear-search,
.logs-editor .tab-panel.bubbleversion .scheduled-wf-area .back-btn,
.logs-editor .tab-panel.bubbleversion .versions-area .clear-search,
.logs-editor .tab-panel.bubbleversion .versions-area .back-btn,
.styles-editor .tab-panel.server.logs .search-area .clear-search,
.styles-editor .tab-panel.server.logs .search-area .back-btn,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .clear-search,
.styles-editor .tab-panel.server.logs .scheduled-wf-area .back-btn,
.styles-editor .tab-panel.server.logs .versions-area .clear-search,
.styles-editor .tab-panel.server.logs .versions-area .back-btn,
.styles-editor .tab-panel.scheduledwf .search-area .clear-search,
.styles-editor .tab-panel.scheduledwf .search-area .back-btn,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .clear-search,
.styles-editor .tab-panel.scheduledwf .scheduled-wf-area .back-btn,
.styles-editor .tab-panel.scheduledwf .versions-area .clear-search,
.styles-editor .tab-panel.scheduledwf .versions-area .back-btn,
.styles-editor .tab-panel.filemanager .search-area .clear-search,
.styles-editor .tab-panel.filemanager .search-area .back-btn,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .clear-search,
.styles-editor .tab-panel.filemanager .scheduled-wf-area .back-btn,
.styles-editor .tab-panel.filemanager .versions-area .clear-search,
.styles-editor .tab-panel.filemanager .versions-area .back-btn,
.styles-editor .tab-panel.bubbleversion .search-area .clear-search,
.styles-editor .tab-panel.bubbleversion .search-area .back-btn,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .clear-search,
.styles-editor .tab-panel.bubbleversion .scheduled-wf-area .back-btn,
.styles-editor .tab-panel.bubbleversion .versions-area .clear-search,
.styles-editor .tab-panel.bubbleversion .versions-area .back-btn {
  float: right;
  margin-top: 11px;
  margin-right: 15px;
}
.settings-editor .tab-panel.server.logs .results-area,
.settings-editor .tab-panel.scheduledwf .results-area,
.settings-editor .tab-panel.filemanager .results-area,
.settings-editor .tab-panel.bubbleversion .results-area,
.data-editor .tab-panel.server.logs .results-area,
.data-editor .tab-panel.scheduledwf .results-area,
.data-editor .tab-panel.filemanager .results-area,
.data-editor .tab-panel.bubbleversion .results-area,
.logs-editor .tab-panel.server.logs .results-area,
.logs-editor .tab-panel.scheduledwf .results-area,
.logs-editor .tab-panel.filemanager .results-area,
.logs-editor .tab-panel.bubbleversion .results-area,
.styles-editor .tab-panel.server.logs .results-area,
.styles-editor .tab-panel.scheduledwf .results-area,
.styles-editor .tab-panel.filemanager .results-area,
.styles-editor .tab-panel.bubbleversion .results-area {
  border: 1px solid rgb(245, 245, 245);
  font-size: 12px;
  overflow: hidden;
}
.settings-editor .tab-panel.server.logs .results-area .bubble,
.settings-editor .tab-panel.server.logs .results-area .pulse,
.settings-editor .tab-panel.scheduledwf .results-area .bubble,
.settings-editor .tab-panel.scheduledwf .results-area .pulse,
.settings-editor .tab-panel.filemanager .results-area .bubble,
.settings-editor .tab-panel.filemanager .results-area .pulse,
.settings-editor .tab-panel.bubbleversion .results-area .bubble,
.settings-editor .tab-panel.bubbleversion .results-area .pulse,
.data-editor .tab-panel.server.logs .results-area .bubble,
.data-editor .tab-panel.server.logs .results-area .pulse,
.data-editor .tab-panel.scheduledwf .results-area .bubble,
.data-editor .tab-panel.scheduledwf .results-area .pulse,
.data-editor .tab-panel.filemanager .results-area .bubble,
.data-editor .tab-panel.filemanager .results-area .pulse,
.data-editor .tab-panel.bubbleversion .results-area .bubble,
.data-editor .tab-panel.bubbleversion .results-area .pulse,
.logs-editor .tab-panel.server.logs .results-area .bubble,
.logs-editor .tab-panel.server.logs .results-area .pulse,
.logs-editor .tab-panel.scheduledwf .results-area .bubble,
.logs-editor .tab-panel.scheduledwf .results-area .pulse,
.logs-editor .tab-panel.filemanager .results-area .bubble,
.logs-editor .tab-panel.filemanager .results-area .pulse,
.logs-editor .tab-panel.bubbleversion .results-area .bubble,
.logs-editor .tab-panel.bubbleversion .results-area .pulse,
.styles-editor .tab-panel.server.logs .results-area .bubble,
.styles-editor .tab-panel.server.logs .results-area .pulse,
.styles-editor .tab-panel.scheduledwf .results-area .bubble,
.styles-editor .tab-panel.scheduledwf .results-area .pulse,
.styles-editor .tab-panel.filemanager .results-area .bubble,
.styles-editor .tab-panel.filemanager .results-area .pulse,
.styles-editor .tab-panel.bubbleversion .results-area .bubble,
.styles-editor .tab-panel.bubbleversion .results-area .pulse {
  top: 340px;
}
.settings-editor .tab-panel.server.logs .results-area .table-header,
.settings-editor .tab-panel.scheduledwf .results-area .table-header,
.settings-editor .tab-panel.filemanager .results-area .table-header,
.settings-editor .tab-panel.bubbleversion .results-area .table-header,
.data-editor .tab-panel.server.logs .results-area .table-header,
.data-editor .tab-panel.scheduledwf .results-area .table-header,
.data-editor .tab-panel.filemanager .results-area .table-header,
.data-editor .tab-panel.bubbleversion .results-area .table-header,
.logs-editor .tab-panel.server.logs .results-area .table-header,
.logs-editor .tab-panel.scheduledwf .results-area .table-header,
.logs-editor .tab-panel.filemanager .results-area .table-header,
.logs-editor .tab-panel.bubbleversion .results-area .table-header,
.styles-editor .tab-panel.server.logs .results-area .table-header,
.styles-editor .tab-panel.scheduledwf .results-area .table-header,
.styles-editor .tab-panel.filemanager .results-area .table-header,
.styles-editor .tab-panel.bubbleversion .results-area .table-header {
  background-color: rgb(249, 249, 249);
  height: 25px;
  width: 100%;
}
.settings-editor .tab-panel.server.logs .results-area .table-header .header-column,
.settings-editor .tab-panel.scheduledwf .results-area .table-header .header-column,
.settings-editor .tab-panel.filemanager .results-area .table-header .header-column,
.settings-editor .tab-panel.bubbleversion .results-area .table-header .header-column,
.data-editor .tab-panel.server.logs .results-area .table-header .header-column,
.data-editor .tab-panel.scheduledwf .results-area .table-header .header-column,
.data-editor .tab-panel.filemanager .results-area .table-header .header-column,
.data-editor .tab-panel.bubbleversion .results-area .table-header .header-column,
.logs-editor .tab-panel.server.logs .results-area .table-header .header-column,
.logs-editor .tab-panel.scheduledwf .results-area .table-header .header-column,
.logs-editor .tab-panel.filemanager .results-area .table-header .header-column,
.logs-editor .tab-panel.bubbleversion .results-area .table-header .header-column,
.styles-editor .tab-panel.server.logs .results-area .table-header .header-column,
.styles-editor .tab-panel.scheduledwf .results-area .table-header .header-column,
.styles-editor .tab-panel.filemanager .results-area .table-header .header-column,
.styles-editor .tab-panel.bubbleversion .results-area .table-header .header-column {
  float: left;
  height: 25px;
  padding: 7px 4px 7px 4px;
  text-align: center;
  overflow: hidden;
  border-right: 1px solid var(--b-border, #e6e6e6);
}
.settings-editor .tab-panel.server.logs .results-area .table-header .header-column:last-of-type,
.settings-editor .tab-panel.scheduledwf .results-area .table-header .header-column:last-of-type,
.settings-editor .tab-panel.filemanager .results-area .table-header .header-column:last-of-type,
.settings-editor .tab-panel.bubbleversion .results-area .table-header .header-column:last-of-type,
.data-editor .tab-panel.server.logs .results-area .table-header .header-column:last-of-type,
.data-editor .tab-panel.scheduledwf .results-area .table-header .header-column:last-of-type,
.data-editor .tab-panel.filemanager .results-area .table-header .header-column:last-of-type,
.data-editor .tab-panel.bubbleversion .results-area .table-header .header-column:last-of-type,
.logs-editor .tab-panel.server.logs .results-area .table-header .header-column:last-of-type,
.logs-editor .tab-panel.scheduledwf .results-area .table-header .header-column:last-of-type,
.logs-editor .tab-panel.filemanager .results-area .table-header .header-column:last-of-type,
.logs-editor .tab-panel.bubbleversion .results-area .table-header .header-column:last-of-type,
.styles-editor .tab-panel.server.logs .results-area .table-header .header-column:last-of-type,
.styles-editor .tab-panel.scheduledwf .results-area .table-header .header-column:last-of-type,
.styles-editor .tab-panel.filemanager .results-area .table-header .header-column:last-of-type,
.styles-editor .tab-panel.bubbleversion .results-area .table-header .header-column:last-of-type {
  border-right: none;
}
.settings-editor .tab-panel.server.logs .results-area .table-header .header-column.action-properties,
.settings-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-properties,
.settings-editor .tab-panel.filemanager .results-area .table-header .header-column.action-properties,
.settings-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-properties,
.data-editor .tab-panel.server.logs .results-area .table-header .header-column.action-properties,
.data-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-properties,
.data-editor .tab-panel.filemanager .results-area .table-header .header-column.action-properties,
.data-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-properties,
.logs-editor .tab-panel.server.logs .results-area .table-header .header-column.action-properties,
.logs-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-properties,
.logs-editor .tab-panel.filemanager .results-area .table-header .header-column.action-properties,
.logs-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-properties,
.styles-editor .tab-panel.server.logs .results-area .table-header .header-column.action-properties,
.styles-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-properties,
.styles-editor .tab-panel.filemanager .results-area .table-header .header-column.action-properties,
.styles-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-properties {
  width: 18%;
}
.settings-editor .tab-panel.server.logs .results-area .table-header .header-column.action-name,
.settings-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-name,
.settings-editor .tab-panel.filemanager .results-area .table-header .header-column.action-name,
.settings-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-name,
.data-editor .tab-panel.server.logs .results-area .table-header .header-column.action-name,
.data-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-name,
.data-editor .tab-panel.filemanager .results-area .table-header .header-column.action-name,
.data-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-name,
.logs-editor .tab-panel.server.logs .results-area .table-header .header-column.action-name,
.logs-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-name,
.logs-editor .tab-panel.filemanager .results-area .table-header .header-column.action-name,
.logs-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-name,
.styles-editor .tab-panel.server.logs .results-area .table-header .header-column.action-name,
.styles-editor .tab-panel.scheduledwf .results-area .table-header .header-column.action-name,
.styles-editor .tab-panel.filemanager .results-area .table-header .header-column.action-name,
.styles-editor .tab-panel.bubbleversion .results-area .table-header .header-column.action-name {
  width: 240px;
}
.settings-editor .tab-panel.server.logs .results-area .search-button,
.settings-editor .tab-panel.scheduledwf .results-area .search-button,
.settings-editor .tab-panel.filemanager .results-area .search-button,
.settings-editor .tab-panel.bubbleversion .results-area .search-button,
.data-editor .tab-panel.server.logs .results-area .search-button,
.data-editor .tab-panel.scheduledwf .results-area .search-button,
.data-editor .tab-panel.filemanager .results-area .search-button,
.data-editor .tab-panel.bubbleversion .results-area .search-button,
.logs-editor .tab-panel.server.logs .results-area .search-button,
.logs-editor .tab-panel.scheduledwf .results-area .search-button,
.logs-editor .tab-panel.filemanager .results-area .search-button,
.logs-editor .tab-panel.bubbleversion .results-area .search-button,
.styles-editor .tab-panel.server.logs .results-area .search-button,
.styles-editor .tab-panel.scheduledwf .results-area .search-button,
.styles-editor .tab-panel.filemanager .results-area .search-button,
.styles-editor .tab-panel.bubbleversion .results-area .search-button {
  float: right;
}
.settings-editor .tab-panel.server.logs .results-area .data-area,
.settings-editor .tab-panel.scheduledwf .results-area .data-area,
.settings-editor .tab-panel.filemanager .results-area .data-area,
.settings-editor .tab-panel.bubbleversion .results-area .data-area,
.data-editor .tab-panel.server.logs .results-area .data-area,
.data-editor .tab-panel.scheduledwf .results-area .data-area,
.data-editor .tab-panel.filemanager .results-area .data-area,
.data-editor .tab-panel.bubbleversion .results-area .data-area,
.logs-editor .tab-panel.server.logs .results-area .data-area,
.logs-editor .tab-panel.scheduledwf .results-area .data-area,
.logs-editor .tab-panel.filemanager .results-area .data-area,
.logs-editor .tab-panel.bubbleversion .results-area .data-area,
.styles-editor .tab-panel.server.logs .results-area .data-area,
.styles-editor .tab-panel.scheduledwf .results-area .data-area,
.styles-editor .tab-panel.filemanager .results-area .data-area,
.styles-editor .tab-panel.bubbleversion .results-area .data-area {
  width: 100%;
  overflow-y: auto;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row {
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  clear: both;
  overflow: hidden;
  line-height: 16px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row.error,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row.error,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row.error,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row.error,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row.error,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row.error,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row.error,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row.error,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row.error,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row.error,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row.error,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row.error,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row.error,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row.error,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row.error,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row.error {
  color: var(--b-txt-danger);
  padding: 20px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title {
  text-align: left;
  width: 239px;
  display: table-cell;
  vertical-align: top;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  cursor: default;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .entry-title,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .entry-title {
  padding-left: 4px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-name,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-value,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-key,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-action,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-name,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-key,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-action,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-name,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-key,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-action,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-name,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-key,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-action,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-name,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-key,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-action,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-name,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-key,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-action,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-name,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-key,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-action,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-name,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-key,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-action,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-name,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-key,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-action,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-name,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-key,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-action,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-name,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-key,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-action,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-name,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-key,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-action,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-name,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-key,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-action,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .sub-prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-name,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-key,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-action,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .sub-prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-name,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-key,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-action,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .sub-prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-name,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-key,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-action,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .sub-prop-value {
  padding: 4px 0px 4px 0px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn {
  float: right;
  margin-right: 10px;
  margin-top: -15px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable {
  cursor: pointer;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn:hover,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn:hover,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn:hover,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn:hover,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn:hover,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn:hover,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn:hover,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn:hover,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn:hover,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn:hover,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn:hover,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn:hover,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .zoom-btn:hover,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .zoom-btn:hover,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .zoom-btn:hover,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field.clickable:hover,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .zoom-btn:hover,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field.clickable:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .log-result-field,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .log-result-field {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list {
  display: table-cell;
  border-left: 1px solid #f0f0f0;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property {
  float: left;
  overflow: hidden;
  margin-right: 15px;
  width: 100%;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property.ObjectList,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property.ObjectList,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property.ObjectList,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property.ObjectList,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property.ObjectList,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property.ObjectList,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property.ObjectList,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property.ObjectList,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property.ObjectList,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property.ObjectList,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property.ObjectList,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property.ObjectList,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property.ObjectList,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property.ObjectList,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property.ObjectList,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property.ObjectList {
  width: 100%;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table {
  float: left;
  width: 100%;
  max-width: 850px;
  margin-bottom: 10px;
  user-select: text;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row {
  width: 100%;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left {
  float: left;
  width: 60%;
  max-width: 300px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable {
  cursor: pointer;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-left.clickable:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .table .table-row .table-entry-right {
  float: left;
  width: 40%;
  overflow-wrap: break-word;
  max-width: 300px;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key {
  float: left;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key {
  clear: both;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
  cursor: default;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value {
  float: left;
  text-align: left;
  margin-right: 5px;
  max-width: 400px;
  word-break: break-word;
  white-space: pre-wrap;
}
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data, .settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.settings-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.settings-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.settings-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.settings-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.data-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.data-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.data-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.data-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.logs-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.logs-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.logs-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.logs-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.styles-editor .tab-panel.server.logs .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.styles-editor .tab-panel.scheduledwf .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.styles-editor .tab-panel.filemanager .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.request-data,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-key.autobinding,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.request-data,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-action.autobinding,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.request-data,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .sub-prop-value.autobinding,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.request-data,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-name.autobinding,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.request-data,
.styles-editor .tab-panel.bubbleversion .results-area .data-area .log-results-row .property-list .property .prop-value.autobinding {
  max-width: none;
}
.settings-editor .tab-panel.filemanager .search-area,
.data-editor .tab-panel.filemanager .search-area,
.logs-editor .tab-panel.filemanager .search-area,
.styles-editor .tab-panel.filemanager .search-area {
  overflow-x: auto;
  width: 100%;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar,
.data-editor .tab-panel.filemanager .search-area .search-bar,
.logs-editor .tab-panel.filemanager .search-area .search-bar,
.styles-editor .tab-panel.filemanager .search-area .search-bar {
  overflow: hidden;
  min-width: 1060px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-input,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-input,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-input,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-input {
  width: 250px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown {
  height: 32px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-caption,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-caption,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-caption,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-caption {
  margin-top: unset;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-checkbox .component-checkbox,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-checkbox .component-checkbox,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-checkbox .component-checkbox,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .search-checkbox .component-checkbox {
  margin-top: unset;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long {
  height: 32px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long.spot,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long.spot,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long.spot,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long.spot {
  padding-top: 10px !important;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long .dropdown-container.new-composer .dropdown-caption-container.new-composer,
.data-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long .dropdown-container.new-composer .dropdown-caption-container.new-composer,
.logs-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long .dropdown-container.new-composer .dropdown-caption-container.new-composer,
.styles-editor .tab-panel.filemanager .search-area .search-bar .search-type-wrapper .composer-dropdown-long .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  height: 32px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper,
.data-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper,
.logs-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper,
.styles-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper {
  display: flex;
  justify-content: end;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .btn,
.data-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .btn,
.logs-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .btn,
.styles-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .btn {
  margin-left: 10px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file input,
.data-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file input,
.logs-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file input,
.styles-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file input {
  font-size: 0;
  opacity: 0;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption,
.data-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption,
.logs-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption,
.styles-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption {
  border: none;
  padding-top: 9px;
}
.settings-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption.empty:before,
.data-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption.empty:before,
.logs-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption.empty:before,
.styles-editor .tab-panel.filemanager .search-area .search-bar .buttons-wrapper .new-uploaded-file .file-caption.empty:before {
  display: none;
}
.settings-editor .tab-panel.filemanager .pages-area,
.data-editor .tab-panel.filemanager .pages-area,
.logs-editor .tab-panel.filemanager .pages-area,
.styles-editor .tab-panel.filemanager .pages-area {
  height: 16px;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.filemanager .pages-area::after,
.data-editor .tab-panel.filemanager .pages-area::after,
.logs-editor .tab-panel.filemanager .pages-area::after,
.styles-editor .tab-panel.filemanager .pages-area::after {
  content: "";
  clear: both;
  display: block;
}
.settings-editor .tab-panel.filemanager .pages-area .light-button.disabled,
.data-editor .tab-panel.filemanager .pages-area .light-button.disabled,
.logs-editor .tab-panel.filemanager .pages-area .light-button.disabled,
.styles-editor .tab-panel.filemanager .pages-area .light-button.disabled {
  opacity: 0.25;
}
.settings-editor .tab-panel.filemanager .pages-area .entry-count,
.data-editor .tab-panel.filemanager .pages-area .entry-count,
.logs-editor .tab-panel.filemanager .pages-area .entry-count,
.styles-editor .tab-panel.filemanager .pages-area .entry-count {
  font-size: 12px;
  display: inline-block;
}
.settings-editor .tab-panel.filemanager .pages-area .all-global-toggle,
.data-editor .tab-panel.filemanager .pages-area .all-global-toggle,
.logs-editor .tab-panel.filemanager .pages-area .all-global-toggle,
.styles-editor .tab-panel.filemanager .pages-area .all-global-toggle {
  font-size: 12px;
  display: inline-block;
  margin-left: 5px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.filemanager .pages-area .all-global-toggle:hover,
.data-editor .tab-panel.filemanager .pages-area .all-global-toggle:hover,
.logs-editor .tab-panel.filemanager .pages-area .all-global-toggle:hover,
.styles-editor .tab-panel.filemanager .pages-area .all-global-toggle:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.filemanager .results-area,
.data-editor .tab-panel.filemanager .results-area,
.logs-editor .tab-panel.filemanager .results-area,
.styles-editor .tab-panel.filemanager .results-area {
  border: none;
  font-size: 12px;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table-when-empty,
.data-editor .tab-panel.filemanager .results-area .excel-table-when-empty,
.logs-editor .tab-panel.filemanager .results-area .excel-table-when-empty,
.styles-editor .tab-panel.filemanager .results-area .excel-table-when-empty {
  height: 28px !important;
  width: auto !important;
  min-width: 1100px !important;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table,
.data-editor .tab-panel.filemanager .results-area .excel-table,
.logs-editor .tab-panel.filemanager .results-area .excel-table,
.styles-editor .tab-panel.filemanager .results-area .excel-table {
  overflow: hidden;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder tr th:first-child .columnSorting:after,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder tr th:first-child .columnSorting:after,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder tr th:first-child .columnSorting:after,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder tr th:first-child .columnSorting:after {
  content: "";
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.descending:after,
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.ascending:after,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.descending:after,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.ascending:after,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.descending:after,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.ascending:after,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.descending:after,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .columnSorting.ascending:after {
  color: #c1cccf;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htDimmed,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htDimmed,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htDimmed,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htDimmed {
  color: var(--b-txt-primary, #1a1a1a);
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th {
  color: var(--b-txt-primary, #1a1a1a) !important;
  background: rgb(249, 249, 249) !important;
  vertical-align: middle;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td {
  vertical-align: middle;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .table-thumbnail,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .table-thumbnail,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .table-thumbnail,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .table-thumbnail {
  height: 22px;
  width: 22px;
  display: block;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th .relative,
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .relative,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th .relative,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .relative,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th .relative,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .relative,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder th .relative,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder td .relative {
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htAutocompleteArrow,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htAutocompleteArrow,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htAutocompleteArrow,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .htAutocompleteArrow {
  display: none;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox {
  margin-top: -1px !important;
}
.settings-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox.checked:before,
.data-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox.checked:before,
.logs-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox.checked:before,
.styles-editor .tab-panel.filemanager .results-area .excel-table .handsontable .wtHolder .bubble-ui.composer-checkbox .component-checkbox.checked:before {
  margin-top: -2px !important;
}
.settings-editor .tab-panel.filemanager .results-area .alert-area,
.data-editor .tab-panel.filemanager .results-area .alert-area,
.logs-editor .tab-panel.filemanager .results-area .alert-area,
.styles-editor .tab-panel.filemanager .results-area .alert-area {
  padding: 10px;
  width: 100%;
  float: left;
  clear: both;
}
.settings-editor .tab-panel.filemanager .results-area .alert-area .alert-box,
.data-editor .tab-panel.filemanager .results-area .alert-area .alert-box,
.logs-editor .tab-panel.filemanager .results-area .alert-area .alert-box,
.styles-editor .tab-panel.filemanager .results-area .alert-area .alert-box {
  background-color: rgb(249, 249, 249);
  border-radius: 6px;
  height: 30px;
  padding: 11px 10px 3px;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.settings-editor .tab-panel.bubbleversion .bubble-ui.btn.revert,
.data-editor .tab-panel.bubbleversion .bubble-ui.btn.revert,
.logs-editor .tab-panel.bubbleversion .bubble-ui.btn.revert,
.styles-editor .tab-panel.bubbleversion .bubble-ui.btn.revert {
  clear: both;
  float: left;
  margin-top: 20px;
  width: 170px;
}
.settings-editor .tab-panel.bubbleversion .results-area,
.data-editor .tab-panel.bubbleversion .results-area,
.logs-editor .tab-panel.bubbleversion .results-area,
.styles-editor .tab-panel.bubbleversion .results-area {
  margin-top: 20px;
  float: left;
  width: 780px;
  clear: both;
}
.settings-editor .tab-panel.bubbleversion .table-header .header-column.date,
.settings-editor .tab-panel.bubbleversion .data-area .header-column.date,
.data-editor .tab-panel.bubbleversion .table-header .header-column.date,
.data-editor .tab-panel.bubbleversion .data-area .header-column.date,
.logs-editor .tab-panel.bubbleversion .table-header .header-column.date,
.logs-editor .tab-panel.bubbleversion .data-area .header-column.date,
.styles-editor .tab-panel.bubbleversion .table-header .header-column.date,
.styles-editor .tab-panel.bubbleversion .data-area .header-column.date {
  width: 87px;
}
.settings-editor .tab-panel.bubbleversion .table-header .header-column.version,
.settings-editor .tab-panel.bubbleversion .data-area .header-column.version,
.data-editor .tab-panel.bubbleversion .table-header .header-column.version,
.data-editor .tab-panel.bubbleversion .data-area .header-column.version,
.logs-editor .tab-panel.bubbleversion .table-header .header-column.version,
.logs-editor .tab-panel.bubbleversion .data-area .header-column.version,
.styles-editor .tab-panel.bubbleversion .table-header .header-column.version,
.styles-editor .tab-panel.bubbleversion .data-area .header-column.version {
  width: 70px;
}
.settings-editor .tab-panel.bubbleversion .table-header .header-column.version.message,
.settings-editor .tab-panel.bubbleversion .data-area .header-column.version.message,
.data-editor .tab-panel.bubbleversion .table-header .header-column.version.message,
.data-editor .tab-panel.bubbleversion .data-area .header-column.version.message,
.logs-editor .tab-panel.bubbleversion .table-header .header-column.version.message,
.logs-editor .tab-panel.bubbleversion .data-area .header-column.version.message,
.styles-editor .tab-panel.bubbleversion .table-header .header-column.version.message,
.styles-editor .tab-panel.bubbleversion .data-area .header-column.version.message {
  width: 450px;
  text-align: left;
  padding-left: 20px;
}
.settings-editor .tab-panel.bubbleversion .table-header .header-column.information,
.settings-editor .tab-panel.bubbleversion .data-area .header-column.information,
.data-editor .tab-panel.bubbleversion .table-header .header-column.information,
.data-editor .tab-panel.bubbleversion .data-area .header-column.information,
.logs-editor .tab-panel.bubbleversion .table-header .header-column.information,
.logs-editor .tab-panel.bubbleversion .data-area .header-column.information,
.styles-editor .tab-panel.bubbleversion .table-header .header-column.information,
.styles-editor .tab-panel.bubbleversion .data-area .header-column.information {
  width: 88px;
}
.settings-editor .tab-panel.bubbleversion .table-header .header-column.delete-btn,
.settings-editor .tab-panel.bubbleversion .data-area .header-column.delete-btn,
.data-editor .tab-panel.bubbleversion .table-header .header-column.delete-btn,
.data-editor .tab-panel.bubbleversion .data-area .header-column.delete-btn,
.logs-editor .tab-panel.bubbleversion .table-header .header-column.delete-btn,
.logs-editor .tab-panel.bubbleversion .data-area .header-column.delete-btn,
.styles-editor .tab-panel.bubbleversion .table-header .header-column.delete-btn,
.styles-editor .tab-panel.bubbleversion .data-area .header-column.delete-btn {
  border-right: none;
}
.settings-editor .tab-panel.bubbleversion .table-header .bubble-version-row:last-child,
.settings-editor .tab-panel.bubbleversion .data-area .bubble-version-row:last-child,
.data-editor .tab-panel.bubbleversion .table-header .bubble-version-row:last-child,
.data-editor .tab-panel.bubbleversion .data-area .bubble-version-row:last-child,
.logs-editor .tab-panel.bubbleversion .table-header .bubble-version-row:last-child,
.logs-editor .tab-panel.bubbleversion .data-area .bubble-version-row:last-child,
.styles-editor .tab-panel.bubbleversion .table-header .bubble-version-row:last-child,
.styles-editor .tab-panel.bubbleversion .data-area .bubble-version-row:last-child {
  border-bottom: none;
}
.settings-editor .tab-panel.bubbleversion .table-header .bubble-version-row .header-column,
.settings-editor .tab-panel.bubbleversion .data-area .bubble-version-row .header-column,
.data-editor .tab-panel.bubbleversion .table-header .bubble-version-row .header-column,
.data-editor .tab-panel.bubbleversion .data-area .bubble-version-row .header-column,
.logs-editor .tab-panel.bubbleversion .table-header .bubble-version-row .header-column,
.logs-editor .tab-panel.bubbleversion .data-area .bubble-version-row .header-column,
.styles-editor .tab-panel.bubbleversion .table-header .bubble-version-row .header-column,
.styles-editor .tab-panel.bubbleversion .data-area .bubble-version-row .header-column {
  padding-top: 6px;
  padding-bottom: 6px;
}
.settings-editor .tab-panel.bubbleversion .experimental-features,
.data-editor .tab-panel.bubbleversion .experimental-features,
.logs-editor .tab-panel.bubbleversion .experimental-features,
.styles-editor .tab-panel.bubbleversion .experimental-features {
  clear: both;
  max-width: 50%;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column {
  border-right-color: #f0f0f0;
  line-height: 14px;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox {
  width: 25px;
  padding: 3px 0 3px 5px;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox {
  margin-top: 2px;
  width: 14px;
  height: 14px;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox.checked:before,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox.checked:before,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox.checked:before,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox.checked:before,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox.checked:before,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox.checked:before,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.checkbox .component-checkbox.checked:before,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.checkbox .component-checkbox.checked:before {
  margin-top: 0;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.launch_date,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.launch_date,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.launch_date,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.launch_date,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.launch_date,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.launch_date,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.launch_date,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.launch_date {
  text-align: center;
  width: 70px;
  padding-left: 0;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.modification_date,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.modification_date,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.modification_date,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.modification_date,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.modification_date,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.modification_date,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.modification_date,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.modification_date {
  text-align: center;
  width: 87px;
  padding-left: 0;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.details,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.details,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.details,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.details,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.details,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.details,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.details,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.details {
  text-align: left;
  width: 451px;
  padding-left: 20px;
  padding-right: 2px;
  white-space: pre-line;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback {
  text-align: center;
  width: 145px;
  padding-left: 0;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn {
  cursor: pointer;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn:hover,
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn:hover,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn:hover,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn:hover,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn:hover,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn:hover,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .table-header .header-column.feedback .feedback-btn:hover,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .data-area .header-column.feedback .feedback-btn:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row {
  display: flex;
}
.settings-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row :last-child,
.data-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row :last-child,
.logs-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row :last-child,
.styles-editor .tab-panel.bubbleversion .experimental-features .flag-container .bubble-version-row :last-child {
  border-right: none;
}
.settings-editor .tab-panel-container.ScheduledWF,
.data-editor .tab-panel-container.ScheduledWF,
.logs-editor .tab-panel-container.ScheduledWF,
.styles-editor .tab-panel-container.ScheduledWF {
  padding-bottom: 0px;
}
.settings-editor .tab-panel-container.Plan,
.data-editor .tab-panel-container.Plan,
.logs-editor .tab-panel-container.Plan,
.styles-editor .tab-panel-container.Plan {
  scroll-behavior: smooth;
}
.settings-editor .tab-panel.scheduledwf .show-wf-workflow,
.settings-editor .tab-panel.bubbleversion .show-wf-workflow,
.data-editor .tab-panel.scheduledwf .show-wf-workflow,
.data-editor .tab-panel.bubbleversion .show-wf-workflow,
.logs-editor .tab-panel.scheduledwf .show-wf-workflow,
.logs-editor .tab-panel.bubbleversion .show-wf-workflow,
.styles-editor .tab-panel.scheduledwf .show-wf-workflow,
.styles-editor .tab-panel.bubbleversion .show-wf-workflow {
  float: left;
  margin-left: 20px;
}
.settings-editor .tab-panel.scheduledwf .light-button.load-more,
.settings-editor .tab-panel.scheduledwf .entry-count,
.settings-editor .tab-panel.bubbleversion .light-button.load-more,
.settings-editor .tab-panel.bubbleversion .entry-count,
.data-editor .tab-panel.scheduledwf .light-button.load-more,
.data-editor .tab-panel.scheduledwf .entry-count,
.data-editor .tab-panel.bubbleversion .light-button.load-more,
.data-editor .tab-panel.bubbleversion .entry-count,
.logs-editor .tab-panel.scheduledwf .light-button.load-more,
.logs-editor .tab-panel.scheduledwf .entry-count,
.logs-editor .tab-panel.bubbleversion .light-button.load-more,
.logs-editor .tab-panel.bubbleversion .entry-count,
.styles-editor .tab-panel.scheduledwf .light-button.load-more,
.styles-editor .tab-panel.scheduledwf .entry-count,
.styles-editor .tab-panel.bubbleversion .light-button.load-more,
.styles-editor .tab-panel.bubbleversion .entry-count {
  margin-top: 5px;
}
.settings-editor .tab-panel.scheduledwf .light-button.load-more,
.settings-editor .tab-panel.bubbleversion .light-button.load-more,
.data-editor .tab-panel.scheduledwf .light-button.load-more,
.data-editor .tab-panel.bubbleversion .light-button.load-more,
.logs-editor .tab-panel.scheduledwf .light-button.load-more,
.logs-editor .tab-panel.bubbleversion .light-button.load-more,
.styles-editor .tab-panel.scheduledwf .light-button.load-more,
.styles-editor .tab-panel.bubbleversion .light-button.load-more {
  float: right;
  margin-top: 5px;
}
.settings-editor .tab-panel.scheduledwf .entry-count,
.settings-editor .tab-panel.bubbleversion .entry-count,
.data-editor .tab-panel.scheduledwf .entry-count,
.data-editor .tab-panel.bubbleversion .entry-count,
.logs-editor .tab-panel.scheduledwf .entry-count,
.logs-editor .tab-panel.bubbleversion .entry-count,
.styles-editor .tab-panel.scheduledwf .entry-count,
.styles-editor .tab-panel.bubbleversion .entry-count {
  float: left;
  font-size: 11px;
}
.settings-editor .tab-panel.scheduledwf .table-header .parameters,
.settings-editor .tab-panel.bubbleversion .table-header .parameters,
.data-editor .tab-panel.scheduledwf .table-header .parameters,
.data-editor .tab-panel.bubbleversion .table-header .parameters,
.logs-editor .tab-panel.scheduledwf .table-header .parameters,
.logs-editor .tab-panel.bubbleversion .table-header .parameters,
.styles-editor .tab-panel.scheduledwf .table-header .parameters,
.styles-editor .tab-panel.bubbleversion .table-header .parameters {
  padding-left: 20px !important;
}
.settings-editor .tab-panel.scheduledwf .table-header .scheduled-time,
.settings-editor .tab-panel.scheduledwf .scheduled-row .scheduled-time,
.settings-editor .tab-panel.scheduledwf .uploaded-file .scheduled-time,
.settings-editor .tab-panel.bubbleversion .table-header .scheduled-time,
.settings-editor .tab-panel.bubbleversion .scheduled-row .scheduled-time,
.settings-editor .tab-panel.bubbleversion .uploaded-file .scheduled-time,
.data-editor .tab-panel.scheduledwf .table-header .scheduled-time,
.data-editor .tab-panel.scheduledwf .scheduled-row .scheduled-time,
.data-editor .tab-panel.scheduledwf .uploaded-file .scheduled-time,
.data-editor .tab-panel.bubbleversion .table-header .scheduled-time,
.data-editor .tab-panel.bubbleversion .scheduled-row .scheduled-time,
.data-editor .tab-panel.bubbleversion .uploaded-file .scheduled-time,
.logs-editor .tab-panel.scheduledwf .table-header .scheduled-time,
.logs-editor .tab-panel.scheduledwf .scheduled-row .scheduled-time,
.logs-editor .tab-panel.scheduledwf .uploaded-file .scheduled-time,
.logs-editor .tab-panel.bubbleversion .table-header .scheduled-time,
.logs-editor .tab-panel.bubbleversion .scheduled-row .scheduled-time,
.logs-editor .tab-panel.bubbleversion .uploaded-file .scheduled-time,
.styles-editor .tab-panel.scheduledwf .table-header .scheduled-time,
.styles-editor .tab-panel.scheduledwf .scheduled-row .scheduled-time,
.styles-editor .tab-panel.scheduledwf .uploaded-file .scheduled-time,
.styles-editor .tab-panel.bubbleversion .table-header .scheduled-time,
.styles-editor .tab-panel.bubbleversion .scheduled-row .scheduled-time,
.styles-editor .tab-panel.bubbleversion .uploaded-file .scheduled-time {
  width: 160px;
}
.settings-editor .tab-panel.scheduledwf .table-header .id,
.settings-editor .tab-panel.scheduledwf .scheduled-row .id,
.settings-editor .tab-panel.scheduledwf .uploaded-file .id,
.settings-editor .tab-panel.bubbleversion .table-header .id,
.settings-editor .tab-panel.bubbleversion .scheduled-row .id,
.settings-editor .tab-panel.bubbleversion .uploaded-file .id,
.data-editor .tab-panel.scheduledwf .table-header .id,
.data-editor .tab-panel.scheduledwf .scheduled-row .id,
.data-editor .tab-panel.scheduledwf .uploaded-file .id,
.data-editor .tab-panel.bubbleversion .table-header .id,
.data-editor .tab-panel.bubbleversion .scheduled-row .id,
.data-editor .tab-panel.bubbleversion .uploaded-file .id,
.logs-editor .tab-panel.scheduledwf .table-header .id,
.logs-editor .tab-panel.scheduledwf .scheduled-row .id,
.logs-editor .tab-panel.scheduledwf .uploaded-file .id,
.logs-editor .tab-panel.bubbleversion .table-header .id,
.logs-editor .tab-panel.bubbleversion .scheduled-row .id,
.logs-editor .tab-panel.bubbleversion .uploaded-file .id,
.styles-editor .tab-panel.scheduledwf .table-header .id,
.styles-editor .tab-panel.scheduledwf .scheduled-row .id,
.styles-editor .tab-panel.scheduledwf .uploaded-file .id,
.styles-editor .tab-panel.bubbleversion .table-header .id,
.styles-editor .tab-panel.bubbleversion .scheduled-row .id,
.styles-editor .tab-panel.bubbleversion .uploaded-file .id {
  width: 75px;
}
.settings-editor .tab-panel.scheduledwf .table-header .api-event,
.settings-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.settings-editor .tab-panel.scheduledwf .uploaded-file .api-event,
.settings-editor .tab-panel.bubbleversion .table-header .api-event,
.settings-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.settings-editor .tab-panel.bubbleversion .uploaded-file .api-event,
.data-editor .tab-panel.scheduledwf .table-header .api-event,
.data-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.data-editor .tab-panel.scheduledwf .uploaded-file .api-event,
.data-editor .tab-panel.bubbleversion .table-header .api-event,
.data-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.data-editor .tab-panel.bubbleversion .uploaded-file .api-event,
.logs-editor .tab-panel.scheduledwf .table-header .api-event,
.logs-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.logs-editor .tab-panel.scheduledwf .uploaded-file .api-event,
.logs-editor .tab-panel.bubbleversion .table-header .api-event,
.logs-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.logs-editor .tab-panel.bubbleversion .uploaded-file .api-event,
.styles-editor .tab-panel.scheduledwf .table-header .api-event,
.styles-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.styles-editor .tab-panel.scheduledwf .uploaded-file .api-event,
.styles-editor .tab-panel.bubbleversion .table-header .api-event,
.styles-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.styles-editor .tab-panel.bubbleversion .uploaded-file .api-event {
  width: 160px;
  overflow: hidden;
}
.settings-editor .tab-panel.scheduledwf .table-header .current-user,
.settings-editor .tab-panel.scheduledwf .scheduled-row .current-user,
.settings-editor .tab-panel.scheduledwf .uploaded-file .current-user,
.settings-editor .tab-panel.bubbleversion .table-header .current-user,
.settings-editor .tab-panel.bubbleversion .scheduled-row .current-user,
.settings-editor .tab-panel.bubbleversion .uploaded-file .current-user,
.data-editor .tab-panel.scheduledwf .table-header .current-user,
.data-editor .tab-panel.scheduledwf .scheduled-row .current-user,
.data-editor .tab-panel.scheduledwf .uploaded-file .current-user,
.data-editor .tab-panel.bubbleversion .table-header .current-user,
.data-editor .tab-panel.bubbleversion .scheduled-row .current-user,
.data-editor .tab-panel.bubbleversion .uploaded-file .current-user,
.logs-editor .tab-panel.scheduledwf .table-header .current-user,
.logs-editor .tab-panel.scheduledwf .scheduled-row .current-user,
.logs-editor .tab-panel.scheduledwf .uploaded-file .current-user,
.logs-editor .tab-panel.bubbleversion .table-header .current-user,
.logs-editor .tab-panel.bubbleversion .scheduled-row .current-user,
.logs-editor .tab-panel.bubbleversion .uploaded-file .current-user,
.styles-editor .tab-panel.scheduledwf .table-header .current-user,
.styles-editor .tab-panel.scheduledwf .scheduled-row .current-user,
.styles-editor .tab-panel.scheduledwf .uploaded-file .current-user,
.styles-editor .tab-panel.bubbleversion .table-header .current-user,
.styles-editor .tab-panel.bubbleversion .scheduled-row .current-user,
.styles-editor .tab-panel.bubbleversion .uploaded-file .current-user {
  width: 230px;
}
.settings-editor .tab-panel.scheduledwf .table-header .cancel,
.settings-editor .tab-panel.scheduledwf .scheduled-row .cancel,
.settings-editor .tab-panel.scheduledwf .uploaded-file .cancel,
.settings-editor .tab-panel.bubbleversion .table-header .cancel,
.settings-editor .tab-panel.bubbleversion .scheduled-row .cancel,
.settings-editor .tab-panel.bubbleversion .uploaded-file .cancel,
.data-editor .tab-panel.scheduledwf .table-header .cancel,
.data-editor .tab-panel.scheduledwf .scheduled-row .cancel,
.data-editor .tab-panel.scheduledwf .uploaded-file .cancel,
.data-editor .tab-panel.bubbleversion .table-header .cancel,
.data-editor .tab-panel.bubbleversion .scheduled-row .cancel,
.data-editor .tab-panel.bubbleversion .uploaded-file .cancel,
.logs-editor .tab-panel.scheduledwf .table-header .cancel,
.logs-editor .tab-panel.scheduledwf .scheduled-row .cancel,
.logs-editor .tab-panel.scheduledwf .uploaded-file .cancel,
.logs-editor .tab-panel.bubbleversion .table-header .cancel,
.logs-editor .tab-panel.bubbleversion .scheduled-row .cancel,
.logs-editor .tab-panel.bubbleversion .uploaded-file .cancel,
.styles-editor .tab-panel.scheduledwf .table-header .cancel,
.styles-editor .tab-panel.scheduledwf .scheduled-row .cancel,
.styles-editor .tab-panel.scheduledwf .uploaded-file .cancel,
.styles-editor .tab-panel.bubbleversion .table-header .cancel,
.styles-editor .tab-panel.bubbleversion .scheduled-row .cancel,
.styles-editor .tab-panel.bubbleversion .uploaded-file .cancel {
  width: 57px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.settings-editor .tab-panel.scheduledwf .scheduled-row,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row,
.settings-editor .tab-panel.scheduledwf .bubble-version-row,
.settings-editor .tab-panel.bubbleversion .scheduled-row,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row,
.settings-editor .tab-panel.bubbleversion .bubble-version-row,
.data-editor .tab-panel.scheduledwf .scheduled-row,
.data-editor .tab-panel.scheduledwf .uploaded-file-row,
.data-editor .tab-panel.scheduledwf .bubble-version-row,
.data-editor .tab-panel.bubbleversion .scheduled-row,
.data-editor .tab-panel.bubbleversion .uploaded-file-row,
.data-editor .tab-panel.bubbleversion .bubble-version-row,
.logs-editor .tab-panel.scheduledwf .scheduled-row,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row,
.logs-editor .tab-panel.scheduledwf .bubble-version-row,
.logs-editor .tab-panel.bubbleversion .scheduled-row,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row,
.logs-editor .tab-panel.bubbleversion .bubble-version-row,
.styles-editor .tab-panel.scheduledwf .scheduled-row,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row,
.styles-editor .tab-panel.scheduledwf .bubble-version-row,
.styles-editor .tab-panel.bubbleversion .scheduled-row,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row,
.styles-editor .tab-panel.bubbleversion .bubble-version-row {
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  float: left;
  clear: both;
}
.settings-editor .tab-panel.scheduledwf .scheduled-row > *,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row > *,
.settings-editor .tab-panel.scheduledwf .bubble-version-row > *,
.settings-editor .tab-panel.bubbleversion .scheduled-row > *,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row > *,
.settings-editor .tab-panel.bubbleversion .bubble-version-row > *,
.data-editor .tab-panel.scheduledwf .scheduled-row > *,
.data-editor .tab-panel.scheduledwf .uploaded-file-row > *,
.data-editor .tab-panel.scheduledwf .bubble-version-row > *,
.data-editor .tab-panel.bubbleversion .scheduled-row > *,
.data-editor .tab-panel.bubbleversion .uploaded-file-row > *,
.data-editor .tab-panel.bubbleversion .bubble-version-row > *,
.logs-editor .tab-panel.scheduledwf .scheduled-row > *,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row > *,
.logs-editor .tab-panel.scheduledwf .bubble-version-row > *,
.logs-editor .tab-panel.bubbleversion .scheduled-row > *,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row > *,
.logs-editor .tab-panel.bubbleversion .bubble-version-row > *,
.styles-editor .tab-panel.scheduledwf .scheduled-row > *,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row > *,
.styles-editor .tab-panel.scheduledwf .bubble-version-row > *,
.styles-editor .tab-panel.bubbleversion .scheduled-row > *,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row > *,
.styles-editor .tab-panel.bubbleversion .bubble-version-row > * {
  float: left;
  border-right: 1px solid #f0f0f0;
  padding: 3px 0 3px 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.settings-editor .tab-panel.scheduledwf .scheduled-row .parameters,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .parameters,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .parameters,
.settings-editor .tab-panel.bubbleversion .scheduled-row .parameters,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .parameters,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .parameters,
.data-editor .tab-panel.scheduledwf .scheduled-row .parameters,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .parameters,
.data-editor .tab-panel.scheduledwf .bubble-version-row .parameters,
.data-editor .tab-panel.bubbleversion .scheduled-row .parameters,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .parameters,
.data-editor .tab-panel.bubbleversion .bubble-version-row .parameters,
.logs-editor .tab-panel.scheduledwf .scheduled-row .parameters,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .parameters,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .parameters,
.logs-editor .tab-panel.bubbleversion .scheduled-row .parameters,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .parameters,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .parameters,
.styles-editor .tab-panel.scheduledwf .scheduled-row .parameters,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .parameters,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .parameters,
.styles-editor .tab-panel.bubbleversion .scheduled-row .parameters,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .parameters,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .parameters {
  border-right: none !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.settings-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn,
.settings-editor .tab-panel.scheduledwf .scheduled-row .delete-btn,
.settings-editor .tab-panel.scheduledwf .scheduled-row a,
.settings-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row a,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .api-event,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn,
.settings-editor .tab-panel.scheduledwf .bubble-version-row a,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .api-event,
.settings-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn,
.settings-editor .tab-panel.bubbleversion .scheduled-row .delete-btn,
.settings-editor .tab-panel.bubbleversion .scheduled-row a,
.settings-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row a,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .api-event,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn,
.settings-editor .tab-panel.bubbleversion .bubble-version-row a,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .api-event,
.data-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn,
.data-editor .tab-panel.scheduledwf .scheduled-row .delete-btn,
.data-editor .tab-panel.scheduledwf .scheduled-row a,
.data-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn,
.data-editor .tab-panel.scheduledwf .uploaded-file-row a,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .api-event,
.data-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn,
.data-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn,
.data-editor .tab-panel.scheduledwf .bubble-version-row a,
.data-editor .tab-panel.scheduledwf .bubble-version-row .api-event,
.data-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn,
.data-editor .tab-panel.bubbleversion .scheduled-row .delete-btn,
.data-editor .tab-panel.bubbleversion .scheduled-row a,
.data-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn,
.data-editor .tab-panel.bubbleversion .uploaded-file-row a,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .api-event,
.data-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn,
.data-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn,
.data-editor .tab-panel.bubbleversion .bubble-version-row a,
.data-editor .tab-panel.bubbleversion .bubble-version-row .api-event,
.logs-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn,
.logs-editor .tab-panel.scheduledwf .scheduled-row .delete-btn,
.logs-editor .tab-panel.scheduledwf .scheduled-row a,
.logs-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row a,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .api-event,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn,
.logs-editor .tab-panel.scheduledwf .bubble-version-row a,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .api-event,
.logs-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn,
.logs-editor .tab-panel.bubbleversion .scheduled-row .delete-btn,
.logs-editor .tab-panel.bubbleversion .scheduled-row a,
.logs-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row a,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .api-event,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn,
.logs-editor .tab-panel.bubbleversion .bubble-version-row a,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .api-event,
.styles-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn,
.styles-editor .tab-panel.scheduledwf .scheduled-row .delete-btn,
.styles-editor .tab-panel.scheduledwf .scheduled-row a,
.styles-editor .tab-panel.scheduledwf .scheduled-row .api-event,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row a,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .api-event,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn,
.styles-editor .tab-panel.scheduledwf .bubble-version-row a,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .api-event,
.styles-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn,
.styles-editor .tab-panel.bubbleversion .scheduled-row .delete-btn,
.styles-editor .tab-panel.bubbleversion .scheduled-row a,
.styles-editor .tab-panel.bubbleversion .scheduled-row .api-event,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row a,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .api-event,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn,
.styles-editor .tab-panel.bubbleversion .bubble-version-row a,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .api-event {
  cursor: pointer;
}
.settings-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn:hover,
.settings-editor .tab-panel.scheduledwf .scheduled-row .delete-btn:hover,
.settings-editor .tab-panel.scheduledwf .scheduled-row a:hover,
.settings-editor .tab-panel.scheduledwf .scheduled-row .api-event:hover,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn:hover,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn:hover,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row a:hover,
.settings-editor .tab-panel.scheduledwf .uploaded-file-row .api-event:hover,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn:hover,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn:hover,
.settings-editor .tab-panel.scheduledwf .bubble-version-row a:hover,
.settings-editor .tab-panel.scheduledwf .bubble-version-row .api-event:hover,
.settings-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn:hover,
.settings-editor .tab-panel.bubbleversion .scheduled-row .delete-btn:hover,
.settings-editor .tab-panel.bubbleversion .scheduled-row a:hover,
.settings-editor .tab-panel.bubbleversion .scheduled-row .api-event:hover,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn:hover,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn:hover,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row a:hover,
.settings-editor .tab-panel.bubbleversion .uploaded-file-row .api-event:hover,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn:hover,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn:hover,
.settings-editor .tab-panel.bubbleversion .bubble-version-row a:hover,
.settings-editor .tab-panel.bubbleversion .bubble-version-row .api-event:hover,
.data-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn:hover,
.data-editor .tab-panel.scheduledwf .scheduled-row .delete-btn:hover,
.data-editor .tab-panel.scheduledwf .scheduled-row a:hover,
.data-editor .tab-panel.scheduledwf .scheduled-row .api-event:hover,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn:hover,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn:hover,
.data-editor .tab-panel.scheduledwf .uploaded-file-row a:hover,
.data-editor .tab-panel.scheduledwf .uploaded-file-row .api-event:hover,
.data-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn:hover,
.data-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn:hover,
.data-editor .tab-panel.scheduledwf .bubble-version-row a:hover,
.data-editor .tab-panel.scheduledwf .bubble-version-row .api-event:hover,
.data-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn:hover,
.data-editor .tab-panel.bubbleversion .scheduled-row .delete-btn:hover,
.data-editor .tab-panel.bubbleversion .scheduled-row a:hover,
.data-editor .tab-panel.bubbleversion .scheduled-row .api-event:hover,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn:hover,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn:hover,
.data-editor .tab-panel.bubbleversion .uploaded-file-row a:hover,
.data-editor .tab-panel.bubbleversion .uploaded-file-row .api-event:hover,
.data-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn:hover,
.data-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn:hover,
.data-editor .tab-panel.bubbleversion .bubble-version-row a:hover,
.data-editor .tab-panel.bubbleversion .bubble-version-row .api-event:hover,
.logs-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn:hover,
.logs-editor .tab-panel.scheduledwf .scheduled-row .delete-btn:hover,
.logs-editor .tab-panel.scheduledwf .scheduled-row a:hover,
.logs-editor .tab-panel.scheduledwf .scheduled-row .api-event:hover,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn:hover,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn:hover,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row a:hover,
.logs-editor .tab-panel.scheduledwf .uploaded-file-row .api-event:hover,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn:hover,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn:hover,
.logs-editor .tab-panel.scheduledwf .bubble-version-row a:hover,
.logs-editor .tab-panel.scheduledwf .bubble-version-row .api-event:hover,
.logs-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn:hover,
.logs-editor .tab-panel.bubbleversion .scheduled-row .delete-btn:hover,
.logs-editor .tab-panel.bubbleversion .scheduled-row a:hover,
.logs-editor .tab-panel.bubbleversion .scheduled-row .api-event:hover,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn:hover,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn:hover,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row a:hover,
.logs-editor .tab-panel.bubbleversion .uploaded-file-row .api-event:hover,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn:hover,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn:hover,
.logs-editor .tab-panel.bubbleversion .bubble-version-row a:hover,
.logs-editor .tab-panel.bubbleversion .bubble-version-row .api-event:hover,
.styles-editor .tab-panel.scheduledwf .scheduled-row .cancel-btn:hover,
.styles-editor .tab-panel.scheduledwf .scheduled-row .delete-btn:hover,
.styles-editor .tab-panel.scheduledwf .scheduled-row a:hover,
.styles-editor .tab-panel.scheduledwf .scheduled-row .api-event:hover,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .cancel-btn:hover,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .delete-btn:hover,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row a:hover,
.styles-editor .tab-panel.scheduledwf .uploaded-file-row .api-event:hover,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .cancel-btn:hover,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .delete-btn:hover,
.styles-editor .tab-panel.scheduledwf .bubble-version-row a:hover,
.styles-editor .tab-panel.scheduledwf .bubble-version-row .api-event:hover,
.styles-editor .tab-panel.bubbleversion .scheduled-row .cancel-btn:hover,
.styles-editor .tab-panel.bubbleversion .scheduled-row .delete-btn:hover,
.styles-editor .tab-panel.bubbleversion .scheduled-row a:hover,
.styles-editor .tab-panel.bubbleversion .scheduled-row .api-event:hover,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .cancel-btn:hover,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .delete-btn:hover,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row a:hover,
.styles-editor .tab-panel.bubbleversion .uploaded-file-row .api-event:hover,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .cancel-btn:hover,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .delete-btn:hover,
.styles-editor .tab-panel.bubbleversion .bubble-version-row a:hover,
.styles-editor .tab-panel.bubbleversion .bubble-version-row .api-event:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.domain .domain-name-setting-panel,
.data-editor .tab-panel.domain .domain-name-setting-panel,
.logs-editor .tab-panel.domain .domain-name-setting-panel,
.styles-editor .tab-panel.domain .domain-name-setting-panel {
  margin-bottom: 15px;
}
.settings-editor .tab-panel.domain .canvas-domain-name-setting-panel,
.settings-editor .tab-panel.domain .domain-name-panel,
.data-editor .tab-panel.domain .canvas-domain-name-setting-panel,
.data-editor .tab-panel.domain .domain-name-panel,
.logs-editor .tab-panel.domain .canvas-domain-name-setting-panel,
.logs-editor .tab-panel.domain .domain-name-panel,
.styles-editor .tab-panel.domain .canvas-domain-name-setting-panel,
.styles-editor .tab-panel.domain .domain-name-panel {
  width: 100%;
}
.settings-editor .tab-panel.domain *,
.data-editor .tab-panel.domain *,
.logs-editor .tab-panel.domain *,
.styles-editor .tab-panel.domain * {
  float: left;
}
.settings-editor .tab-panel.domain .explanation,
.data-editor .tab-panel.domain .explanation,
.logs-editor .tab-panel.domain .explanation,
.styles-editor .tab-panel.domain .explanation {
  width: 70%;
  margin-top: 0px;
  line-height: 1.5;
}
.settings-editor .tab-panel.domain .explanation a,
.data-editor .tab-panel.domain .explanation a,
.logs-editor .tab-panel.domain .explanation a,
.styles-editor .tab-panel.domain .explanation a {
  float: none;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.domain .caption-domain,
.data-editor .tab-panel.domain .caption-domain,
.logs-editor .tab-panel.domain .caption-domain,
.styles-editor .tab-panel.domain .caption-domain {
  margin-top: 12px;
  margin-right: 20px;
  min-width: 145px;
}
.settings-editor .tab-panel.domain .checked-caption,
.settings-editor .tab-panel.domain .delete-domain-name,
.settings-editor .tab-panel.domain .buy-with-google,
.data-editor .tab-panel.domain .checked-caption,
.data-editor .tab-panel.domain .delete-domain-name,
.data-editor .tab-panel.domain .buy-with-google,
.logs-editor .tab-panel.domain .checked-caption,
.logs-editor .tab-panel.domain .delete-domain-name,
.logs-editor .tab-panel.domain .buy-with-google,
.styles-editor .tab-panel.domain .checked-caption,
.styles-editor .tab-panel.domain .delete-domain-name,
.styles-editor .tab-panel.domain .buy-with-google {
  line-height: 1.5;
}
.settings-editor .tab-panel.domain .checked-caption a,
.settings-editor .tab-panel.domain .delete-domain-name a,
.settings-editor .tab-panel.domain .buy-with-google a,
.data-editor .tab-panel.domain .checked-caption a,
.data-editor .tab-panel.domain .delete-domain-name a,
.data-editor .tab-panel.domain .buy-with-google a,
.logs-editor .tab-panel.domain .checked-caption a,
.logs-editor .tab-panel.domain .delete-domain-name a,
.logs-editor .tab-panel.domain .buy-with-google a,
.styles-editor .tab-panel.domain .checked-caption a,
.styles-editor .tab-panel.domain .delete-domain-name a,
.styles-editor .tab-panel.domain .buy-with-google a {
  float: none;
  color: var(--b-txt-brand, #0c29ab);
}
.settings-editor .tab-panel.domain .checked-caption a:hover,
.settings-editor .tab-panel.domain .delete-domain-name a:hover,
.settings-editor .tab-panel.domain .buy-with-google a:hover,
.data-editor .tab-panel.domain .checked-caption a:hover,
.data-editor .tab-panel.domain .delete-domain-name a:hover,
.data-editor .tab-panel.domain .buy-with-google a:hover,
.logs-editor .tab-panel.domain .checked-caption a:hover,
.logs-editor .tab-panel.domain .delete-domain-name a:hover,
.logs-editor .tab-panel.domain .buy-with-google a:hover,
.styles-editor .tab-panel.domain .checked-caption a:hover,
.styles-editor .tab-panel.domain .delete-domain-name a:hover,
.styles-editor .tab-panel.domain .buy-with-google a:hover {
  text-decoration: "underline";
}
.settings-editor .tab-panel.domain .domain-name-input,
.data-editor .tab-panel.domain .domain-name-input,
.logs-editor .tab-panel.domain .domain-name-input,
.styles-editor .tab-panel.domain .domain-name-input {
  width: 200px;
  height: 35px;
}
.settings-editor .tab-panel.domain .domain-name-input.read-only,
.data-editor .tab-panel.domain .domain-name-input.read-only,
.logs-editor .tab-panel.domain .domain-name-input.read-only,
.styles-editor .tab-panel.domain .domain-name-input.read-only {
  background-color: transparent;
}
.settings-editor .tab-panel.domain .domain-name-input.read-only:focus,
.data-editor .tab-panel.domain .domain-name-input.read-only:focus,
.logs-editor .tab-panel.domain .domain-name-input.read-only:focus,
.styles-editor .tab-panel.domain .domain-name-input.read-only:focus {
  border: 1px solid rgb(209, 209, 209);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.settings-editor .tab-panel.domain .generate-records-button,
.data-editor .tab-panel.domain .generate-records-button,
.logs-editor .tab-panel.domain .generate-records-button,
.styles-editor .tab-panel.domain .generate-records-button {
  margin-left: 24px;
  margin-bottom: 20px;
}
.settings-editor .tab-panel.domain .delete-domain-name,
.settings-editor .tab-panel.domain .buy-with-google,
.data-editor .tab-panel.domain .delete-domain-name,
.data-editor .tab-panel.domain .buy-with-google,
.logs-editor .tab-panel.domain .delete-domain-name,
.logs-editor .tab-panel.domain .buy-with-google,
.styles-editor .tab-panel.domain .delete-domain-name,
.styles-editor .tab-panel.domain .buy-with-google {
  float: left;
  margin: 8px 0 0 25px;
}
.settings-editor .tab-panel.domain .buy-with-google,
.data-editor .tab-panel.domain .buy-with-google,
.logs-editor .tab-panel.domain .buy-with-google,
.styles-editor .tab-panel.domain .buy-with-google {
  margin-left: 60px;
}
.settings-editor .tab-panel.domain .buy-with-google:before,
.data-editor .tab-panel.domain .buy-with-google:before,
.logs-editor .tab-panel.domain .buy-with-google:before,
.styles-editor .tab-panel.domain .buy-with-google:before {
  float: left;
  margin-top: -1px;
  margin-left: -30px;
  content: url(http://d1muf25xaso8hp.cloudfront.net/http://s3.amazonaws.com/appforest_uf/f1484261071894x384576007723808300/google_logo1600.png?w=25&h=25&fit=max);
}
.settings-editor .tab-panel.domain .records-area,
.data-editor .tab-panel.domain .records-area,
.logs-editor .tab-panel.domain .records-area,
.styles-editor .tab-panel.domain .records-area {
  padding: 10px;
  font-size: 11px;
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 900px;
  width: 85%;
  border: 1px solid var(--b-border, #e6e6e6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.settings-editor .tab-panel.domain .records-area .record-line,
.data-editor .tab-panel.domain .records-area .record-line,
.logs-editor .tab-panel.domain .records-area .record-line,
.styles-editor .tab-panel.domain .records-area .record-line {
  clear: both;
  margin: 4px 0px 4px 0px;
}
.settings-editor .tab-panel.domain .records-area .record-line .key-caption,
.data-editor .tab-panel.domain .records-area .record-line .key-caption,
.logs-editor .tab-panel.domain .records-area .record-line .key-caption,
.styles-editor .tab-panel.domain .records-area .record-line .key-caption {
  font-weight: bold;
  margin-left: 15px;
}
.settings-editor .tab-panel.domain .records-area .record-line .key-caption:first-child,
.data-editor .tab-panel.domain .records-area .record-line .key-caption:first-child,
.logs-editor .tab-panel.domain .records-area .record-line .key-caption:first-child,
.styles-editor .tab-panel.domain .records-area .record-line .key-caption:first-child {
  margin-left: 0px;
}
.settings-editor .tab-panel.domain .records-area .record-line .type-value,
.settings-editor .tab-panel.domain .records-area .record-line .name-value,
.settings-editor .tab-panel.domain .records-area .record-line .value-value,
.data-editor .tab-panel.domain .records-area .record-line .type-value,
.data-editor .tab-panel.domain .records-area .record-line .name-value,
.data-editor .tab-panel.domain .records-area .record-line .value-value,
.logs-editor .tab-panel.domain .records-area .record-line .type-value,
.logs-editor .tab-panel.domain .records-area .record-line .name-value,
.logs-editor .tab-panel.domain .records-area .record-line .value-value,
.styles-editor .tab-panel.domain .records-area .record-line .type-value,
.styles-editor .tab-panel.domain .records-area .record-line .name-value,
.styles-editor .tab-panel.domain .records-area .record-line .value-value {
  margin-left: 3px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.settings-editor .tab-panel.domain .records-area .record-line .type-value,
.data-editor .tab-panel.domain .records-area .record-line .type-value,
.logs-editor .tab-panel.domain .records-area .record-line .type-value,
.styles-editor .tab-panel.domain .records-area .record-line .type-value {
  width: 100px;
}
.settings-editor .tab-panel.domain .records-area .record-line .name-value,
.data-editor .tab-panel.domain .records-area .record-line .name-value,
.logs-editor .tab-panel.domain .records-area .record-line .name-value,
.styles-editor .tab-panel.domain .records-area .record-line .name-value {
  width: 260px;
  height: 11px;
}
.settings-editor .tab-panel.domain .check-button,
.data-editor .tab-panel.domain .check-button,
.logs-editor .tab-panel.domain .check-button,
.styles-editor .tab-panel.domain .check-button {
  float: left;
  clear: both;
  width: 150px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.settings-editor .tab-panel.domain .checked-caption,
.data-editor .tab-panel.domain .checked-caption,
.logs-editor .tab-panel.domain .checked-caption,
.styles-editor .tab-panel.domain .checked-caption {
  float: left;
  width: 80%;
  margin-bottom: 20px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper,
.settings-editor .tab-panel.domain .ssl-wrapper,
.data-editor .tab-panel.domain .admin-email-wrapper,
.data-editor .tab-panel.domain .ssl-wrapper,
.logs-editor .tab-panel.domain .admin-email-wrapper,
.logs-editor .tab-panel.domain .ssl-wrapper,
.styles-editor .tab-panel.domain .admin-email-wrapper,
.styles-editor .tab-panel.domain .ssl-wrapper {
  margin-top: 5px;
  width: 100%;
}
.settings-editor .tab-panel.domain .ip-address,
.data-editor .tab-panel.domain .ip-address,
.logs-editor .tab-panel.domain .ip-address,
.styles-editor .tab-panel.domain .ip-address {
  margin-bottom: 20px;
  margin-top: 3px;
}
.settings-editor .tab-panel.domain .ip-address code.code-explanation,
.data-editor .tab-panel.domain .ip-address code.code-explanation,
.logs-editor .tab-panel.domain .ip-address code.code-explanation,
.styles-editor .tab-panel.domain .ip-address code.code-explanation {
  user-select: all;
  cursor: default;
}
.settings-editor .tab-panel.domain .ssl-wrapper,
.data-editor .tab-panel.domain .ssl-wrapper,
.logs-editor .tab-panel.domain .ssl-wrapper,
.styles-editor .tab-panel.domain .ssl-wrapper {
  margin-bottom: 120px;
}
.settings-editor .tab-panel.domain .ssl-wrapper .field.ssl,
.data-editor .tab-panel.domain .ssl-wrapper .field.ssl,
.logs-editor .tab-panel.domain .ssl-wrapper .field.ssl,
.styles-editor .tab-panel.domain .ssl-wrapper .field.ssl {
  float: left;
  margin-left: 30px;
}
.settings-editor .tab-panel.domain .ssl-wrapper .composer-dropdown.bubble-ui.approver-email,
.data-editor .tab-panel.domain .ssl-wrapper .composer-dropdown.bubble-ui.approver-email,
.logs-editor .tab-panel.domain .ssl-wrapper .composer-dropdown.bubble-ui.approver-email,
.styles-editor .tab-panel.domain .ssl-wrapper .composer-dropdown.bubble-ui.approver-email {
  margin-top: 20px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper,
.data-editor .tab-panel.domain .admin-email-wrapper,
.logs-editor .tab-panel.domain .admin-email-wrapper,
.styles-editor .tab-panel.domain .admin-email-wrapper {
  margin-bottom: 20px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper {
  width: 100%;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .check-sendgrid,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .check-sendgrid,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .check-sendgrid,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .check-sendgrid,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .check-sendgrid,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .check-sendgrid,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .check-sendgrid,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .check-sendgrid {
  width: 200px;
  margin-left: 30px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-key,
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-template,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-key,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-template,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-key,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-template,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-key,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-template,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-key,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-template,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-key,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-template,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-key,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div input.sendgrid-template,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-key,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper input.sendgrid-template {
  margin-bottom: 15px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .sendgrid-success,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .sendgrid-success,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .sendgrid-success,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .sendgrid-success,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .sendgrid-success,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .sendgrid-success,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .sendgrid-success,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .sendgrid-success {
  margin-left: 20px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .caption-domain.sendgrid-template,
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .caption-domain.sendgrid-template,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .caption-domain.sendgrid-template,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .caption-domain.sendgrid-template,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .caption-domain.sendgrid-template,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .caption-domain.sendgrid-template,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .caption-domain.sendgrid-template,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .caption-domain.sendgrid-template,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect {
  clear: left;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect {
  margin-top: 23px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect-box,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect-box,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect-box,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect-box,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect-box,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect-box,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .redirect-box,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .redirect-box {
  margin-top: 14px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .label,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .label,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .label,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .label,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .label,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .label,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .label,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .label {
  float: left;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .admin-email input,
.settings-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .admin-email input,
.data-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .admin-email input,
.data-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .admin-email input,
.logs-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .admin-email input,
.logs-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .admin-email input,
.styles-editor .tab-panel.domain .admin-email-wrapper .admin-email-div .admin-email input,
.styles-editor .tab-panel.domain .admin-email-wrapper .sendgrid-wrapper .admin-email input {
  width: 90px;
  height: 35px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .sender-name,
.data-editor .tab-panel.domain .admin-email-wrapper .sender-name,
.logs-editor .tab-panel.domain .admin-email-wrapper .sender-name,
.styles-editor .tab-panel.domain .admin-email-wrapper .sender-name {
  clear: both;
  margin-top: 14px;
}
.settings-editor .tab-panel.domain .admin-email-wrapper .sender-name input.sender-name-input,
.data-editor .tab-panel.domain .admin-email-wrapper .sender-name input.sender-name-input,
.logs-editor .tab-panel.domain .admin-email-wrapper .sender-name input.sender-name-input,
.styles-editor .tab-panel.domain .admin-email-wrapper .sender-name input.sender-name-input {
  width: 176px;
}
.settings-editor .tab-panel.sub.apps .no-app,
.data-editor .tab-panel.sub.apps .no-app,
.logs-editor .tab-panel.sub.apps .no-app,
.styles-editor .tab-panel.sub.apps .no-app {
  margin-top: 6px;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.sub.apps .new-sub-app .caption.copy-db-subapp,
.data-editor .tab-panel.sub.apps .new-sub-app .caption.copy-db-subapp,
.logs-editor .tab-panel.sub.apps .new-sub-app .caption.copy-db-subapp,
.styles-editor .tab-panel.sub.apps .new-sub-app .caption.copy-db-subapp {
  clear: none;
  margin-left: 20px;
}
.settings-editor .tab-panel.sub.apps .field.composer-checkbox.field.copy-db-box,
.data-editor .tab-panel.sub.apps .field.composer-checkbox.field.copy-db-box,
.logs-editor .tab-panel.sub.apps .field.composer-checkbox.field.copy-db-box,
.styles-editor .tab-panel.sub.apps .field.composer-checkbox.field.copy-db-box {
  float: left;
  margin-top: 0px;
  margin-left: 15px;
  margin-right: 0px;
}
.settings-editor .tab-panel.privacy .section-title:not(.new-composer),
.settings-editor .tab-panel.data.types .section-title:not(.new-composer),
.settings-editor .tab-panel.option.sets .section-title:not(.new-composer),
.settings-editor .tab-panel.app.data .section-title:not(.new-composer),
.settings-editor .tab-panel.collaboration .section-title:not(.new-composer),
.settings-editor .tab-panel.server.logs .section-title:not(.new-composer),
.settings-editor .tab-panel.sub.apps .section-title:not(.new-composer),
.settings-editor .tab-panel.scheduledwf .section-title:not(.new-composer),
.settings-editor .tab-panel.filemanager .section-title:not(.new-composer),
.settings-editor .tab-panel.bubbleversion .section-title:not(.new-composer),
.data-editor .tab-panel.privacy .section-title:not(.new-composer),
.data-editor .tab-panel.data.types .section-title:not(.new-composer),
.data-editor .tab-panel.option.sets .section-title:not(.new-composer),
.data-editor .tab-panel.app.data .section-title:not(.new-composer),
.data-editor .tab-panel.collaboration .section-title:not(.new-composer),
.data-editor .tab-panel.server.logs .section-title:not(.new-composer),
.data-editor .tab-panel.sub.apps .section-title:not(.new-composer),
.data-editor .tab-panel.scheduledwf .section-title:not(.new-composer),
.data-editor .tab-panel.filemanager .section-title:not(.new-composer),
.data-editor .tab-panel.bubbleversion .section-title:not(.new-composer),
.logs-editor .tab-panel.privacy .section-title:not(.new-composer),
.logs-editor .tab-panel.data.types .section-title:not(.new-composer),
.logs-editor .tab-panel.option.sets .section-title:not(.new-composer),
.logs-editor .tab-panel.app.data .section-title:not(.new-composer),
.logs-editor .tab-panel.collaboration .section-title:not(.new-composer),
.logs-editor .tab-panel.server.logs .section-title:not(.new-composer),
.logs-editor .tab-panel.sub.apps .section-title:not(.new-composer),
.logs-editor .tab-panel.scheduledwf .section-title:not(.new-composer),
.logs-editor .tab-panel.filemanager .section-title:not(.new-composer),
.logs-editor .tab-panel.bubbleversion .section-title:not(.new-composer),
.styles-editor .tab-panel.privacy .section-title:not(.new-composer),
.styles-editor .tab-panel.data.types .section-title:not(.new-composer),
.styles-editor .tab-panel.option.sets .section-title:not(.new-composer),
.styles-editor .tab-panel.app.data .section-title:not(.new-composer),
.styles-editor .tab-panel.collaboration .section-title:not(.new-composer),
.styles-editor .tab-panel.server.logs .section-title:not(.new-composer),
.styles-editor .tab-panel.sub.apps .section-title:not(.new-composer),
.styles-editor .tab-panel.scheduledwf .section-title:not(.new-composer),
.styles-editor .tab-panel.filemanager .section-title:not(.new-composer),
.styles-editor .tab-panel.bubbleversion .section-title:not(.new-composer) {
  font-size: 14px;
  margin-top: 15px;
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--b-border-default);
  margin-bottom: 20px;
}
.settings-editor .tab-panel.privacy .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.data.types .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.option.sets .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.app.data .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.collaboration .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.server.logs .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.sub.apps .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.filemanager .section-title:not(.new-composer) .section-title-caption,
.settings-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.privacy .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.data.types .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.option.sets .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.app.data .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.collaboration .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.server.logs .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.sub.apps .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.filemanager .section-title:not(.new-composer) .section-title-caption,
.data-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.privacy .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.data.types .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.option.sets .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.app.data .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.collaboration .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.server.logs .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.sub.apps .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.filemanager .section-title:not(.new-composer) .section-title-caption,
.logs-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.privacy .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.data.types .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.option.sets .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.app.data .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.collaboration .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.server.logs .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.sub.apps .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.filemanager .section-title:not(.new-composer) .section-title-caption,
.styles-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .section-title-caption {
  color: #000000;
  float: left;
  margin-bottom: 10px;
}
.settings-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-main-title-caption,
.settings-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-main-title-caption,
.data-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-main-title-caption,
.logs-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-main-title-caption,
.styles-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-main-title-caption {
  color: #000000;
  float: left;
  font-size: 18px;
  font-weight: 600;
  font-size: 14px;
  margin: 4px 0 10px 0;
}
.settings-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-right-title-caption,
.settings-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-right-title-caption,
.data-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-right-title-caption,
.logs-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.privacy .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.data.types .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.option.sets .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.app.data .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.collaboration .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.server.logs .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.sub.apps .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.filemanager .section-title:not(.new-composer) .data-section-right-title-caption,
.styles-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .data-section-right-title-caption {
  color: var(--b-txt-secondary);
  float: left;
  margin: 4px 0 10px 0;
}
.settings-editor .tab-panel.privacy .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.data.types .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.option.sets .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.app.data .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.collaboration .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.server.logs .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.sub.apps .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.filemanager .section-title:not(.new-composer) .deleted-types-title,
.settings-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.privacy .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.data.types .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.option.sets .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.app.data .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.collaboration .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.server.logs .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.sub.apps .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.filemanager .section-title:not(.new-composer) .deleted-types-title,
.data-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.privacy .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.data.types .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.option.sets .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.app.data .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.collaboration .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.server.logs .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.sub.apps .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.filemanager .section-title:not(.new-composer) .deleted-types-title,
.logs-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.privacy .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.data.types .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.option.sets .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.app.data .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.collaboration .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.server.logs .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.sub.apps .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.scheduledwf .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.filemanager .section-title:not(.new-composer) .deleted-types-title,
.styles-editor .tab-panel.bubbleversion .section-title:not(.new-composer) .deleted-types-title {
  float: right;
  margin: 0 0 4px 20px;
  padding: 4px;
  height: fit-content;
  border: transparent;
  color: var(--b-txt-secondary);
}
.settings-editor .tab-panel.privacy .switch-db,
.settings-editor .tab-panel.privacy .copy-db,
.settings-editor .tab-panel.data.types .switch-db,
.settings-editor .tab-panel.data.types .copy-db,
.settings-editor .tab-panel.option.sets .switch-db,
.settings-editor .tab-panel.option.sets .copy-db,
.settings-editor .tab-panel.app.data .switch-db,
.settings-editor .tab-panel.app.data .copy-db,
.settings-editor .tab-panel.collaboration .switch-db,
.settings-editor .tab-panel.collaboration .copy-db,
.settings-editor .tab-panel.server.logs .switch-db,
.settings-editor .tab-panel.server.logs .copy-db,
.settings-editor .tab-panel.sub.apps .switch-db,
.settings-editor .tab-panel.sub.apps .copy-db,
.settings-editor .tab-panel.scheduledwf .switch-db,
.settings-editor .tab-panel.scheduledwf .copy-db,
.settings-editor .tab-panel.filemanager .switch-db,
.settings-editor .tab-panel.filemanager .copy-db,
.settings-editor .tab-panel.bubbleversion .switch-db,
.settings-editor .tab-panel.bubbleversion .copy-db,
.data-editor .tab-panel.privacy .switch-db,
.data-editor .tab-panel.privacy .copy-db,
.data-editor .tab-panel.data.types .switch-db,
.data-editor .tab-panel.data.types .copy-db,
.data-editor .tab-panel.option.sets .switch-db,
.data-editor .tab-panel.option.sets .copy-db,
.data-editor .tab-panel.app.data .switch-db,
.data-editor .tab-panel.app.data .copy-db,
.data-editor .tab-panel.collaboration .switch-db,
.data-editor .tab-panel.collaboration .copy-db,
.data-editor .tab-panel.server.logs .switch-db,
.data-editor .tab-panel.server.logs .copy-db,
.data-editor .tab-panel.sub.apps .switch-db,
.data-editor .tab-panel.sub.apps .copy-db,
.data-editor .tab-panel.scheduledwf .switch-db,
.data-editor .tab-panel.scheduledwf .copy-db,
.data-editor .tab-panel.filemanager .switch-db,
.data-editor .tab-panel.filemanager .copy-db,
.data-editor .tab-panel.bubbleversion .switch-db,
.data-editor .tab-panel.bubbleversion .copy-db,
.logs-editor .tab-panel.privacy .switch-db,
.logs-editor .tab-panel.privacy .copy-db,
.logs-editor .tab-panel.data.types .switch-db,
.logs-editor .tab-panel.data.types .copy-db,
.logs-editor .tab-panel.option.sets .switch-db,
.logs-editor .tab-panel.option.sets .copy-db,
.logs-editor .tab-panel.app.data .switch-db,
.logs-editor .tab-panel.app.data .copy-db,
.logs-editor .tab-panel.collaboration .switch-db,
.logs-editor .tab-panel.collaboration .copy-db,
.logs-editor .tab-panel.server.logs .switch-db,
.logs-editor .tab-panel.server.logs .copy-db,
.logs-editor .tab-panel.sub.apps .switch-db,
.logs-editor .tab-panel.sub.apps .copy-db,
.logs-editor .tab-panel.scheduledwf .switch-db,
.logs-editor .tab-panel.scheduledwf .copy-db,
.logs-editor .tab-panel.filemanager .switch-db,
.logs-editor .tab-panel.filemanager .copy-db,
.logs-editor .tab-panel.bubbleversion .switch-db,
.logs-editor .tab-panel.bubbleversion .copy-db,
.styles-editor .tab-panel.privacy .switch-db,
.styles-editor .tab-panel.privacy .copy-db,
.styles-editor .tab-panel.data.types .switch-db,
.styles-editor .tab-panel.data.types .copy-db,
.styles-editor .tab-panel.option.sets .switch-db,
.styles-editor .tab-panel.option.sets .copy-db,
.styles-editor .tab-panel.app.data .switch-db,
.styles-editor .tab-panel.app.data .copy-db,
.styles-editor .tab-panel.collaboration .switch-db,
.styles-editor .tab-panel.collaboration .copy-db,
.styles-editor .tab-panel.server.logs .switch-db,
.styles-editor .tab-panel.server.logs .copy-db,
.styles-editor .tab-panel.sub.apps .switch-db,
.styles-editor .tab-panel.sub.apps .copy-db,
.styles-editor .tab-panel.scheduledwf .switch-db,
.styles-editor .tab-panel.scheduledwf .copy-db,
.styles-editor .tab-panel.filemanager .switch-db,
.styles-editor .tab-panel.filemanager .copy-db,
.styles-editor .tab-panel.bubbleversion .switch-db,
.styles-editor .tab-panel.bubbleversion .copy-db {
  cursor: pointer;
  color: var(--b-txt-danger);
  margin-bottom: 4px;
  border-radius: 4px;
  padding: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.settings-editor .tab-panel.privacy .switch-db:hover,
.settings-editor .tab-panel.privacy .copy-db:hover,
.settings-editor .tab-panel.data.types .switch-db:hover,
.settings-editor .tab-panel.data.types .copy-db:hover,
.settings-editor .tab-panel.option.sets .switch-db:hover,
.settings-editor .tab-panel.option.sets .copy-db:hover,
.settings-editor .tab-panel.app.data .switch-db:hover,
.settings-editor .tab-panel.app.data .copy-db:hover,
.settings-editor .tab-panel.collaboration .switch-db:hover,
.settings-editor .tab-panel.collaboration .copy-db:hover,
.settings-editor .tab-panel.server.logs .switch-db:hover,
.settings-editor .tab-panel.server.logs .copy-db:hover,
.settings-editor .tab-panel.sub.apps .switch-db:hover,
.settings-editor .tab-panel.sub.apps .copy-db:hover,
.settings-editor .tab-panel.scheduledwf .switch-db:hover,
.settings-editor .tab-panel.scheduledwf .copy-db:hover,
.settings-editor .tab-panel.filemanager .switch-db:hover,
.settings-editor .tab-panel.filemanager .copy-db:hover,
.settings-editor .tab-panel.bubbleversion .switch-db:hover,
.settings-editor .tab-panel.bubbleversion .copy-db:hover,
.data-editor .tab-panel.privacy .switch-db:hover,
.data-editor .tab-panel.privacy .copy-db:hover,
.data-editor .tab-panel.data.types .switch-db:hover,
.data-editor .tab-panel.data.types .copy-db:hover,
.data-editor .tab-panel.option.sets .switch-db:hover,
.data-editor .tab-panel.option.sets .copy-db:hover,
.data-editor .tab-panel.app.data .switch-db:hover,
.data-editor .tab-panel.app.data .copy-db:hover,
.data-editor .tab-panel.collaboration .switch-db:hover,
.data-editor .tab-panel.collaboration .copy-db:hover,
.data-editor .tab-panel.server.logs .switch-db:hover,
.data-editor .tab-panel.server.logs .copy-db:hover,
.data-editor .tab-panel.sub.apps .switch-db:hover,
.data-editor .tab-panel.sub.apps .copy-db:hover,
.data-editor .tab-panel.scheduledwf .switch-db:hover,
.data-editor .tab-panel.scheduledwf .copy-db:hover,
.data-editor .tab-panel.filemanager .switch-db:hover,
.data-editor .tab-panel.filemanager .copy-db:hover,
.data-editor .tab-panel.bubbleversion .switch-db:hover,
.data-editor .tab-panel.bubbleversion .copy-db:hover,
.logs-editor .tab-panel.privacy .switch-db:hover,
.logs-editor .tab-panel.privacy .copy-db:hover,
.logs-editor .tab-panel.data.types .switch-db:hover,
.logs-editor .tab-panel.data.types .copy-db:hover,
.logs-editor .tab-panel.option.sets .switch-db:hover,
.logs-editor .tab-panel.option.sets .copy-db:hover,
.logs-editor .tab-panel.app.data .switch-db:hover,
.logs-editor .tab-panel.app.data .copy-db:hover,
.logs-editor .tab-panel.collaboration .switch-db:hover,
.logs-editor .tab-panel.collaboration .copy-db:hover,
.logs-editor .tab-panel.server.logs .switch-db:hover,
.logs-editor .tab-panel.server.logs .copy-db:hover,
.logs-editor .tab-panel.sub.apps .switch-db:hover,
.logs-editor .tab-panel.sub.apps .copy-db:hover,
.logs-editor .tab-panel.scheduledwf .switch-db:hover,
.logs-editor .tab-panel.scheduledwf .copy-db:hover,
.logs-editor .tab-panel.filemanager .switch-db:hover,
.logs-editor .tab-panel.filemanager .copy-db:hover,
.logs-editor .tab-panel.bubbleversion .switch-db:hover,
.logs-editor .tab-panel.bubbleversion .copy-db:hover,
.styles-editor .tab-panel.privacy .switch-db:hover,
.styles-editor .tab-panel.privacy .copy-db:hover,
.styles-editor .tab-panel.data.types .switch-db:hover,
.styles-editor .tab-panel.data.types .copy-db:hover,
.styles-editor .tab-panel.option.sets .switch-db:hover,
.styles-editor .tab-panel.option.sets .copy-db:hover,
.styles-editor .tab-panel.app.data .switch-db:hover,
.styles-editor .tab-panel.app.data .copy-db:hover,
.styles-editor .tab-panel.collaboration .switch-db:hover,
.styles-editor .tab-panel.collaboration .copy-db:hover,
.styles-editor .tab-panel.server.logs .switch-db:hover,
.styles-editor .tab-panel.server.logs .copy-db:hover,
.styles-editor .tab-panel.sub.apps .switch-db:hover,
.styles-editor .tab-panel.sub.apps .copy-db:hover,
.styles-editor .tab-panel.scheduledwf .switch-db:hover,
.styles-editor .tab-panel.scheduledwf .copy-db:hover,
.styles-editor .tab-panel.filemanager .switch-db:hover,
.styles-editor .tab-panel.filemanager .copy-db:hover,
.styles-editor .tab-panel.bubbleversion .switch-db:hover,
.styles-editor .tab-panel.bubbleversion .copy-db:hover {
  background-color: var(--b-bg-danger1);
}
.settings-editor .tab-panel.privacy .left-pane-inner,
.settings-editor .tab-panel.privacy .right-pane-inner,
.settings-editor .tab-panel.data.types .left-pane-inner,
.settings-editor .tab-panel.data.types .right-pane-inner,
.settings-editor .tab-panel.option.sets .left-pane-inner,
.settings-editor .tab-panel.option.sets .right-pane-inner,
.settings-editor .tab-panel.app.data .left-pane-inner,
.settings-editor .tab-panel.app.data .right-pane-inner,
.settings-editor .tab-panel.collaboration .left-pane-inner,
.settings-editor .tab-panel.collaboration .right-pane-inner,
.settings-editor .tab-panel.server.logs .left-pane-inner,
.settings-editor .tab-panel.server.logs .right-pane-inner,
.settings-editor .tab-panel.sub.apps .left-pane-inner,
.settings-editor .tab-panel.sub.apps .right-pane-inner,
.settings-editor .tab-panel.scheduledwf .left-pane-inner,
.settings-editor .tab-panel.scheduledwf .right-pane-inner,
.settings-editor .tab-panel.filemanager .left-pane-inner,
.settings-editor .tab-panel.filemanager .right-pane-inner,
.settings-editor .tab-panel.bubbleversion .left-pane-inner,
.settings-editor .tab-panel.bubbleversion .right-pane-inner,
.data-editor .tab-panel.privacy .left-pane-inner,
.data-editor .tab-panel.privacy .right-pane-inner,
.data-editor .tab-panel.data.types .left-pane-inner,
.data-editor .tab-panel.data.types .right-pane-inner,
.data-editor .tab-panel.option.sets .left-pane-inner,
.data-editor .tab-panel.option.sets .right-pane-inner,
.data-editor .tab-panel.app.data .left-pane-inner,
.data-editor .tab-panel.app.data .right-pane-inner,
.data-editor .tab-panel.collaboration .left-pane-inner,
.data-editor .tab-panel.collaboration .right-pane-inner,
.data-editor .tab-panel.server.logs .left-pane-inner,
.data-editor .tab-panel.server.logs .right-pane-inner,
.data-editor .tab-panel.sub.apps .left-pane-inner,
.data-editor .tab-panel.sub.apps .right-pane-inner,
.data-editor .tab-panel.scheduledwf .left-pane-inner,
.data-editor .tab-panel.scheduledwf .right-pane-inner,
.data-editor .tab-panel.filemanager .left-pane-inner,
.data-editor .tab-panel.filemanager .right-pane-inner,
.data-editor .tab-panel.bubbleversion .left-pane-inner,
.data-editor .tab-panel.bubbleversion .right-pane-inner,
.logs-editor .tab-panel.privacy .left-pane-inner,
.logs-editor .tab-panel.privacy .right-pane-inner,
.logs-editor .tab-panel.data.types .left-pane-inner,
.logs-editor .tab-panel.data.types .right-pane-inner,
.logs-editor .tab-panel.option.sets .left-pane-inner,
.logs-editor .tab-panel.option.sets .right-pane-inner,
.logs-editor .tab-panel.app.data .left-pane-inner,
.logs-editor .tab-panel.app.data .right-pane-inner,
.logs-editor .tab-panel.collaboration .left-pane-inner,
.logs-editor .tab-panel.collaboration .right-pane-inner,
.logs-editor .tab-panel.server.logs .left-pane-inner,
.logs-editor .tab-panel.server.logs .right-pane-inner,
.logs-editor .tab-panel.sub.apps .left-pane-inner,
.logs-editor .tab-panel.sub.apps .right-pane-inner,
.logs-editor .tab-panel.scheduledwf .left-pane-inner,
.logs-editor .tab-panel.scheduledwf .right-pane-inner,
.logs-editor .tab-panel.filemanager .left-pane-inner,
.logs-editor .tab-panel.filemanager .right-pane-inner,
.logs-editor .tab-panel.bubbleversion .left-pane-inner,
.logs-editor .tab-panel.bubbleversion .right-pane-inner,
.styles-editor .tab-panel.privacy .left-pane-inner,
.styles-editor .tab-panel.privacy .right-pane-inner,
.styles-editor .tab-panel.data.types .left-pane-inner,
.styles-editor .tab-panel.data.types .right-pane-inner,
.styles-editor .tab-panel.option.sets .left-pane-inner,
.styles-editor .tab-panel.option.sets .right-pane-inner,
.styles-editor .tab-panel.app.data .left-pane-inner,
.styles-editor .tab-panel.app.data .right-pane-inner,
.styles-editor .tab-panel.collaboration .left-pane-inner,
.styles-editor .tab-panel.collaboration .right-pane-inner,
.styles-editor .tab-panel.server.logs .left-pane-inner,
.styles-editor .tab-panel.server.logs .right-pane-inner,
.styles-editor .tab-panel.sub.apps .left-pane-inner,
.styles-editor .tab-panel.sub.apps .right-pane-inner,
.styles-editor .tab-panel.scheduledwf .left-pane-inner,
.styles-editor .tab-panel.scheduledwf .right-pane-inner,
.styles-editor .tab-panel.filemanager .left-pane-inner,
.styles-editor .tab-panel.filemanager .right-pane-inner,
.styles-editor .tab-panel.bubbleversion .left-pane-inner,
.styles-editor .tab-panel.bubbleversion .right-pane-inner {
  overflow-y: auto;
  padding-bottom: 20px;
  clear: both;
}
.settings-editor .tab-panel.privacy .left-pane,
.settings-editor .tab-panel.data.types .left-pane,
.settings-editor .tab-panel.option.sets .left-pane,
.settings-editor .tab-panel.app.data .left-pane,
.settings-editor .tab-panel.collaboration .left-pane,
.settings-editor .tab-panel.server.logs .left-pane,
.settings-editor .tab-panel.sub.apps .left-pane,
.settings-editor .tab-panel.scheduledwf .left-pane,
.settings-editor .tab-panel.filemanager .left-pane,
.settings-editor .tab-panel.bubbleversion .left-pane,
.data-editor .tab-panel.privacy .left-pane,
.data-editor .tab-panel.data.types .left-pane,
.data-editor .tab-panel.option.sets .left-pane,
.data-editor .tab-panel.app.data .left-pane,
.data-editor .tab-panel.collaboration .left-pane,
.data-editor .tab-panel.server.logs .left-pane,
.data-editor .tab-panel.sub.apps .left-pane,
.data-editor .tab-panel.scheduledwf .left-pane,
.data-editor .tab-panel.filemanager .left-pane,
.data-editor .tab-panel.bubbleversion .left-pane,
.logs-editor .tab-panel.privacy .left-pane,
.logs-editor .tab-panel.data.types .left-pane,
.logs-editor .tab-panel.option.sets .left-pane,
.logs-editor .tab-panel.app.data .left-pane,
.logs-editor .tab-panel.collaboration .left-pane,
.logs-editor .tab-panel.server.logs .left-pane,
.logs-editor .tab-panel.sub.apps .left-pane,
.logs-editor .tab-panel.scheduledwf .left-pane,
.logs-editor .tab-panel.filemanager .left-pane,
.logs-editor .tab-panel.bubbleversion .left-pane,
.styles-editor .tab-panel.privacy .left-pane,
.styles-editor .tab-panel.data.types .left-pane,
.styles-editor .tab-panel.option.sets .left-pane,
.styles-editor .tab-panel.app.data .left-pane,
.styles-editor .tab-panel.collaboration .left-pane,
.styles-editor .tab-panel.server.logs .left-pane,
.styles-editor .tab-panel.sub.apps .left-pane,
.styles-editor .tab-panel.scheduledwf .left-pane,
.styles-editor .tab-panel.filemanager .left-pane,
.styles-editor .tab-panel.bubbleversion .left-pane {
  float: left;
  width: 390px;
}
.settings-editor .tab-panel.privacy .right-pane,
.settings-editor .tab-panel.data.types .right-pane,
.settings-editor .tab-panel.option.sets .right-pane,
.settings-editor .tab-panel.app.data .right-pane,
.settings-editor .tab-panel.collaboration .right-pane,
.settings-editor .tab-panel.server.logs .right-pane,
.settings-editor .tab-panel.sub.apps .right-pane,
.settings-editor .tab-panel.scheduledwf .right-pane,
.settings-editor .tab-panel.filemanager .right-pane,
.settings-editor .tab-panel.bubbleversion .right-pane,
.data-editor .tab-panel.privacy .right-pane,
.data-editor .tab-panel.data.types .right-pane,
.data-editor .tab-panel.option.sets .right-pane,
.data-editor .tab-panel.app.data .right-pane,
.data-editor .tab-panel.collaboration .right-pane,
.data-editor .tab-panel.server.logs .right-pane,
.data-editor .tab-panel.sub.apps .right-pane,
.data-editor .tab-panel.scheduledwf .right-pane,
.data-editor .tab-panel.filemanager .right-pane,
.data-editor .tab-panel.bubbleversion .right-pane,
.logs-editor .tab-panel.privacy .right-pane,
.logs-editor .tab-panel.data.types .right-pane,
.logs-editor .tab-panel.option.sets .right-pane,
.logs-editor .tab-panel.app.data .right-pane,
.logs-editor .tab-panel.collaboration .right-pane,
.logs-editor .tab-panel.server.logs .right-pane,
.logs-editor .tab-panel.sub.apps .right-pane,
.logs-editor .tab-panel.scheduledwf .right-pane,
.logs-editor .tab-panel.filemanager .right-pane,
.logs-editor .tab-panel.bubbleversion .right-pane,
.styles-editor .tab-panel.privacy .right-pane,
.styles-editor .tab-panel.data.types .right-pane,
.styles-editor .tab-panel.option.sets .right-pane,
.styles-editor .tab-panel.app.data .right-pane,
.styles-editor .tab-panel.collaboration .right-pane,
.styles-editor .tab-panel.server.logs .right-pane,
.styles-editor .tab-panel.sub.apps .right-pane,
.styles-editor .tab-panel.scheduledwf .right-pane,
.styles-editor .tab-panel.filemanager .right-pane,
.styles-editor .tab-panel.bubbleversion .right-pane {
  float: left;
  padding-left: 20px;
}
.settings-editor .tab-panel.privacy .right-pane .no-rule,
.settings-editor .tab-panel.data.types .right-pane .no-rule,
.settings-editor .tab-panel.option.sets .right-pane .no-rule,
.settings-editor .tab-panel.app.data .right-pane .no-rule,
.settings-editor .tab-panel.collaboration .right-pane .no-rule,
.settings-editor .tab-panel.server.logs .right-pane .no-rule,
.settings-editor .tab-panel.sub.apps .right-pane .no-rule,
.settings-editor .tab-panel.scheduledwf .right-pane .no-rule,
.settings-editor .tab-panel.filemanager .right-pane .no-rule,
.settings-editor .tab-panel.bubbleversion .right-pane .no-rule,
.data-editor .tab-panel.privacy .right-pane .no-rule,
.data-editor .tab-panel.data.types .right-pane .no-rule,
.data-editor .tab-panel.option.sets .right-pane .no-rule,
.data-editor .tab-panel.app.data .right-pane .no-rule,
.data-editor .tab-panel.collaboration .right-pane .no-rule,
.data-editor .tab-panel.server.logs .right-pane .no-rule,
.data-editor .tab-panel.sub.apps .right-pane .no-rule,
.data-editor .tab-panel.scheduledwf .right-pane .no-rule,
.data-editor .tab-panel.filemanager .right-pane .no-rule,
.data-editor .tab-panel.bubbleversion .right-pane .no-rule,
.logs-editor .tab-panel.privacy .right-pane .no-rule,
.logs-editor .tab-panel.data.types .right-pane .no-rule,
.logs-editor .tab-panel.option.sets .right-pane .no-rule,
.logs-editor .tab-panel.app.data .right-pane .no-rule,
.logs-editor .tab-panel.collaboration .right-pane .no-rule,
.logs-editor .tab-panel.server.logs .right-pane .no-rule,
.logs-editor .tab-panel.sub.apps .right-pane .no-rule,
.logs-editor .tab-panel.scheduledwf .right-pane .no-rule,
.logs-editor .tab-panel.filemanager .right-pane .no-rule,
.logs-editor .tab-panel.bubbleversion .right-pane .no-rule,
.styles-editor .tab-panel.privacy .right-pane .no-rule,
.styles-editor .tab-panel.data.types .right-pane .no-rule,
.styles-editor .tab-panel.option.sets .right-pane .no-rule,
.styles-editor .tab-panel.app.data .right-pane .no-rule,
.styles-editor .tab-panel.collaboration .right-pane .no-rule,
.styles-editor .tab-panel.server.logs .right-pane .no-rule,
.styles-editor .tab-panel.sub.apps .right-pane .no-rule,
.styles-editor .tab-panel.scheduledwf .right-pane .no-rule,
.styles-editor .tab-panel.filemanager .right-pane .no-rule,
.styles-editor .tab-panel.bubbleversion .right-pane .no-rule {
  padding-top: 20px;
  padding-bottom: 30px;
  clear: both;
}
.settings-editor .tab-panel.privacy .right-pane .role-div,
.settings-editor .tab-panel.data.types .right-pane .role-div,
.settings-editor .tab-panel.option.sets .right-pane .role-div,
.settings-editor .tab-panel.app.data .right-pane .role-div,
.settings-editor .tab-panel.collaboration .right-pane .role-div,
.settings-editor .tab-panel.server.logs .right-pane .role-div,
.settings-editor .tab-panel.sub.apps .right-pane .role-div,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div,
.settings-editor .tab-panel.filemanager .right-pane .role-div,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div,
.data-editor .tab-panel.privacy .right-pane .role-div,
.data-editor .tab-panel.data.types .right-pane .role-div,
.data-editor .tab-panel.option.sets .right-pane .role-div,
.data-editor .tab-panel.app.data .right-pane .role-div,
.data-editor .tab-panel.collaboration .right-pane .role-div,
.data-editor .tab-panel.server.logs .right-pane .role-div,
.data-editor .tab-panel.sub.apps .right-pane .role-div,
.data-editor .tab-panel.scheduledwf .right-pane .role-div,
.data-editor .tab-panel.filemanager .right-pane .role-div,
.data-editor .tab-panel.bubbleversion .right-pane .role-div,
.logs-editor .tab-panel.privacy .right-pane .role-div,
.logs-editor .tab-panel.data.types .right-pane .role-div,
.logs-editor .tab-panel.option.sets .right-pane .role-div,
.logs-editor .tab-panel.app.data .right-pane .role-div,
.logs-editor .tab-panel.collaboration .right-pane .role-div,
.logs-editor .tab-panel.server.logs .right-pane .role-div,
.logs-editor .tab-panel.sub.apps .right-pane .role-div,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div,
.logs-editor .tab-panel.filemanager .right-pane .role-div,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div,
.styles-editor .tab-panel.privacy .right-pane .role-div,
.styles-editor .tab-panel.data.types .right-pane .role-div,
.styles-editor .tab-panel.option.sets .right-pane .role-div,
.styles-editor .tab-panel.app.data .right-pane .role-div,
.styles-editor .tab-panel.collaboration .right-pane .role-div,
.styles-editor .tab-panel.server.logs .right-pane .role-div,
.styles-editor .tab-panel.sub.apps .right-pane .role-div,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div,
.styles-editor .tab-panel.filemanager .right-pane .role-div,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div {
  width: 98%;
  margin-bottom: 20px;
  overflow: hidden;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.privacy .right-pane .role-div .condition,
.settings-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .condition,
.settings-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .condition,
.settings-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .condition,
.settings-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .condition,
.settings-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .condition,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.settings-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .condition,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.data-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .condition,
.data-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .condition,
.data-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .condition,
.data-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .condition,
.data-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .condition,
.data-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .condition,
.data-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.data-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .condition,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.logs-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .condition,
.logs-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .condition,
.logs-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .condition,
.logs-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .condition,
.logs-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .condition,
.logs-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .condition,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.logs-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .condition,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.styles-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .condition,
.styles-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .condition,
.styles-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .condition,
.styles-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .condition,
.styles-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .condition,
.styles-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .condition,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.styles-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .condition,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .condition {
  float: left;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-instruction,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-instruction,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-instruction,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-instruction,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-instruction {
  float: left;
  clear: both;
  margin-top: 15px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.privacy .right-pane .role-div .title-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .title-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .title-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .title-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .title-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .title-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .title-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .title-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .title-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .title-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .title-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .title-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .title-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .title-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .title-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .title-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .title-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .title-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .title-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .title-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .title-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .title-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .title-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .title-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .title-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .title-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .title-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .title-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .title-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .title-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .title-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .title-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .title-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .title-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .title-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .title-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .title-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .title-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .title-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .condition-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .title-caption {
  clear: left;
  margin-top: 8px;
  width: 50px;
  margin-right: 10px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .condition,
.settings-editor .tab-panel.data.types .right-pane .role-div .condition,
.settings-editor .tab-panel.option.sets .right-pane .role-div .condition,
.settings-editor .tab-panel.app.data .right-pane .role-div .condition,
.settings-editor .tab-panel.collaboration .right-pane .role-div .condition,
.settings-editor .tab-panel.server.logs .right-pane .role-div .condition,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.settings-editor .tab-panel.filemanager .right-pane .role-div .condition,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.data-editor .tab-panel.privacy .right-pane .role-div .condition,
.data-editor .tab-panel.data.types .right-pane .role-div .condition,
.data-editor .tab-panel.option.sets .right-pane .role-div .condition,
.data-editor .tab-panel.app.data .right-pane .role-div .condition,
.data-editor .tab-panel.collaboration .right-pane .role-div .condition,
.data-editor .tab-panel.server.logs .right-pane .role-div .condition,
.data-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.data-editor .tab-panel.filemanager .right-pane .role-div .condition,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.logs-editor .tab-panel.privacy .right-pane .role-div .condition,
.logs-editor .tab-panel.data.types .right-pane .role-div .condition,
.logs-editor .tab-panel.option.sets .right-pane .role-div .condition,
.logs-editor .tab-panel.app.data .right-pane .role-div .condition,
.logs-editor .tab-panel.collaboration .right-pane .role-div .condition,
.logs-editor .tab-panel.server.logs .right-pane .role-div .condition,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.logs-editor .tab-panel.filemanager .right-pane .role-div .condition,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .condition,
.styles-editor .tab-panel.privacy .right-pane .role-div .condition,
.styles-editor .tab-panel.data.types .right-pane .role-div .condition,
.styles-editor .tab-panel.option.sets .right-pane .role-div .condition,
.styles-editor .tab-panel.app.data .right-pane .role-div .condition,
.styles-editor .tab-panel.collaboration .right-pane .role-div .condition,
.styles-editor .tab-panel.server.logs .right-pane .role-div .condition,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .condition,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .condition,
.styles-editor .tab-panel.filemanager .right-pane .role-div .condition,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .condition {
  width: 80%;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.data.types .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.option.sets .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.app.data .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.collaboration .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.server.logs .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.filemanager .right-pane .role-div .condition .bubble-ui.composer,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.privacy .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.data.types .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.option.sets .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.app.data .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.collaboration .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.server.logs .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.sub.apps .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.filemanager .right-pane .role-div .condition .bubble-ui.composer,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.privacy .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.data.types .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.option.sets .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.app.data .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.collaboration .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.server.logs .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.filemanager .right-pane .role-div .condition .bubble-ui.composer,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.privacy .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.data.types .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.option.sets .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.app.data .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.collaboration .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.server.logs .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.filemanager .right-pane .role-div .condition .bubble-ui.composer,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .condition .bubble-ui.composer {
  width: 100% !important;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .role-title,
.settings-editor .tab-panel.data.types .right-pane .role-div .role-title,
.settings-editor .tab-panel.option.sets .right-pane .role-div .role-title,
.settings-editor .tab-panel.app.data .right-pane .role-div .role-title,
.settings-editor .tab-panel.collaboration .right-pane .role-div .role-title,
.settings-editor .tab-panel.server.logs .right-pane .role-div .role-title,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .role-title,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .role-title,
.settings-editor .tab-panel.filemanager .right-pane .role-div .role-title,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .role-title,
.data-editor .tab-panel.privacy .right-pane .role-div .role-title,
.data-editor .tab-panel.data.types .right-pane .role-div .role-title,
.data-editor .tab-panel.option.sets .right-pane .role-div .role-title,
.data-editor .tab-panel.app.data .right-pane .role-div .role-title,
.data-editor .tab-panel.collaboration .right-pane .role-div .role-title,
.data-editor .tab-panel.server.logs .right-pane .role-div .role-title,
.data-editor .tab-panel.sub.apps .right-pane .role-div .role-title,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .role-title,
.data-editor .tab-panel.filemanager .right-pane .role-div .role-title,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .role-title,
.logs-editor .tab-panel.privacy .right-pane .role-div .role-title,
.logs-editor .tab-panel.data.types .right-pane .role-div .role-title,
.logs-editor .tab-panel.option.sets .right-pane .role-div .role-title,
.logs-editor .tab-panel.app.data .right-pane .role-div .role-title,
.logs-editor .tab-panel.collaboration .right-pane .role-div .role-title,
.logs-editor .tab-panel.server.logs .right-pane .role-div .role-title,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .role-title,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .role-title,
.logs-editor .tab-panel.filemanager .right-pane .role-div .role-title,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .role-title,
.styles-editor .tab-panel.privacy .right-pane .role-div .role-title,
.styles-editor .tab-panel.data.types .right-pane .role-div .role-title,
.styles-editor .tab-panel.option.sets .right-pane .role-div .role-title,
.styles-editor .tab-panel.app.data .right-pane .role-div .role-title,
.styles-editor .tab-panel.collaboration .right-pane .role-div .role-title,
.styles-editor .tab-panel.server.logs .right-pane .role-div .role-title,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .role-title,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .role-title,
.styles-editor .tab-panel.filemanager .right-pane .role-div .role-title,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .role-title {
  float: left;
  width: 230px;
  margin-bottom: 15px;
  background-color: transparent;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.data.types .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.option.sets .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.app.data .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.collaboration .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.server.logs .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.filemanager .right-pane .role-div .role-title:focus,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.privacy .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.data.types .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.option.sets .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.app.data .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.collaboration .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.server.logs .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.sub.apps .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.filemanager .right-pane .role-div .role-title:focus,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.privacy .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.data.types .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.option.sets .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.app.data .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.collaboration .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.server.logs .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.filemanager .right-pane .role-div .role-title:focus,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.privacy .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.data.types .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.option.sets .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.app.data .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.collaboration .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.server.logs .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.filemanager .right-pane .role-div .role-title:focus,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .role-title:focus {
  background-color: white;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.data.types .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.app.data .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permissions-wrapper,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.privacy .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.data.types .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.option.sets .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.app.data .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.collaboration .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.server.logs .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.filemanager .right-pane .role-div .permissions-wrapper,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.privacy .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.data.types .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.app.data .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permissions-wrapper,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.privacy .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.data.types .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.app.data .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permissions-wrapper,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permissions-wrapper {
  float: left;
  clear: both;
  margin-top: 10px;
  width: 100%;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .warning-message,
.settings-editor .tab-panel.data.types .right-pane .role-div .warning-message,
.settings-editor .tab-panel.option.sets .right-pane .role-div .warning-message,
.settings-editor .tab-panel.app.data .right-pane .role-div .warning-message,
.settings-editor .tab-panel.collaboration .right-pane .role-div .warning-message,
.settings-editor .tab-panel.server.logs .right-pane .role-div .warning-message,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .warning-message,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .warning-message,
.settings-editor .tab-panel.filemanager .right-pane .role-div .warning-message,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .warning-message,
.data-editor .tab-panel.privacy .right-pane .role-div .warning-message,
.data-editor .tab-panel.data.types .right-pane .role-div .warning-message,
.data-editor .tab-panel.option.sets .right-pane .role-div .warning-message,
.data-editor .tab-panel.app.data .right-pane .role-div .warning-message,
.data-editor .tab-panel.collaboration .right-pane .role-div .warning-message,
.data-editor .tab-panel.server.logs .right-pane .role-div .warning-message,
.data-editor .tab-panel.sub.apps .right-pane .role-div .warning-message,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .warning-message,
.data-editor .tab-panel.filemanager .right-pane .role-div .warning-message,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .warning-message,
.logs-editor .tab-panel.privacy .right-pane .role-div .warning-message,
.logs-editor .tab-panel.data.types .right-pane .role-div .warning-message,
.logs-editor .tab-panel.option.sets .right-pane .role-div .warning-message,
.logs-editor .tab-panel.app.data .right-pane .role-div .warning-message,
.logs-editor .tab-panel.collaboration .right-pane .role-div .warning-message,
.logs-editor .tab-panel.server.logs .right-pane .role-div .warning-message,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .warning-message,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .warning-message,
.logs-editor .tab-panel.filemanager .right-pane .role-div .warning-message,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .warning-message,
.styles-editor .tab-panel.privacy .right-pane .role-div .warning-message,
.styles-editor .tab-panel.data.types .right-pane .role-div .warning-message,
.styles-editor .tab-panel.option.sets .right-pane .role-div .warning-message,
.styles-editor .tab-panel.app.data .right-pane .role-div .warning-message,
.styles-editor .tab-panel.collaboration .right-pane .role-div .warning-message,
.styles-editor .tab-panel.server.logs .right-pane .role-div .warning-message,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .warning-message,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .warning-message,
.styles-editor .tab-panel.filemanager .right-pane .role-div .warning-message,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .warning-message {
  clear: both;
  float: left;
  margin-top: 15px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-div,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-div,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-div,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-div,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-div,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-div,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-div,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-div,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-div,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-div,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-div,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-div,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-div,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-div,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-div,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-div,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-div,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-div,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-div,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-div,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-div,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-div,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-div,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-div,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-div,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-div,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-div,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-div,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-div,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-div,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-div,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-div,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div {
  display: flex;
  align-items: center;
  overflow: hidden;
  float: left;
  width: 240px;
  margin-top: 3px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div.selected,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div.selected,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div.selected,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div.selected,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone {
  background: var(--b-bg-secondary2);
  border-radius: 4px;
  padding-left: 5px;
  width: 101%;
  margin-left: -5px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.privacy .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .field-zone .permission-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div .permission-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .field-zone .permission-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div .permission-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .field-zone .permission-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div .permission-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .field-zone .permission-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-div .permission-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .permission-caption {
  float: left;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption {
  width: 200px;
  margin-top: 8px;
  margin-left: 6px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.data.types .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.option.sets .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.app.data .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.collaboration .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.server.logs .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.filemanager .right-pane .role-div .permission-caption.disabled,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.privacy .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.data.types .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.option.sets .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.app.data .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.collaboration .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.server.logs .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.filemanager .right-pane .role-div .permission-caption.disabled,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.privacy .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.data.types .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.option.sets .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.app.data .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.collaboration .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.server.logs .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.filemanager .right-pane .role-div .permission-caption.disabled,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.privacy .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.data.types .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.option.sets .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.app.data .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.collaboration .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.server.logs .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.filemanager .right-pane .role-div .permission-caption.disabled,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .permission-caption.disabled {
  opacity: 0.5;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.settings-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.settings-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.settings-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.settings-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.settings-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.settings-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.data-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.data-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.data-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.data-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.data-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.data-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.data-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.data-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.logs-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.logs-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.logs-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.logs-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.logs-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.logs-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.logs-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone,
.styles-editor .tab-panel.privacy .right-pane .role-div .field-zone,
.styles-editor .tab-panel.data.types .right-pane .role-div .field-zone,
.styles-editor .tab-panel.option.sets .right-pane .role-div .field-zone,
.styles-editor .tab-panel.app.data .right-pane .role-div .field-zone,
.styles-editor .tab-panel.collaboration .right-pane .role-div .field-zone,
.styles-editor .tab-panel.server.logs .right-pane .role-div .field-zone,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .field-zone,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone,
.styles-editor .tab-panel.filemanager .right-pane .role-div .field-zone,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone {
  clear: both;
  float: left;
  padding-bottom: 7px;
  padding-left: 27px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.data.types .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.option.sets .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.app.data .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.collaboration .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.server.logs .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.filemanager .right-pane .role-div .field-zone .field-wrapper,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.privacy .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.data.types .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.option.sets .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.app.data .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.collaboration .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.server.logs .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.filemanager .right-pane .role-div .field-zone .field-wrapper,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.privacy .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.data.types .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.option.sets .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.app.data .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.collaboration .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.server.logs .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.filemanager .right-pane .role-div .field-zone .field-wrapper,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.privacy .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.data.types .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.option.sets .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.app.data .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.collaboration .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.server.logs .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.filemanager .right-pane .role-div .field-zone .field-wrapper,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .field-zone .field-wrapper {
  float: left;
  width: 225px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .field-caption,
.settings-editor .tab-panel.data.types .right-pane .role-div .field-caption,
.settings-editor .tab-panel.option.sets .right-pane .role-div .field-caption,
.settings-editor .tab-panel.app.data .right-pane .role-div .field-caption,
.settings-editor .tab-panel.collaboration .right-pane .role-div .field-caption,
.settings-editor .tab-panel.server.logs .right-pane .role-div .field-caption,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .field-caption,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .field-caption,
.settings-editor .tab-panel.filemanager .right-pane .role-div .field-caption,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .field-caption,
.data-editor .tab-panel.privacy .right-pane .role-div .field-caption,
.data-editor .tab-panel.data.types .right-pane .role-div .field-caption,
.data-editor .tab-panel.option.sets .right-pane .role-div .field-caption,
.data-editor .tab-panel.app.data .right-pane .role-div .field-caption,
.data-editor .tab-panel.collaboration .right-pane .role-div .field-caption,
.data-editor .tab-panel.server.logs .right-pane .role-div .field-caption,
.data-editor .tab-panel.sub.apps .right-pane .role-div .field-caption,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .field-caption,
.data-editor .tab-panel.filemanager .right-pane .role-div .field-caption,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .field-caption,
.logs-editor .tab-panel.privacy .right-pane .role-div .field-caption,
.logs-editor .tab-panel.data.types .right-pane .role-div .field-caption,
.logs-editor .tab-panel.option.sets .right-pane .role-div .field-caption,
.logs-editor .tab-panel.app.data .right-pane .role-div .field-caption,
.logs-editor .tab-panel.collaboration .right-pane .role-div .field-caption,
.logs-editor .tab-panel.server.logs .right-pane .role-div .field-caption,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .field-caption,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .field-caption,
.logs-editor .tab-panel.filemanager .right-pane .role-div .field-caption,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .field-caption,
.styles-editor .tab-panel.privacy .right-pane .role-div .field-caption,
.styles-editor .tab-panel.data.types .right-pane .role-div .field-caption,
.styles-editor .tab-panel.option.sets .right-pane .role-div .field-caption,
.styles-editor .tab-panel.app.data .right-pane .role-div .field-caption,
.styles-editor .tab-panel.collaboration .right-pane .role-div .field-caption,
.styles-editor .tab-panel.server.logs .right-pane .role-div .field-caption,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .field-caption,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .field-caption,
.styles-editor .tab-panel.filemanager .right-pane .role-div .field-caption,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .field-caption {
  float: left;
  margin-top: 8px;
  margin-left: 6px;
  width: 179px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 16px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.data.types .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.option.sets .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.app.data .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.collaboration .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.server.logs .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.filemanager .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .delete-btn,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.data-editor .tab-panel.privacy .right-pane .role-div .delete-btn,
.data-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.data-editor .tab-panel.data.types .right-pane .role-div .delete-btn,
.data-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.data-editor .tab-panel.option.sets .right-pane .role-div .delete-btn,
.data-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.data-editor .tab-panel.app.data .right-pane .role-div .delete-btn,
.data-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.data-editor .tab-panel.collaboration .right-pane .role-div .delete-btn,
.data-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.data-editor .tab-panel.server.logs .right-pane .role-div .delete-btn,
.data-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.data-editor .tab-panel.sub.apps .right-pane .role-div .delete-btn,
.data-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .delete-btn,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.data-editor .tab-panel.filemanager .right-pane .role-div .delete-btn,
.data-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .delete-btn,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.privacy .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.data.types .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.option.sets .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.app.data .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.collaboration .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.server.logs .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.filemanager .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .delete-btn,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.privacy .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.data.types .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.option.sets .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.app.data .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.collaboration .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.server.logs .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.filemanager .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .delete-btn,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn {
  float: right;
  margin-top: 3px;
}
.settings-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.settings-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.data-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.data-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.data-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.data-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.data-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.data-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.data-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.data-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.data-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.data-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.logs-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.privacy .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.data.types .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.option.sets .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.app.data .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.collaboration .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.server.logs .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.sub.apps .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.scheduledwf .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.filemanager .right-pane .role-div .comment-btn,
.styles-editor .tab-panel.bubbleversion .right-pane .role-div .comment-btn {
  margin-right: 4px;
}
.settings-editor .tab-panel.privacy .right-pane .new-role-btn,
.settings-editor .tab-panel.data.types .right-pane .new-role-btn,
.settings-editor .tab-panel.option.sets .right-pane .new-role-btn,
.settings-editor .tab-panel.app.data .right-pane .new-role-btn,
.settings-editor .tab-panel.collaboration .right-pane .new-role-btn,
.settings-editor .tab-panel.server.logs .right-pane .new-role-btn,
.settings-editor .tab-panel.sub.apps .right-pane .new-role-btn,
.settings-editor .tab-panel.scheduledwf .right-pane .new-role-btn,
.settings-editor .tab-panel.filemanager .right-pane .new-role-btn,
.settings-editor .tab-panel.bubbleversion .right-pane .new-role-btn,
.data-editor .tab-panel.privacy .right-pane .new-role-btn,
.data-editor .tab-panel.data.types .right-pane .new-role-btn,
.data-editor .tab-panel.option.sets .right-pane .new-role-btn,
.data-editor .tab-panel.app.data .right-pane .new-role-btn,
.data-editor .tab-panel.collaboration .right-pane .new-role-btn,
.data-editor .tab-panel.server.logs .right-pane .new-role-btn,
.data-editor .tab-panel.sub.apps .right-pane .new-role-btn,
.data-editor .tab-panel.scheduledwf .right-pane .new-role-btn,
.data-editor .tab-panel.filemanager .right-pane .new-role-btn,
.data-editor .tab-panel.bubbleversion .right-pane .new-role-btn,
.logs-editor .tab-panel.privacy .right-pane .new-role-btn,
.logs-editor .tab-panel.data.types .right-pane .new-role-btn,
.logs-editor .tab-panel.option.sets .right-pane .new-role-btn,
.logs-editor .tab-panel.app.data .right-pane .new-role-btn,
.logs-editor .tab-panel.collaboration .right-pane .new-role-btn,
.logs-editor .tab-panel.server.logs .right-pane .new-role-btn,
.logs-editor .tab-panel.sub.apps .right-pane .new-role-btn,
.logs-editor .tab-panel.scheduledwf .right-pane .new-role-btn,
.logs-editor .tab-panel.filemanager .right-pane .new-role-btn,
.logs-editor .tab-panel.bubbleversion .right-pane .new-role-btn,
.styles-editor .tab-panel.privacy .right-pane .new-role-btn,
.styles-editor .tab-panel.data.types .right-pane .new-role-btn,
.styles-editor .tab-panel.option.sets .right-pane .new-role-btn,
.styles-editor .tab-panel.app.data .right-pane .new-role-btn,
.styles-editor .tab-panel.collaboration .right-pane .new-role-btn,
.styles-editor .tab-panel.server.logs .right-pane .new-role-btn,
.styles-editor .tab-panel.sub.apps .right-pane .new-role-btn,
.styles-editor .tab-panel.scheduledwf .right-pane .new-role-btn,
.styles-editor .tab-panel.filemanager .right-pane .new-role-btn,
.styles-editor .tab-panel.bubbleversion .right-pane .new-role-btn {
  float: left;
  width: 200px;
}
.settings-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper,
.settings-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper,
.data-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper,
.logs-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper,
.styles-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper {
  width: 98%;
  margin-bottom: 20px;
}
.settings-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.settings-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.data-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.logs-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row,
.styles-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status-row {
  margin-top: 20px;
  width: 100%;
  clear: left;
}
.settings-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.settings-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.data-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.logs-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-indexing-status,
.styles-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-indexing-status {
  line-height: 1.5;
  width: 95%;
  float: left;
}
.settings-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.settings-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.data-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.logs-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper,
.styles-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-checkbox-wrapper {
  float: right;
}
.settings-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.settings-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.data-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.logs-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.privacy .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.data.types .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.option.sets .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.app.data .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.collaboration .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.server.logs .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.sub.apps .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.scheduledwf .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.filemanager .right-pane .algolia-toggle-wrapper .algolia-toggle-details,
.styles-editor .tab-panel.bubbleversion .right-pane .algolia-toggle-wrapper .algolia-toggle-details {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 20px;
  float: left;
  clear: left;
}
.settings-editor .tab-panel.api .explanation.need-to-subscribe,
.settings-editor .tab-panel.collaboration .explanation.need-to-subscribe,
.settings-editor .tab-panel.server.logs .explanation.need-to-subscribe,
.settings-editor .tab-panel.sub.apps .explanation.need-to-subscribe,
.settings-editor .tab-panel.scheduledwf .explanation.need-to-subscribe,
.settings-editor .tab-panel.domain .explanation.need-to-subscribe,
.settings-editor .tab-panel.plan .explanation.need-to-subscribe,
.settings-editor .tab-panel.metatags .explanation.need-to-subscribe,
.settings-editor .tab-panel.bubbleversion .explanation.need-to-subscribe,
.data-editor .tab-panel.api .explanation.need-to-subscribe,
.data-editor .tab-panel.collaboration .explanation.need-to-subscribe,
.data-editor .tab-panel.server.logs .explanation.need-to-subscribe,
.data-editor .tab-panel.sub.apps .explanation.need-to-subscribe,
.data-editor .tab-panel.scheduledwf .explanation.need-to-subscribe,
.data-editor .tab-panel.domain .explanation.need-to-subscribe,
.data-editor .tab-panel.plan .explanation.need-to-subscribe,
.data-editor .tab-panel.metatags .explanation.need-to-subscribe,
.data-editor .tab-panel.bubbleversion .explanation.need-to-subscribe,
.logs-editor .tab-panel.api .explanation.need-to-subscribe,
.logs-editor .tab-panel.collaboration .explanation.need-to-subscribe,
.logs-editor .tab-panel.server.logs .explanation.need-to-subscribe,
.logs-editor .tab-panel.sub.apps .explanation.need-to-subscribe,
.logs-editor .tab-panel.scheduledwf .explanation.need-to-subscribe,
.logs-editor .tab-panel.domain .explanation.need-to-subscribe,
.logs-editor .tab-panel.plan .explanation.need-to-subscribe,
.logs-editor .tab-panel.metatags .explanation.need-to-subscribe,
.logs-editor .tab-panel.bubbleversion .explanation.need-to-subscribe,
.styles-editor .tab-panel.api .explanation.need-to-subscribe,
.styles-editor .tab-panel.collaboration .explanation.need-to-subscribe,
.styles-editor .tab-panel.server.logs .explanation.need-to-subscribe,
.styles-editor .tab-panel.sub.apps .explanation.need-to-subscribe,
.styles-editor .tab-panel.scheduledwf .explanation.need-to-subscribe,
.styles-editor .tab-panel.domain .explanation.need-to-subscribe,
.styles-editor .tab-panel.plan .explanation.need-to-subscribe,
.styles-editor .tab-panel.metatags .explanation.need-to-subscribe,
.styles-editor .tab-panel.bubbleversion .explanation.need-to-subscribe {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.settings-editor .tab-panel.api .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.collaboration .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.server.logs .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.sub.apps .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.scheduledwf .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.domain .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.plan .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.metatags .explanation.need-to-subscribe .subscribe-link,
.settings-editor .tab-panel.bubbleversion .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.api .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.collaboration .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.server.logs .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.sub.apps .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.scheduledwf .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.domain .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.plan .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.metatags .explanation.need-to-subscribe .subscribe-link,
.data-editor .tab-panel.bubbleversion .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.api .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.collaboration .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.server.logs .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.sub.apps .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.scheduledwf .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.domain .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.plan .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.metatags .explanation.need-to-subscribe .subscribe-link,
.logs-editor .tab-panel.bubbleversion .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.api .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.collaboration .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.server.logs .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.sub.apps .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.scheduledwf .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.domain .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.plan .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.metatags .explanation.need-to-subscribe .subscribe-link,
.styles-editor .tab-panel.bubbleversion .explanation.need-to-subscribe .subscribe-link {
  color: var(--b-txt-danger) !important;
}
.settings-editor .tab-panel.api .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.collaboration .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.server.logs .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.sub.apps .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.scheduledwf .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.domain .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.plan .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.metatags .explanation.need-to-subscribe.new-pricing,
.settings-editor .tab-panel.bubbleversion .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.api .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.collaboration .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.server.logs .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.sub.apps .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.scheduledwf .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.domain .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.plan .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.metatags .explanation.need-to-subscribe.new-pricing,
.data-editor .tab-panel.bubbleversion .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.api .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.collaboration .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.server.logs .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.sub.apps .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.scheduledwf .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.domain .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.plan .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.metatags .explanation.need-to-subscribe.new-pricing,
.logs-editor .tab-panel.bubbleversion .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.api .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.collaboration .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.server.logs .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.sub.apps .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.scheduledwf .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.domain .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.plan .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.metatags .explanation.need-to-subscribe.new-pricing,
.styles-editor .tab-panel.bubbleversion .explanation.need-to-subscribe.new-pricing {
  margin-top: 18px;
}
.settings-editor .tab-panel.collaboration .left-pane-inner,
.settings-editor .tab-panel.sub.apps .left-pane-inner,
.data-editor .tab-panel.collaboration .left-pane-inner,
.data-editor .tab-panel.sub.apps .left-pane-inner,
.logs-editor .tab-panel.collaboration .left-pane-inner,
.logs-editor .tab-panel.sub.apps .left-pane-inner,
.styles-editor .tab-panel.collaboration .left-pane-inner,
.styles-editor .tab-panel.sub.apps .left-pane-inner {
  margin-top: -6px;
}
.settings-editor .tab-panel.collaboration .right-pane,
.settings-editor .tab-panel.sub.apps .right-pane,
.data-editor .tab-panel.collaboration .right-pane,
.data-editor .tab-panel.sub.apps .right-pane,
.logs-editor .tab-panel.collaboration .right-pane,
.logs-editor .tab-panel.sub.apps .right-pane,
.styles-editor .tab-panel.collaboration .right-pane,
.styles-editor .tab-panel.sub.apps .right-pane {
  width: 650px;
}
.settings-editor .tab-panel.collaboration .right-pane .right-pane-inner,
.settings-editor .tab-panel.sub.apps .right-pane .right-pane-inner,
.data-editor .tab-panel.collaboration .right-pane .right-pane-inner,
.data-editor .tab-panel.sub.apps .right-pane .right-pane-inner,
.logs-editor .tab-panel.collaboration .right-pane .right-pane-inner,
.logs-editor .tab-panel.sub.apps .right-pane .right-pane-inner,
.styles-editor .tab-panel.collaboration .right-pane .right-pane-inner,
.styles-editor .tab-panel.sub.apps .right-pane .right-pane-inner {
  overflow-y: hidden;
}
.settings-editor .tab-panel.collaboration .right-pane .explanation,
.settings-editor .tab-panel.sub.apps .right-pane .explanation,
.data-editor .tab-panel.collaboration .right-pane .explanation,
.data-editor .tab-panel.sub.apps .right-pane .explanation,
.logs-editor .tab-panel.collaboration .right-pane .explanation,
.logs-editor .tab-panel.sub.apps .right-pane .explanation,
.styles-editor .tab-panel.collaboration .right-pane .explanation,
.styles-editor .tab-panel.sub.apps .right-pane .explanation {
  margin-top: 0 !important;
}
.settings-editor .tab-panel.collaboration .right-pane .bubble-ui.btn.push-sub-app.grey,
.settings-editor .tab-panel.sub.apps .right-pane .bubble-ui.btn.push-sub-app.grey,
.data-editor .tab-panel.collaboration .right-pane .bubble-ui.btn.push-sub-app.grey,
.data-editor .tab-panel.sub.apps .right-pane .bubble-ui.btn.push-sub-app.grey,
.logs-editor .tab-panel.collaboration .right-pane .bubble-ui.btn.push-sub-app.grey,
.logs-editor .tab-panel.sub.apps .right-pane .bubble-ui.btn.push-sub-app.grey,
.styles-editor .tab-panel.collaboration .right-pane .bubble-ui.btn.push-sub-app.grey,
.styles-editor .tab-panel.sub.apps .right-pane .bubble-ui.btn.push-sub-app.grey {
  float: left;
  width: 200px;
  margin-top: 20px;
}
.settings-editor .tab-panel.collaboration .right-pane .changes-wrapper,
.settings-editor .tab-panel.sub.apps .right-pane .changes-wrapper,
.data-editor .tab-panel.collaboration .right-pane .changes-wrapper,
.data-editor .tab-panel.sub.apps .right-pane .changes-wrapper,
.logs-editor .tab-panel.collaboration .right-pane .changes-wrapper,
.logs-editor .tab-panel.sub.apps .right-pane .changes-wrapper,
.styles-editor .tab-panel.collaboration .right-pane .changes-wrapper,
.styles-editor .tab-panel.sub.apps .right-pane .changes-wrapper {
  border: 1px solid rgb(245, 245, 245);
  overflow-y: scroll;
  overflow-x: hidden;
}
.settings-editor .tab-panel.collaboration .right-pane .changes-wrapper .change-item,
.settings-editor .tab-panel.sub.apps .right-pane .changes-wrapper .change-item,
.data-editor .tab-panel.collaboration .right-pane .changes-wrapper .change-item,
.data-editor .tab-panel.sub.apps .right-pane .changes-wrapper .change-item,
.logs-editor .tab-panel.collaboration .right-pane .changes-wrapper .change-item,
.logs-editor .tab-panel.sub.apps .right-pane .changes-wrapper .change-item,
.styles-editor .tab-panel.collaboration .right-pane .changes-wrapper .change-item,
.styles-editor .tab-panel.sub.apps .right-pane .changes-wrapper .change-item {
  font-size: 11px;
  padding: 5px;
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.settings-editor .tab-panel.collaboration .left-pane,
.settings-editor .tab-panel.collaboration .right-pane,
.settings-editor .tab-panel.sub.apps .left-pane,
.settings-editor .tab-panel.sub.apps .right-pane,
.data-editor .tab-panel.collaboration .left-pane,
.data-editor .tab-panel.collaboration .right-pane,
.data-editor .tab-panel.sub.apps .left-pane,
.data-editor .tab-panel.sub.apps .right-pane,
.logs-editor .tab-panel.collaboration .left-pane,
.logs-editor .tab-panel.collaboration .right-pane,
.logs-editor .tab-panel.sub.apps .left-pane,
.logs-editor .tab-panel.sub.apps .right-pane,
.styles-editor .tab-panel.collaboration .left-pane,
.styles-editor .tab-panel.collaboration .right-pane,
.styles-editor .tab-panel.sub.apps .left-pane,
.styles-editor .tab-panel.sub.apps .right-pane {
  overflow: hidden;
}
.settings-editor .tab-panel.collaboration .owners-list,
.settings-editor .tab-panel.collaboration .invite-user,
.settings-editor .tab-panel.collaboration .sub-app-list,
.settings-editor .tab-panel.collaboration .new-sub-app,
.settings-editor .tab-panel.sub.apps .owners-list,
.settings-editor .tab-panel.sub.apps .invite-user,
.settings-editor .tab-panel.sub.apps .sub-app-list,
.settings-editor .tab-panel.sub.apps .new-sub-app,
.data-editor .tab-panel.collaboration .owners-list,
.data-editor .tab-panel.collaboration .invite-user,
.data-editor .tab-panel.collaboration .sub-app-list,
.data-editor .tab-panel.collaboration .new-sub-app,
.data-editor .tab-panel.sub.apps .owners-list,
.data-editor .tab-panel.sub.apps .invite-user,
.data-editor .tab-panel.sub.apps .sub-app-list,
.data-editor .tab-panel.sub.apps .new-sub-app,
.logs-editor .tab-panel.collaboration .owners-list,
.logs-editor .tab-panel.collaboration .invite-user,
.logs-editor .tab-panel.collaboration .sub-app-list,
.logs-editor .tab-panel.collaboration .new-sub-app,
.logs-editor .tab-panel.sub.apps .owners-list,
.logs-editor .tab-panel.sub.apps .invite-user,
.logs-editor .tab-panel.sub.apps .sub-app-list,
.logs-editor .tab-panel.sub.apps .new-sub-app,
.styles-editor .tab-panel.collaboration .owners-list,
.styles-editor .tab-panel.collaboration .invite-user,
.styles-editor .tab-panel.collaboration .sub-app-list,
.styles-editor .tab-panel.collaboration .new-sub-app,
.styles-editor .tab-panel.sub.apps .owners-list,
.styles-editor .tab-panel.sub.apps .invite-user,
.styles-editor .tab-panel.sub.apps .sub-app-list,
.styles-editor .tab-panel.sub.apps .new-sub-app {
  float: left;
  clear: both;
  width: 100%;
}
.settings-editor .tab-panel.collaboration .sub-app-row,
.settings-editor .tab-panel.sub.apps .sub-app-row,
.data-editor .tab-panel.collaboration .sub-app-row,
.data-editor .tab-panel.sub.apps .sub-app-row,
.logs-editor .tab-panel.collaboration .sub-app-row,
.logs-editor .tab-panel.sub.apps .sub-app-row,
.styles-editor .tab-panel.collaboration .sub-app-row,
.styles-editor .tab-panel.sub.apps .sub-app-row {
  margin: 10px 0 10px 0;
  padding-right: 10px;
}
.settings-editor .tab-panel.collaboration .user-row,
.settings-editor .tab-panel.collaboration .sub-app-row,
.settings-editor .tab-panel.sub.apps .user-row,
.settings-editor .tab-panel.sub.apps .sub-app-row,
.data-editor .tab-panel.collaboration .user-row,
.data-editor .tab-panel.collaboration .sub-app-row,
.data-editor .tab-panel.sub.apps .user-row,
.data-editor .tab-panel.sub.apps .sub-app-row,
.logs-editor .tab-panel.collaboration .user-row,
.logs-editor .tab-panel.collaboration .sub-app-row,
.logs-editor .tab-panel.sub.apps .user-row,
.logs-editor .tab-panel.sub.apps .sub-app-row,
.styles-editor .tab-panel.collaboration .user-row,
.styles-editor .tab-panel.collaboration .sub-app-row,
.styles-editor .tab-panel.sub.apps .user-row,
.styles-editor .tab-panel.sub.apps .sub-app-row {
  width: 100%;
  float: left;
  clear: both;
}
.settings-editor .tab-panel.collaboration .user-row .user-email,
.settings-editor .tab-panel.collaboration .user-row .app-name,
.settings-editor .tab-panel.collaboration .sub-app-row .user-email,
.settings-editor .tab-panel.collaboration .sub-app-row .app-name,
.settings-editor .tab-panel.sub.apps .user-row .user-email,
.settings-editor .tab-panel.sub.apps .user-row .app-name,
.settings-editor .tab-panel.sub.apps .sub-app-row .user-email,
.settings-editor .tab-panel.sub.apps .sub-app-row .app-name,
.data-editor .tab-panel.collaboration .user-row .user-email,
.data-editor .tab-panel.collaboration .user-row .app-name,
.data-editor .tab-panel.collaboration .sub-app-row .user-email,
.data-editor .tab-panel.collaboration .sub-app-row .app-name,
.data-editor .tab-panel.sub.apps .user-row .user-email,
.data-editor .tab-panel.sub.apps .user-row .app-name,
.data-editor .tab-panel.sub.apps .sub-app-row .user-email,
.data-editor .tab-panel.sub.apps .sub-app-row .app-name,
.logs-editor .tab-panel.collaboration .user-row .user-email,
.logs-editor .tab-panel.collaboration .user-row .app-name,
.logs-editor .tab-panel.collaboration .sub-app-row .user-email,
.logs-editor .tab-panel.collaboration .sub-app-row .app-name,
.logs-editor .tab-panel.sub.apps .user-row .user-email,
.logs-editor .tab-panel.sub.apps .user-row .app-name,
.logs-editor .tab-panel.sub.apps .sub-app-row .user-email,
.logs-editor .tab-panel.sub.apps .sub-app-row .app-name,
.styles-editor .tab-panel.collaboration .user-row .user-email,
.styles-editor .tab-panel.collaboration .user-row .app-name,
.styles-editor .tab-panel.collaboration .sub-app-row .user-email,
.styles-editor .tab-panel.collaboration .sub-app-row .app-name,
.styles-editor .tab-panel.sub.apps .user-row .user-email,
.styles-editor .tab-panel.sub.apps .user-row .app-name,
.styles-editor .tab-panel.sub.apps .sub-app-row .user-email,
.styles-editor .tab-panel.sub.apps .sub-app-row .app-name {
  float: left;
  user-select: all;
}
.settings-editor .tab-panel.collaboration .user-row .user-email:before,
.settings-editor .tab-panel.collaboration .user-row .app-name:before,
.settings-editor .tab-panel.collaboration .sub-app-row .user-email:before,
.settings-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.settings-editor .tab-panel.sub.apps .user-row .user-email:before,
.settings-editor .tab-panel.sub.apps .user-row .app-name:before,
.settings-editor .tab-panel.sub.apps .sub-app-row .user-email:before,
.settings-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.data-editor .tab-panel.collaboration .user-row .user-email:before,
.data-editor .tab-panel.collaboration .user-row .app-name:before,
.data-editor .tab-panel.collaboration .sub-app-row .user-email:before,
.data-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.data-editor .tab-panel.sub.apps .user-row .user-email:before,
.data-editor .tab-panel.sub.apps .user-row .app-name:before,
.data-editor .tab-panel.sub.apps .sub-app-row .user-email:before,
.data-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.logs-editor .tab-panel.collaboration .user-row .user-email:before,
.logs-editor .tab-panel.collaboration .user-row .app-name:before,
.logs-editor .tab-panel.collaboration .sub-app-row .user-email:before,
.logs-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.logs-editor .tab-panel.sub.apps .user-row .user-email:before,
.logs-editor .tab-panel.sub.apps .user-row .app-name:before,
.logs-editor .tab-panel.sub.apps .sub-app-row .user-email:before,
.logs-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.styles-editor .tab-panel.collaboration .user-row .user-email:before,
.styles-editor .tab-panel.collaboration .user-row .app-name:before,
.styles-editor .tab-panel.collaboration .sub-app-row .user-email:before,
.styles-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.styles-editor .tab-panel.sub.apps .user-row .user-email:before,
.styles-editor .tab-panel.sub.apps .user-row .app-name:before,
.styles-editor .tab-panel.sub.apps .sub-app-row .user-email:before,
.styles-editor .tab-panel.sub.apps .sub-app-row .app-name:before {
  font-family: FontAwesome;
  font-size: 13px;
  margin-right: 7px;
  color: rgb(183, 202, 208);
}
.settings-editor .tab-panel.collaboration .user-row .app-name:before,
.settings-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.settings-editor .tab-panel.sub.apps .user-row .app-name:before,
.settings-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.data-editor .tab-panel.collaboration .user-row .app-name:before,
.data-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.data-editor .tab-panel.sub.apps .user-row .app-name:before,
.data-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.logs-editor .tab-panel.collaboration .user-row .app-name:before,
.logs-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.logs-editor .tab-panel.sub.apps .user-row .app-name:before,
.logs-editor .tab-panel.sub.apps .sub-app-row .app-name:before,
.styles-editor .tab-panel.collaboration .user-row .app-name:before,
.styles-editor .tab-panel.collaboration .sub-app-row .app-name:before,
.styles-editor .tab-panel.sub.apps .user-row .app-name:before,
.styles-editor .tab-panel.sub.apps .sub-app-row .app-name:before {
  content: "\f009";
}
.settings-editor .tab-panel.collaboration .user-row .revoke-btn,
.settings-editor .tab-panel.collaboration .user-row .change-btn,
.settings-editor .tab-panel.collaboration .user-row .edit-child-app,
.settings-editor .tab-panel.collaboration .sub-app-row .revoke-btn,
.settings-editor .tab-panel.collaboration .sub-app-row .change-btn,
.settings-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.settings-editor .tab-panel.sub.apps .user-row .revoke-btn,
.settings-editor .tab-panel.sub.apps .user-row .change-btn,
.settings-editor .tab-panel.sub.apps .user-row .edit-child-app,
.settings-editor .tab-panel.sub.apps .sub-app-row .revoke-btn,
.settings-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.settings-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.data-editor .tab-panel.collaboration .user-row .revoke-btn,
.data-editor .tab-panel.collaboration .user-row .change-btn,
.data-editor .tab-panel.collaboration .user-row .edit-child-app,
.data-editor .tab-panel.collaboration .sub-app-row .revoke-btn,
.data-editor .tab-panel.collaboration .sub-app-row .change-btn,
.data-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.data-editor .tab-panel.sub.apps .user-row .revoke-btn,
.data-editor .tab-panel.sub.apps .user-row .change-btn,
.data-editor .tab-panel.sub.apps .user-row .edit-child-app,
.data-editor .tab-panel.sub.apps .sub-app-row .revoke-btn,
.data-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.data-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.logs-editor .tab-panel.collaboration .user-row .revoke-btn,
.logs-editor .tab-panel.collaboration .user-row .change-btn,
.logs-editor .tab-panel.collaboration .user-row .edit-child-app,
.logs-editor .tab-panel.collaboration .sub-app-row .revoke-btn,
.logs-editor .tab-panel.collaboration .sub-app-row .change-btn,
.logs-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.logs-editor .tab-panel.sub.apps .user-row .revoke-btn,
.logs-editor .tab-panel.sub.apps .user-row .change-btn,
.logs-editor .tab-panel.sub.apps .user-row .edit-child-app,
.logs-editor .tab-panel.sub.apps .sub-app-row .revoke-btn,
.logs-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.logs-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.styles-editor .tab-panel.collaboration .user-row .revoke-btn,
.styles-editor .tab-panel.collaboration .user-row .change-btn,
.styles-editor .tab-panel.collaboration .user-row .edit-child-app,
.styles-editor .tab-panel.collaboration .sub-app-row .revoke-btn,
.styles-editor .tab-panel.collaboration .sub-app-row .change-btn,
.styles-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.styles-editor .tab-panel.sub.apps .user-row .revoke-btn,
.styles-editor .tab-panel.sub.apps .user-row .change-btn,
.styles-editor .tab-panel.sub.apps .user-row .edit-child-app,
.styles-editor .tab-panel.sub.apps .sub-app-row .revoke-btn,
.styles-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.styles-editor .tab-panel.sub.apps .sub-app-row .edit-child-app {
  float: right;
}
.settings-editor .tab-panel.collaboration .user-row .change-btn,
.settings-editor .tab-panel.collaboration .user-row .edit-child-app,
.settings-editor .tab-panel.collaboration .sub-app-row .change-btn,
.settings-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.settings-editor .tab-panel.sub.apps .user-row .change-btn,
.settings-editor .tab-panel.sub.apps .user-row .edit-child-app,
.settings-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.settings-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.data-editor .tab-panel.collaboration .user-row .change-btn,
.data-editor .tab-panel.collaboration .user-row .edit-child-app,
.data-editor .tab-panel.collaboration .sub-app-row .change-btn,
.data-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.data-editor .tab-panel.sub.apps .user-row .change-btn,
.data-editor .tab-panel.sub.apps .user-row .edit-child-app,
.data-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.data-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.logs-editor .tab-panel.collaboration .user-row .change-btn,
.logs-editor .tab-panel.collaboration .user-row .edit-child-app,
.logs-editor .tab-panel.collaboration .sub-app-row .change-btn,
.logs-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.logs-editor .tab-panel.sub.apps .user-row .change-btn,
.logs-editor .tab-panel.sub.apps .user-row .edit-child-app,
.logs-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.logs-editor .tab-panel.sub.apps .sub-app-row .edit-child-app,
.styles-editor .tab-panel.collaboration .user-row .change-btn,
.styles-editor .tab-panel.collaboration .user-row .edit-child-app,
.styles-editor .tab-panel.collaboration .sub-app-row .change-btn,
.styles-editor .tab-panel.collaboration .sub-app-row .edit-child-app,
.styles-editor .tab-panel.sub.apps .user-row .change-btn,
.styles-editor .tab-panel.sub.apps .user-row .edit-child-app,
.styles-editor .tab-panel.sub.apps .sub-app-row .change-btn,
.styles-editor .tab-panel.sub.apps .sub-app-row .edit-child-app {
  margin-right: 20px;
}
.settings-editor .tab-panel.collaboration .left-pane,
.data-editor .tab-panel.collaboration .left-pane,
.logs-editor .tab-panel.collaboration .left-pane,
.styles-editor .tab-panel.collaboration .left-pane {
  width: 100%;
}
.settings-editor .tab-panel.collaboration .owners-list,
.data-editor .tab-panel.collaboration .owners-list,
.logs-editor .tab-panel.collaboration .owners-list,
.styles-editor .tab-panel.collaboration .owners-list {
  border-top: 0px solid rgb(245, 245, 245);
  margin-bottom: 20px;
  margin-top: 20px;
}
.settings-editor .tab-panel.collaboration .user-row,
.data-editor .tab-panel.collaboration .user-row,
.logs-editor .tab-panel.collaboration .user-row,
.styles-editor .tab-panel.collaboration .user-row {
  border-bottom: 1px solid rgb(245, 245, 245);
  padding: 15px 0 15px 10px;
}
.settings-editor .tab-panel.collaboration .user-row.employee-access,
.data-editor .tab-panel.collaboration .user-row.employee-access,
.logs-editor .tab-panel.collaboration .user-row.employee-access,
.styles-editor .tab-panel.collaboration .user-row.employee-access {
  background: rgb(249, 249, 249);
}
.settings-editor .tab-panel.collaboration .user-row .user-email.current-user:before,
.data-editor .tab-panel.collaboration .user-row .user-email.current-user:before,
.logs-editor .tab-panel.collaboration .user-row .user-email.current-user:before,
.styles-editor .tab-panel.collaboration .user-row .user-email.current-user:before {
  content: "\f007";
}
.settings-editor .tab-panel.collaboration .user-row .user-email,
.data-editor .tab-panel.collaboration .user-row .user-email,
.logs-editor .tab-panel.collaboration .user-row .user-email,
.styles-editor .tab-panel.collaboration .user-row .user-email {
  margin-left: 16px;
  width: 264px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
}
.settings-editor .tab-panel.collaboration .user-row .user-email.employee-access,
.data-editor .tab-panel.collaboration .user-row .user-email.employee-access,
.logs-editor .tab-panel.collaboration .user-row .user-email.employee-access,
.styles-editor .tab-panel.collaboration .user-row .user-email.employee-access {
  display: flex;
  margin-left: 0px;
  width: 280px;
}
.settings-editor .tab-panel.collaboration .user-row .user-email.employee-access .employee-access-text,
.data-editor .tab-panel.collaboration .user-row .user-email.employee-access .employee-access-text,
.logs-editor .tab-panel.collaboration .user-row .user-email.employee-access .employee-access-text,
.styles-editor .tab-panel.collaboration .user-row .user-email.employee-access .employee-access-text {
  margin-left: 3px;
  align-self: center;
}
.settings-editor .tab-panel.collaboration .user-row .user-email.current-user,
.data-editor .tab-panel.collaboration .user-row .user-email.current-user,
.logs-editor .tab-panel.collaboration .user-row .user-email.current-user,
.styles-editor .tab-panel.collaboration .user-row .user-email.current-user {
  margin-left: 0px;
  width: 280px;
}
.settings-editor .tab-panel.collaboration .user-row .permission-wrapper,
.data-editor .tab-panel.collaboration .user-row .permission-wrapper,
.logs-editor .tab-panel.collaboration .user-row .permission-wrapper,
.styles-editor .tab-panel.collaboration .user-row .permission-wrapper {
  float: left;
  padding-right: 15px;
}
.settings-editor .tab-panel.collaboration .user-row .permission-admin,
.data-editor .tab-panel.collaboration .user-row .permission-admin,
.logs-editor .tab-panel.collaboration .user-row .permission-admin,
.styles-editor .tab-panel.collaboration .user-row .permission-admin {
  float: left;
  padding-right: 15px;
}
.settings-editor .tab-panel.collaboration .user-row .permission-admin.employee-access,
.data-editor .tab-panel.collaboration .user-row .permission-admin.employee-access,
.logs-editor .tab-panel.collaboration .user-row .permission-admin.employee-access,
.styles-editor .tab-panel.collaboration .user-row .permission-admin.employee-access {
  width: 85.5px;
  min-height: 25px;
  float: left;
}
.settings-editor .tab-panel.collaboration .user-row .permission-caption,
.data-editor .tab-panel.collaboration .user-row .permission-caption,
.logs-editor .tab-panel.collaboration .user-row .permission-caption,
.styles-editor .tab-panel.collaboration .user-row .permission-caption {
  float: left;
  margin-right: 10px;
}
.settings-editor .tab-panel.collaboration .user-row .user-email,
.settings-editor .tab-panel.collaboration .user-row .permission-caption,
.settings-editor .tab-panel.collaboration .user-row .revoke-btn,
.data-editor .tab-panel.collaboration .user-row .user-email,
.data-editor .tab-panel.collaboration .user-row .permission-caption,
.data-editor .tab-panel.collaboration .user-row .revoke-btn,
.logs-editor .tab-panel.collaboration .user-row .user-email,
.logs-editor .tab-panel.collaboration .user-row .permission-caption,
.logs-editor .tab-panel.collaboration .user-row .revoke-btn,
.styles-editor .tab-panel.collaboration .user-row .user-email,
.styles-editor .tab-panel.collaboration .user-row .permission-caption,
.styles-editor .tab-panel.collaboration .user-row .revoke-btn {
  margin-top: 9px;
}
.settings-editor .tab-panel.collaboration .user-row .permission,
.data-editor .tab-panel.collaboration .user-row .permission,
.logs-editor .tab-panel.collaboration .user-row .permission,
.styles-editor .tab-panel.collaboration .user-row .permission {
  float: left;
}
.settings-editor .tab-panel.collaboration .user-row .revoke-btn,
.data-editor .tab-panel.collaboration .user-row .revoke-btn,
.logs-editor .tab-panel.collaboration .user-row .revoke-btn,
.styles-editor .tab-panel.collaboration .user-row .revoke-btn {
  margin-right: 20px;
}
.settings-editor .tab-panel.collaboration .invite-user,
.settings-editor .tab-panel.sub.apps .invite-user,
.settings-editor .tab-panel.general .invite-user,
.settings-editor .tab-panel.plan .invite-user,
.data-editor .tab-panel.collaboration .invite-user,
.data-editor .tab-panel.sub.apps .invite-user,
.data-editor .tab-panel.general .invite-user,
.data-editor .tab-panel.plan .invite-user,
.logs-editor .tab-panel.collaboration .invite-user,
.logs-editor .tab-panel.sub.apps .invite-user,
.logs-editor .tab-panel.general .invite-user,
.logs-editor .tab-panel.plan .invite-user,
.styles-editor .tab-panel.collaboration .invite-user,
.styles-editor .tab-panel.sub.apps .invite-user,
.styles-editor .tab-panel.general .invite-user,
.styles-editor .tab-panel.plan .invite-user {
  margin-bottom: 20px;
}
.settings-editor .tab-panel.collaboration .invite-user,
.settings-editor .tab-panel.collaboration .new-sub-app,
.settings-editor .tab-panel.collaboration .add-font-box,
.settings-editor .tab-panel.collaboration .plan-wrapper,
.settings-editor .tab-panel.collaboration .capacity-wrapper,
.settings-editor .tab-panel.sub.apps .invite-user,
.settings-editor .tab-panel.sub.apps .new-sub-app,
.settings-editor .tab-panel.sub.apps .add-font-box,
.settings-editor .tab-panel.sub.apps .plan-wrapper,
.settings-editor .tab-panel.sub.apps .capacity-wrapper,
.settings-editor .tab-panel.general .invite-user,
.settings-editor .tab-panel.general .new-sub-app,
.settings-editor .tab-panel.general .add-font-box,
.settings-editor .tab-panel.general .plan-wrapper,
.settings-editor .tab-panel.general .capacity-wrapper,
.settings-editor .tab-panel.plan .invite-user,
.settings-editor .tab-panel.plan .new-sub-app,
.settings-editor .tab-panel.plan .add-font-box,
.settings-editor .tab-panel.plan .plan-wrapper,
.settings-editor .tab-panel.plan .capacity-wrapper,
.data-editor .tab-panel.collaboration .invite-user,
.data-editor .tab-panel.collaboration .new-sub-app,
.data-editor .tab-panel.collaboration .add-font-box,
.data-editor .tab-panel.collaboration .plan-wrapper,
.data-editor .tab-panel.collaboration .capacity-wrapper,
.data-editor .tab-panel.sub.apps .invite-user,
.data-editor .tab-panel.sub.apps .new-sub-app,
.data-editor .tab-panel.sub.apps .add-font-box,
.data-editor .tab-panel.sub.apps .plan-wrapper,
.data-editor .tab-panel.sub.apps .capacity-wrapper,
.data-editor .tab-panel.general .invite-user,
.data-editor .tab-panel.general .new-sub-app,
.data-editor .tab-panel.general .add-font-box,
.data-editor .tab-panel.general .plan-wrapper,
.data-editor .tab-panel.general .capacity-wrapper,
.data-editor .tab-panel.plan .invite-user,
.data-editor .tab-panel.plan .new-sub-app,
.data-editor .tab-panel.plan .add-font-box,
.data-editor .tab-panel.plan .plan-wrapper,
.data-editor .tab-panel.plan .capacity-wrapper,
.logs-editor .tab-panel.collaboration .invite-user,
.logs-editor .tab-panel.collaboration .new-sub-app,
.logs-editor .tab-panel.collaboration .add-font-box,
.logs-editor .tab-panel.collaboration .plan-wrapper,
.logs-editor .tab-panel.collaboration .capacity-wrapper,
.logs-editor .tab-panel.sub.apps .invite-user,
.logs-editor .tab-panel.sub.apps .new-sub-app,
.logs-editor .tab-panel.sub.apps .add-font-box,
.logs-editor .tab-panel.sub.apps .plan-wrapper,
.logs-editor .tab-panel.sub.apps .capacity-wrapper,
.logs-editor .tab-panel.general .invite-user,
.logs-editor .tab-panel.general .new-sub-app,
.logs-editor .tab-panel.general .add-font-box,
.logs-editor .tab-panel.general .plan-wrapper,
.logs-editor .tab-panel.general .capacity-wrapper,
.logs-editor .tab-panel.plan .invite-user,
.logs-editor .tab-panel.plan .new-sub-app,
.logs-editor .tab-panel.plan .add-font-box,
.logs-editor .tab-panel.plan .plan-wrapper,
.logs-editor .tab-panel.plan .capacity-wrapper,
.styles-editor .tab-panel.collaboration .invite-user,
.styles-editor .tab-panel.collaboration .new-sub-app,
.styles-editor .tab-panel.collaboration .add-font-box,
.styles-editor .tab-panel.collaboration .plan-wrapper,
.styles-editor .tab-panel.collaboration .capacity-wrapper,
.styles-editor .tab-panel.sub.apps .invite-user,
.styles-editor .tab-panel.sub.apps .new-sub-app,
.styles-editor .tab-panel.sub.apps .add-font-box,
.styles-editor .tab-panel.sub.apps .plan-wrapper,
.styles-editor .tab-panel.sub.apps .capacity-wrapper,
.styles-editor .tab-panel.general .invite-user,
.styles-editor .tab-panel.general .new-sub-app,
.styles-editor .tab-panel.general .add-font-box,
.styles-editor .tab-panel.general .plan-wrapper,
.styles-editor .tab-panel.general .capacity-wrapper,
.styles-editor .tab-panel.plan .invite-user,
.styles-editor .tab-panel.plan .new-sub-app,
.styles-editor .tab-panel.plan .add-font-box,
.styles-editor .tab-panel.plan .plan-wrapper,
.styles-editor .tab-panel.plan .capacity-wrapper {
  margin-top: 20px;
  width: inherit;
}
.settings-editor .tab-panel.collaboration .invite-user .caption,
.settings-editor .tab-panel.collaboration .new-sub-app .caption,
.settings-editor .tab-panel.collaboration .add-font-box .caption,
.settings-editor .tab-panel.collaboration .plan-wrapper .caption,
.settings-editor .tab-panel.collaboration .capacity-wrapper .caption,
.settings-editor .tab-panel.sub.apps .invite-user .caption,
.settings-editor .tab-panel.sub.apps .new-sub-app .caption,
.settings-editor .tab-panel.sub.apps .add-font-box .caption,
.settings-editor .tab-panel.sub.apps .plan-wrapper .caption,
.settings-editor .tab-panel.sub.apps .capacity-wrapper .caption,
.settings-editor .tab-panel.general .invite-user .caption,
.settings-editor .tab-panel.general .new-sub-app .caption,
.settings-editor .tab-panel.general .add-font-box .caption,
.settings-editor .tab-panel.general .plan-wrapper .caption,
.settings-editor .tab-panel.general .capacity-wrapper .caption,
.settings-editor .tab-panel.plan .invite-user .caption,
.settings-editor .tab-panel.plan .new-sub-app .caption,
.settings-editor .tab-panel.plan .add-font-box .caption,
.settings-editor .tab-panel.plan .plan-wrapper .caption,
.settings-editor .tab-panel.plan .capacity-wrapper .caption,
.data-editor .tab-panel.collaboration .invite-user .caption,
.data-editor .tab-panel.collaboration .new-sub-app .caption,
.data-editor .tab-panel.collaboration .add-font-box .caption,
.data-editor .tab-panel.collaboration .plan-wrapper .caption,
.data-editor .tab-panel.collaboration .capacity-wrapper .caption,
.data-editor .tab-panel.sub.apps .invite-user .caption,
.data-editor .tab-panel.sub.apps .new-sub-app .caption,
.data-editor .tab-panel.sub.apps .add-font-box .caption,
.data-editor .tab-panel.sub.apps .plan-wrapper .caption,
.data-editor .tab-panel.sub.apps .capacity-wrapper .caption,
.data-editor .tab-panel.general .invite-user .caption,
.data-editor .tab-panel.general .new-sub-app .caption,
.data-editor .tab-panel.general .add-font-box .caption,
.data-editor .tab-panel.general .plan-wrapper .caption,
.data-editor .tab-panel.general .capacity-wrapper .caption,
.data-editor .tab-panel.plan .invite-user .caption,
.data-editor .tab-panel.plan .new-sub-app .caption,
.data-editor .tab-panel.plan .add-font-box .caption,
.data-editor .tab-panel.plan .plan-wrapper .caption,
.data-editor .tab-panel.plan .capacity-wrapper .caption,
.logs-editor .tab-panel.collaboration .invite-user .caption,
.logs-editor .tab-panel.collaboration .new-sub-app .caption,
.logs-editor .tab-panel.collaboration .add-font-box .caption,
.logs-editor .tab-panel.collaboration .plan-wrapper .caption,
.logs-editor .tab-panel.collaboration .capacity-wrapper .caption,
.logs-editor .tab-panel.sub.apps .invite-user .caption,
.logs-editor .tab-panel.sub.apps .new-sub-app .caption,
.logs-editor .tab-panel.sub.apps .add-font-box .caption,
.logs-editor .tab-panel.sub.apps .plan-wrapper .caption,
.logs-editor .tab-panel.sub.apps .capacity-wrapper .caption,
.logs-editor .tab-panel.general .invite-user .caption,
.logs-editor .tab-panel.general .new-sub-app .caption,
.logs-editor .tab-panel.general .add-font-box .caption,
.logs-editor .tab-panel.general .plan-wrapper .caption,
.logs-editor .tab-panel.general .capacity-wrapper .caption,
.logs-editor .tab-panel.plan .invite-user .caption,
.logs-editor .tab-panel.plan .new-sub-app .caption,
.logs-editor .tab-panel.plan .add-font-box .caption,
.logs-editor .tab-panel.plan .plan-wrapper .caption,
.logs-editor .tab-panel.plan .capacity-wrapper .caption,
.styles-editor .tab-panel.collaboration .invite-user .caption,
.styles-editor .tab-panel.collaboration .new-sub-app .caption,
.styles-editor .tab-panel.collaboration .add-font-box .caption,
.styles-editor .tab-panel.collaboration .plan-wrapper .caption,
.styles-editor .tab-panel.collaboration .capacity-wrapper .caption,
.styles-editor .tab-panel.sub.apps .invite-user .caption,
.styles-editor .tab-panel.sub.apps .new-sub-app .caption,
.styles-editor .tab-panel.sub.apps .add-font-box .caption,
.styles-editor .tab-panel.sub.apps .plan-wrapper .caption,
.styles-editor .tab-panel.sub.apps .capacity-wrapper .caption,
.styles-editor .tab-panel.general .invite-user .caption,
.styles-editor .tab-panel.general .new-sub-app .caption,
.styles-editor .tab-panel.general .add-font-box .caption,
.styles-editor .tab-panel.general .plan-wrapper .caption,
.styles-editor .tab-panel.general .capacity-wrapper .caption,
.styles-editor .tab-panel.plan .invite-user .caption,
.styles-editor .tab-panel.plan .new-sub-app .caption,
.styles-editor .tab-panel.plan .add-font-box .caption,
.styles-editor .tab-panel.plan .plan-wrapper .caption,
.styles-editor .tab-panel.plan .capacity-wrapper .caption {
  margin-top: 10px;
}
.settings-editor .tab-panel.collaboration .invite-user .new-sub-app-name,
.settings-editor .tab-panel.collaboration .new-sub-app .new-sub-app-name,
.settings-editor .tab-panel.collaboration .add-font-box .new-sub-app-name,
.settings-editor .tab-panel.collaboration .plan-wrapper .new-sub-app-name,
.settings-editor .tab-panel.collaboration .capacity-wrapper .new-sub-app-name,
.settings-editor .tab-panel.sub.apps .invite-user .new-sub-app-name,
.settings-editor .tab-panel.sub.apps .new-sub-app .new-sub-app-name,
.settings-editor .tab-panel.sub.apps .add-font-box .new-sub-app-name,
.settings-editor .tab-panel.sub.apps .plan-wrapper .new-sub-app-name,
.settings-editor .tab-panel.sub.apps .capacity-wrapper .new-sub-app-name,
.settings-editor .tab-panel.general .invite-user .new-sub-app-name,
.settings-editor .tab-panel.general .new-sub-app .new-sub-app-name,
.settings-editor .tab-panel.general .add-font-box .new-sub-app-name,
.settings-editor .tab-panel.general .plan-wrapper .new-sub-app-name,
.settings-editor .tab-panel.general .capacity-wrapper .new-sub-app-name,
.settings-editor .tab-panel.plan .invite-user .new-sub-app-name,
.settings-editor .tab-panel.plan .new-sub-app .new-sub-app-name,
.settings-editor .tab-panel.plan .add-font-box .new-sub-app-name,
.settings-editor .tab-panel.plan .plan-wrapper .new-sub-app-name,
.settings-editor .tab-panel.plan .capacity-wrapper .new-sub-app-name,
.data-editor .tab-panel.collaboration .invite-user .new-sub-app-name,
.data-editor .tab-panel.collaboration .new-sub-app .new-sub-app-name,
.data-editor .tab-panel.collaboration .add-font-box .new-sub-app-name,
.data-editor .tab-panel.collaboration .plan-wrapper .new-sub-app-name,
.data-editor .tab-panel.collaboration .capacity-wrapper .new-sub-app-name,
.data-editor .tab-panel.sub.apps .invite-user .new-sub-app-name,
.data-editor .tab-panel.sub.apps .new-sub-app .new-sub-app-name,
.data-editor .tab-panel.sub.apps .add-font-box .new-sub-app-name,
.data-editor .tab-panel.sub.apps .plan-wrapper .new-sub-app-name,
.data-editor .tab-panel.sub.apps .capacity-wrapper .new-sub-app-name,
.data-editor .tab-panel.general .invite-user .new-sub-app-name,
.data-editor .tab-panel.general .new-sub-app .new-sub-app-name,
.data-editor .tab-panel.general .add-font-box .new-sub-app-name,
.data-editor .tab-panel.general .plan-wrapper .new-sub-app-name,
.data-editor .tab-panel.general .capacity-wrapper .new-sub-app-name,
.data-editor .tab-panel.plan .invite-user .new-sub-app-name,
.data-editor .tab-panel.plan .new-sub-app .new-sub-app-name,
.data-editor .tab-panel.plan .add-font-box .new-sub-app-name,
.data-editor .tab-panel.plan .plan-wrapper .new-sub-app-name,
.data-editor .tab-panel.plan .capacity-wrapper .new-sub-app-name,
.logs-editor .tab-panel.collaboration .invite-user .new-sub-app-name,
.logs-editor .tab-panel.collaboration .new-sub-app .new-sub-app-name,
.logs-editor .tab-panel.collaboration .add-font-box .new-sub-app-name,
.logs-editor .tab-panel.collaboration .plan-wrapper .new-sub-app-name,
.logs-editor .tab-panel.collaboration .capacity-wrapper .new-sub-app-name,
.logs-editor .tab-panel.sub.apps .invite-user .new-sub-app-name,
.logs-editor .tab-panel.sub.apps .new-sub-app .new-sub-app-name,
.logs-editor .tab-panel.sub.apps .add-font-box .new-sub-app-name,
.logs-editor .tab-panel.sub.apps .plan-wrapper .new-sub-app-name,
.logs-editor .tab-panel.sub.apps .capacity-wrapper .new-sub-app-name,
.logs-editor .tab-panel.general .invite-user .new-sub-app-name,
.logs-editor .tab-panel.general .new-sub-app .new-sub-app-name,
.logs-editor .tab-panel.general .add-font-box .new-sub-app-name,
.logs-editor .tab-panel.general .plan-wrapper .new-sub-app-name,
.logs-editor .tab-panel.general .capacity-wrapper .new-sub-app-name,
.logs-editor .tab-panel.plan .invite-user .new-sub-app-name,
.logs-editor .tab-panel.plan .new-sub-app .new-sub-app-name,
.logs-editor .tab-panel.plan .add-font-box .new-sub-app-name,
.logs-editor .tab-panel.plan .plan-wrapper .new-sub-app-name,
.logs-editor .tab-panel.plan .capacity-wrapper .new-sub-app-name,
.styles-editor .tab-panel.collaboration .invite-user .new-sub-app-name,
.styles-editor .tab-panel.collaboration .new-sub-app .new-sub-app-name,
.styles-editor .tab-panel.collaboration .add-font-box .new-sub-app-name,
.styles-editor .tab-panel.collaboration .plan-wrapper .new-sub-app-name,
.styles-editor .tab-panel.collaboration .capacity-wrapper .new-sub-app-name,
.styles-editor .tab-panel.sub.apps .invite-user .new-sub-app-name,
.styles-editor .tab-panel.sub.apps .new-sub-app .new-sub-app-name,
.styles-editor .tab-panel.sub.apps .add-font-box .new-sub-app-name,
.styles-editor .tab-panel.sub.apps .plan-wrapper .new-sub-app-name,
.styles-editor .tab-panel.sub.apps .capacity-wrapper .new-sub-app-name,
.styles-editor .tab-panel.general .invite-user .new-sub-app-name,
.styles-editor .tab-panel.general .new-sub-app .new-sub-app-name,
.styles-editor .tab-panel.general .add-font-box .new-sub-app-name,
.styles-editor .tab-panel.general .plan-wrapper .new-sub-app-name,
.styles-editor .tab-panel.general .capacity-wrapper .new-sub-app-name,
.styles-editor .tab-panel.plan .invite-user .new-sub-app-name,
.styles-editor .tab-panel.plan .new-sub-app .new-sub-app-name,
.styles-editor .tab-panel.plan .add-font-box .new-sub-app-name,
.styles-editor .tab-panel.plan .plan-wrapper .new-sub-app-name,
.styles-editor .tab-panel.plan .capacity-wrapper .new-sub-app-name {
  margin-left: 20px;
}
.settings-editor .tab-panel.collaboration .invite-user .create-sub-app,
.settings-editor .tab-panel.collaboration .new-sub-app .create-sub-app,
.settings-editor .tab-panel.collaboration .add-font-box .create-sub-app,
.settings-editor .tab-panel.collaboration .plan-wrapper .create-sub-app,
.settings-editor .tab-panel.collaboration .capacity-wrapper .create-sub-app,
.settings-editor .tab-panel.sub.apps .invite-user .create-sub-app,
.settings-editor .tab-panel.sub.apps .new-sub-app .create-sub-app,
.settings-editor .tab-panel.sub.apps .add-font-box .create-sub-app,
.settings-editor .tab-panel.sub.apps .plan-wrapper .create-sub-app,
.settings-editor .tab-panel.sub.apps .capacity-wrapper .create-sub-app,
.settings-editor .tab-panel.general .invite-user .create-sub-app,
.settings-editor .tab-panel.general .new-sub-app .create-sub-app,
.settings-editor .tab-panel.general .add-font-box .create-sub-app,
.settings-editor .tab-panel.general .plan-wrapper .create-sub-app,
.settings-editor .tab-panel.general .capacity-wrapper .create-sub-app,
.settings-editor .tab-panel.plan .invite-user .create-sub-app,
.settings-editor .tab-panel.plan .new-sub-app .create-sub-app,
.settings-editor .tab-panel.plan .add-font-box .create-sub-app,
.settings-editor .tab-panel.plan .plan-wrapper .create-sub-app,
.settings-editor .tab-panel.plan .capacity-wrapper .create-sub-app,
.data-editor .tab-panel.collaboration .invite-user .create-sub-app,
.data-editor .tab-panel.collaboration .new-sub-app .create-sub-app,
.data-editor .tab-panel.collaboration .add-font-box .create-sub-app,
.data-editor .tab-panel.collaboration .plan-wrapper .create-sub-app,
.data-editor .tab-panel.collaboration .capacity-wrapper .create-sub-app,
.data-editor .tab-panel.sub.apps .invite-user .create-sub-app,
.data-editor .tab-panel.sub.apps .new-sub-app .create-sub-app,
.data-editor .tab-panel.sub.apps .add-font-box .create-sub-app,
.data-editor .tab-panel.sub.apps .plan-wrapper .create-sub-app,
.data-editor .tab-panel.sub.apps .capacity-wrapper .create-sub-app,
.data-editor .tab-panel.general .invite-user .create-sub-app,
.data-editor .tab-panel.general .new-sub-app .create-sub-app,
.data-editor .tab-panel.general .add-font-box .create-sub-app,
.data-editor .tab-panel.general .plan-wrapper .create-sub-app,
.data-editor .tab-panel.general .capacity-wrapper .create-sub-app,
.data-editor .tab-panel.plan .invite-user .create-sub-app,
.data-editor .tab-panel.plan .new-sub-app .create-sub-app,
.data-editor .tab-panel.plan .add-font-box .create-sub-app,
.data-editor .tab-panel.plan .plan-wrapper .create-sub-app,
.data-editor .tab-panel.plan .capacity-wrapper .create-sub-app,
.logs-editor .tab-panel.collaboration .invite-user .create-sub-app,
.logs-editor .tab-panel.collaboration .new-sub-app .create-sub-app,
.logs-editor .tab-panel.collaboration .add-font-box .create-sub-app,
.logs-editor .tab-panel.collaboration .plan-wrapper .create-sub-app,
.logs-editor .tab-panel.collaboration .capacity-wrapper .create-sub-app,
.logs-editor .tab-panel.sub.apps .invite-user .create-sub-app,
.logs-editor .tab-panel.sub.apps .new-sub-app .create-sub-app,
.logs-editor .tab-panel.sub.apps .add-font-box .create-sub-app,
.logs-editor .tab-panel.sub.apps .plan-wrapper .create-sub-app,
.logs-editor .tab-panel.sub.apps .capacity-wrapper .create-sub-app,
.logs-editor .tab-panel.general .invite-user .create-sub-app,
.logs-editor .tab-panel.general .new-sub-app .create-sub-app,
.logs-editor .tab-panel.general .add-font-box .create-sub-app,
.logs-editor .tab-panel.general .plan-wrapper .create-sub-app,
.logs-editor .tab-panel.general .capacity-wrapper .create-sub-app,
.logs-editor .tab-panel.plan .invite-user .create-sub-app,
.logs-editor .tab-panel.plan .new-sub-app .create-sub-app,
.logs-editor .tab-panel.plan .add-font-box .create-sub-app,
.logs-editor .tab-panel.plan .plan-wrapper .create-sub-app,
.logs-editor .tab-panel.plan .capacity-wrapper .create-sub-app,
.styles-editor .tab-panel.collaboration .invite-user .create-sub-app,
.styles-editor .tab-panel.collaboration .new-sub-app .create-sub-app,
.styles-editor .tab-panel.collaboration .add-font-box .create-sub-app,
.styles-editor .tab-panel.collaboration .plan-wrapper .create-sub-app,
.styles-editor .tab-panel.collaboration .capacity-wrapper .create-sub-app,
.styles-editor .tab-panel.sub.apps .invite-user .create-sub-app,
.styles-editor .tab-panel.sub.apps .new-sub-app .create-sub-app,
.styles-editor .tab-panel.sub.apps .add-font-box .create-sub-app,
.styles-editor .tab-panel.sub.apps .plan-wrapper .create-sub-app,
.styles-editor .tab-panel.sub.apps .capacity-wrapper .create-sub-app,
.styles-editor .tab-panel.general .invite-user .create-sub-app,
.styles-editor .tab-panel.general .new-sub-app .create-sub-app,
.styles-editor .tab-panel.general .add-font-box .create-sub-app,
.styles-editor .tab-panel.general .plan-wrapper .create-sub-app,
.styles-editor .tab-panel.general .capacity-wrapper .create-sub-app,
.styles-editor .tab-panel.plan .invite-user .create-sub-app,
.styles-editor .tab-panel.plan .new-sub-app .create-sub-app,
.styles-editor .tab-panel.plan .add-font-box .create-sub-app,
.styles-editor .tab-panel.plan .plan-wrapper .create-sub-app,
.styles-editor .tab-panel.plan .capacity-wrapper .create-sub-app {
  margin-left: 20px;
  width: 90px;
}
.settings-editor .tab-panel.collaboration .invite-user .new-email-invite,
.settings-editor .tab-panel.collaboration .new-sub-app .new-email-invite,
.settings-editor .tab-panel.collaboration .add-font-box .new-email-invite,
.settings-editor .tab-panel.collaboration .plan-wrapper .new-email-invite,
.settings-editor .tab-panel.collaboration .capacity-wrapper .new-email-invite,
.settings-editor .tab-panel.sub.apps .invite-user .new-email-invite,
.settings-editor .tab-panel.sub.apps .new-sub-app .new-email-invite,
.settings-editor .tab-panel.sub.apps .add-font-box .new-email-invite,
.settings-editor .tab-panel.sub.apps .plan-wrapper .new-email-invite,
.settings-editor .tab-panel.sub.apps .capacity-wrapper .new-email-invite,
.settings-editor .tab-panel.general .invite-user .new-email-invite,
.settings-editor .tab-panel.general .new-sub-app .new-email-invite,
.settings-editor .tab-panel.general .add-font-box .new-email-invite,
.settings-editor .tab-panel.general .plan-wrapper .new-email-invite,
.settings-editor .tab-panel.general .capacity-wrapper .new-email-invite,
.settings-editor .tab-panel.plan .invite-user .new-email-invite,
.settings-editor .tab-panel.plan .new-sub-app .new-email-invite,
.settings-editor .tab-panel.plan .add-font-box .new-email-invite,
.settings-editor .tab-panel.plan .plan-wrapper .new-email-invite,
.settings-editor .tab-panel.plan .capacity-wrapper .new-email-invite,
.data-editor .tab-panel.collaboration .invite-user .new-email-invite,
.data-editor .tab-panel.collaboration .new-sub-app .new-email-invite,
.data-editor .tab-panel.collaboration .add-font-box .new-email-invite,
.data-editor .tab-panel.collaboration .plan-wrapper .new-email-invite,
.data-editor .tab-panel.collaboration .capacity-wrapper .new-email-invite,
.data-editor .tab-panel.sub.apps .invite-user .new-email-invite,
.data-editor .tab-panel.sub.apps .new-sub-app .new-email-invite,
.data-editor .tab-panel.sub.apps .add-font-box .new-email-invite,
.data-editor .tab-panel.sub.apps .plan-wrapper .new-email-invite,
.data-editor .tab-panel.sub.apps .capacity-wrapper .new-email-invite,
.data-editor .tab-panel.general .invite-user .new-email-invite,
.data-editor .tab-panel.general .new-sub-app .new-email-invite,
.data-editor .tab-panel.general .add-font-box .new-email-invite,
.data-editor .tab-panel.general .plan-wrapper .new-email-invite,
.data-editor .tab-panel.general .capacity-wrapper .new-email-invite,
.data-editor .tab-panel.plan .invite-user .new-email-invite,
.data-editor .tab-panel.plan .new-sub-app .new-email-invite,
.data-editor .tab-panel.plan .add-font-box .new-email-invite,
.data-editor .tab-panel.plan .plan-wrapper .new-email-invite,
.data-editor .tab-panel.plan .capacity-wrapper .new-email-invite,
.logs-editor .tab-panel.collaboration .invite-user .new-email-invite,
.logs-editor .tab-panel.collaboration .new-sub-app .new-email-invite,
.logs-editor .tab-panel.collaboration .add-font-box .new-email-invite,
.logs-editor .tab-panel.collaboration .plan-wrapper .new-email-invite,
.logs-editor .tab-panel.collaboration .capacity-wrapper .new-email-invite,
.logs-editor .tab-panel.sub.apps .invite-user .new-email-invite,
.logs-editor .tab-panel.sub.apps .new-sub-app .new-email-invite,
.logs-editor .tab-panel.sub.apps .add-font-box .new-email-invite,
.logs-editor .tab-panel.sub.apps .plan-wrapper .new-email-invite,
.logs-editor .tab-panel.sub.apps .capacity-wrapper .new-email-invite,
.logs-editor .tab-panel.general .invite-user .new-email-invite,
.logs-editor .tab-panel.general .new-sub-app .new-email-invite,
.logs-editor .tab-panel.general .add-font-box .new-email-invite,
.logs-editor .tab-panel.general .plan-wrapper .new-email-invite,
.logs-editor .tab-panel.general .capacity-wrapper .new-email-invite,
.logs-editor .tab-panel.plan .invite-user .new-email-invite,
.logs-editor .tab-panel.plan .new-sub-app .new-email-invite,
.logs-editor .tab-panel.plan .add-font-box .new-email-invite,
.logs-editor .tab-panel.plan .plan-wrapper .new-email-invite,
.logs-editor .tab-panel.plan .capacity-wrapper .new-email-invite,
.styles-editor .tab-panel.collaboration .invite-user .new-email-invite,
.styles-editor .tab-panel.collaboration .new-sub-app .new-email-invite,
.styles-editor .tab-panel.collaboration .add-font-box .new-email-invite,
.styles-editor .tab-panel.collaboration .plan-wrapper .new-email-invite,
.styles-editor .tab-panel.collaboration .capacity-wrapper .new-email-invite,
.styles-editor .tab-panel.sub.apps .invite-user .new-email-invite,
.styles-editor .tab-panel.sub.apps .new-sub-app .new-email-invite,
.styles-editor .tab-panel.sub.apps .add-font-box .new-email-invite,
.styles-editor .tab-panel.sub.apps .plan-wrapper .new-email-invite,
.styles-editor .tab-panel.sub.apps .capacity-wrapper .new-email-invite,
.styles-editor .tab-panel.general .invite-user .new-email-invite,
.styles-editor .tab-panel.general .new-sub-app .new-email-invite,
.styles-editor .tab-panel.general .add-font-box .new-email-invite,
.styles-editor .tab-panel.general .plan-wrapper .new-email-invite,
.styles-editor .tab-panel.general .capacity-wrapper .new-email-invite,
.styles-editor .tab-panel.plan .invite-user .new-email-invite,
.styles-editor .tab-panel.plan .new-sub-app .new-email-invite,
.styles-editor .tab-panel.plan .add-font-box .new-email-invite,
.styles-editor .tab-panel.plan .plan-wrapper .new-email-invite,
.styles-editor .tab-panel.plan .capacity-wrapper .new-email-invite {
  margin-left: 20px;
  width: 155px;
}
.settings-editor .tab-panel.collaboration .invite-user .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.collaboration .new-sub-app .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.collaboration .add-font-box .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.collaboration .plan-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.collaboration .capacity-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.sub.apps .invite-user .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.sub.apps .new-sub-app .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.sub.apps .add-font-box .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.sub.apps .plan-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.sub.apps .capacity-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.general .invite-user .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.general .new-sub-app .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.general .add-font-box .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.general .plan-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.general .capacity-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.plan .invite-user .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.plan .new-sub-app .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.plan .add-font-box .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.plan .plan-wrapper .bubble-ui.btn.invite-user-button,
.settings-editor .tab-panel.plan .capacity-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.collaboration .invite-user .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.collaboration .new-sub-app .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.collaboration .add-font-box .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.collaboration .plan-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.collaboration .capacity-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.sub.apps .invite-user .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.sub.apps .new-sub-app .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.sub.apps .add-font-box .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.sub.apps .plan-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.sub.apps .capacity-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.general .invite-user .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.general .new-sub-app .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.general .add-font-box .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.general .plan-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.general .capacity-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.plan .invite-user .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.plan .new-sub-app .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.plan .add-font-box .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.plan .plan-wrapper .bubble-ui.btn.invite-user-button,
.data-editor .tab-panel.plan .capacity-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.collaboration .invite-user .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.collaboration .new-sub-app .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.collaboration .add-font-box .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.collaboration .plan-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.collaboration .capacity-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.sub.apps .invite-user .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.sub.apps .new-sub-app .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.sub.apps .add-font-box .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.sub.apps .plan-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.sub.apps .capacity-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.general .invite-user .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.general .new-sub-app .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.general .add-font-box .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.general .plan-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.general .capacity-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.plan .invite-user .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.plan .new-sub-app .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.plan .add-font-box .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.plan .plan-wrapper .bubble-ui.btn.invite-user-button,
.logs-editor .tab-panel.plan .capacity-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.collaboration .invite-user .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.collaboration .new-sub-app .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.collaboration .add-font-box .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.collaboration .plan-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.collaboration .capacity-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.sub.apps .invite-user .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.sub.apps .new-sub-app .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.sub.apps .add-font-box .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.sub.apps .plan-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.sub.apps .capacity-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.general .invite-user .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.general .new-sub-app .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.general .add-font-box .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.general .plan-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.general .capacity-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.plan .invite-user .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.plan .new-sub-app .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.plan .add-font-box .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.plan .plan-wrapper .bubble-ui.btn.invite-user-button,
.styles-editor .tab-panel.plan .capacity-wrapper .bubble-ui.btn.invite-user-button {
  margin-left: 20px;
  width: 80px;
}
.settings-editor .tab-panel.app.data .message,
.settings-editor .tab-panel.filemanager .message,
.data-editor .tab-panel.app.data .message,
.data-editor .tab-panel.filemanager .message,
.logs-editor .tab-panel.app.data .message,
.logs-editor .tab-panel.filemanager .message,
.styles-editor .tab-panel.app.data .message,
.styles-editor .tab-panel.filemanager .message {
  margin-top: 16px;
}
.settings-editor .tab-panel.app.data .section-title.views,
.settings-editor .tab-panel.app.data .views-list,
.settings-editor .tab-panel.filemanager .section-title.views,
.settings-editor .tab-panel.filemanager .views-list,
.data-editor .tab-panel.app.data .section-title.views,
.data-editor .tab-panel.app.data .views-list,
.data-editor .tab-panel.filemanager .section-title.views,
.data-editor .tab-panel.filemanager .views-list,
.logs-editor .tab-panel.app.data .section-title.views,
.logs-editor .tab-panel.app.data .views-list,
.logs-editor .tab-panel.filemanager .section-title.views,
.logs-editor .tab-panel.filemanager .views-list,
.styles-editor .tab-panel.app.data .section-title.views,
.styles-editor .tab-panel.app.data .views-list,
.styles-editor .tab-panel.filemanager .section-title.views,
.styles-editor .tab-panel.filemanager .views-list {
  width: 250px;
}
.settings-editor .tab-panel.app.data .primary-fields,
.settings-editor .tab-panel.app.data .create-view,
.settings-editor .tab-panel.filemanager .primary-fields,
.settings-editor .tab-panel.filemanager .create-view,
.data-editor .tab-panel.app.data .primary-fields,
.data-editor .tab-panel.app.data .create-view,
.data-editor .tab-panel.filemanager .primary-fields,
.data-editor .tab-panel.filemanager .create-view,
.logs-editor .tab-panel.app.data .primary-fields,
.logs-editor .tab-panel.app.data .create-view,
.logs-editor .tab-panel.filemanager .primary-fields,
.logs-editor .tab-panel.filemanager .create-view,
.styles-editor .tab-panel.app.data .primary-fields,
.styles-editor .tab-panel.app.data .create-view,
.styles-editor .tab-panel.filemanager .primary-fields,
.styles-editor .tab-panel.filemanager .create-view {
  width: 115px;
}
.settings-editor .tab-panel.app.data .primary-fields,
.settings-editor .tab-panel.filemanager .primary-fields,
.data-editor .tab-panel.app.data .primary-fields,
.data-editor .tab-panel.filemanager .primary-fields,
.logs-editor .tab-panel.app.data .primary-fields,
.logs-editor .tab-panel.filemanager .primary-fields,
.styles-editor .tab-panel.app.data .primary-fields,
.styles-editor .tab-panel.filemanager .primary-fields {
  margin-left: 8px;
}
.settings-editor .tab-panel.app.data .right-pane-controls-bar,
.settings-editor .tab-panel.filemanager .right-pane-controls-bar,
.data-editor .tab-panel.app.data .right-pane-controls-bar,
.data-editor .tab-panel.filemanager .right-pane-controls-bar,
.logs-editor .tab-panel.app.data .right-pane-controls-bar,
.logs-editor .tab-panel.filemanager .right-pane-controls-bar,
.styles-editor .tab-panel.app.data .right-pane-controls-bar,
.styles-editor .tab-panel.filemanager .right-pane-controls-bar {
  height: 35px;
}
.settings-editor .tab-panel.app.data .section-title,
.settings-editor .tab-panel.filemanager .section-title,
.data-editor .tab-panel.app.data .section-title,
.data-editor .tab-panel.filemanager .section-title,
.logs-editor .tab-panel.app.data .section-title,
.logs-editor .tab-panel.filemanager .section-title,
.styles-editor .tab-panel.app.data .section-title,
.styles-editor .tab-panel.filemanager .section-title {
  float: left;
}
.settings-editor .tab-panel.app.data .section-title.data,
.settings-editor .tab-panel.filemanager .section-title.data,
.data-editor .tab-panel.app.data .section-title.data,
.data-editor .tab-panel.filemanager .section-title.data,
.logs-editor .tab-panel.app.data .section-title.data,
.logs-editor .tab-panel.filemanager .section-title.data,
.styles-editor .tab-panel.app.data .section-title.data,
.styles-editor .tab-panel.filemanager .section-title.data {
  margin-left: 20px;
  width: calc(100% - 270px);
}
.settings-editor .tab-panel.app.data .search-container,
.settings-editor .tab-panel.filemanager .search-container,
.data-editor .tab-panel.app.data .search-container,
.data-editor .tab-panel.filemanager .search-container,
.logs-editor .tab-panel.app.data .search-container,
.logs-editor .tab-panel.filemanager .search-container,
.styles-editor .tab-panel.app.data .search-container,
.styles-editor .tab-panel.filemanager .search-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  margin-right: 12px;
}
.settings-editor .tab-panel.app.data .db-notif-wrapper,
.settings-editor .tab-panel.app.data .create-view,
.settings-editor .tab-panel.app.data .quick-search-caption,
.settings-editor .tab-panel.app.data .quick-search-bar,
.settings-editor .tab-panel.app.data .entries-count,
.settings-editor .tab-panel.app.data .primary-fields,
.settings-editor .tab-panel.filemanager .db-notif-wrapper,
.settings-editor .tab-panel.filemanager .create-view,
.settings-editor .tab-panel.filemanager .quick-search-caption,
.settings-editor .tab-panel.filemanager .quick-search-bar,
.settings-editor .tab-panel.filemanager .entries-count,
.settings-editor .tab-panel.filemanager .primary-fields,
.data-editor .tab-panel.app.data .db-notif-wrapper,
.data-editor .tab-panel.app.data .create-view,
.data-editor .tab-panel.app.data .quick-search-caption,
.data-editor .tab-panel.app.data .quick-search-bar,
.data-editor .tab-panel.app.data .entries-count,
.data-editor .tab-panel.app.data .primary-fields,
.data-editor .tab-panel.filemanager .db-notif-wrapper,
.data-editor .tab-panel.filemanager .create-view,
.data-editor .tab-panel.filemanager .quick-search-caption,
.data-editor .tab-panel.filemanager .quick-search-bar,
.data-editor .tab-panel.filemanager .entries-count,
.data-editor .tab-panel.filemanager .primary-fields,
.logs-editor .tab-panel.app.data .db-notif-wrapper,
.logs-editor .tab-panel.app.data .create-view,
.logs-editor .tab-panel.app.data .quick-search-caption,
.logs-editor .tab-panel.app.data .quick-search-bar,
.logs-editor .tab-panel.app.data .entries-count,
.logs-editor .tab-panel.app.data .primary-fields,
.logs-editor .tab-panel.filemanager .db-notif-wrapper,
.logs-editor .tab-panel.filemanager .create-view,
.logs-editor .tab-panel.filemanager .quick-search-caption,
.logs-editor .tab-panel.filemanager .quick-search-bar,
.logs-editor .tab-panel.filemanager .entries-count,
.logs-editor .tab-panel.filemanager .primary-fields,
.styles-editor .tab-panel.app.data .db-notif-wrapper,
.styles-editor .tab-panel.app.data .create-view,
.styles-editor .tab-panel.app.data .quick-search-caption,
.styles-editor .tab-panel.app.data .quick-search-bar,
.styles-editor .tab-panel.app.data .entries-count,
.styles-editor .tab-panel.app.data .primary-fields,
.styles-editor .tab-panel.filemanager .db-notif-wrapper,
.styles-editor .tab-panel.filemanager .create-view,
.styles-editor .tab-panel.filemanager .quick-search-caption,
.styles-editor .tab-panel.filemanager .quick-search-bar,
.styles-editor .tab-panel.filemanager .entries-count,
.styles-editor .tab-panel.filemanager .primary-fields {
  float: left;
}
.settings-editor .tab-panel.app.data .quick-search-bar,
.settings-editor .tab-panel.filemanager .quick-search-bar,
.data-editor .tab-panel.app.data .quick-search-bar,
.data-editor .tab-panel.filemanager .quick-search-bar,
.logs-editor .tab-panel.app.data .quick-search-bar,
.logs-editor .tab-panel.filemanager .quick-search-bar,
.styles-editor .tab-panel.app.data .quick-search-bar,
.styles-editor .tab-panel.filemanager .quick-search-bar {
  min-width: 120px;
  flex-grow: 1;
}
.settings-editor .tab-panel.app.data .quick-search-caption,
.settings-editor .tab-panel.filemanager .quick-search-caption,
.data-editor .tab-panel.app.data .quick-search-caption,
.data-editor .tab-panel.filemanager .quick-search-caption,
.logs-editor .tab-panel.app.data .quick-search-caption,
.logs-editor .tab-panel.filemanager .quick-search-caption,
.styles-editor .tab-panel.app.data .quick-search-caption,
.styles-editor .tab-panel.filemanager .quick-search-caption {
  margin-top: 9px;
  width: 45px;
}
.settings-editor .tab-panel.app.data .entries-count,
.settings-editor .tab-panel.filemanager .entries-count,
.data-editor .tab-panel.app.data .entries-count,
.data-editor .tab-panel.filemanager .entries-count,
.logs-editor .tab-panel.app.data .entries-count,
.logs-editor .tab-panel.filemanager .entries-count,
.styles-editor .tab-panel.app.data .entries-count,
.styles-editor .tab-panel.filemanager .entries-count {
  margin-top: 3px;
  margin-left: 12px;
  max-width: 80px;
  font-size: 11px;
  white-space: pre-wrap;
  text-align: left;
  line-height: 14px;
  overflow: hidden;
  overflow-wrap: break-word;
}
.settings-editor .tab-panel.app.data .entries-count.big,
.settings-editor .tab-panel.filemanager .entries-count.big,
.data-editor .tab-panel.app.data .entries-count.big,
.data-editor .tab-panel.filemanager .entries-count.big,
.logs-editor .tab-panel.app.data .entries-count.big,
.logs-editor .tab-panel.filemanager .entries-count.big,
.styles-editor .tab-panel.app.data .entries-count.big,
.styles-editor .tab-panel.filemanager .entries-count.big {
  max-width: 110px;
}
.settings-editor .tab-panel.app.data .quick-search-bar,
.settings-editor .tab-panel.filemanager .quick-search-bar,
.data-editor .tab-panel.app.data .quick-search-bar,
.data-editor .tab-panel.filemanager .quick-search-bar,
.logs-editor .tab-panel.app.data .quick-search-bar,
.logs-editor .tab-panel.filemanager .quick-search-bar,
.styles-editor .tab-panel.app.data .quick-search-bar,
.styles-editor .tab-panel.filemanager .quick-search-bar {
  height: 35px;
  margin-left: 20px;
}
.settings-editor .tab-panel.app.data .copy-db,
.settings-editor .tab-panel.filemanager .copy-db,
.data-editor .tab-panel.app.data .copy-db,
.data-editor .tab-panel.filemanager .copy-db,
.logs-editor .tab-panel.app.data .copy-db,
.logs-editor .tab-panel.filemanager .copy-db,
.styles-editor .tab-panel.app.data .copy-db,
.styles-editor .tab-panel.filemanager .copy-db {
  text-align: right;
  margin-right: 8px;
}
.settings-editor .tab-panel.app.data .action-buttons,
.settings-editor .tab-panel.filemanager .action-buttons,
.data-editor .tab-panel.app.data .action-buttons,
.data-editor .tab-panel.filemanager .action-buttons,
.logs-editor .tab-panel.app.data .action-buttons,
.logs-editor .tab-panel.filemanager .action-buttons,
.styles-editor .tab-panel.app.data .action-buttons,
.styles-editor .tab-panel.filemanager .action-buttons {
  column-gap: 8px;
}
.settings-editor .tab-panel.app.data .btn:not(.new-uploaded-file),
.settings-editor .tab-panel.filemanager .btn:not(.new-uploaded-file),
.data-editor .tab-panel.app.data .btn:not(.new-uploaded-file),
.data-editor .tab-panel.filemanager .btn:not(.new-uploaded-file),
.logs-editor .tab-panel.app.data .btn:not(.new-uploaded-file),
.logs-editor .tab-panel.filemanager .btn:not(.new-uploaded-file),
.styles-editor .tab-panel.app.data .btn:not(.new-uploaded-file),
.styles-editor .tab-panel.filemanager .btn:not(.new-uploaded-file) {
  width: max-content;
  padding: 8px;
}
.settings-editor .tab-panel.app.data .btn.new-uploaded-file,
.settings-editor .tab-panel.filemanager .btn.new-uploaded-file,
.data-editor .tab-panel.app.data .btn.new-uploaded-file,
.data-editor .tab-panel.filemanager .btn.new-uploaded-file,
.logs-editor .tab-panel.app.data .btn.new-uploaded-file,
.logs-editor .tab-panel.filemanager .btn.new-uploaded-file,
.styles-editor .tab-panel.app.data .btn.new-uploaded-file,
.styles-editor .tab-panel.filemanager .btn.new-uploaded-file {
  width: 78px;
}
.settings-editor .tab-panel.app.data .hidden-fields,
.settings-editor .tab-panel.filemanager .hidden-fields,
.data-editor .tab-panel.app.data .hidden-fields,
.data-editor .tab-panel.filemanager .hidden-fields,
.logs-editor .tab-panel.app.data .hidden-fields,
.logs-editor .tab-panel.filemanager .hidden-fields,
.styles-editor .tab-panel.app.data .hidden-fields,
.styles-editor .tab-panel.filemanager .hidden-fields {
  text-align: right;
  float: right;
  width: max-content;
  margin-bottom: 32px;
  margin-top: 7px;
}
.settings-editor .tab-panel.app.data button.upload-csv,
.settings-editor .tab-panel.app.data button.export-csv,
.settings-editor .tab-panel.app.data button.bulk-action,
.settings-editor .tab-panel.filemanager button.upload-csv,
.settings-editor .tab-panel.filemanager button.export-csv,
.settings-editor .tab-panel.filemanager button.bulk-action,
.data-editor .tab-panel.app.data button.upload-csv,
.data-editor .tab-panel.app.data button.export-csv,
.data-editor .tab-panel.app.data button.bulk-action,
.data-editor .tab-panel.filemanager button.upload-csv,
.data-editor .tab-panel.filemanager button.export-csv,
.data-editor .tab-panel.filemanager button.bulk-action,
.logs-editor .tab-panel.app.data button.upload-csv,
.logs-editor .tab-panel.app.data button.export-csv,
.logs-editor .tab-panel.app.data button.bulk-action,
.logs-editor .tab-panel.filemanager button.upload-csv,
.logs-editor .tab-panel.filemanager button.export-csv,
.logs-editor .tab-panel.filemanager button.bulk-action,
.styles-editor .tab-panel.app.data button.upload-csv,
.styles-editor .tab-panel.app.data button.export-csv,
.styles-editor .tab-panel.app.data button.bulk-action,
.styles-editor .tab-panel.filemanager button.upload-csv,
.styles-editor .tab-panel.filemanager button.export-csv,
.styles-editor .tab-panel.filemanager button.bulk-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 14px;
}
.settings-editor .tab-panel.app.data .premium-branding,
.settings-editor .tab-panel.filemanager .premium-branding,
.data-editor .tab-panel.app.data .premium-branding,
.data-editor .tab-panel.filemanager .premium-branding,
.logs-editor .tab-panel.app.data .premium-branding,
.logs-editor .tab-panel.filemanager .premium-branding,
.styles-editor .tab-panel.app.data .premium-branding,
.styles-editor .tab-panel.filemanager .premium-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--b-spacing4);
  color: var(--b-txt-success);
  border: 1px solid var(--b-border-success);
  padding: 0;
}
.settings-editor .tab-panel.app.data .premium-branding:hover, .settings-editor .tab-panel.app.data .premium-branding:focus-visible,
.settings-editor .tab-panel.filemanager .premium-branding:hover,
.settings-editor .tab-panel.filemanager .premium-branding:focus-visible,
.data-editor .tab-panel.app.data .premium-branding:hover,
.data-editor .tab-panel.app.data .premium-branding:focus-visible,
.data-editor .tab-panel.filemanager .premium-branding:hover,
.data-editor .tab-panel.filemanager .premium-branding:focus-visible,
.logs-editor .tab-panel.app.data .premium-branding:hover,
.logs-editor .tab-panel.app.data .premium-branding:focus-visible,
.logs-editor .tab-panel.filemanager .premium-branding:hover,
.logs-editor .tab-panel.filemanager .premium-branding:focus-visible,
.styles-editor .tab-panel.app.data .premium-branding:hover,
.styles-editor .tab-panel.app.data .premium-branding:focus-visible,
.styles-editor .tab-panel.filemanager .premium-branding:hover,
.styles-editor .tab-panel.filemanager .premium-branding:focus-visible {
  background-color: var(--b-bg-success1);
}
.settings-editor .tab-panel.app.data .data-base-view,
.settings-editor .tab-panel.filemanager .data-base-view,
.data-editor .tab-panel.app.data .data-base-view,
.data-editor .tab-panel.filemanager .data-base-view,
.logs-editor .tab-panel.app.data .data-base-view,
.logs-editor .tab-panel.filemanager .data-base-view,
.styles-editor .tab-panel.app.data .data-base-view,
.styles-editor .tab-panel.filemanager .data-base-view {
  margin-top: -30px;
  float: left;
}
.settings-editor .tab-panel.app.data .views-list,
.settings-editor .tab-panel.filemanager .views-list,
.data-editor .tab-panel.app.data .views-list,
.data-editor .tab-panel.filemanager .views-list,
.logs-editor .tab-panel.app.data .views-list,
.logs-editor .tab-panel.filemanager .views-list,
.styles-editor .tab-panel.app.data .views-list,
.styles-editor .tab-panel.filemanager .views-list {
  margin-top: 20px;
  float: left;
}
.settings-editor .tab-panel.app.data .views-list,
.settings-editor .tab-panel.filemanager .views-list,
.data-editor .tab-panel.app.data .views-list,
.data-editor .tab-panel.filemanager .views-list,
.logs-editor .tab-panel.app.data .views-list,
.logs-editor .tab-panel.filemanager .views-list,
.styles-editor .tab-panel.app.data .views-list,
.styles-editor .tab-panel.filemanager .views-list {
  overflow-y: auto;
  clear: left;
  font-size: 13px;
}
.settings-editor .tab-panel.app.data .views-list .modify-btn,
.settings-editor .tab-panel.app.data .views-list .copy-btn,
.settings-editor .tab-panel.app.data .views-list .delete-btn,
.settings-editor .tab-panel.filemanager .views-list .modify-btn,
.settings-editor .tab-panel.filemanager .views-list .copy-btn,
.settings-editor .tab-panel.filemanager .views-list .delete-btn,
.data-editor .tab-panel.app.data .views-list .modify-btn,
.data-editor .tab-panel.app.data .views-list .copy-btn,
.data-editor .tab-panel.app.data .views-list .delete-btn,
.data-editor .tab-panel.filemanager .views-list .modify-btn,
.data-editor .tab-panel.filemanager .views-list .copy-btn,
.data-editor .tab-panel.filemanager .views-list .delete-btn,
.logs-editor .tab-panel.app.data .views-list .modify-btn,
.logs-editor .tab-panel.app.data .views-list .copy-btn,
.logs-editor .tab-panel.app.data .views-list .delete-btn,
.logs-editor .tab-panel.filemanager .views-list .modify-btn,
.logs-editor .tab-panel.filemanager .views-list .copy-btn,
.logs-editor .tab-panel.filemanager .views-list .delete-btn,
.styles-editor .tab-panel.app.data .views-list .modify-btn,
.styles-editor .tab-panel.app.data .views-list .copy-btn,
.styles-editor .tab-panel.app.data .views-list .delete-btn,
.styles-editor .tab-panel.filemanager .views-list .modify-btn,
.styles-editor .tab-panel.filemanager .views-list .copy-btn,
.styles-editor .tab-panel.filemanager .views-list .delete-btn {
  float: right;
  margin-right: 5px;
}
.settings-editor .tab-panel.app.data .modify-btn,
.settings-editor .tab-panel.filemanager .modify-btn,
.data-editor .tab-panel.app.data .modify-btn,
.data-editor .tab-panel.filemanager .modify-btn,
.logs-editor .tab-panel.app.data .modify-btn,
.logs-editor .tab-panel.filemanager .modify-btn,
.styles-editor .tab-panel.app.data .modify-btn,
.styles-editor .tab-panel.filemanager .modify-btn {
  color: var(--b-icon-tertiary);
}
.settings-editor .tab-panel.app.data .modify-btn:hover,
.settings-editor .tab-panel.filemanager .modify-btn:hover,
.data-editor .tab-panel.app.data .modify-btn:hover,
.data-editor .tab-panel.filemanager .modify-btn:hover,
.logs-editor .tab-panel.app.data .modify-btn:hover,
.logs-editor .tab-panel.filemanager .modify-btn:hover,
.styles-editor .tab-panel.app.data .modify-btn:hover,
.styles-editor .tab-panel.filemanager .modify-btn:hover {
  color: var(--b-bg-contrast1, #525252);
}
.settings-editor .tab-panel.app.data .copy-btn,
.settings-editor .tab-panel.filemanager .copy-btn,
.data-editor .tab-panel.app.data .copy-btn,
.data-editor .tab-panel.filemanager .copy-btn,
.logs-editor .tab-panel.app.data .copy-btn,
.logs-editor .tab-panel.filemanager .copy-btn,
.styles-editor .tab-panel.app.data .copy-btn,
.styles-editor .tab-panel.filemanager .copy-btn {
  color: var(--b-icon-tertiary);
}
.settings-editor .tab-panel.app.data .copy-btn:hover,
.settings-editor .tab-panel.filemanager .copy-btn:hover,
.data-editor .tab-panel.app.data .copy-btn:hover,
.data-editor .tab-panel.filemanager .copy-btn:hover,
.logs-editor .tab-panel.app.data .copy-btn:hover,
.logs-editor .tab-panel.filemanager .copy-btn:hover,
.styles-editor .tab-panel.app.data .copy-btn:hover,
.styles-editor .tab-panel.filemanager .copy-btn:hover {
  color: var(--b-bg-contrast1, #525252);
}
.settings-editor .tab-panel.app.data .data-base-view,
.settings-editor .tab-panel.filemanager .data-base-view,
.data-editor .tab-panel.app.data .data-base-view,
.data-editor .tab-panel.filemanager .data-base-view,
.logs-editor .tab-panel.app.data .data-base-view,
.logs-editor .tab-panel.filemanager .data-base-view,
.styles-editor .tab-panel.app.data .data-base-view,
.styles-editor .tab-panel.filemanager .data-base-view {
  width: calc(100% - 270px);
  margin-left: 20px;
  font-size: 12px;
  overflow: hidden;
}
.settings-editor .tab-panel.app.data .data-base-view .no-view-mention,
.settings-editor .tab-panel.filemanager .data-base-view .no-view-mention,
.data-editor .tab-panel.app.data .data-base-view .no-view-mention,
.data-editor .tab-panel.filemanager .data-base-view .no-view-mention,
.logs-editor .tab-panel.app.data .data-base-view .no-view-mention,
.logs-editor .tab-panel.filemanager .data-base-view .no-view-mention,
.styles-editor .tab-panel.app.data .data-base-view .no-view-mention,
.styles-editor .tab-panel.filemanager .data-base-view .no-view-mention {
  margin-top: 78px;
  width: 100%;
  text-align: center;
  font-size: 13px;
}
.settings-editor .tab-panel.app.data .data-base-view .handsontable tr th:first-child .columnSorting:after,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable tr th:first-child .columnSorting:after,
.data-editor .tab-panel.app.data .data-base-view .handsontable tr th:first-child .columnSorting:after,
.data-editor .tab-panel.filemanager .data-base-view .handsontable tr th:first-child .columnSorting:after,
.logs-editor .tab-panel.app.data .data-base-view .handsontable tr th:first-child .columnSorting:after,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable tr th:first-child .columnSorting:after,
.styles-editor .tab-panel.app.data .data-base-view .handsontable tr th:first-child .columnSorting:after,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable tr th:first-child .columnSorting:after {
  content: "";
}
.settings-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.descending:after,
.settings-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.ascending:after,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.descending:after,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.ascending:after,
.data-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.descending:after,
.data-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.ascending:after,
.data-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.descending:after,
.data-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.ascending:after,
.logs-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.descending:after,
.logs-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.ascending:after,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.descending:after,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.ascending:after,
.styles-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.descending:after,
.styles-editor .tab-panel.app.data .data-base-view .handsontable .columnSorting.ascending:after,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.descending:after,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable .columnSorting.ascending:after {
  color: #c1cccf;
}
.settings-editor .tab-panel.app.data .data-base-view .handsontable .htDimmed,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable .htDimmed,
.data-editor .tab-panel.app.data .data-base-view .handsontable .htDimmed,
.data-editor .tab-panel.filemanager .data-base-view .handsontable .htDimmed,
.logs-editor .tab-panel.app.data .data-base-view .handsontable .htDimmed,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable .htDimmed,
.styles-editor .tab-panel.app.data .data-base-view .handsontable .htDimmed,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable .htDimmed {
  color: var(--b-txt-primary, #1a1a1a);
}
.settings-editor .tab-panel.app.data .data-base-view .handsontable th,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable th,
.data-editor .tab-panel.app.data .data-base-view .handsontable th,
.data-editor .tab-panel.filemanager .data-base-view .handsontable th,
.logs-editor .tab-panel.app.data .data-base-view .handsontable th,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable th,
.styles-editor .tab-panel.app.data .data-base-view .handsontable th,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable th {
  color: var(--b-txt-primary, #1a1a1a) !important;
  background: rgb(249, 249, 249) !important;
}
.settings-editor .tab-panel.app.data .data-base-view .handsontable .htAutocompleteArrow,
.settings-editor .tab-panel.filemanager .data-base-view .handsontable .htAutocompleteArrow,
.data-editor .tab-panel.app.data .data-base-view .handsontable .htAutocompleteArrow,
.data-editor .tab-panel.filemanager .data-base-view .handsontable .htAutocompleteArrow,
.logs-editor .tab-panel.app.data .data-base-view .handsontable .htAutocompleteArrow,
.logs-editor .tab-panel.filemanager .data-base-view .handsontable .htAutocompleteArrow,
.styles-editor .tab-panel.app.data .data-base-view .handsontable .htAutocompleteArrow,
.styles-editor .tab-panel.filemanager .data-base-view .handsontable .htAutocompleteArrow {
  display: none;
}
.settings-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.settings-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.data-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.data-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.logs-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.logs-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.styles-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.styles-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox {
  margin-top: 1px !important;
}
.settings-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.settings-editor .tab-panel.app.data .data-base-view .modify-btn,
.settings-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.settings-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.settings-editor .tab-panel.filemanager .data-base-view .modify-btn,
.settings-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.data-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.data-editor .tab-panel.app.data .data-base-view .modify-btn,
.data-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.data-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.data-editor .tab-panel.filemanager .data-base-view .modify-btn,
.data-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.logs-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.logs-editor .tab-panel.app.data .data-base-view .modify-btn,
.logs-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.logs-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.logs-editor .tab-panel.filemanager .data-base-view .modify-btn,
.logs-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox,
.styles-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.styles-editor .tab-panel.app.data .data-base-view .modify-btn,
.styles-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox,
.styles-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox,
.styles-editor .tab-panel.filemanager .data-base-view .modify-btn,
.styles-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox {
  margin-top: 2px !important;
  margin-bottom: -1px;
  float: left;
}
.settings-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.settings-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox:before,
.settings-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.settings-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox:before,
.data-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.data-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox:before,
.data-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.data-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox:before,
.logs-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.logs-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox:before,
.logs-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.logs-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox:before,
.styles-editor .tab-panel.app.data .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.styles-editor .tab-panel.app.data .data-base-view .selectbox.header .component-checkbox:before,
.styles-editor .tab-panel.filemanager .data-base-view .bubble-ui.composer-checkbox .component-checkbox:before,
.styles-editor .tab-panel.filemanager .data-base-view .selectbox.header .component-checkbox:before {
  margin-top: -2px !important;
}
.settings-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper,
.settings-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper,
.data-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper,
.data-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper,
.logs-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper,
.logs-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper,
.styles-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper,
.styles-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper {
  width: 45px;
  float: left;
}
.settings-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper .modify-btn,
.settings-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper .modify-btn,
.data-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper .modify-btn,
.data-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper .modify-btn,
.logs-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper .modify-btn,
.logs-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper .modify-btn,
.styles-editor .tab-panel.app.data .data-base-view .cell-btn-wrapper .modify-btn,
.styles-editor .tab-panel.filemanager .data-base-view .cell-btn-wrapper .modify-btn {
  margin-left: 10px;
  cursor: pointer !important;
}
.settings-editor .tab-panel.app.data .data-base-view .run-as-btn,
.settings-editor .tab-panel.filemanager .data-base-view .run-as-btn,
.data-editor .tab-panel.app.data .data-base-view .run-as-btn,
.data-editor .tab-panel.filemanager .data-base-view .run-as-btn,
.logs-editor .tab-panel.app.data .data-base-view .run-as-btn,
.logs-editor .tab-panel.filemanager .data-base-view .run-as-btn,
.styles-editor .tab-panel.app.data .data-base-view .run-as-btn,
.styles-editor .tab-panel.filemanager .data-base-view .run-as-btn {
  cursor: pointer !important;
}
.settings-editor .tab-panel.app.data .data-base-view .run-as-btn:hover,
.settings-editor .tab-panel.filemanager .data-base-view .run-as-btn:hover,
.data-editor .tab-panel.app.data .data-base-view .run-as-btn:hover,
.data-editor .tab-panel.filemanager .data-base-view .run-as-btn:hover,
.logs-editor .tab-panel.app.data .data-base-view .run-as-btn:hover,
.logs-editor .tab-panel.filemanager .data-base-view .run-as-btn:hover,
.styles-editor .tab-panel.app.data .data-base-view .run-as-btn:hover,
.styles-editor .tab-panel.filemanager .data-base-view .run-as-btn:hover {
  text-decoration: underline;
}
.settings-editor .tab-panel.app.data .data-base-view .relative .colHeaders.columnSorting,
.settings-editor .tab-panel.filemanager .data-base-view .relative .colHeaders.columnSorting,
.data-editor .tab-panel.app.data .data-base-view .relative .colHeaders.columnSorting,
.data-editor .tab-panel.filemanager .data-base-view .relative .colHeaders.columnSorting,
.logs-editor .tab-panel.app.data .data-base-view .relative .colHeaders.columnSorting,
.logs-editor .tab-panel.filemanager .data-base-view .relative .colHeaders.columnSorting,
.styles-editor .tab-panel.app.data .data-base-view .relative .colHeaders.columnSorting,
.styles-editor .tab-panel.filemanager .data-base-view .relative .colHeaders.columnSorting {
  position: initial;
}
.settings-editor .tab-panel.app.data .data-base-view .show-primary-field-btn,
.settings-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn,
.data-editor .tab-panel.app.data .data-base-view .show-primary-field-btn,
.data-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn,
.logs-editor .tab-panel.app.data .data-base-view .show-primary-field-btn,
.logs-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn,
.styles-editor .tab-panel.app.data .data-base-view .show-primary-field-btn,
.styles-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn {
  cursor: pointer;
  color: #c1cccf;
  position: absolute;
  margin-top: -20px;
  background-color: rgb(249, 249, 249);
}
.settings-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:hover,
.settings-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:hover,
.data-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:hover,
.data-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:hover,
.logs-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:hover,
.logs-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:hover,
.styles-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:hover,
.styles-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:hover {
  color: var(--b-bg-contrast1, #525252);
}
.settings-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:before,
.settings-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:before,
.data-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:before,
.data-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:before,
.logs-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:before,
.logs-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:before,
.styles-editor .tab-panel.app.data .data-base-view .show-primary-field-btn:before,
.styles-editor .tab-panel.filemanager .data-base-view .show-primary-field-btn:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 12px;
}
.settings-editor .tab-panel.app.data .data-base-view .foreign-id-entry,
.settings-editor .tab-panel.filemanager .data-base-view .foreign-id-entry,
.data-editor .tab-panel.app.data .data-base-view .foreign-id-entry,
.data-editor .tab-panel.filemanager .data-base-view .foreign-id-entry,
.logs-editor .tab-panel.app.data .data-base-view .foreign-id-entry,
.logs-editor .tab-panel.filemanager .data-base-view .foreign-id-entry,
.styles-editor .tab-panel.app.data .data-base-view .foreign-id-entry,
.styles-editor .tab-panel.filemanager .data-base-view .foreign-id-entry {
  cursor: pointer !important;
}
.settings-editor .tab-panel.app.data .data-base-view .foreign-id-entry:hover,
.settings-editor .tab-panel.filemanager .data-base-view .foreign-id-entry:hover,
.data-editor .tab-panel.app.data .data-base-view .foreign-id-entry:hover,
.data-editor .tab-panel.filemanager .data-base-view .foreign-id-entry:hover,
.logs-editor .tab-panel.app.data .data-base-view .foreign-id-entry:hover,
.logs-editor .tab-panel.filemanager .data-base-view .foreign-id-entry:hover,
.styles-editor .tab-panel.app.data .data-base-view .foreign-id-entry:hover,
.styles-editor .tab-panel.filemanager .data-base-view .foreign-id-entry:hover {
  background-color: var(--b-bg-secondary2);
  border-radius: 2px;
}
.settings-editor .tab-panel.app.data .light-button,
.settings-editor .tab-panel.filemanager .light-button,
.data-editor .tab-panel.app.data .light-button,
.data-editor .tab-panel.filemanager .light-button,
.logs-editor .tab-panel.app.data .light-button,
.logs-editor .tab-panel.filemanager .light-button,
.styles-editor .tab-panel.app.data .light-button,
.styles-editor .tab-panel.filemanager .light-button {
  margin-top: 10px;
}
.settings-editor .tab-panel.app.data .light-button.load-more,
.settings-editor .tab-panel.filemanager .light-button.load-more,
.data-editor .tab-panel.app.data .light-button.load-more,
.data-editor .tab-panel.filemanager .light-button.load-more,
.logs-editor .tab-panel.app.data .light-button.load-more,
.logs-editor .tab-panel.filemanager .light-button.load-more,
.styles-editor .tab-panel.app.data .light-button.load-more,
.styles-editor .tab-panel.filemanager .light-button.load-more {
  float: right;
  margin-right: 5px;
}
.settings-editor .tab-panel.app.data .light-button.refresh, .settings-editor .tab-panel.app.data .light-button.no-notes,
.settings-editor .tab-panel.filemanager .light-button.refresh,
.settings-editor .tab-panel.filemanager .light-button.no-notes,
.data-editor .tab-panel.app.data .light-button.refresh,
.data-editor .tab-panel.app.data .light-button.no-notes,
.data-editor .tab-panel.filemanager .light-button.refresh,
.data-editor .tab-panel.filemanager .light-button.no-notes,
.logs-editor .tab-panel.app.data .light-button.refresh,
.logs-editor .tab-panel.app.data .light-button.no-notes,
.logs-editor .tab-panel.filemanager .light-button.refresh,
.logs-editor .tab-panel.filemanager .light-button.no-notes,
.styles-editor .tab-panel.app.data .light-button.refresh,
.styles-editor .tab-panel.app.data .light-button.no-notes,
.styles-editor .tab-panel.filemanager .light-button.refresh,
.styles-editor .tab-panel.filemanager .light-button.no-notes {
  float: left;
  margin-left: 20px;
}
.settings-editor .tab-panel.app.data .left-pane-controls-container,
.data-editor .tab-panel.app.data .left-pane-controls-container,
.logs-editor .tab-panel.app.data .left-pane-controls-container,
.styles-editor .tab-panel.app.data .left-pane-controls-container {
  width: 250px;
}
.settings-editor .tab-panel.app.data .right-pane-controls-container,
.data-editor .tab-panel.app.data .right-pane-controls-container,
.logs-editor .tab-panel.app.data .right-pane-controls-container,
.styles-editor .tab-panel.app.data .right-pane-controls-container {
  overflow-x: auto;
  width: calc(100% - 270px);
}
.settings-editor .tab-panel.app.data .right-pane-controls-bar,
.data-editor .tab-panel.app.data .right-pane-controls-bar,
.logs-editor .tab-panel.app.data .right-pane-controls-bar,
.styles-editor .tab-panel.app.data .right-pane-controls-bar {
  min-width: 806px;
  margin-bottom: 15px;
}

/*------------------
CUSTOM ELEMENTS
------------------*/
.sub-elements {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* contains the actual elements, should have a lower z-index than compound cover */
}
.sub-elements .sub-element-container {
  z-index: 2;
  position: absolute;
}
.sub-elements .compound-cover {
  position: absolute;
  z-index: 100;
  opacity: 0;
  background-color: white;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*	background-image: url(/static/img/darth_stripe.png);*/
}
.sub-elements:hover .compound-cover {
  opacity: 0.6;
}
.sub-elements .compound-outertable {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index: 200;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sub-elements:hover .compound-outertable {
  opacity: 1;
}
.sub-elements .compound-cover-label {
  font-family: "Lucida Grande", Arial, sans-serif;
  opacity: 1;
  text-align: center;
  padding: 10px;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #749dd2;
  color: white;
  font-family: Georgia, serif;
}

/*------------------
FEEDBACK WINDOW
------------------*/
.search-palette-wrapper .search-palette {
  display: flex;
  flex-direction: column;
  min-width: 296px;
  min-height: 300px;
  cursor: unset;
  resize: both;
}
.search-palette-wrapper .search-palette .header {
  display: flex;
  flex-direction: row;
}
.search-palette-wrapper .search-palette .header .search-palette-title {
  flex-grow: 1;
  cursor: move;
}
.search-palette-wrapper .search-palette .panel {
  overflow: unset;
}
.search-palette-wrapper .search-palette .search-info {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.search-palette-wrapper .search-palette .viewport {
  overflow: scroll;
}
.search-palette-wrapper .search-palette .viewport .result-area {
  height: unset;
  min-height: 183px;
}
.search-palette-wrapper .search-palette .viewport .result-area .result-div {
  margin: 0;
}

.feedback-window,
.search-palette-wrapper .search-palette {
  top: 300px;
  left: 80px;
}
.feedback-window.hidden,
.search-palette-wrapper .search-palette.hidden {
  display: none;
}

.conflict-window {
  top: 20px;
  left: 80px;
}
.conflict-window .conflict-list {
  border-top: 1px solid #f0f0f0;
  padding: 10px 0 10px 0;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 300px;
}
.conflict-window .conflict-list .conflict {
  padding: 8px 5px 8px 15px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.conflict-window .conflict-list .conflict .title {
  cursor: pointer;
  text-align: left;
  line-height: 1.2em;
  padding-bottom: 10px;
}
.conflict-window .conflict-list .conflict .ours-display {
  cursor: pointer;
  line-height: 1.2em;
  margin-left: 21.16px;
  padding-bottom: 10px;
}
.conflict-window .conflict-list .conflict .ours-display.selected {
  cursor: default;
  color: var(--b-txt-brand, #0c29ab);
}
.conflict-window .conflict-list .conflict .ours-display:before {
  font-family: "FontAwesome";
  position: absolute;
  text-align: center;
  content: "\f10c";
  margin-top: 1px;
  margin-left: -18px;
}
.conflict-window .conflict-list .conflict .ours-display.enabled:before {
  content: "\f058";
}
.conflict-window .conflict-list .conflict .theirs-display {
  cursor: pointer;
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-left: 21.16px;
}
.conflict-window .conflict-list .conflict .theirs-display.selected {
  cursor: default;
  color: var(--b-txt-brand, #0c29ab);
}
.conflict-window .conflict-list .conflict .theirs-display:before {
  font-family: "FontAwesome";
  position: absolute;
  text-align: center;
  content: "\f10c";
  margin-top: 1px;
  margin-left: -18px;
}
.conflict-window .conflict-list .conflict .theirs-display.enabled:before {
  content: "\f058";
}
.conflict-window .conflict-list .conflict .btn-confirm {
  height: 25px;
  padding: 4px;
  margin-top: -5px;
  padding-bottom: 3px;
  padding-top: 5px;
  width: 75px;
  float: right;
}
.conflict-window .conflict-list .conflict:after {
  clear: both;
  content: " ";
  display: block;
}
.conflict-window .undo-div {
  height: 43px;
  border-top: 2px solid #f0f0f0;
  padding-top: 12px;
  padding-left: 15px;
}
.conflict-window .undo-div .undo-button {
  float: none;
  height: 25px;
  padding: 4px;
  margin-top: -5px;
  padding-bottom: 3px;
  padding-top: 5px;
}

.feedback-window,
.search-palette,
.conflict-window,
.dedicated-palette {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  width: 300px;
  z-index: 10000;
  position: fixed;
  color: var(--b-txt-primary, #1a1a1a);
  overflow: hidden;
  background-color: white;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  -moz-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: move;
}
.feedback-window.search-palette,
.search-palette.search-palette,
.conflict-window.search-palette,
.dedicated-palette.search-palette {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-width: 296px;
  min-height: 300px;
  cursor: unset;
}
.feedback-window.search-palette .search-palette-title,
.search-palette.search-palette .search-palette-title,
.conflict-window.search-palette .search-palette-title,
.dedicated-palette.search-palette .search-palette-title {
  cursor: move;
  flex-shrink: 0;
}
.feedback-window .close-button,
.search-palette .close-button,
.conflict-window .close-button,
.dedicated-palette .close-button {
  position: absolute;
  right: 8px;
  margin-top: 12px;
  color: var(--b-gray-60);
  cursor: pointer;
}
.feedback-window .close-button:hover:before,
.search-palette .close-button:hover:before,
.conflict-window .close-button:hover:before,
.dedicated-palette .close-button:hover:before {
  color: #b8b7b7;
}
.feedback-window .close-button:before,
.search-palette .close-button:before,
.conflict-window .close-button:before,
.dedicated-palette .close-button:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 20px;
}
.feedback-window .feedback-box-title,
.feedback-window .search-palette-title,
.feedback-window .dedicated-title,
.feedback-window .backend-wf-toggle-container,
.search-palette .feedback-box-title,
.search-palette .search-palette-title,
.search-palette .dedicated-title,
.search-palette .backend-wf-toggle-container,
.conflict-window .feedback-box-title,
.conflict-window .search-palette-title,
.conflict-window .dedicated-title,
.conflict-window .backend-wf-toggle-container,
.dedicated-palette .feedback-box-title,
.dedicated-palette .search-palette-title,
.dedicated-palette .dedicated-title,
.dedicated-palette .backend-wf-toggle-container {
  background-color: #f5f5f5;
  padding-left: 15px;
}
.feedback-window .feedback-box-title,
.feedback-window .search-palette-title,
.feedback-window .dedicated-title,
.search-palette .feedback-box-title,
.search-palette .search-palette-title,
.search-palette .dedicated-title,
.conflict-window .feedback-box-title,
.conflict-window .search-palette-title,
.conflict-window .dedicated-title,
.dedicated-palette .feedback-box-title,
.dedicated-palette .search-palette-title,
.dedicated-palette .dedicated-title {
  height: 43px;
  padding-top: 12px;
  font-size: 16px !important;
}
.feedback-window .feedback-box-title:before,
.feedback-window .search-palette-title:before,
.feedback-window .dedicated-title:before,
.search-palette .feedback-box-title:before,
.search-palette .search-palette-title:before,
.search-palette .dedicated-title:before,
.conflict-window .feedback-box-title:before,
.conflict-window .search-palette-title:before,
.conflict-window .dedicated-title:before,
.dedicated-palette .feedback-box-title:before,
.dedicated-palette .search-palette-title:before,
.dedicated-palette .dedicated-title:before {
  font-size: 20px;
  position: relative;
  margin-right: 12px;
  top: 2px;
}
.feedback-window .backend-wf-toggle-container,
.search-palette .backend-wf-toggle-container,
.conflict-window .backend-wf-toggle-container,
.dedicated-palette .backend-wf-toggle-container {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedback-window .backend-wf-toggle-container .backend-wf-toggle-caption,
.search-palette .backend-wf-toggle-container .backend-wf-toggle-caption,
.conflict-window .backend-wf-toggle-container .backend-wf-toggle-caption,
.dedicated-palette .backend-wf-toggle-container .backend-wf-toggle-caption {
  font-size: 12px;
}
.feedback-window .backend-wf-toggle-container .backend-wf-toggle,
.search-palette .backend-wf-toggle-container .backend-wf-toggle,
.conflict-window .backend-wf-toggle-container .backend-wf-toggle,
.dedicated-palette .backend-wf-toggle-container .backend-wf-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.feedback-window .backend-wf-toggle-container .backend-wf-toggle .component-checkbox,
.search-palette .backend-wf-toggle-container .backend-wf-toggle .component-checkbox,
.conflict-window .backend-wf-toggle-container .backend-wf-toggle .component-checkbox,
.dedicated-palette .backend-wf-toggle-container .backend-wf-toggle .component-checkbox {
  margin-top: 0px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: white;
  border: 1px solid var(--b-border, #e6e6e6);
  color: #9ea5a7;
}
.feedback-window .search-palette-title:before,
.search-palette .search-palette-title:before,
.conflict-window .search-palette-title:before,
.dedicated-palette .search-palette-title:before {
  font-family: "Ionicons";
  content: "\f2f5";
}
.feedback-window .feedback-box-title:before,
.search-palette .feedback-box-title:before,
.conflict-window .feedback-box-title:before,
.dedicated-palette .feedback-box-title:before {
  font-family: "FontAwesome";
  content: "\f071";
}
.feedback-window .dedicated-title:before,
.search-palette .dedicated-title:before,
.conflict-window .dedicated-title:before,
.dedicated-palette .dedicated-title:before {
  font-family: "Ionicons";
  content: "\f2c0";
}
.feedback-window .feedback-area,
.search-palette .feedback-area,
.conflict-window .feedback-area,
.dedicated-palette .feedback-area {
  width: 100%;
}
.feedback-window .error-list,
.search-palette .error-list,
.conflict-window .error-list,
.dedicated-palette .error-list {
  border-top: 1px solid #f0f0f0;
  font-size: 12px;
}
.feedback-window .error-list .err-entry,
.search-palette .error-list .err-entry,
.conflict-window .error-list .err-entry,
.dedicated-palette .error-list .err-entry {
  cursor: pointer;
  padding: 5px 7px 1px 5px;
  margin: 0px 5px 0px 5px;
  border-bottom: 1px solid #f0f0f0;
  float: left;
  width: 100%;
}
.feedback-window .error-list .err-entry:hover,
.search-palette .error-list .err-entry:hover,
.conflict-window .error-list .err-entry:hover,
.dedicated-palette .error-list .err-entry:hover {
  background-color: rgb(249, 249, 249);
}
.feedback-window .error-list .err-entry .msg,
.search-palette .error-list .err-entry .msg,
.conflict-window .error-list .err-entry .msg,
.dedicated-palette .error-list .err-entry .msg {
  float: left;
  margin-bottom: 1px;
  width: 100%;
  line-height: 13px;
}
.feedback-window .error-list .err-entry .page-name,
.search-palette .error-list .err-entry .page-name,
.conflict-window .error-list .err-entry .page-name,
.dedicated-palette .error-list .err-entry .page-name {
  font-size: 10px;
  float: right;
  margin-bottom: 2px;
  color: var(--b-gray-60);
}
.feedback-window .no-issue-container,
.search-palette .no-issue-container,
.conflict-window .no-issue-container,
.dedicated-palette .no-issue-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 1px);
}
.feedback-window .no-issue-container .no-issue-text,
.search-palette .no-issue-container .no-issue-text,
.conflict-window .no-issue-container .no-issue-text,
.dedicated-palette .no-issue-container .no-issue-text {
  font-size: 14px;
}
.feedback-window .thumb,
.search-palette .thumb,
.conflict-window .thumb,
.dedicated-palette .thumb {
  background-color: var(--b-border, #e6e6e6);
  cursor: pointer;
  width: 6px;
  left: 2px;
}
.feedback-window .thumb:hover, .feedback-window .thumb:active,
.search-palette .thumb:hover,
.search-palette .thumb:active,
.conflict-window .thumb:hover,
.conflict-window .thumb:active,
.dedicated-palette .thumb:hover,
.dedicated-palette .thumb:active {
  background-color: #d0d0d0;
}

.dedicated-palette .dedicated-main-area .dedicated-rollback-container {
  padding-top: 10px;
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.dedicated-palette .dedicated-main-area .bug-report-caption {
  cursor: pointer;
}
.dedicated-palette .dedicated-main-area .status-wrapper,
.dedicated-palette .dedicated-main-area .test-app-wrapper,
.dedicated-palette .dedicated-main-area .bug-report-caption {
  padding: 15px;
}
.dedicated-palette .dedicated-main-area .caption {
  margin-top: 0px !important;
  line-height: 1.5 !important;
  width: 100%;
}
.dedicated-palette .dedicated-main-area .upgrade-btn,
.dedicated-palette .dedicated-main-area .see-notes,
.dedicated-palette .dedicated-main-area .rollback-btn {
  margin-top: 15px !important;
}
.dedicated-palette .dedicated-main-area .copy-test,
.dedicated-palette .dedicated-main-area .upgrade-btn,
.dedicated-palette .dedicated-main-area .rollback-btn,
.dedicated-palette .dedicated-main-area .see-notes,
.dedicated-palette .dedicated-main-area input.test-app-name {
  width: 124px !important;
}
.dedicated-palette .dedicated-main-area .upgrade-btn,
.dedicated-palette .dedicated-main-area .rollback-btn,
.dedicated-palette .dedicated-main-area .copy-test {
  float: right !important;
}
.dedicated-palette .dedicated-main-area .upgrade-btn.no-notes, .dedicated-palette .dedicated-main-area .upgrade-btn.refresh, .dedicated-palette .dedicated-main-area .upgrade-btn.has-app,
.dedicated-palette .dedicated-main-area .rollback-btn.no-notes,
.dedicated-palette .dedicated-main-area .rollback-btn.refresh,
.dedicated-palette .dedicated-main-area .rollback-btn.has-app,
.dedicated-palette .dedicated-main-area .copy-test.no-notes,
.dedicated-palette .dedicated-main-area .copy-test.refresh,
.dedicated-palette .dedicated-main-area .copy-test.has-app {
  margin-right: 75px;
}
.dedicated-palette .dedicated-main-area .upgrade-btn.refresh,
.dedicated-palette .dedicated-main-area .rollback-btn.refresh,
.dedicated-palette .dedicated-main-area .copy-test.refresh {
  margin-top: 12px !important;
}
.dedicated-palette .dedicated-main-area .see-notes,
.dedicated-palette .dedicated-main-area input.test-app-name {
  float: left !important;
}
.dedicated-palette .dedicated-main-area .animation-wrapper .bubble,
.dedicated-palette .dedicated-main-area .animation-wrapper .pulse {
  top: 41%;
}
.dedicated-palette .test-app-wrapper {
  border-top: 1px solid #f0f0f0;
  float: left;
}
.dedicated-palette .test-app-wrapper input {
  box-sizing: border-box;
}
.dedicated-palette .test-app-wrapper .caption {
  text-align: left;
  margin-bottom: 14px;
}
.dedicated-palette .test-app-wrapper .caption a {
  color: var(--b-txt-brand, #0c29ab);
}

.dedicated-palette .panel {
  overflow: hidden;
}

.search-palette *,
.search-palette .bubble-ui.composer-dropdown .spot,
.dedicated-palette *,
.dedicated-palette .bubble-ui.composer-dropdown .spot {
  font-size: 12px !important;
}
.search-palette .panel,
.dedicated-palette .panel {
  padding: 15px;
}
.search-palette .panel .search-option,
.search-palette .dedicated-main-area .search-option,
.dedicated-palette .panel .search-option,
.dedicated-palette .dedicated-main-area .search-option {
  overflow: hidden;
  margin-bottom: 10px;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
}
.search-palette .panel .caption,
.search-palette .dedicated-main-area .caption,
.dedicated-palette .panel .caption,
.dedicated-palette .dedicated-main-area .caption {
  float: left;
  margin-top: 9px;
  min-width: 80px;
}
.search-palette .panel .field,
.search-palette .dedicated-main-area .field,
.dedicated-palette .panel .field,
.dedicated-palette .dedicated-main-area .field {
  float: right;
  flex: 1;
  max-width: 80%;
  width: 18px;
}
.search-palette .panel input.bubble-ui.field,
.search-palette .dedicated-main-area input.bubble-ui.field,
.dedicated-palette .panel input.bubble-ui.field,
.dedicated-palette .dedicated-main-area input.bubble-ui.field {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.search-palette .panel .search-btn,
.search-palette .dedicated-main-area .search-btn,
.dedicated-palette .panel .search-btn,
.dedicated-palette .dedicated-main-area .search-btn {
  width: 100%;
}
.search-palette .panel .search-btn,
.search-palette .panel .upgrade-btn,
.search-palette .panel .rollback-btn,
.search-palette .panel .see-notes,
.search-palette .panel .copy-test,
.search-palette .panel input.test-app-name,
.search-palette .dedicated-main-area .search-btn,
.search-palette .dedicated-main-area .upgrade-btn,
.search-palette .dedicated-main-area .rollback-btn,
.search-palette .dedicated-main-area .see-notes,
.search-palette .dedicated-main-area .copy-test,
.search-palette .dedicated-main-area input.test-app-name,
.dedicated-palette .panel .search-btn,
.dedicated-palette .panel .upgrade-btn,
.dedicated-palette .panel .rollback-btn,
.dedicated-palette .panel .see-notes,
.dedicated-palette .panel .copy-test,
.dedicated-palette .panel input.test-app-name,
.dedicated-palette .dedicated-main-area .search-btn,
.dedicated-palette .dedicated-main-area .upgrade-btn,
.dedicated-palette .dedicated-main-area .rollback-btn,
.dedicated-palette .dedicated-main-area .see-notes,
.dedicated-palette .dedicated-main-area .copy-test,
.dedicated-palette .dedicated-main-area input.test-app-name {
  height: 33px !important;
}
.search-palette .viewport,
.dedicated-palette .viewport {
  border-top: 1px solid #f0f0f0;
  float: left;
  clear: both;
  width: 100%;
}
.search-palette .result-area,
.dedicated-palette .result-area {
  width: 100%;
  height: 290px;
}
.search-palette .search-count,
.search-palette .result-page,
.search-palette .modify-elements,
.dedicated-palette .search-count,
.dedicated-palette .result-page,
.dedicated-palette .modify-elements {
  font-size: 10px !important;
  color: var(--b-gray-60);
}
.search-palette .search-count,
.search-palette .result-page,
.dedicated-palette .search-count,
.dedicated-palette .result-page {
  float: right;
  clear: both;
}
.search-palette .modify-elements,
.dedicated-palette .modify-elements {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.search-palette .modify-elements:hover,
.dedicated-palette .modify-elements:hover {
  color: var(--b-gray-70);
}
.search-palette .search-count,
.dedicated-palette .search-count {
  margin-right: 10px;
}
.search-palette .result-list *,
.dedicated-palette .result-list * {
  font-size: 12px !important;
}
.search-palette .result-list .result-div,
.dedicated-palette .result-list .result-div {
  cursor: pointer;
  padding: 8px 10px 5px 10px;
  margin: 0px 0px 0px 5px;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
  float: left;
  width: 100%;
}
.search-palette .result-list .result-div .result-type-display-container,
.dedicated-palette .result-list .result-div .result-type-display-container {
  display: flex;
  justify-content: space-between;
  column-gap: 4px;
}
.search-palette .result-list .result-div .result-num,
.search-palette .result-list .result-div .result-type,
.dedicated-palette .result-list .result-div .result-num,
.dedicated-palette .result-list .result-div .result-type {
  float: left;
  color: var(--b-gray-60);
}
.search-palette .result-list .result-div .result-num,
.dedicated-palette .result-list .result-div .result-num {
  margin-left: -11px;
  margin-top: 2px;
  margin-right: 2px;
  text-align: center;
  width: 14px;
  font-size: 8px !important;
}
.search-palette .result-list .result-div .result-page,
.dedicated-palette .result-list .result-div .result-page {
  font-size: 10px !important;
}
.search-palette .result-list .result-div .result-type,
.dedicated-palette .result-list .result-div .result-type {
  float: left;
  width: 62px;
}
.search-palette .result-list .result-div .result-display,
.dedicated-palette .result-list .result-div .result-display {
  float: right;
  max-width: calc(100% - 80px);
  line-height: 14px;
  hyphens: auto;
}
.search-palette .result-list .result-div:hover,
.dedicated-palette .result-list .result-div:hover {
  background-color: rgb(249, 249, 249);
}

/*----------------
PRESENCE TRACKER
----------------*/
.other-viewer-canvas {
  pointer-events: none;
  position: absolute;
  opacity: 0.7;
  z-index: 5000002;
  max-width: 170px;
}
.other-viewer-canvas .other-viewer-mouse,
.other-viewer-canvas .other-viewer-email {
  float: left;
}
.other-viewer-canvas .other-viewer-mouse {
  color: var(--b-txt-caution);
  width: 24px;
  height: 24px;
}
.other-viewer-canvas .other-viewer-email {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 7px;
  height: 19px;
  background: var(--b-bg-on-caution1);
  box-shadow: 0px 1px 1.8px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  font-size: 12px;
  margin-top: 20px;
  margin-left: -4px;
}

/*----------------------------
GUIDE WHEN CREATING A NEW APP
------------------------------*/
.page-cover {
  position: fixed;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

.comment-panel {
  width: 360px;
  height: 100%;
  top: 0px;
  display: flex;
}
.comment-panel .btn.close {
  bottom: 60px !important;
}
.comment-panel .title-block {
  flex-direction: row;
  width: 320px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.comment-panel .see-all-button {
  width: 77px;
  height: 24px;
  padding: var(--b-spacing-padding-btn-small);
  border-radius: var(--b-button-radius);
  border: 1px solid var(--b-border-default);
  gap: var(--b-spacing4);
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
}
.comment-panel .see-all-button .see-all-button-text {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  color: var(--b-txt-primary);
}
.comment-panel .one-comment-area,
.comment-panel .all-comments-area {
  float: left;
  width: 100%;
}
.comment-panel .comment-title {
  width: 100%;
  float: left;
  margin-top: 24px;
  text-align: left;
  font-size: 16px;
}
.comment-panel .comment-input {
  width: 306px;
  float: left;
  margin-top: 20px;
}
.comment-panel .all-comments-area {
  overflow-y: auto;
  width: 330px;
  margin-top: 20px;
}
.comment-panel .all-comments-area .all-comment-area {
  float: left;
  clear: both;
  width: 310px;
  padding: 15px 5px 20px 5px;
  border-bottom: 1px solid rgb(245, 245, 245);
  cursor: pointer;
}
.comment-panel .all-comments-area .all-comment-area:hover {
  background-color: rgb(249, 249, 249);
}
.comment-panel .all-comments-area .all-title {
  float: left;
  clear: both;
  font-weight: bold;
  margin-bottom: 10px;
}
.comment-panel .all-comments-area .all-content {
  float: left;
  clear: both;
  white-space: pre-line;
  font-size: 12px;
}

.comment-panel {
  position: fixed;
  z-index: 50000002;
  color: var(--b-txt-primary, #1a1a1a);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  display: flex;
}
.comment-panel .comment-content {
  -webkit-box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.3);
  position: absolute;
  background-color: white;
  width: 320px;
  height: 100%;
  padding: 20px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.comment-panel .title {
  width: fit-content;
  overflow: hidden;
  font-size: 24px;
  color: var(--b-txt-primary);
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 24px;
}
.comment-panel .btn.bubble-ui.close,
.comment-panel .bubble-ui.add-plugin {
  width: 165px;
  float: left;
  position: absolute;
}
.comment-panel .btn.close,
.comment-panel .add-plugin,
.comment-panel input.bubble-ui {
  margin-left: 72px;
}
.comment-panel .btn.close.v2,
.comment-panel .add-plugin.v2,
.comment-panel input.bubble-ui.v2 {
  width: auto;
  left: 30px;
  right: 30px;
  margin-left: auto;
}
.comment-panel .btn.close.v2.add-plugin,
.comment-panel .add-plugin.v2.add-plugin,
.comment-panel input.bubble-ui.v2.add-plugin {
  left: 0;
}
.comment-panel .btn.close {
  bottom: 60px;
}

.tutorial-video-palette {
  z-index: 50000000;
  height: 341px;
  width: 500px;
  border: 9px solid #5f6568;
  right: 150px;
  top: 100px;
  position: fixed;
  cursor: move;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.tutorial-video-palette .close-button {
  z-index: 1;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 25px;
  height: 25px;
  background-color: #5f6568;
  line-height: 25px;
  border: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
}
.tutorial-video-palette .close-button:before {
  font-family: FontAwesome;
  color: white;
  font-size: 20px;
  content: "\f00d";
  margin-left: 5px;
}
.tutorial-video-palette .close-button:hover {
  background-color: #80888c;
}
.tutorial-video-palette .title {
  background-color: black;
  color: white;
  text-align: center;
  padding: 6px 0 6px 0;
}
.tutorial-video-palette .video-zone {
  height: 313px;
  width: 500px;
  position: absolute;
  background: black;
}

.invisible-draggable-div {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.01); /* this is besically transparent, but adding a color makes the div block the click/drag */
}

/* we overwrite some of the settings of NProgress */
#nprogress .bar {
  height: 2px;
  background: var(--b-txt-brand, #0c29ab);
}
#nprogress .peg {
  box-shadow: 0 0 10px var(--b-txt-brand, #0c29ab), 0 0 5px var(--b-txt-brand, #0c29ab);
}

/* responsive tab */
.toolbox-pane .btn.responsive-upgrade-btn,
.toolbox-pane .btn.bv-upgrade-btn,
.toolbox-pane .btn.bv-downgrade-btn {
  float: left;
  margin: 6px;
  padding: 6px;
  height: auto;
  font-size: 10px;
}
.toolbox-pane .btn.responsive-upgrade-btn .upgrade-icon,
.toolbox-pane .btn.bv-upgrade-btn .upgrade-icon,
.toolbox-pane .btn.bv-downgrade-btn .upgrade-icon {
  margin-right: 4px;
}
.toolbox-pane .btn.responsive-upgrade-btn {
  width: 173px;
}
.toolbox-pane .btn.bv-upgrade-btn,
.toolbox-pane .btn.bv-downgrade-btn {
  width: 169px;
}

.toolbox-pane.responsive {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.toolbox-pane.responsive .btn.tutorial-resp {
  float: left;
  width: 160px;
  margin-top: 13px;
  margin-left: 13px;
  margin-bottom: 50px;
}
.toolbox-pane.responsive .res-size {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 5px 14px;
}
.toolbox-pane.responsive .res-size .size-row {
  display: flex;
  padding: 5px 0px;
  justify-content: space-between;
}
.toolbox-pane.responsive .res-size .size-row .label {
  color: #000000;
}
.toolbox-pane.responsive .res-size .size-row .number {
  color: var(--b-txt-brand, #0c29ab);
}
.toolbox-pane.responsive .res-states {
  float: left;
  width: 100%;
  overflow: auto;
}
.toolbox-pane.responsive .res-states .section_title {
  padding-left: 14px;
  cursor: default;
}
.toolbox-pane.responsive .res-states .section_title:before {
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
.toolbox-pane.responsive .res-states .current-pos {
  padding: 5px 10px 5px 14px;
  float: left;
  width: 100%;
}
.toolbox-pane.responsive .res-states .current-pos .caption {
  float: left;
}
.toolbox-pane.responsive .res-states .current-pos .size {
  float: right;
  color: var(--b-txt-brand, #0c29ab);
}
.toolbox-pane.responsive .res-states .icons-wrapper,
.toolbox-pane.responsive .res-states .hidden-elements,
.toolbox-pane.responsive .res-states .pos-wrapper,
.toolbox-pane.responsive .res-states .make-original-width,
.toolbox-pane.responsive .res-states .state-control {
  float: left;
  width: 100%;
}
.toolbox-pane.responsive .res-states .make-original-width {
  padding: 5px 0px 5px 14px;
  cursor: pointer;
}
.toolbox-pane.responsive .res-states .make-original-width.selected {
  color: var(--b-txt-brand, #0c29ab);
}
.toolbox-pane.responsive .res-states .explain-margin.btn.bubble-ui {
  float: left;
  height: 30px;
  padding-top: 8px;
  width: 158px;
  margin: 10px 0px 10px 14px;
}
.toolbox-pane.responsive .res-states .pos-wrapper {
  padding: 5px 0 5px 0;
}
.toolbox-pane.responsive .res-states .hidden-elements,
.toolbox-pane.responsive .res-states .pos-wrapper,
.toolbox-pane.responsive .res-states .state-control {
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.toolbox-pane.responsive .res-states .icons-wrapper {
  padding-bottom: 5px;
  padding-top: 10px;
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width {
  cursor: pointer;
  float: left;
  margin-left: 18px;
  width: 20px;
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width:before {
  display: block;
  font-size: 30px;
  font-family: "FontAwesome";
  color: #bbc5c8;
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width:hover:before {
  color: var(--b-bg-contrast1, #525252) !important;
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width.selected:before {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width.phone:before {
  content: "\f10b";
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width.phone_landscape:before {
  content: "\f10b";
  margin-top: 11px;
  margin-bottom: -11px;
  margin-left: -6px;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width.tablet:before {
  content: "\f10a";
}
.toolbox-pane.responsive .res-states .icons-wrapper .icon.preset-width.laptop:before {
  content: "\f109";
}
.toolbox-pane.responsive .res-states .states-caption {
  padding: 10px 14px 10px 14px;
}
.toolbox-pane.responsive .res-states .hidden-elements {
  padding-bottom: 10px;
}
.toolbox-pane.responsive .res-states .hidden-elements .element-row {
  padding: 10px 5px 0px 14px;
  float: left;
  width: 100%;
}
.toolbox-pane.responsive .res-states .hidden-elements .element-name {
  float: left;
  word-break: break-all;
}
.toolbox-pane.responsive .res-states .hidden-elements .remove-rule {
  float: right;
  cursor: pointer;
  font-size: 10px;
}
.toolbox-pane.responsive .res-states .state-control {
  padding-left: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.action-canvas-toolbox .toolbox-pane {
  overflow-y: auto !important;
}

.res-toolbar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.res-toolbar .res-slider {
  position: relative;
  width: 100%;
  height: 12px;
  cursor: ew-resize;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
  background: rgb(249, 249, 249);
  overflow: hidden;
}
.res-toolbar .res-slider .ruler.mark {
  margin-top: 7px;
  width: 1px;
  height: 5px;
  float: left;
  margin-left: 9px;
  background: var(--b-border, #e6e6e6);
}
.res-toolbar .res-slider .ruler.mark.main {
  margin-top: 2px;
  height: 10px;
}
.res-toolbar .res-slider .marker {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  background: blue;
  height: 100%;
  background: rgba(59, 80, 86, 0.21);
}

.res-preview {
  position: absolute;
  top: 12px;
  left: 0px;
  overflow: auto;
  width: 100%;
  background-color: #c3c3c3;
  height: calc(100vh - 59px);
}
.res-preview.empty {
  background-color: white;
}
.res-preview .r-no-responsive {
  margin: 30px;
  margin-top: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #b3bbbf;
  font-size: 20px;
  line-height: 40px;
}
.res-preview .r-no-responsive.clickable {
  cursor: pointer;
}

.margin-explanation-palette .close-button,
.responsive-palette .close-button,
.r-row-controls .close-button {
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
  z-index: 100010;
}
.margin-explanation-palette .close-button:before,
.responsive-palette .close-button:before,
.r-row-controls .close-button:before {
  font-size: 12px !important;
}

.responsive-palette {
  position: absolute;
  background: #5f6568;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #b3bbbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 1000;
  width: 301px;
}
.responsive-palette .close-button {
  left: -1px !important;
  top: -10px !important;
  position: absolute;
}
.responsive-palette .sub-element {
  padding: 10px;
  line-height: 18px;
}
.responsive-palette .r-min-wrapper {
  padding: 10px 10px 2px 10px;
  float: left;
  background: #5f6568;
}
.responsive-palette .r-min-wrapper .r-min-width-bar {
  position: relative;
  height: 5px 10px 10px 10px;
  background: #505659;
  z-index: 1000;
  width: 100%;
  float: left;
  overflow: hidden;
  cursor: ew-resize;
}
.responsive-palette .r-min-wrapper .r-min-width-bar .ruler.mark {
  float: left;
  margin-left: 9px;
  height: 4px;
  width: 1px;
  margin-top: 6px;
  background: rgb(114, 118, 119);
}
.responsive-palette .r-min-wrapper .r-min-width-bar .ruler.mark.main {
  margin-top: 3px;
  height: 7px;
}
.responsive-palette .r-min-wrapper .r-min-width-bar .marker {
  position: absolute;
  height: 10px;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.34);
}
.responsive-palette .r-min-wrapper .ruler-caption,
.responsive-palette .r-min-wrapper .min-width-input {
  float: left;
}
.responsive-palette .r-min-wrapper .ruler-caption {
  margin-top: 10px;
}
.responsive-palette .r-min-wrapper .ruler-caption.first {
  clear: left;
}
.responsive-palette .r-min-wrapper .min-width-input {
  margin-top: 4px;
  margin-left: 10px;
}
.responsive-palette .r-visibility,
.responsive-palette .r-keep-proportions,
.responsive-palette .r-min-margin,
.responsive-palette .r-max-width,
.responsive-palette .r-edit-element,
.responsive-palette .r-fixed-width,
.responsive-palette .r-wrap-to-previous {
  border-top: 1px solid #595f62;
}
.responsive-palette .cut-off-input,
.responsive-palette .min-margin-input,
.responsive-palette .max-width-input,
.responsive-palette .min-width-input {
  margin-top: 2px;
  margin-left: 3px;
  margin-right: 1px;
  width: 36px;
  height: 25px;
  padding-top: 4px;
  text-align: center;
  padding-left: 0px;
}
.responsive-palette .r-visibility,
.responsive-palette .r-edit-element,
.responsive-palette .r-keep-proportions,
.responsive-palette .r-min-margin,
.responsive-palette .r-max-width,
.responsive-palette .r-fixed-width,
.responsive-palette .r-wrap-to-previous {
  position: relative;
  width: 100%;
  z-index: 1000;
  float: left;
  clear: both;
  padding: 0px 10px 3px 10px;
  height: 30px;
}
.responsive-palette .r-visibility .r-v-hide,
.responsive-palette .r-visibility .r-v-remove,
.responsive-palette .r-visibility .r-edit-btn,
.responsive-palette .r-edit-element .r-v-hide,
.responsive-palette .r-edit-element .r-v-remove,
.responsive-palette .r-edit-element .r-edit-btn,
.responsive-palette .r-keep-proportions .r-v-hide,
.responsive-palette .r-keep-proportions .r-v-remove,
.responsive-palette .r-keep-proportions .r-edit-btn,
.responsive-palette .r-min-margin .r-v-hide,
.responsive-palette .r-min-margin .r-v-remove,
.responsive-palette .r-min-margin .r-edit-btn,
.responsive-palette .r-max-width .r-v-hide,
.responsive-palette .r-max-width .r-v-remove,
.responsive-palette .r-max-width .r-edit-btn,
.responsive-palette .r-fixed-width .r-v-hide,
.responsive-palette .r-fixed-width .r-v-remove,
.responsive-palette .r-fixed-width .r-edit-btn,
.responsive-palette .r-wrap-to-previous .r-v-hide,
.responsive-palette .r-wrap-to-previous .r-v-remove,
.responsive-palette .r-wrap-to-previous .r-edit-btn {
  margin-top: 10px;
  margin-bottom: 8px;
  clear: both;
}
.responsive-palette .r-visibility .r-caption,
.responsive-palette .r-edit-element .r-caption,
.responsive-palette .r-keep-proportions .r-caption,
.responsive-palette .r-min-margin .r-caption,
.responsive-palette .r-max-width .r-caption,
.responsive-palette .r-fixed-width .r-caption,
.responsive-palette .r-wrap-to-previous .r-caption {
  margin-top: 9px;
  clear: both;
}
.responsive-palette .r-visibility .r-v-hide,
.responsive-palette .r-visibility .r-v-add,
.responsive-palette .r-visibility .r-edit-btn,
.responsive-palette .r-edit-element .r-v-hide,
.responsive-palette .r-edit-element .r-v-add,
.responsive-palette .r-edit-element .r-edit-btn,
.responsive-palette .r-keep-proportions .r-v-hide,
.responsive-palette .r-keep-proportions .r-v-add,
.responsive-palette .r-keep-proportions .r-edit-btn,
.responsive-palette .r-min-margin .r-v-hide,
.responsive-palette .r-min-margin .r-v-add,
.responsive-palette .r-min-margin .r-edit-btn,
.responsive-palette .r-max-width .r-v-hide,
.responsive-palette .r-max-width .r-v-add,
.responsive-palette .r-max-width .r-edit-btn,
.responsive-palette .r-fixed-width .r-v-hide,
.responsive-palette .r-fixed-width .r-v-add,
.responsive-palette .r-fixed-width .r-edit-btn,
.responsive-palette .r-wrap-to-previous .r-v-hide,
.responsive-palette .r-wrap-to-previous .r-v-add,
.responsive-palette .r-wrap-to-previous .r-edit-btn {
  cursor: pointer;
}
.responsive-palette .r-visibility .r-v-hide:hover,
.responsive-palette .r-visibility .r-v-add:hover,
.responsive-palette .r-visibility .r-edit-btn:hover,
.responsive-palette .r-edit-element .r-v-hide:hover,
.responsive-palette .r-edit-element .r-v-add:hover,
.responsive-palette .r-edit-element .r-edit-btn:hover,
.responsive-palette .r-keep-proportions .r-v-hide:hover,
.responsive-palette .r-keep-proportions .r-v-add:hover,
.responsive-palette .r-keep-proportions .r-edit-btn:hover,
.responsive-palette .r-min-margin .r-v-hide:hover,
.responsive-palette .r-min-margin .r-v-add:hover,
.responsive-palette .r-min-margin .r-edit-btn:hover,
.responsive-palette .r-max-width .r-v-hide:hover,
.responsive-palette .r-max-width .r-v-add:hover,
.responsive-palette .r-max-width .r-edit-btn:hover,
.responsive-palette .r-fixed-width .r-v-hide:hover,
.responsive-palette .r-fixed-width .r-v-add:hover,
.responsive-palette .r-fixed-width .r-edit-btn:hover,
.responsive-palette .r-wrap-to-previous .r-v-hide:hover,
.responsive-palette .r-wrap-to-previous .r-v-add:hover,
.responsive-palette .r-wrap-to-previous .r-edit-btn:hover {
  color: white;
}
.responsive-palette .r-visibility .r-v-add-text,
.responsive-palette .r-visibility .r-v-add,
.responsive-palette .r-edit-element .r-v-add-text,
.responsive-palette .r-edit-element .r-v-add,
.responsive-palette .r-keep-proportions .r-v-add-text,
.responsive-palette .r-keep-proportions .r-v-add,
.responsive-palette .r-min-margin .r-v-add-text,
.responsive-palette .r-min-margin .r-v-add,
.responsive-palette .r-max-width .r-v-add-text,
.responsive-palette .r-max-width .r-v-add,
.responsive-palette .r-fixed-width .r-v-add-text,
.responsive-palette .r-fixed-width .r-v-add,
.responsive-palette .r-wrap-to-previous .r-v-add-text,
.responsive-palette .r-wrap-to-previous .r-v-add {
  margin-top: 10px;
  margin-right: 3px;
}
.responsive-palette .r-visibility .spot,
.responsive-palette .r-edit-element .spot,
.responsive-palette .r-keep-proportions .spot,
.responsive-palette .r-min-margin .spot,
.responsive-palette .r-max-width .spot,
.responsive-palette .r-fixed-width .spot,
.responsive-palette .r-wrap-to-previous .spot {
  float: left;
  color: white;
  background-color: #505659;
  margin-top: 2px;
  padding-bottom: 6px;
  padding-top: 7px;
  width: 14px;
  text-align: center;
}
.responsive-palette .r-visibility .spot:hover,
.responsive-palette .r-edit-element .spot:hover,
.responsive-palette .r-keep-proportions .spot:hover,
.responsive-palette .r-min-margin .spot:hover,
.responsive-palette .r-max-width .spot:hover,
.responsive-palette .r-fixed-width .spot:hover,
.responsive-palette .r-wrap-to-previous .spot:hover {
  background-color: #505659;
}
.responsive-palette .r-visibility .spot.selected,
.responsive-palette .r-edit-element .spot.selected,
.responsive-palette .r-keep-proportions .spot.selected,
.responsive-palette .r-min-margin .spot.selected,
.responsive-palette .r-max-width .spot.selected,
.responsive-palette .r-fixed-width .spot.selected,
.responsive-palette .r-wrap-to-previous .spot.selected {
  background-color: #424242;
}
.responsive-palette .r-visibility .r-v-add,
.responsive-palette .r-edit-element .r-v-add,
.responsive-palette .r-keep-proportions .r-v-add,
.responsive-palette .r-min-margin .r-v-add,
.responsive-palette .r-max-width .r-v-add,
.responsive-palette .r-fixed-width .r-v-add,
.responsive-palette .r-wrap-to-previous .r-v-add {
  margin-left: 10px;
}
.responsive-palette .r-visibility .r-v-add.remove,
.responsive-palette .r-edit-element .r-v-add.remove,
.responsive-palette .r-keep-proportions .r-v-add.remove,
.responsive-palette .r-min-margin .r-v-add.remove,
.responsive-palette .r-max-width .r-v-add.remove,
.responsive-palette .r-fixed-width .r-v-add.remove,
.responsive-palette .r-wrap-to-previous .r-v-add.remove {
  float: right;
}
.responsive-palette .r-visibility .r-caption,
.responsive-palette .r-edit-element .r-caption,
.responsive-palette .r-keep-proportions .r-caption,
.responsive-palette .r-min-margin .r-caption,
.responsive-palette .r-max-width .r-caption,
.responsive-palette .r-fixed-width .r-caption,
.responsive-palette .r-wrap-to-previous .r-caption {
  margin-right: 10px;
}
.responsive-palette .r-visibility .r-caption.max-width,
.responsive-palette .r-edit-element .r-caption.max-width,
.responsive-palette .r-keep-proportions .r-caption.max-width,
.responsive-palette .r-min-margin .r-caption.max-width,
.responsive-palette .r-max-width .r-caption.max-width,
.responsive-palette .r-fixed-width .r-caption.max-width,
.responsive-palette .r-wrap-to-previous .r-caption.max-width {
  clear: none;
  margin-right: 0px;
  width: 76px;
  text-align: left;
  float: left;
}
.responsive-palette .r-visibility .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-edit-element .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-keep-proportions .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-min-margin .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-max-width .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-fixed-width .composer-checkbox .component-checkbox.checked:before,
.responsive-palette .r-wrap-to-previous .composer-checkbox .component-checkbox.checked:before {
  margin-top: 4px;
}
.responsive-palette .r-visibility .composer-checkbox .component-checkbox,
.responsive-palette .r-edit-element .composer-checkbox .component-checkbox,
.responsive-palette .r-keep-proportions .composer-checkbox .component-checkbox,
.responsive-palette .r-min-margin .composer-checkbox .component-checkbox,
.responsive-palette .r-max-width .composer-checkbox .component-checkbox,
.responsive-palette .r-fixed-width .composer-checkbox .component-checkbox,
.responsive-palette .r-wrap-to-previous .composer-checkbox .component-checkbox {
  margin-top: 5px !important;
}
.responsive-palette .r-visibility .cut-off-input,
.responsive-palette .r-edit-element .cut-off-input,
.responsive-palette .r-keep-proportions .cut-off-input,
.responsive-palette .r-min-margin .cut-off-input,
.responsive-palette .r-max-width .cut-off-input,
.responsive-palette .r-fixed-width .cut-off-input,
.responsive-palette .r-wrap-to-previous .cut-off-input {
  float: left;
}
.responsive-palette .r-visibility .min-margin-input,
.responsive-palette .r-edit-element .min-margin-input,
.responsive-palette .r-keep-proportions .min-margin-input,
.responsive-palette .r-min-margin .min-margin-input,
.responsive-palette .r-max-width .min-margin-input,
.responsive-palette .r-fixed-width .min-margin-input,
.responsive-palette .r-wrap-to-previous .min-margin-input {
  float: right;
}
.responsive-palette .r-visibility .max-width-input,
.responsive-palette .r-edit-element .max-width-input,
.responsive-palette .r-keep-proportions .max-width-input,
.responsive-palette .r-min-margin .max-width-input,
.responsive-palette .r-max-width .max-width-input,
.responsive-palette .r-fixed-width .max-width-input,
.responsive-palette .r-wrap-to-previous .max-width-input {
  margin-left: 30px;
  float: left;
}
.responsive-palette .r-visibility .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-edit-element .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-keep-proportions .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-min-margin .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-max-width .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-fixed-width .composer-dropdown-button.responsive-alignment,
.responsive-palette .r-wrap-to-previous .composer-dropdown-button.responsive-alignment {
  height: 25px;
  margin-top: 2px;
  margin-left: 5px;
}
.responsive-palette .r-visibility .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-edit-element .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-keep-proportions .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-min-margin .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-max-width .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-fixed-width .composer-dropdown-button.responsive-alignment .button,
.responsive-palette .r-wrap-to-previous .composer-dropdown-button.responsive-alignment .button {
  height: 25px;
  width: 25px;
}
.responsive-palette .r-visibility .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-edit-element .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-keep-proportions .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-min-margin .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-max-width .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-fixed-width .composer-dropdown-button.responsive-alignment .button:before,
.responsive-palette .r-wrap-to-previous .composer-dropdown-button.responsive-alignment .button:before {
  height: 25px;
  width: 25px;
}
.responsive-palette .r-visibility > div,
.responsive-palette .r-edit-element > div,
.responsive-palette .r-keep-proportions > div,
.responsive-palette .r-min-margin > div,
.responsive-palette .r-max-width > div,
.responsive-palette .r-fixed-width > div,
.responsive-palette .r-wrap-to-previous > div {
  float: left;
}
.responsive-palette .r-edit-element .r-edit-btn.parent {
  float: right;
  clear: none;
}
.responsive-palette .r-keep-proportions .composer-dropdown-button,
.responsive-palette .r-min-margin .composer-dropdown-button,
.responsive-palette .r-max-width .composer-dropdown-button,
.responsive-palette .r-fixed-width .composer-dropdown-button {
  float: right;
}
.responsive-palette .r-keep-proportions .composer-checkbox.fixed-width,
.responsive-palette .r-min-margin .composer-checkbox.fixed-width,
.responsive-palette .r-max-width .composer-checkbox.fixed-width,
.responsive-palette .r-fixed-width .composer-checkbox.fixed-width {
  float: left;
}
.responsive-palette .r-fixed-width .inner-fixed-width {
  margin-right: 30px;
  width: 95px;
}
.responsive-palette .r-fixed-width .inner-fixed-width .r-caption {
  float: left;
}
.responsive-palette .r-fixed-width .inner-fixed-width .composer-checkbox.fixed-width {
  float: right;
}
.responsive-palette .r-fixed-width .r-alignment {
  width: 155px;
}
.responsive-palette .r-fixed-width .r-alignment .r-caption.alignment {
  float: left;
  margin-right: 0px;
}
.responsive-palette .max-width-input-wrapper {
  float: right !important;
}

.margin-explanation-palette {
  position: absolute;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 1000;
  color: #5f6568;
  background: white;
  border: 1px solid #e6e6e6;
  padding: 10px;
}
.margin-explanation-palette .close-button {
  right: -1px !important;
  top: -1px !important;
}
.margin-explanation-palette .close-button:before {
  color: #c3c5c5 !important;
}
.margin-explanation-palette .margin-div {
  float: left;
  margin-bottom: 15px;
  margin-right: 20px;
}
.margin-explanation-palette .margin-div:last-child {
  margin-bottom: 0px;
}
.margin-explanation-palette .margin-title,
.margin-explanation-palette .margin-sentence {
  float: left;
  clear: left;
}
.margin-explanation-palette .margin-sentence {
  display: inline;
}
.margin-explanation-palette .margin-text,
.margin-explanation-palette .margin-element {
  display: inline;
  line-height: 15px;
}
.margin-explanation-palette .margin-title {
  font-weight: bold;
  margin-bottom: 3px;
}
.margin-explanation-palette .margin-element {
  color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
}

.r-wrapper {
  cursor: pointer;
}
.r-wrapper.hovered {
  box-shadow: #a3d4fd 0px 0px 0px 1px;
}
.r-wrapper.selected {
  box-shadow: #2a86ff 0px 0px 0px 2px;
}
.r-wrapper .main-page {
  margin-bottom: 300px;
}

.bubble-r-line {
  clear: both;
  position: relative;
  pointer-events: none;
  /* We have to spell this logic this way to get the right specificity
    everywhere, because IE11 doesn't have a :not for us to use. */
}
.bubble-r-line > * {
  pointer-events: auto;
}
.bubble-r-line > .bubble-r-box, .bubble-r-line > .bubble-r-line {
  pointer-events: none;
}
.bubble-r-line .bubble-r-box {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.bubble-r-line .bubble-r-box > * {
  pointer-events: auto;
}
.bubble-r-line .bubble-r-box > .bubble-r-box, .bubble-r-line .bubble-r-box > .bubble-r-line {
  pointer-events: none;
}
.bubble-r-line .bubble-r-box.debug {
  box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 0.6);
}
.bubble-r-line .bubble-r-box.explained .r-wrapper.selected {
  box-shadow: none;
}
.bubble-r-line .bubble-r-box.explained .highlight-box-resp {
  background: rgba(0, 0, 0, 0.51);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 100;
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu {
  position: absolute;
  background: rgba(0, 128, 0, 0.7);
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu .value {
  color: white;
  font-size: 9px;
  position: absolute;
  text-align: center;
  word-break: break-all;
  width: 100%;
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu.left, .bubble-r-line .bubble-r-box.explained .r-margin-visu.right {
  height: 100%;
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu.top {
  width: 100%;
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu.top .value {
  height: 100%;
}
.bubble-r-line .bubble-r-box.explained .r-margin-visu.fixed {
  background: rgba(255, 0, 0, 0.7);
}
.bubble-r-line.debug {
  box-shadow: 0px 0px 0px 1px rgba(140, 140, 140, 0.7);
}
.bubble-r-line:after {
  content: " ";
  display: block;
  clear: both;
}

.rtl-test .bubble-element.Page {
  direction: rtl;
}
.rtl-test .bubble-element.Page .bubble-r-row.cancel-language {
  direction: ltr;
}
.rtl-test .bubble-element.Page .bubble-r-row.cancel-language > * {
  direction: rtl;
}

/*------------------
NEW RESPONSIVE
--------------------*/
.breakpoint-toolbar {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.breakpoint-toolbar .res-highlight {
  position: relative;
  width: 0px;
  height: 12px;
  background: rgba(59, 80, 86, 0.21);
  margin-top: -12px;
  margin-left: auto;
  margin-right: auto;
}
.breakpoint-toolbar .res-breakpoints {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  background-color: rgb(249, 249, 249);
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.breakpoint-toolbar .res-breakpoints .res-breakpoint {
  box-sizing: border-box;
  color: #a4a4a4;
  padding: 12px 6px;
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
}
.breakpoint-toolbar .res-breakpoints .res-breakpoint .r-icon {
  font-size: 18px;
  line-height: 18px;
  float: left;
  margin-right: 6px;
}
.breakpoint-toolbar .res-breakpoints .res-breakpoint .text {
  font-size: 14px;
  line-height: 18px;
  float: left;
  margin-left: 6px;
}
.breakpoint-toolbar .res-breakpoints .res-breakpoint.selected {
  color: var(--b-txt-brand, #0c29ab);
  border-bottom: 3px solid var(--b-txt-brand, #0c29ab);
  padding-bottom: 9px;
  cursor: default;
}
.breakpoint-toolbar .res-slider {
  position: relative;
  width: 100%;
  height: 12px;
  cursor: ew-resize;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
  background: rgb(249, 249, 249);
  overflow: hidden;
}
.breakpoint-toolbar .res-slider .ruler.mark {
  margin-top: 7px;
  width: 1px;
  height: 5px;
  float: left;
  margin-left: 9px;
  background: var(--b-border, #e6e6e6);
}
.breakpoint-toolbar .res-slider .ruler.mark.main {
  margin-top: 2px;
  height: 10px;
}
.breakpoint-toolbar .res-slider .marker {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgba(59, 80, 86, 0.21);
}

.resp-positioning-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
  height: 10000px;
  overflow: visible;
  visibility: hidden;
}
.resp-positioning-canvas .resp-testing-canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.resp-positioning-canvas .resp-testing-canvas .resp-elem-test {
  display: inline-block;
}

.resize-handle {
  display: none;
  border: 1px solid #0861fa;
  background: white;
  z-index: 10;
}

.bubble-r-container.fixed > .selected > .resize-handle {
  display: block;
}

.canvas:not(.resp-v1) .selected > .resize-handle {
  display: block;
}

.canvas.resp-v1 > .canvas-inner,
.designcanvas > .canvas-inner {
  grid-area: content;
  align-self: start;
  justify-self: center;
  position: relative;
  width: max-content;
}
.canvas.resp-v1 > .canvas-inner-reusable,
.designcanvas > .canvas-inner-reusable {
  all: inherit;
}
.canvas.resp-v1 > .canvas-inner-reusable > .element,
.designcanvas > .canvas-inner-reusable > .element {
  grid-area: content;
  align-self: start;
  justify-self: center;
  position: relative;
}
.canvas.resp-v1 > .canvas-inner-reusable > .element.GroupFocus,
.designcanvas > .canvas-inner-reusable > .element.GroupFocus {
  grid-area: unset;
  justify-self: stretch;
}
.canvas.resp-v1.responsive-mode > .element,
.designcanvas.responsive-mode > .element {
  justify-self: start;
}
.canvas.resp-v1 .element,
.canvas.resp-v1 .dummy-element,
.canvas.resp-v1 .table-dummy-cell,
.designcanvas .element,
.designcanvas .dummy-element,
.designcanvas .table-dummy-cell {
  display: grid;
  grid-template-areas: "element";
  align-items: stretch;
  justify-items: stretch;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
}
.canvas.resp-v1 .element > .inner-element,
.canvas.resp-v1 .dummy-element > .inner-element,
.canvas.resp-v1 .table-dummy-cell > .inner-element,
.designcanvas .element > .inner-element,
.designcanvas .dummy-element > .inner-element,
.designcanvas .table-dummy-cell > .inner-element {
  position: relative !important;
  z-index: 0;
  grid-area: element;
  max-height: 100%;
  max-width: 100%;
}
.canvas.resp-v1 .status-bar,
.designcanvas .status-bar {
  z-index: 3002;
}

.bubble-r-container {
  overflow: visible;
}
.bubble-r-container.fixed > .element, .bubble-r-container.fixed > .dummy-element, .bubble-r-container.fixed ~ .list-dummy > *, .bubble-r-container.fixed > .bubble-element {
  position: absolute;
}
.bubble-r-container.relative > .element, .bubble-r-container.relative > .dummy-element, .bubble-r-container.relative ~ .list-dummy > *, .bubble-r-container.relative > .bubble-element, .bubble-r-container.flex > .element, .bubble-r-container.flex > .dummy-element, .bubble-r-container.flex ~ .list-dummy > *, .bubble-r-container.flex > .bubble-element {
  position: relative;
}
.bubble-r-container.relative > .r-nonant-indicator {
  background-color: var(--b-bg-brand1, #f5faff);
  border-style: solid;
  border-color: var(--b-txt-brand, #0c29ab);
  z-index: 20;
}
.bubble-r-container.relative, .bubble-r-container.relative ~ .list-dummy {
  display: grid;
  grid-template-areas: "stack";
  grid-template-rows: 100%;
  grid-template-columns: 100%;
}
.bubble-r-container.relative > *, .bubble-r-container.relative ~ .list-dummy > * {
  grid-area: stack;
}
.bubble-r-container.flex, .bubble-r-container.flex ~ .list-dummy {
  display: flex;
  align-content: stretch;
}
.bubble-r-container.flex.row, .bubble-r-container.flex.row ~ .list-dummy {
  flex-direction: row;
  flex-wrap: wrap;
}
.bubble-r-container.flex.row > .r-row-indicator, .bubble-r-container.flex.row ~ .list-dummy > .r-row-indicator {
  background-color: var(--b-txt-brand, #0c29ab);
  width: 2px;
  z-index: 20;
  position: absolute;
}
.bubble-r-container.flex.column, .bubble-r-container.flex.column ~ .list-dummy {
  flex-direction: column;
  flex-wrap: nowrap;
}
.bubble-r-container.flex.column > .r-column-indicator, .bubble-r-container.flex.column ~ .list-dummy > .r-column-indicator {
  background-color: var(--b-txt-brand, #0c29ab);
  height: 2px;
  z-index: 20;
  position: absolute;
}

.bubble-r-container-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.bubble-r-container-wrapper > .bubble-r-container {
  position: relative;
  z-index: 0;
  max-width: 100%;
  flex-grow: 1;
  height: initial;
  overflow: inherit;
}

.bubble-rg {
  display: grid;
  justify-items: stretch;
}
.bubble-rg > *, .bubble-rg > .bubble-element.group-item {
  position: relative;
}
.bubble-rg .rg-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  background-color: var(--b-bg-secondary, #f7f7f7);
  font-size: 10px;
  font-family: "Open Sans";
  color: #000000;
  width: max-content;
  height: max-content;
}
.bubble-rg .rg-label.dummy {
  color: #868686;
}

.bubble-rg-flex-row {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.bubble-rg-flex-row > *, .bubble-rg-flex-row > .bubble-element.group-item {
  position: relative;
}
.bubble-rg-flex-row.bubble-rg-edit-guess {
  align-content: flex-start !important;
}
.bubble-rg-flex-row.bubble-rg-edit-guess > * {
  flex-grow: 0 !important;
}

.bubble-rg-edit-guess > .list-dummy {
  display: none !important;
}

.bubble-table {
  display: grid;
  justify-items: stretch;
}

.bubble-r-vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.res-preview > .r-wrapper {
  height: auto;
}

.debug .element > .r-margin-show {
  box-shadow: 0px 0px 0px 1px red;
}

.element.selected > .r-margin-show, .element.margin-snap > .r-margin-show, .element.margin-snap-horizontal > .r-margin-show, .element.margin-snap-vertical > .r-margin-show {
  overflow: visible;
  border: 1px solid #e97c00;
}
.element.selected > .r-padding-show, .element.margin-snap > .r-padding-show, .element.margin-snap-horizontal > .r-padding-show, .element.margin-snap-vertical > .r-padding-show {
  overflow: visible;
  position: absolute;
  z-index: 9;
  pointer-events: none;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.0705882353);
  border-style: solid;
}
.element.selected > .r-margin-side, .element.margin-snap > .r-margin-side, .element.margin-snap-horizontal > .r-margin-side, .element.margin-snap-vertical > .r-margin-side {
  display: block;
  pointer-events: none;
  position: absolute;
}
.element.selected > .r-margin-side .value, .element.margin-snap > .r-margin-side .value, .element.margin-snap-horizontal > .r-margin-side .value, .element.margin-snap-vertical > .r-margin-side .value {
  color: #e97c00;
  font-size: 10px;
  position: absolute;
  text-align: center;
}
.element.selected > .r-margin-side .line,
.element.selected > .r-margin-side .edge, .element.margin-snap > .r-margin-side .line,
.element.margin-snap > .r-margin-side .edge, .element.margin-snap-horizontal > .r-margin-side .line,
.element.margin-snap-horizontal > .r-margin-side .edge, .element.margin-snap-vertical > .r-margin-side .line,
.element.margin-snap-vertical > .r-margin-side .edge {
  position: absolute;
  background: #e97c00;
}
.element.selected > .r-margin-side .edge > .r-pull-handle, .element.margin-snap > .r-margin-side .edge > .r-pull-handle, .element.margin-snap-horizontal > .r-margin-side .edge > .r-pull-handle, .element.margin-snap-vertical > .r-margin-side .edge > .r-pull-handle {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.element.selected > .r-margin-side.left .edge, .element.margin-snap > .r-margin-side.left .edge, .element.margin-snap-horizontal > .r-margin-side.left .edge, .element.margin-snap-vertical > .r-margin-side.left .edge {
  height: 100;
}
.element.selected > .r-margin-side.left, .element.selected > .r-margin-side.right, .element.margin-snap > .r-margin-side.left, .element.margin-snap > .r-margin-side.right, .element.margin-snap-horizontal > .r-margin-side.left, .element.margin-snap-horizontal > .r-margin-side.right, .element.margin-snap-vertical > .r-margin-side.left, .element.margin-snap-vertical > .r-margin-side.right {
  height: 100%;
  top: 0;
}
.element.selected > .r-margin-side.left .value, .element.selected > .r-margin-side.right .value, .element.margin-snap > .r-margin-side.left .value, .element.margin-snap > .r-margin-side.right .value, .element.margin-snap-horizontal > .r-margin-side.left .value, .element.margin-snap-horizontal > .r-margin-side.right .value, .element.margin-snap-vertical > .r-margin-side.left .value, .element.margin-snap-vertical > .r-margin-side.right .value {
  top: calc(50% + 6px);
  width: 100%;
}
.element.selected > .r-margin-side.left .line, .element.selected > .r-margin-side.right .line, .element.margin-snap > .r-margin-side.left .line, .element.margin-snap > .r-margin-side.right .line, .element.margin-snap-horizontal > .r-margin-side.left .line, .element.margin-snap-horizontal > .r-margin-side.right .line, .element.margin-snap-vertical > .r-margin-side.left .line, .element.margin-snap-vertical > .r-margin-side.right .line {
  top: 50%;
  height: 1px;
  width: 100%;
}
.element.selected > .r-margin-side.left .edge, .element.selected > .r-margin-side.right .edge, .element.margin-snap > .r-margin-side.left .edge, .element.margin-snap > .r-margin-side.right .edge, .element.margin-snap-horizontal > .r-margin-side.left .edge, .element.margin-snap-horizontal > .r-margin-side.right .edge, .element.margin-snap-vertical > .r-margin-side.left .edge, .element.margin-snap-vertical > .r-margin-side.right .edge {
  height: 20px;
  width: 2px;
  top: 0;
  margin-top: auto;
  bottom: 0;
  margin-bottom: auto;
}
.element.selected > .r-margin-side.top, .element.selected > .r-margin-side.bottom, .element.margin-snap > .r-margin-side.top, .element.margin-snap > .r-margin-side.bottom, .element.margin-snap-horizontal > .r-margin-side.top, .element.margin-snap-horizontal > .r-margin-side.bottom, .element.margin-snap-vertical > .r-margin-side.top, .element.margin-snap-vertical > .r-margin-side.bottom {
  left: 0;
  width: 100%;
}
.element.selected > .r-margin-side.top .value, .element.selected > .r-margin-side.bottom .value, .element.margin-snap > .r-margin-side.top .value, .element.margin-snap > .r-margin-side.bottom .value, .element.margin-snap-horizontal > .r-margin-side.top .value, .element.margin-snap-horizontal > .r-margin-side.bottom .value, .element.margin-snap-vertical > .r-margin-side.top .value, .element.margin-snap-vertical > .r-margin-side.bottom .value {
  left: calc(50% + 6px);
  width: auto;
  top: 50%;
  transform: translateY(-50%);
}
.element.selected > .r-margin-side.top .line, .element.selected > .r-margin-side.bottom .line, .element.margin-snap > .r-margin-side.top .line, .element.margin-snap > .r-margin-side.bottom .line, .element.margin-snap-horizontal > .r-margin-side.top .line, .element.margin-snap-horizontal > .r-margin-side.bottom .line, .element.margin-snap-vertical > .r-margin-side.top .line, .element.margin-snap-vertical > .r-margin-side.bottom .line {
  left: 50%;
  height: 100%;
  width: 1px;
}
.element.selected > .r-margin-side.top .edge, .element.selected > .r-margin-side.bottom .edge, .element.margin-snap > .r-margin-side.top .edge, .element.margin-snap > .r-margin-side.bottom .edge, .element.margin-snap-horizontal > .r-margin-side.top .edge, .element.margin-snap-horizontal > .r-margin-side.bottom .edge, .element.margin-snap-vertical > .r-margin-side.top .edge, .element.margin-snap-vertical > .r-margin-side.bottom .edge {
  width: 20px;
  height: 2px;
  left: 0;
  margin-left: auto;
  right: 0;
  margin-right: auto;
}
.element.selected > .r-margin-side.top, .element.margin-snap > .r-margin-side.top, .element.margin-snap-horizontal > .r-margin-side.top, .element.margin-snap-vertical > .r-margin-side.top {
  top: 0;
}
.element.selected > .r-margin-side.top .edge, .element.margin-snap > .r-margin-side.top .edge, .element.margin-snap-horizontal > .r-margin-side.top .edge, .element.margin-snap-vertical > .r-margin-side.top .edge {
  bottom: 1px;
}
.element.selected > .r-margin-side.top .value, .element.margin-snap > .r-margin-side.top .value, .element.margin-snap-horizontal > .r-margin-side.top .value, .element.margin-snap-vertical > .r-margin-side.top .value {
  padding-bottom: 2px;
}
.element.selected > .r-margin-side.bottom, .element.margin-snap > .r-margin-side.bottom, .element.margin-snap-horizontal > .r-margin-side.bottom, .element.margin-snap-vertical > .r-margin-side.bottom {
  bottom: 0;
}
.element.selected > .r-margin-side.bottom .edge, .element.margin-snap > .r-margin-side.bottom .edge, .element.margin-snap-horizontal > .r-margin-side.bottom .edge, .element.margin-snap-vertical > .r-margin-side.bottom .edge {
  top: 1px;
}
.element.selected > .r-margin-side.bottom .value, .element.margin-snap > .r-margin-side.bottom .value, .element.margin-snap-horizontal > .r-margin-side.bottom .value, .element.margin-snap-vertical > .r-margin-side.bottom .value {
  padding-top: 1px;
}
.element.selected > .r-margin-side.left, .element.margin-snap > .r-margin-side.left, .element.margin-snap-horizontal > .r-margin-side.left, .element.margin-snap-vertical > .r-margin-side.left {
  left: 0;
}
.element.selected > .r-margin-side.left .edge,
.element.selected > .r-margin-side.left .value, .element.margin-snap > .r-margin-side.left .edge,
.element.margin-snap > .r-margin-side.left .value, .element.margin-snap-horizontal > .r-margin-side.left .edge,
.element.margin-snap-horizontal > .r-margin-side.left .value, .element.margin-snap-vertical > .r-margin-side.left .edge,
.element.margin-snap-vertical > .r-margin-side.left .value {
  right: 1px;
}
.element.selected > .r-margin-side.right, .element.margin-snap > .r-margin-side.right, .element.margin-snap-horizontal > .r-margin-side.right, .element.margin-snap-vertical > .r-margin-side.right {
  right: 0;
}
.element.selected > .r-margin-side.right .edge,
.element.selected > .r-margin-side.right .value, .element.margin-snap > .r-margin-side.right .edge,
.element.margin-snap > .r-margin-side.right .value, .element.margin-snap-horizontal > .r-margin-side.right .edge,
.element.margin-snap-horizontal > .r-margin-side.right .value, .element.margin-snap-vertical > .r-margin-side.right .edge,
.element.margin-snap-vertical > .r-margin-side.right .value {
  left: 1px;
}
.element.selected > .r-pull-handle, .element.margin-snap > .r-pull-handle, .element.margin-snap-horizontal > .r-pull-handle, .element.margin-snap-vertical > .r-pull-handle {
  display: block;
}
.element.selected > .r-pull-handle.left, .element.selected > .r-pull-handle.right, .element.margin-snap > .r-pull-handle.left, .element.margin-snap > .r-pull-handle.right, .element.margin-snap-horizontal > .r-pull-handle.left, .element.margin-snap-horizontal > .r-pull-handle.right, .element.margin-snap-vertical > .r-pull-handle.left, .element.margin-snap-vertical > .r-pull-handle.right {
  height: 100%;
  width: 4px;
  top: 0;
}
.element.selected > .r-pull-handle.left, .element.margin-snap > .r-pull-handle.left, .element.margin-snap-horizontal > .r-pull-handle.left, .element.margin-snap-vertical > .r-pull-handle.left {
  left: -2px;
}
.element.selected > .r-pull-handle.right, .element.margin-snap > .r-pull-handle.right, .element.margin-snap-horizontal > .r-pull-handle.right, .element.margin-snap-vertical > .r-pull-handle.right {
  right: -2px;
}
.element.selected > .r-pull-handle.top, .element.selected > .r-pull-handle.bottom, .element.margin-snap > .r-pull-handle.top, .element.margin-snap > .r-pull-handle.bottom, .element.margin-snap-horizontal > .r-pull-handle.top, .element.margin-snap-horizontal > .r-pull-handle.bottom, .element.margin-snap-vertical > .r-pull-handle.top, .element.margin-snap-vertical > .r-pull-handle.bottom {
  cursor: ns-resize;
  width: 100%;
  height: 4px;
  left: 0;
}
.element.selected > .r-pull-handle.top, .element.margin-snap > .r-pull-handle.top, .element.margin-snap-horizontal > .r-pull-handle.top, .element.margin-snap-vertical > .r-pull-handle.top {
  top: -2px;
}
.element.selected > .r-pull-handle.bottom, .element.margin-snap > .r-pull-handle.bottom, .element.margin-snap-horizontal > .r-pull-handle.bottom, .element.margin-snap-vertical > .r-pull-handle.bottom {
  bottom: -2px;
}

.dropdown-chevron {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjQxLDguNThMMTIsMTMuMTdMMTYuNTksOC41OEwxOCwxMEwxMiwxNkw2LDEwTDcuNDEsOC41OFoiIC8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat, repeat;
  background-position: right 0em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.r-margin-show {
  z-index: 9;
  position: absolute;
  display: block;
  pointer-events: none;
}

.r-margin-side {
  display: none;
  z-index: 9;
}

.plugin-rating-wrapper,
.plugin-docs {
  width: 100%;
}
.plugin-rating-wrapper .caption,
.plugin-docs .caption {
  float: left;
  margin-top: 9px !important;
  clear: both !important;
}
.plugin-rating-wrapper .caption.show-email,
.plugin-docs .caption.show-email {
  width: 342px;
  margin-top: 18px !important;
}
.plugin-rating-wrapper .show-email.composer-checkbox,
.plugin-docs .show-email.composer-checkbox {
  float: left;
  margin-top: 7px;
}
.plugin-rating-wrapper a.report-link,
.plugin-docs a.report-link {
  float: right;
  margin-top: 9px;
}
.plugin-rating-wrapper a.report-link:before,
.plugin-docs a.report-link:before {
  font-family: "FontAwesome";
  content: "\f024";
  margin-right: 5px;
  color: #abb1af;
}
.plugin-rating-wrapper a.report-link:hover,
.plugin-docs a.report-link:hover {
  text-decoration: none;
  color: var(--b-txt-brand, #0c29ab);
}
.plugin-rating-wrapper a.report-link:hover:before,
.plugin-docs a.report-link:hover:before {
  color: var(--b-txt-brand, #0c29ab);
}
.plugin-rating-wrapper .row-wrapper,
.plugin-docs .row-wrapper {
  margin-top: 15px;
  float: left;
  width: 100%;
}
.plugin-rating-wrapper .composer-textbox:has(.field),
.plugin-docs .composer-textbox:has(.field) {
  float: right !important;
}
.plugin-rating-wrapper .field,
.plugin-docs .field {
  float: right !important;
}
.plugin-rating-wrapper .field .rating-container,
.plugin-docs .field .rating-container {
  cursor: pointer;
  margin-top: -3px;
}
.plugin-rating-wrapper .field.MultilineTextBox,
.plugin-docs .field.MultilineTextBox {
  min-height: 80px;
}
.plugin-rating-wrapper .field.bubble-ui, .plugin-rating-wrapper .field.bubble-ui.new-composer,
.plugin-docs .field.bubble-ui,
.plugin-docs .field.bubble-ui.new-composer {
  background-color: white;
  width: 400px;
}
.plugin-rating-wrapper .btn.submit,
.plugin-docs .btn.submit {
  clear: both;
  margin-top: 25px;
  float: left;
  margin-left: 345px;
  width: 150px;
  margin-bottom: 10px;
}
.plugin-rating-wrapper .delete-rating,
.plugin-docs .delete-rating {
  margin-left: 40px !important;
  margin-top: 35px !important;
  float: left !important;
}

.auto-add-breakpoint-hoverable {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  left: 0;
}
.auto-add-breakpoint-hoverable .container {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.auto-add-breakpoint-hoverable .button {
  width: 164px;
  height: 39px;
  padding: 9px 19px 9px 19px;
  border-radius: 4px;
  border: 1px;
  gap: 10px;
  border: 1px solid #cc053a;
  color: #cc053a;
  cursor: pointer;
}
.auto-add-breakpoint-hoverable .element-name {
  color: var(--b-txt-brand, #0c29ab);
  font-weight: 600;
  cursor: pointer;
}
.auto-add-breakpoint-hoverable .breakpoint-size {
  font-weight: 600;
}

.template-editor .template-name {
  margin-top: 80px;
}
.template-editor img.template-image {
  width: 100px;
  margin-top: 30px;
  float: left;
  clear: both;
}
.template-editor .by-wrapper {
  clear: left;
  float: left;
  margin-top: 30px;
}
.template-editor .by-wrapper img.template-creator-icon {
  width: 30px;
  float: left;
}
.template-editor .by-wrapper .template-maker {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}
.template-editor .plugin-rating-wrapper {
  margin-top: 30px;
  width: 770px;
}

.context-menu.composer.pinned-property-editor {
  position: absolute;
  width: auto;
  min-width: 150px;
  background-color: white;
  border-radius: var(--b-radius-regular);
  padding: var(--b-spacing4) 0;
  box-shadow: var(--b-level1);
  outline: none;
  z-index: 100000001;
  margin-top: var(--b-spacing4);
  pointer-events: auto;
  margin-left: 0px;
}
.context-menu.composer.pinned-property-editor .context-menu-item {
  padding: 8px 16px;
  color: var(--b-txt-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  transition: background-color 0.15s ease;
}
.context-menu.composer.pinned-property-editor .context-menu-item:hover {
  background-color: var(--b-bg-secondary);
}
.context-menu.composer.pinned-property-editor .context-menu-item:active {
  background-color: var(--color_bTGzq_default);
}
.context-menu.composer.pinned-property-editor .context-menu-item.separator {
  border-top: 1px solid var(--color_bTGzr_default);
  margin: 4px 0;
  padding: 0;
  height: 1px;
}
.context-menu.composer.pinned-property-editor .context-menu-item.disabled {
  color: #9ca3af;
  cursor: not-allowed;
}
.context-menu.composer.pinned-property-editor .context-menu-item.disabled:hover {
  background-color: transparent;
}
.context-menu.composer.pinned-property-editor .context-menu-item.clear_expression {
  color: var(--b-txt-danger);
}

.advanced {
  background-color: white;
  margin: 20px;
}
.advanced .structure,
.advanced .array,
.advanced .picker {
  margin-left: 10px;
}
.advanced .err-child-title,
.advanced .entry-title,
.advanced .spot-title {
  display: inline;
}
.advanced .literal {
  display: inline;
}
.advanced .entry,
.advanced .spot {
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.advanced .err-child {
  font-style: italic;
  color: gray;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.bubble-table {
  display: flex;
  flex-wrap: nowrap;
}

.tabs-1.tabcanvas .element.Table > .inner-element {
  overflow: visible;
  clip-path: inset(-40px -1px -1px -20px);
}
.tabs-1.tabcanvas .element.Table > .inner-element .table-dummy {
  overflow: hidden;
}

.element.TableCell.selected {
  outline: 1px solid #e97c00;
}

.editor-table-index-marker {
  background-color: var(--b-bg-secondary, #f7f7f7);
  display: flex;
  position: absolute;
  align-items: stretch;
  overflow: visible;
}
.editor-table-index-marker.column-marker {
  flex-direction: row;
  min-width: 100%;
  width: auto;
  height: 20px;
  top: -20px;
  left: 0px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.editor-table-index-marker.row-marker {
  flex-direction: column;
  width: 20px;
  min-height: 100%;
  height: auto;
  top: 0px;
  left: -20px;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.editor-table-index-marker_cell {
  font-size: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.editor-table-index-marker_cell.main-axis {
  box-sizing: border-box;
}
.editor-table-index-marker_cell.cross-axis {
  box-sizing: content-box;
}
.editor-table-index-marker_cell.column-marker {
  flex-direction: row;
}
.editor-table-index-marker_cell.column-marker.show-ending-border {
  border-right: 1px solid #d9d9d9;
}
.editor-table-index-marker_cell.column-marker.show-starting-border {
  border-left: 1px solid #d9d9d9;
}
.editor-table-index-marker_cell.row-marker {
  border-top: 0;
  flex-direction: column;
}
.editor-table-index-marker_cell.row-marker.show-ending-border {
  border-bottom: 1px solid #d9d9d9;
}
.editor-table-index-marker_cell.row-marker.show-starting-border {
  border-top: 1px solid #d9d9d9;
}
.editor-table-index-marker_cell .repeating-sign {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjM2MDk0IDAuMTI1NzQ4QzYuMzI4MTIgMC4xMjU3NDggNS41MjAzMSAwLjc3MTA2IDUgMS4zNTM4N0M0LjQ3OTY5IDAuNzcxMDYgMy42NzE4OCAwLjEyNTc0OCAyLjYzOTA2IDAuMTI1NzQ4QzEuMTg0MzcgMC4xMjU3NDggMCAxLjI0NzYyIDAgMi42MjU3NUMwIDQuMDAzODcgMS4xODQzNyA1LjEyNTc1IDIuNjM5MDYgNS4xMjU3NUMzLjY3MTg4IDUuMTI1NzUgNC40Nzk2OSA0LjQ4MDQzIDUgMy44OTc2MkM1LjUyMDMxIDQuNDgwNDMgNi4zMjgxMiA1LjEyNTc1IDcuMzYwOTQgNS4xMjU3NUM4LjgxNTYzIDUuMTI1NzUgMTAgNC4wMDM4NyAxMCAyLjYyNTc1QzEwIDEuMjQ3NjIgOC44MTU2MyAwLjEyNTc0OCA3LjM2MDk0IDAuMTI1NzQ4Wk0yLjYzOTA2IDMuNjI1NzVDMi4wMTA5NCAzLjYyNTc1IDEuNSAzLjE3NzMxIDEuNSAyLjYyNTc1QzEuNSAyLjA3NDE5IDIuMDEwOTQgMS42MjU3NSAyLjYzOTA2IDEuNjI1NzVDMy4yMzU5NCAxLjYyNTc1IDMuNzg1OTQgMi4xODk4MSA0LjEwNzgxIDIuNjI1NzVDMy43ODkwNiAzLjA1NyAzLjIzNDM4IDMuNjI1NzUgMi42MzkwNiAzLjYyNTc1Wk03LjM2MDk0IDMuNjI1NzVDNi43NjQwNiAzLjYyNTc1IDYuMjE0MDYgMy4wNjE2OSA1Ljg5MjE5IDIuNjI1NzVDNi4yMTA5NCAyLjE5NDUgNi43NjU2MiAxLjYyNTc1IDcuMzYwOTQgMS42MjU3NUM3Ljk4OTA2IDEuNjI1NzUgOC41IDIuMDc0MTkgOC41IDIuNjI1NzVDOC41IDMuMTc3MzEgNy45ODkwNiAzLjYyNTc1IDcuMzYwOTQgMy42MjU3NVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K");
  top: -1px;
}
.editor-table-index-marker_cell .dummy-index {
  color: rgba(0, 0, 0, 0.4);
}
.editor-table-index-marker_cell.selected {
  background: rgb(64, 134, 222);
  color: #ffffff;
}
.editor-table-index-marker_cell.selected .repeating-sign {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzYwOTQgNC4xNjY2M0M3LjMyODEyIDQuMTY2NjMgNi41MjAzMSA0LjgxMTk0IDYgNS4zOTQ3NUM1LjQ3OTY5IDQuODExOTQgNC42NzE4OCA0LjE2NjYzIDMuNjM5MDYgNC4xNjY2M0MyLjE4NDM3IDQuMTY2NjMgMSA1LjI4ODUgMSA2LjY2NjYzQzEgOC4wNDQ3NSAyLjE4NDM3IDkuMTY2NjMgMy42MzkwNiA5LjE2NjYzQzQuNjcxODggOS4xNjY2MyA1LjQ3OTY5IDguNTIxMzEgNiA3LjkzODVDNi41MjAzMSA4LjUyMTMxIDcuMzI4MTIgOS4xNjY2MyA4LjM2MDk0IDkuMTY2NjNDOS44MTU2MyA5LjE2NjYzIDExIDguMDQ0NzUgMTEgNi42NjY2M0MxMSA1LjI4ODUgOS44MTU2MyA0LjE2NjYzIDguMzYwOTQgNC4xNjY2M1pNMy42MzkwNiA3LjY2NjYzQzMuMDEwOTQgNy42NjY2MyAyLjUgNy4yMTgxOSAyLjUgNi42NjY2M0MyLjUgNi4xMTUwNiAzLjAxMDk0IDUuNjY2NjMgMy42MzkwNiA1LjY2NjYzQzQuMjM1OTQgNS42NjY2MyA0Ljc4NTk0IDYuMjMwNjkgNS4xMDc4MSA2LjY2NjYzQzQuNzg5MDYgNy4wOTc4OCA0LjIzNDM4IDcuNjY2NjMgMy42MzkwNiA3LjY2NjYzWk04LjM2MDk0IDcuNjY2NjNDNy43NjQwNiA3LjY2NjYzIDcuMjE0MDYgNy4xMDI1NiA2Ljg5MjE5IDYuNjY2NjNDNy4yMTA5NCA2LjIzNTM4IDcuNzY1NjIgNS42NjY2MyA4LjM2MDk0IDUuNjY2NjNDOC45ODkwNiA1LjY2NjYzIDkuNSA2LjExNTA2IDkuNSA2LjY2NjYzQzkuNSA3LjIxODE5IDguOTg5MDYgNy42NjY2MyA4LjM2MDk0IDcuNjY2NjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  top: -1px;
}
.editor-table-index-marker_cell.selected-dummy {
  background: rgba(64, 134, 222, 0.2);
}

.editor-table-dragger-icon {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  cursor: move;
  position: absolute;
  top: -20px;
  left: -20px;
  height: 20px;
  width: 20px;
}
.editor-table-dragger-icon:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjkwNDg0MyAyLjY5Mzc4SDcuMDk1MzJDNy4yMjY4MiAyLjY5Mzc4IDcuMzMzNDIgMi41NjA1NCA3LjMzMzQyIDIuMzk2MTZWMS42NTIxMUM3LjMzMzQyIDEuNDg3NzMgNy4yMjY4MiAxLjM1NDQ5IDcuMDk1MzIgMS4zNTQ0OUgwLjkwNDg0M0MwLjc3MzM0IDEuMzU0NDkgMC42NjY3NDggMS40ODc3MyAwLjY2Njc0OCAxLjY1MjExVjIuMzk2MTZDMC42NjY3NDggMi41NjA1NCAwLjc3MzM0IDIuNjkzNzggMC45MDQ4NDMgMi42OTM3OFpNMC45MDQ4NDMgNS42Njk5N0g3LjA5NTMyQzcuMjI2ODIgNS42Njk5NyA3LjMzMzQyIDUuNTM2NzMgNy4zMzM0MiA1LjM3MjM1VjQuNjI4M0M3LjMzMzQyIDQuNDYzOTIgNy4yMjY4MiA0LjMzMDY4IDcuMDk1MzIgNC4zMzA2OEgwLjkwNDg0M0MwLjc3MzM0IDQuMzMwNjggMC42NjY3NDggNC40NjM5MiAwLjY2Njc0OCA0LjYyODNWNS4zNzIzNUMwLjY2Njc0OCA1LjUzNjczIDAuNzczMzQgNS42Njk5NyAwLjkwNDg0MyA1LjY2OTk3Wk0wLjkwNDg0MyA4LjY0NjE2SDcuMDk1MzJDNy4yMjY4MiA4LjY0NjE2IDcuMzMzNDIgOC41MTI5MiA3LjMzMzQyIDguMzQ4NTRWNy42MDQ0OUM3LjMzMzQyIDcuNDQwMTEgNy4yMjY4MiA3LjMwNjg3IDcuMDk1MzIgNy4zMDY4N0gwLjkwNDg0M0MwLjc3MzM0IDcuMzA2ODcgMC42NjY3NDggNy40NDAxMSAwLjY2Njc0OCA3LjYwNDQ5VjguMzQ4NTRDMC42NjY3NDggOC41MTI5MiAwLjc3MzM0IDguNjQ2MTYgMC45MDQ4NDMgOC42NDYxNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
  top: -1px;
  position: relative;
}

.element.Table.selected > .inner-element > .editor-table-dragger-icon {
  background-color: rgb(64, 134, 222);
}
.element.Table.selected > .inner-element > .editor-table-dragger-icon:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45MDQ3MjEgMS42OTM0NEg3LjA5NTJDNy4yMjY3IDEuNjkzNDQgNy4zMzMyOSAxLjU2MDIgNy4zMzMyOSAxLjM5NTgyVjAuNjUxNzc2QzcuMzMzMjkgMC40ODczOTcgNy4yMjY3IDAuMzU0MTU2IDcuMDk1MiAwLjM1NDE1NkgwLjkwNDcyMUMwLjc3MzIxOCAwLjM1NDE1NiAwLjY2NjYyNiAwLjQ4NzM5NyAwLjY2NjYyNiAwLjY1MTc3NlYxLjM5NTgyQzAuNjY2NjI2IDEuNTYwMiAwLjc3MzIxOCAxLjY5MzQ0IDAuOTA0NzIxIDEuNjkzNDRaTTAuOTA0NzIxIDQuNjY5NjNINy4wOTUyQzcuMjI2NyA0LjY2OTYzIDcuMzMzMjkgNC41MzYzOSA3LjMzMzI5IDQuMzcyMDFWMy42Mjc5N0M3LjMzMzI5IDMuNDYzNTkgNy4yMjY3IDMuMzMwMzUgNy4wOTUyIDMuMzMwMzVIMC45MDQ3MjFDMC43NzMyMTggMy4zMzAzNSAwLjY2NjYyNiAzLjQ2MzU5IDAuNjY2NjI2IDMuNjI3OTdWNC4zNzIwMUMwLjY2NjYyNiA0LjUzNjM5IDAuNzczMjE4IDQuNjY5NjMgMC45MDQ3MjEgNC42Njk2M1pNMC45MDQ3MjEgNy42NDU4Mkg3LjA5NTJDNy4yMjY3IDcuNjQ1ODIgNy4zMzMyOSA3LjUxMjU4IDcuMzMzMjkgNy4zNDgyVjYuNjA0MTZDNy4zMzMyOSA2LjQzOTc4IDcuMjI2NyA2LjMwNjU0IDcuMDk1MiA2LjMwNjU0SDAuOTA0NzIxQzAuNzczMjE4IDYuMzA2NTQgMC42NjY2MjYgNi40Mzk3OCAwLjY2NjYyNiA2LjYwNDE2VjcuMzQ4MkMwLjY2NjYyNiA3LjUxMjU4IDAuNzczMjE4IDcuNjQ1ODIgMC45MDQ3MjEgNy42NDU4MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  top: -2px;
}

.axis-divider-wrapper {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 0;
  pointer-events: none;
}
.axis-divider-wrapper.hovered {
  pointer-events: auto;
}
.axis-divider-wrapper.column {
  flex-direction: column;
}
.axis-divider-wrapper.first {
  justify-content: start;
}
.axis-divider-wrapper.first .axis-divider.vertical {
  margin-left: 0px;
}
.axis-divider-wrapper.first .axis-divider.horizontal {
  margin-top: 0px;
  top: 0;
}
.axis-divider-wrapper .axis-divider {
  background: #4086de;
  position: absolute;
  z-index: 1000;
}
.axis-divider-wrapper .axis-divider.vertical {
  width: 1.5px;
  height: calc(100% + 20px);
  top: -20px;
  margin-right: -1px;
}
.axis-divider-wrapper .axis-divider.vertical.dragging-indicator {
  background: #0205d3;
  width: 2px;
  margin-right: 0px;
}
.axis-divider-wrapper .axis-divider.horizontal {
  width: calc(100% + 20px);
  height: 1.5px;
  left: -20px;
  margin-bottom: -1px;
}
.axis-divider-wrapper .axis-divider.horizontal.dragging-indicator {
  background: #0205d3;
  height: 2px;
  margin-bottom: 0px;
}
.axis-divider-wrapper .add-axis-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.3);
  background: rgba(64, 134, 222, 0.12);
  padding-left: 4px;
  border-radius: 2px;
}
.axis-divider-wrapper .add-axis-icon.vertical {
  top: -40px;
  margin-right: -9px;
}
.axis-divider-wrapper .add-axis-icon.horizontal {
  left: -40px;
  margin-bottom: -9px;
}
.axis-divider-wrapper .add-axis-icon:before {
  content: "\f067";
  font-family: "FontAwesome";
}
.axis-divider-wrapper .add-axis-icon:hover {
  color: #4086de;
}

.delete-main-axis-icon {
  position: absolute;
  color: rgba(0, 0, 0, 0.3);
  background: rgba(64, 134, 222, 0.12);
  border-radius: 2px;
  width: 18px;
  height: 18px;
  font-size: 13px;
  line-height: 17px;
}
.delete-main-axis-icon.vertical {
  top: -20px;
}
.delete-main-axis-icon.horizontal {
  left: -20px;
}
.delete-main-axis-icon:before {
  content: "\f00d";
  font-family: "FontAwesome";
}
.delete-main-axis-icon:hover {
  color: #4086de;
}

.bubble-cross-axis {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.table-dummy-cell {
  z-index: 2;
}
.table-dummy-cell.hovered {
  z-index: 100;
}
.table-dummy-cell.hovered.vertical {
  box-shadow: 1px 0px #0099cc, -1px 0px #0099cc;
}
.table-dummy-cell.hovered.vertical.bottom {
  box-shadow: 1px 0px #0099cc, -1px 0px #0099cc, 0px 1px #0099cc;
}
.table-dummy-cell.hovered.horizontal {
  box-shadow: 0px 1px #0099cc, 0px -1px #0099cc;
}
.table-dummy-cell.hovered.horizontal.bottom {
  box-shadow: 0px 1px #0099cc, 0px -1px #0099cc, 1px 0px #0099cc;
}
.table-dummy-cell.selected {
  z-index: 1000;
}
.table-dummy-cell.selected.vertical {
  box-shadow: 1px 0px #e97c00, -1px 0px #e97c00;
}
.table-dummy-cell.selected.vertical.bottom {
  box-shadow: 1px 0px #e97c00, -1px 0px #e97c00, 0px 1px #e97c00;
}
.table-dummy-cell.selected.horizontal {
  box-shadow: 0px 1px #e97c00, 0px -1px #e97c00;
}
.table-dummy-cell.selected.horizontal.bottom {
  box-shadow: 0px 1px #e97c00, 0px -1px #e97c00, 1px 0px #e97c00;
}

.bubble-legacy-table {
  overflow: hidden !important;
  background: #f9f9f9;
  color: #888888;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}
.bubble-legacy-table > * {
  display: none;
}
.bubble-legacy-table > .incompatible-message {
  display: inline-block;
  text-align: center;
}
.bubble-legacy-table:before {
  font-family: "FontAwesome";
  content: "\f071";
}

@font-face {
  font-family: "bubble";
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?-eiqxi1);
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?#iefix-eiqxi1) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994746211x616051028715446500/bubble.ttf?-eiqxi1) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994775004x325740637257695170/bubble.woff?-eiqxi1) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994761081x117351920343935490/bubble.svg?-eiqxi1#bubble) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "bubble";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-big-arrow:before {
  content: "\e603";
}

.icon-filter:before {
  content: "\e608";
}

.icon-account:before {
  content: "\e621";
}

.icon-analytics:before {
  content: "\e622";
}

.icon-element:before {
  content: "\e623";
}

.icon-email:before {
  content: "\e624";
}

.icon-navigation:before {
  content: "\e625";
}

.icon-payment:before {
  content: "\e626";
}

.icon-data:before {
  content: "\e627";
}

.icon-design:before {
  content: "\e628";
}

.icon-plugins:before {
  content: "\e629";
}

.icon-settings:before {
  content: "\e62a";
}

.icon-workflow:before {
  content: "\e62b";
}

.icon-checkbox:before {
  content: "\e62c";
}

.icon-dropdown:before {
  content: "\e62d";
}

.icon-file-uploader:before {
  content: "\e62e";
}

.icon-input:before {
  content: "\e62f";
}

.icon-multi-line:before {
  content: "\e630";
}

.icon-picture-uploader:before {
  content: "\e631";
}

.icon-rich-text:before {
  content: "\e632";
}

.icon-slider:before {
  content: "\e633";
}

.icon-time:before {
  content: "\e634";
}

.icon-new:before {
  content: "\e635";
}

.icon-alert:before {
  content: "\e636";
}

.icon-button:before {
  content: "\e637";
}

.icon-calendar:before {
  content: "\e638";
}

.icon-charts:before {
  content: "\e639";
}

.icon-html:before {
  content: "\e63a";
}

.icon-icon:before {
  content: "\e63b";
}

.icon-image:before {
  content: "\e63c";
}

.icon-link:before {
  content: "\e63d";
}

.icon-map:before {
  content: "\e63e";
}

.icon-shape:before {
  content: "\e63f";
}

.icon-slideshow:before {
  content: "\e640";
}

.icon-text:before {
  content: "\e641";
}

.icon-video:before {
  content: "\e642";
}

.icon-check-1:before {
  content: "\e643";
}

.icon-check-2:before {
  content: "\e644";
}

.icon-upload:before {
  content: "\e645";
}

.icon-arrow-down:before {
  content: "\e646";
}

.icon-arrow-dropdown:before {
  content: "\e647";
}

.icon-edit:before {
  content: "\e648";
}

.icon-trash:before {
  content: "\e649";
}

.icon-puzzle-2:before {
  content: "\e64a";
}

.icon-close:before {
  content: "\e64b";
}

.icon-box:before {
  content: "\e64c";
}

.icon-tools:before {
  content: "\e64d";
}

.icon-visible:before {
  content: "\e64e";
}

.icon-apps:before {
  content: "\e64f";
}

.icon-logout:before {
  content: "\e650";
}

.icon-user:before {
  content: "\e651";
}

.icon-laptop:before {
  content: "\e600";
}

.icon-puzzle-1:before {
  content: "\e601";
}

.icon-add:before {
  content: "\e602";
}

.icon-arrow-right:before {
  content: "\e604";
}

.icon-bold:before {
  content: "\e605";
}

.icon-border:before {
  content: "\e606";
}

.icon-center-align:before {
  content: "\e607";
}

.icon-clone:before {
  content: "\e609";
}

.icon-copy:before {
  content: "\e60a";
}

.icon-cut:before {
  content: "\e60b";
}

.icon-float-group:before {
  content: "\e60c";
}

.icon-grid:before {
  content: "\e60d";
}

.icon-group:before {
  content: "\e60e";
}

.icon-group-focus:before {
  content: "\e60f";
}

.icon-issues:before {
  content: "\e610";
}

.icon-italic:before {
  content: "\e611";
}

.icon-learn:before {
  content: "\e612";
}

.icon-left-align:before {
  content: "\e613";
}

.icon-manual:before {
  content: "\e614";
}

.icon-page:before {
  content: "\e615";
}

.icon-paste:before {
  content: "\e616";
}

.icon-popup:before {
  content: "\e617";
}

.icon-question:before {
  content: "\e618";
}

.icon-redo:before {
  content: "\e619";
}

.icon-repeat-group:before {
  content: "\e61a";
}

.icon-right-align:before {
  content: "\e61b";
}

.icon-ruler:before {
  content: "\e61c";
}

.icon-selection:before {
  content: "\e61d";
}

.icon-star:before {
  content: "\e61e";
}

.icon-underline:before {
  content: "\e61f";
}

.icon-undo:before {
  content: "\e620";
}

@font-face {
  font-family: "r-bubble";
  src: url(data:font/opentype;charset=utf-8;base64,3BcAADQXAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAoplvLgAAAAAAAAAAAAAAAAAAAAAAABAAcgAtAGIAdQBiAGIAbABlAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAHIALQBiAHUAYgBiAGwAZQAAAAAAAAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI2V0MTAAABjAAAAFZjbWFwIU/wZQAAAlgAAALqZ2x5Zpu32B4AAAWAAAANbGhlYWQbWEWMAAAA4AAAADZoaGVhAgEBHQAAALwAAAAkaG10eBwA//4AAAHkAAAAdGxvY2EuGDFqAAAFRAAAADxtYXhwAS0ATgAAARgAAAAgbmFtZYCsLPcAABLsAAACFnBvc3QatF9LAAAVBAAAAi0AAQAAAQAAAAAAAQD//v//AQEAAQAAAAAAAAAAAAAAAAAAAB0AAQAAAAEAAC5vmaJfDzz1AAsBAAAAAADdnQNIAAAAAN2dA0j//v/+AQEBAQAAAAgAAgAAAAAAAAABAAAAHQBCAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEA9wGQAAUAAACiALMAAAAjAKIAswAAAHoADABCAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoC6h0BAAAAABcBAQACAAAAAQAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAP/+AAAABQAAAAMAAAAsAAAABAAAAYoAAQAAAAAAhAADAAEAAAAsAAMACgAAAYoABABYAAAABAAEAAEAAOod//8AAOoC//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAEgATABQAFQAWABcAGAAZABoAGwAcAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAFgAAAAAAAAABwAAOoCAADqAgAAAAEAAOoDAADqAwAAAAIAAOoEAADqBAAAAAMAAOoFAADqBQAAAAQAAOoGAADqBgAAAAUAAOoHAADqBwAAAAYAAOoIAADqCAAAAAcAAOoJAADqCQAAAAgAAOoKAADqCgAAAAkAAOoLAADqCwAAAAoAAOoMAADqDAAAAAsAAOoNAADqDQAAAAwAAOoOAADqDgAAAA0AAOoPAADqDwAAAA4AAOoQAADqEAAAAA8AAOoRAADqEQAAABAAAOoSAADqEgAAABEAAOoTAADqEwAAABIAAOoUAADqFAAAABMAAOoVAADqFQAAABQAAOoWAADqFgAAABUAAOoXAADqFwAAABYAAOoYAADqGAAAABcAAOoZAADqGQAAABgAAOoaAADqGgAAABkAAOobAADqGwAAABoAAOocAADqHAAAABsAAOodAADqHQAAABwAAAAAAAAAOAB2ALYA9gEuAWgBoAHiAiQCbALEAvQDJgNWA4YDuAPqBBoETASKBM4FGAVoBaYF6gYuBnIGtgADAAAAAADVANUABAAcACIAADcVMzUjFw4BBwYXFjsBFR4BMjY3NTMyPgEuAS8BHwEjNzYyK6qqUgEsAQIFAxISAQMGAwESEgUCAyoCAw4NNg0OAc4HDiQBNAIGAwFDBgMDBkMCBgUzAQEjDw8QAAAAAwAAAAAA1QDVAAYAHwAmAAA3FSMVMzUjBwYUHwEHBhQWHwEWPgEvAS4CBg8BJyYiFxYGLgE2M8ecqg6MAhoZDQ4EBR0hBgQBBQEDBQUKDTAFBVQCASgBJQGHTg6qGgIEGhoODgQEAQMDAQQFOQgEAQQJDi8ERBQBAwEmAAMAAAAAANUA1QAGACAAKAAANxUzNSM1IxcGDwEnJiMiDgEeAT8BMjYmLwE3PgE0JiIPARYjBwYmNjIrqpwOdxcCAxkDAgYDBAEECDoFBQQKDRkRCAQEBTQSARUTAQMCgFUOnC4XAgIYAhI4BAIBBQUHCw4ZEgkFBAQ/EwIBASgAAgAAAAAAxwDHABgAKQAANyIGDwIeAxczPgM3NTQnJi8BIyIXHgEUDgEHIy4CND4BNzMWTQQKAgMBAQIJCAxODAgJAgEBAwkFMzNkBAICBghSCAYCAgYIUgjGCAQFXAwICQIBAQIJBwwoMAQKBQQQAgdcBwMBAQMHXAcDAQEAAAADAAAAAADVANUABAAdACMAADcVMzUjBw4BHQEjDgEUFhczFRQeATI+ASYvAS4BBxcWFA8BNccODlMCAkMGAwQGQgIEBDYCAgYpBgQCIAoKFoBVqiQCCA4SAQMHAgESEgQDLQQFBSMFAQEoCAIIEjYAAwAAAAAA3QDVAAQAHQAkAAA3FTM1IxcGDwEOAR4BMj4BPQEzPgE0JicjNTQuASIHFScmNj8BKw4OWQMZEgYCAjYEBAJCBgQDBkMCBQIGEBABDxCAVaolAxQQBQUELQMEEhIBAgcDARIOCAM/Dg0NAg0NAAADAAAAAADVANwAFwAdACIAADcGBxUjIg4BHgI2PwE+AS4BKwE1LgEiFwYiLwEzBxUzNSN7AQESEgUCAysDBQYRFgECBRISAQMGGhYCFgQ2cKqq2gEGQwIGBTMCAgYUGwQFAkMGA2AaGgVPBw4AAAAAAwAAAAAA1QDVAAYAIAApAAA3FTMVMzUjFwYiBhQfAQcGFBYyPwEXFhceATY1NzY0JiIXBg8BJyY0PwErnA6qUx4DAwIZLgUEBQUvBQQJCAYFAwMDDQEBAQETEw8azgecqjUDBQQDGi4GBAQELgQECQcDBQUeGQwEFwkMDRMSAQICAAAAAwAAAAAA1QDVAAYAIQApAAA3FTM1MzUjFw4BFRceAjY/ARcWMjY0LwE3PgEmLwEiBgcXHgEGIyc0MysOnKo1AQEGAQMFBgkNMAUEBRoZDQ0BBAQ6CAMCIhIDJQEEAYBVnA41AQMDOggDAQQJDi8EBQQaGg0NBgQBBgEBDwEBJiUFAAAABQAAAAAA4ADgAAwAHAAsADAANAAANzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTOAAwUFBgUFLQcJCQcgBwkJB6AHCQkHIAcJCQdgICCAICDgBQOwAwUFA7ADBUAJByAHCQkHIAcJCQcgBwkJByAHCRAgICAABgAAAAAA8ADgAAwAGQApADkAPQBBAAA3MhYdARQGIiY9ATQ2MzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTMYAwUFBgUF0wMFBQYFBX0HCQkHIAcJCQdwBwkJByAHCQkHMCAgUCAg4AUDsAMFBQOwAwUFA7ADBQUDsAMFQAkHIAcJCQcgBwkJByAHCQkHIAcJECAgIAADAAAAAADgANAACwAbAB8AADcyFhQGKwEiJjQ2MzcyFh0BFAYrASImPQE0NjMXIxUz2AMFBQOwAwUFA2gHCQkHIAcJCQcgICBABQYFBQYFkAkHYAcJCQdgBwkQYAAAAAAEAAAAAADgALAADwATABoAIQAANzIWHQEUBisBIiY9ATQ2MxcjFTM3Fwc1IzUzJxUzFSMVJ5AHCQkHIAcJCQcgICAwICAQEIAQECCwCQdABwkJB0AHCRBAOBgYEBAQEBAQGAAAAwAAAAAA0ADgAAwAHAAgAAA3MhYdARQGIiY9ATQ2BzIWHQEUBisBIiY9ATQ2MxcjFTPIAwUFBgUFJQcJCQdgBwkJB2BgYOAFA7ADBQUDsAMFQAkHIAcJCQcgBwkQIAAAAwAAAAAA4ADQAA8AEwAfAAA3MhYdARQGKwEiJj0BNDYzFyMVMzcyFhQGKwEiJjQ2M5AHCQkHIAcJCQcgICBIAwUFA7ADBQUDsAkHYAcJCQdgBwkQYJAFBgUFBgUAAAAABAAAAAAAoADgAAYAFgAaACEAADcVMwcnMzU3MhYdARQGKwEiJj0BNDYzFyMVMycXIxUjNSOIEBgYEBgHCQkHIAcJCQcgICAQGBAQEFAUHBwUUAkHIAcJCQcgBwkQIHAcFBQAAAIAAAAAAOAAwAADACMAADcjFTsBFAYrASImPQEjIiY0NjsBNTQ2OwEyFh0BMzIWFAYrAZAgIBAJByAHCTgDBQUDOAkHIAcJOAMFBQM4sGAHCQkHKAUGBSgHCQkHKAUGBQAAAAADAAAAAADQAOAADAAcACAAADcyFh0BFAYiJj0BNDYXMhYdARQGKwEiJj0BNDYzFyMVMzgDBQUGBQWLBwkJB2AHCQkHYGBg4AUDsAMFBQOwAwVACQcgBwkJByAHCRAgAAACAAAAAADAAOAAHwAjAAA3NDYyFh0BMzIWHQEUBisBFRQGIiY9ASMiJj0BNDY7ARcjFTN4BQYFKAcJCQcoBQYFKAcJCQcoOGBg2AMFBQM4CQcgBwk4AwUFAzgJByAHCRAgAAAABQAAAAAAoACcAAgAEQAaACMAJwAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjN2gDAwcHAwMTBgwHBg0GEgMHAwMHAxMHDAYGDAcLIgYiiQcIHQcHCgoKEwoKIgcHBw4HBwcJCgoTCQoiPT0AAAYAAAAAANYArQAIABEAGgAjACcAKgAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjNx8BN0YDAwcHAwMTBgwHBgwHEQQHAwMHBBQHDAYGDAcLIgYiNRoZmgcHHAcHCgoKEwoKIgcHBw4HBwcJCgoTCQkhPT0SGhoAAAADAAAAAADcAN0AFwAcADMAADciBgcVFB4BOwMyPgE9ATQuASMnIgcXFSM1MwcOAR0BIw4BFBYXMz4BNCYnIzU0LgEiKgIDAQECBBh6GAQCAQEDDEpWA6WcnFICASwEAwQHXgcEAwQsAQQE3AMJXgwHAgIHDFUMBwIBAT8yY3wCAwcJAQMGAwEBAwYDAQkHAwQAAAAAAwAAAAAA0QDdABsAKAA0AAA3Ig4CBxUWFxYXFjI3Njc2NzU0Ji8BLgEjJyIXFhQGIiY0NjM3MxcyBwYUFhczPgE0JicjQAQEBQMBAQEECgV4BQoEAQECAwECBw0yQH8BA4ADAgMRWhEDawIDBkYGAwQFS9wCBAcMhwsDCAIBAQIIAwt/EAkCAgICAREClgIClgMBAXsCBgMBAQMGAwEAAAMAAAAAAKQAjQASAB0AKQAANyImJyMXFSM1MxczPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjYQUHAgEBBwUBAQIHBQkKCgoHBgYNBwclEAgMDAgQEQgNDQhdAwQIE0MHBAMMFwwpBwkBCggJEQkRFxISFxcSEgAEAAAAAADWAJ4AEgAdACkALAAANyImJyMXFSM1MxcxPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjNxc3RwQIAgEBBwYBAwcECQoKCgcGBg0HByUQCAwMCBARCA0NB0EaGW4DBAgTQwcEAwwWDSoICQEKCAkRChIXEhIXFxISKxoaAAAAAwAAAAAAxwDdABYAHgArAAA3Bg8BFRcWHwEzNzY/ATU0JyYnJiMnIhcVIyc0NjsBBwYUHgEyPgE0LgEiBkkIBAICAgUFbwQFAgMBAggCCS41am0BATY3QgIEBAoEBAQDDAPcAgcDnwQEAwICAwQETEwFCQQBAV1NTEwDFwIEBAEBBAQEAQEAAAMAAAAAANwAxgAUAB4ALAAANwYPARUXHgE7ATI2PwE1JyYvASMiFxQdASMnNDU3MwcOARQeATI+AT0BJicmMQcEAgQCCA6ADggCBAIDBANOT5ubAQGaHQICAQQEBAEBAQTFAgYFcQYDAwMDBnEFBAIDEQI1NDQ1AgIrAQUMAwQEAwYHAgEEAAAD//7//gEBAQEADwAeACsAADczBxYzMjY3Mw4BIyImJwc3Mhc3FSM3JiMiBgcjPgE3DgIeAj4CLgJAMxINEg4XBRUFIxcNFwkTQBsSEzMSDRIOFwUVBSMTIjshAiQ9RTohAiQ8cxINEg0VHgoJE4ASEjMTDRIOFh1AASQ8RTsgAiQ8RTohAAAAAAAQAMYAAQAAAAAAAQAIAAAAAQAAAAAAAgAHAAgAAQAAAAAAAwAIAA8AAQAAAAAABAAIABcAAQAAAAAABQALAB8AAQAAAAAABgAIACoAAQAAAAAACgArADIAAQAAAAAACwATAF0AAwABBAkAAQAQAHAAAwABBAkAAgAOAIAAAwABBAkAAwAQAI4AAwABBAkABAAQAJ4AAwABBAkABQAWAK4AAwABBAkABgAQAMQAAwABBAkACgBWANQAAwABBAkACwAmASpyLWJ1YmJsZVJlZ3VsYXJyLWJ1YmJsZXItYnViYmxlVmVyc2lvbiAxLjByLWJ1YmJsZUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHIALQBiAHUAYgBiAGwAZQBSAGUAZwB1AGwAYQByAHIALQBiAHUAYgBiAGwAZQByAC0AYgB1AGIAYgBsAGUAVgBlAHIAcwBpAG8AbgAgADEALgAwAHIALQBiAHUAYgBiAGwAZQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAApub25hbnQtdG9wE25vbmFudC1ib3R0b20tcmlnaHQSbm9uYW50LWJvdHRvbS1sZWZ0DW5vbmFudC1jZW50ZXIMbm9uYW50LXJpZ2h0C25vbmFudC1sZWZ0DW5vbmFudC1ib3R0b20Qbm9uYW50LXRvcC1yaWdodA9ub25hbnQtdG9wLWxlZnQNc3BhY2UtYmV0d2VlbgxzcGFjZS1hcm91bmQVdmVydGljYWwtYm90dG9tLWFsaWduEmhvcml6b250YWwtc3RyZXRjaBZob3Jpem9udGFsLXJpZ2h0LWFsaWduEnZlcnRpY2FsLXRvcC1hbGlnbhB2ZXJ0aWNhbC1zdHJldGNoFXZlcnRpY2FsLWNlbnRlci1hbGlnbhVob3Jpem9udGFsLWxlZnQtYWxpZ24XaG9yaXpvbnRhbC1jZW50ZXItYWxpZ24HcGVyY2VudBBwZXJjZW50LWRyb3Bkb3duEmJyZWFrcG9pbnQtZGVza3RvcBFicmVha3BvaW50LXRhYmxldAJweAtweC1kcm9wZG93bhFicmVha3BvaW50LW1vYmlsZRticmVha3BvaW50LW1vYmlsZS1sYW5kc2NhcGUHdXBncmFkZQAAAAAA);
  src: url(data:font/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAyoAAsAAAAAFzQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFY2V0MTY21hcAAAAYQAAADHAAAC6iFP8GVnbHlmAAACTAAAB2UAAA1sm7fYHmhlYWQAAAm0AAAAMAAAADYbWEWMaGhlYQAACeQAAAAbAAAAJAIBAR1obXR4AAAKAAAAABEAAAB0HAD//mxvY2EAAAoUAAAAPAAAADwuGDFqbWF4cAAAClAAAAAfAAAAIAEtAE5uYW1lAAAKcAAAASkAAAIWgKws93Bvc3QAAAucAAABCwAAAi0atF9LeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT4zjiBgZWBgWERw2YgqQylqxh4GJwYGJgYWJkZsIKANNcUBodXTK9kGUFccUZGoGIGBjAHAMi+CN0AAHic7dHLDcIwFAXRCTEhQPiFP4QOKIglxbCiVDcB7/pSBpaOJY/sKLKBMVCHe0hQvanQeEWtSq+ZlZ54lD1JPd8+n5hHmmOdyjyKvSm+2DChZRrn5nQsWLJizYaeLTv2HDhy4syFK0McbPiPTlP1/K0G3a2V264NtWR6tTw23X9uTC+aJ4Zaa6hNDbWZoTY3vXTuDLWF6e/y0lBbGWprQ21jqPWG2tZQ2xlqe0PtYKgdDbWToXY21C6G2tVQGwy1mzF8AbeEQroAeJydV01vG9cVffd9zlCcITkkZ0TakugZSZQtmXI4JEexoo/ETfrlOIZTF2iRBCraRdCirYMuGjQtol1atAW8yiIRWi+ajYAC/gnZNO4qSFE0CAoV8E/oL0h63gwpUYISGB2Cb4bD4T3n3nvee4dMMHv8Cy/JLrKYsayZDpPIJ6OjcJOa89QfZcO0v009WqcFSrJRf/Xw8A6tEVciCEhoQUGguLjChe+NPJ8+Nv4iDTju39BC6Btcq5QoqVSqQDrB02yBLVu8xCIa3VgAZiNcoHAbSD2uK9RdjqNQ92iUPjo49P/A2y3Pl2rukpakSChV8q4p9R1OK7RE79zyD9tcttu+LyUJQVI97UiSrr8uv9YgQcunsDtsZZwrss2hktinedpBvsvrlG3TYDmuUAhiyzbjA/+XERctgbQQ1LmulCx5rZojpRoE1KyT4Pt3/YNexPksDzYkJ6XMjN8KXCXlTp0TrTCe4z/Ca5ZdBnqsK3xeROm2yIaDLlCTOJqnBmqf9Phgm7I0fFGWuCDirlO+VXZchBGuStMfSc61c8fRxekjR6pXiq+5a8or12RJySo3rxj8VhSnU7WXbI4l4/yNT3OU+NQIo7TZQL+3CVR6ZKKwUaHhI99/mXN0UurnuJQjIF7WkndKpXD/7uEid3xowHBoQIqrUqlEIVWHO8FojPefMd7iRFuotq00cLYotXXuJsNBj2LT7C6PdmjV978nWgFSG0nJn9PSSkhxXa1SpQrIJdGoovpXhYT6OFILfEfs+J7HPe8kxyMWAdPqWZtm3lqO2FbFqzQEWKTjdUqNJfQWFQJeFUrXQsg6V3U75KEc3Ts8/DcVEkbijQtS2VLstdvqJeOzM3ru5F1tpkWW8UTR/R2KQjR2NMxGEFWhtgESPfAPX54Xgrd6CoVbV9J1tBJCeISjXq+0PzYHh0OhpGj3tJSyJ6VrIPv5VllGbtmrI39+hsOlMYdhMYubUZ53FPZHg1zVaG2sDdjopDtIV30AEGlMJu1iMkmFKeaRlNcdweNALJGk/bsH/hATCreK2aQwyTwPc1ATVYiWlxTQVc7hMV5lrCNr7BobgEc/nKOGjpe3aDAyxYdVKj5u0unPqcE6kOG9jwy1UleN65qOHR4cX+11OvudzmMlHuIZO+yOvzg1VDudDiphj//mfFqoydNsiz17hlH6/9CbLej9szj95hj43vHVtU7n9imWT8JXjOv3CZthF7AyWqYFOrCzM1wi8PjsOO7rJ8E6nV3LSqv7KFZeMYTfs5HlOP5DVmF11oZO2HlRs8hgRUy7EHHS7N6fjoy0qtX9arXz0DW79h6G6u7G7Gw1P2YnOvxkrIHOV/c/h/t7UcWlMVUMe3vnt7faYVM1sjksfEkGU3U7xf8bJ42YLs79omAnNXoABM3CcY2aqemmw/OAuhiwefy2igrMTgNVbUVuNy5ebNye5n/vYqPBxnvAY/YhsrErcNLcPA6cWNKbNJyoLy1SuY+QeYwNS35j6vJhnsYK6K9MLk7WpC/rQ3ROLhtFH37/ZH0ocvgQ8RfyHAajMdsibrNASiYTyQK8Oc2xuNjY2/vsbELHEOP15AE7YA6roRcJ6wKpEab9QRLryEJY2KhhV7blqTtdk2SvC2GMEHVdNtrTgcC1EXVT1rgxE+v4d8aZM6ZUKtVLpdgY4+Pt4pNbire22Hjt+JT9dQr7ypOjL1D2whSBsqlJS0A2TggM2633jLl4Lgf30tZW0G4f9/EIO2iEPqa5YzB2i94U+eaJTTPpxiaCDNPpXXxqT72Suwc5+6tZab1D+VvfFR8cHNzhtCaFNK8ZjGtY7o+E+1rZcG7Kd3Ei2un/8NdcGDd3d/mAjUeeaOsf4HQBDsqu8bHPTTPEDhf2sxFew0FuH8AMBkIX61ca9e1OOKG2C9eEuASb8qYqSTAU2Mm9/u7bJPYFF7Xv18RPuNAvwHWobx9xacrvzAjH2htHzLxddTkOqvF3OX8Xcd7iE5YTfn9hf2QB9v/cZQEwL5FFz6dUN9ZQat66qJtGWWqiBI37gbKpG/gXbhRaUTJae8YsVZ1y2anWHM9zXhXSqd9A1cpR+TLKU3LcmluLgiDCe7x+fMr+NMZeO4X+1FejZ1H2dWlTNNiNjTwX3zzbbv3smELoXXEKCqVgTGF1SjeP0KOQzbNV64EqcAKw1mkGM2C9Juwu+tOEB8AERWtyO2YFo7/pwFtypX4Oq4OuONztDX/8U6JRZu1fCTZElMURfNefccW5kPLmTeWih6++ePOmiPAM+mqHE/1+xBrgsTbhAf3CZIPH2PI2INzuYJhZDTfGvhAEnzKSS9jLfd/BWUhx66X33yd6bw6tzwFI/g2+7A38x8C/jDcUnqnx4WAw5HyVVBnEhEZD0RTxxedffG49FfaNoh6pwVQeZalvV6muyfoR/oZk+AugTQLf7fN5vs17fDcNvMCPVFMlkRe59d0LQf3kVj3evMQXt56/jvGZX+C215wvufX9IEjreCac26XFZ57f7OBbPMPY/wA8Zm02AAAAeJxjYGRgYABivXzvpHh+m68M3CABBoa7c5k9YPT/f///MQIBkMvBwAQSBQAXVwqKeJxjYGRgACIGEPn/3///jIxQLgLIAgBaZQQfAHicY2BgYGCkK/7/DwAJyAIaAAAAAAAAAAA4AHYAtgD2AS4BaAGgAeICJAJsAsQC9AMmA1YDhgO4A+oEGgRMBIoEzgUYBWgFpgXqBi4Gcga2eJxjYGRgYJBlcGJgYwABJiDmAkIGhv9gPgMAElUBfAB4nGWNS07DMBRFb/oDWgkqIcEQjxgUNf0Mu4B23kFnDOLU6UduHDlupc5YAUtgCawCsQIWxG14nRRbts877+YFQBffiHBaEa6r+7RquGL1x3XSnXCD/CjcRAdPwi36nnAbLxgLd3CPV06IGjc0XRTCNdziTbhO/y7cIH8IN/GAT+EW/ZdwGwv8CHfwHPV8X++1tmZuVnub+HN5fhfGlxuXq1E8PKuZyY1PglkqfVTlYTUOIVOZdzs1dXkw1jpVeLc1aYjXIRSTwSATH6duB48+NPY8GhYGc54Va4uEvcvuZb2oXIkNHHIojBBj+C8148mrZILAd8mkxpF3iQP/NqYNyFhnzDjsSNNq4iltuR1NUfW2NCl9jHX1VYEJBtzZRT5mipN+AbI0XAAAAAB4nGWP/VLCMBDEu/hRpUVKEVAR36APlbYndAhJJj2E8emlTYCo+eeyv9nNXqJB5M55/j0rDHCDW9zhHjEe8IghEqQY4QljZJggxxTPmGGOBV7wijcs8Y4VPqKh0kooLlibqb+WmlnvCtusN5z/ZpI+eeRRRYrJpl717sSL0OaS2bXGWccB6O2tERUVJfGBSKVOCav3qp59keWmEvK8hZDNWuUbbZtvrfjEW7bE1WYeoL7EOy/5rqxH2QX56LXDfcvZZsGD3ZKOLgIaumNDttOZn0Vttan1QeWlJbE1uukYtdvTGpMAsSgl8cAcE3O8ZELDTpeNpOU/Ukih6rYShuK9WVtRUxT9AM0ZsfIA) format("woff"), url(data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI2V0MTAAABjAAAAFZjbWFwIU/wZQAAAlgAAALqZ2x5Zpu32B4AAAWAAAANbGhlYWQbWEWMAAAA4AAAADZoaGVhAgEBHQAAALwAAAAkaG10eBwA//4AAAHkAAAAdGxvY2EuGDFqAAAFRAAAADxtYXhwAS0ATgAAARgAAAAgbmFtZYCsLPcAABLsAAACFnBvc3QatF9LAAAVBAAAAi0AAQAAAQAAAAAAAQD//v//AQEAAQAAAAAAAAAAAAAAAAAAAB0AAQAAAAEAAC5vS2JfDzz1AAsBAAAAAADdnQNIAAAAAN2dA0j//v/+AQEBAQAAAAgAAgAAAAAAAAABAAAAHQBCAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEA9wGQAAUAAACiALMAAAAjAKIAswAAAHoADABCAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoC6h0BAAAAABcBAQACAAAAAQAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAP/+AAAABQAAAAMAAAAsAAAABAAAAYoAAQAAAAAAhAADAAEAAAAsAAMACgAAAYoABABYAAAABAAEAAEAAOod//8AAOoC//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAEgATABQAFQAWABcAGAAZABoAGwAcAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAFgAAAAAAAAABwAAOoCAADqAgAAAAEAAOoDAADqAwAAAAIAAOoEAADqBAAAAAMAAOoFAADqBQAAAAQAAOoGAADqBgAAAAUAAOoHAADqBwAAAAYAAOoIAADqCAAAAAcAAOoJAADqCQAAAAgAAOoKAADqCgAAAAkAAOoLAADqCwAAAAoAAOoMAADqDAAAAAsAAOoNAADqDQAAAAwAAOoOAADqDgAAAA0AAOoPAADqDwAAAA4AAOoQAADqEAAAAA8AAOoRAADqEQAAABAAAOoSAADqEgAAABEAAOoTAADqEwAAABIAAOoUAADqFAAAABMAAOoVAADqFQAAABQAAOoWAADqFgAAABUAAOoXAADqFwAAABYAAOoYAADqGAAAABcAAOoZAADqGQAAABgAAOoaAADqGgAAABkAAOobAADqGwAAABoAAOocAADqHAAAABsAAOodAADqHQAAABwAAAAAAAAAOAB2ALYA9gEuAWgBoAHiAiQCbALEAvQDJgNWA4YDuAPqBBoETASKBM4FGAVoBaYF6gYuBnIGtgADAAAAAADVANUABAAcACIAADcVMzUjFw4BBwYXFjsBFR4BMjY3NTMyPgEuAS8BHwEjNzYyK6qqUgEsAQIFAxISAQMGAwESEgUCAyoCAw4NNg0OAc4HDiQBNAIGAwFDBgMDBkMCBgUzAQEjDw8QAAAAAwAAAAAA1QDVAAYAHwAmAAA3FSMVMzUjBwYUHwEHBhQWHwEWPgEvAS4CBg8BJyYiFxYGLgE2M8ecqg6MAhoZDQ4EBR0hBgQBBQEDBQUKDTAFBVQCASgBJQGHTg6qGgIEGhoODgQEAQMDAQQFOQgEAQQJDi8ERBQBAwEmAAMAAAAAANUA1QAGACAAKAAANxUzNSM1IxcGDwEnJiMiDgEeAT8BMjYmLwE3PgE0JiIPARYjBwYmNjIrqpwOdxcCAxkDAgYDBAEECDoFBQQKDRkRCAQEBTQSARUTAQMCgFUOnC4XAgIYAhI4BAIBBQUHCw4ZEgkFBAQ/EwIBASgAAgAAAAAAxwDHABgAKQAANyIGDwIeAxczPgM3NTQnJi8BIyIXHgEUDgEHIy4CND4BNzMWTQQKAgMBAQIJCAxODAgJAgEBAwkFMzNkBAICBghSCAYCAgYIUgjGCAQFXAwICQIBAQIJBwwoMAQKBQQQAgdcBwMBAQMHXAcDAQEAAAADAAAAAADVANUABAAdACMAADcVMzUjBw4BHQEjDgEUFhczFRQeATI+ASYvAS4BBxcWFA8BNccODlMCAkMGAwQGQgIEBDYCAgYpBgQCIAoKFoBVqiQCCA4SAQMHAgESEgQDLQQFBSMFAQEoCAIIEjYAAwAAAAAA3QDVAAQAHQAkAAA3FTM1IxcGDwEOAR4BMj4BPQEzPgE0JicjNTQuASIHFScmNj8BKw4OWQMZEgYCAjYEBAJCBgQDBkMCBQIGEBABDxCAVaolAxQQBQUELQMEEhIBAgcDARIOCAM/Dg0NAg0NAAADAAAAAADVANwAFwAdACIAADcGBxUjIg4BHgI2PwE+AS4BKwE1LgEiFwYiLwEzBxUzNSN7AQESEgUCAysDBQYRFgECBRISAQMGGhYCFgQ2cKqq2gEGQwIGBTMCAgYUGwQFAkMGA2AaGgVPBw4AAAAAAwAAAAAA1QDVAAYAIAApAAA3FTMVMzUjFwYiBhQfAQcGFBYyPwEXFhceATY1NzY0JiIXBg8BJyY0PwErnA6qUx4DAwIZLgUEBQUvBQQJCAYFAwMDDQEBAQETEw8azgecqjUDBQQDGi4GBAQELgQECQcDBQUeGQwEFwkMDRMSAQICAAAAAwAAAAAA1QDVAAYAIQApAAA3FTM1MzUjFw4BFRceAjY/ARcWMjY0LwE3PgEmLwEiBgcXHgEGIyc0MysOnKo1AQEGAQMFBgkNMAUEBRoZDQ0BBAQ6CAMCIhIDJQEEAYBVnA41AQMDOggDAQQJDi8EBQQaGg0NBgQBBgEBDwEBJiUFAAAABQAAAAAA4ADgAAwAHAAsADAANAAANzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTOAAwUFBgUFLQcJCQcgBwkJB6AHCQkHIAcJCQdgICCAICDgBQOwAwUFA7ADBUAJByAHCQkHIAcJCQcgBwkJByAHCRAgICAABgAAAAAA8ADgAAwAGQApADkAPQBBAAA3MhYdARQGIiY9ATQ2MzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTMYAwUFBgUF0wMFBQYFBX0HCQkHIAcJCQdwBwkJByAHCQkHMCAgUCAg4AUDsAMFBQOwAwUFA7ADBQUDsAMFQAkHIAcJCQcgBwkJByAHCQkHIAcJECAgIAADAAAAAADgANAACwAbAB8AADcyFhQGKwEiJjQ2MzcyFh0BFAYrASImPQE0NjMXIxUz2AMFBQOwAwUFA2gHCQkHIAcJCQcgICBABQYFBQYFkAkHYAcJCQdgBwkQYAAAAAAEAAAAAADgALAADwATABoAIQAANzIWHQEUBisBIiY9ATQ2MxcjFTM3Fwc1IzUzJxUzFSMVJ5AHCQkHIAcJCQcgICAwICAQEIAQECCwCQdABwkJB0AHCRBAOBgYEBAQEBAQGAAAAwAAAAAA0ADgAAwAHAAgAAA3MhYdARQGIiY9ATQ2BzIWHQEUBisBIiY9ATQ2MxcjFTPIAwUFBgUFJQcJCQdgBwkJB2BgYOAFA7ADBQUDsAMFQAkHIAcJCQcgBwkQIAAAAwAAAAAA4ADQAA8AEwAfAAA3MhYdARQGKwEiJj0BNDYzFyMVMzcyFhQGKwEiJjQ2M5AHCQkHIAcJCQcgICBIAwUFA7ADBQUDsAkHYAcJCQdgBwkQYJAFBgUFBgUAAAAABAAAAAAAoADgAAYAFgAaACEAADcVMwcnMzU3MhYdARQGKwEiJj0BNDYzFyMVMycXIxUjNSOIEBgYEBgHCQkHIAcJCQcgICAQGBAQEFAUHBwUUAkHIAcJCQcgBwkQIHAcFBQAAAIAAAAAAOAAwAADACMAADcjFTsBFAYrASImPQEjIiY0NjsBNTQ2OwEyFh0BMzIWFAYrAZAgIBAJByAHCTgDBQUDOAkHIAcJOAMFBQM4sGAHCQkHKAUGBSgHCQkHKAUGBQAAAAADAAAAAADQAOAADAAcACAAADcyFh0BFAYiJj0BNDYXMhYdARQGKwEiJj0BNDYzFyMVMzgDBQUGBQWLBwkJB2AHCQkHYGBg4AUDsAMFBQOwAwVACQcgBwkJByAHCRAgAAACAAAAAADAAOAAHwAjAAA3NDYyFh0BMzIWHQEUBisBFRQGIiY9ASMiJj0BNDY7ARcjFTN4BQYFKAcJCQcoBQYFKAcJCQcoOGBg2AMFBQM4CQcgBwk4AwUFAzgJByAHCRAgAAAABQAAAAAAoACcAAgAEQAaACMAJwAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjN2gDAwcHAwMTBgwHBg0GEgMHAwMHAxMHDAYGDAcLIgYiiQcIHQcHCgoKEwoKIgcHBw4HBwcJCgoTCQoiPT0AAAYAAAAAANYArQAIABEAGgAjACcAKgAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjNx8BN0YDAwcHAwMTBgwHBgwHEQQHAwMHBBQHDAYGDAcLIgYiNRoZmgcHHAcHCgoKEwoKIgcHBw4HBwcJCgoTCQkhPT0SGhoAAAADAAAAAADcAN0AFwAcADMAADciBgcVFB4BOwMyPgE9ATQuASMnIgcXFSM1MwcOAR0BIw4BFBYXMz4BNCYnIzU0LgEiKgIDAQECBBh6GAQCAQEDDEpWA6WcnFICASwEAwQHXgcEAwQsAQQE3AMJXgwHAgIHDFUMBwIBAT8yY3wCAwcJAQMGAwEBAwYDAQkHAwQAAAAAAwAAAAAA0QDdABsAKAA0AAA3Ig4CBxUWFxYXFjI3Njc2NzU0Ji8BLgEjJyIXFhQGIiY0NjM3MxcyBwYUFhczPgE0JicjQAQEBQMBAQEECgV4BQoEAQECAwECBw0yQH8BA4ADAgMRWhEDawIDBkYGAwQFS9wCBAcMhwsDCAIBAQIIAwt/EAkCAgICAREClgIClgMBAXsCBgMBAQMGAwEAAAMAAAAAAKQAjQASAB0AKQAANyImJyMXFSM1MxczPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjYQUHAgEBBwUBAQIHBQkKCgoHBgYNBwclEAgMDAgQEQgNDQhdAwQIE0MHBAMMFwwpBwkBCggJEQkRFxISFxcSEgAEAAAAAADWAJ4AEgAdACkALAAANyImJyMXFSM1MxcxPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjNxc3RwQIAgEBBwYBAwcECQoKCgcGBg0HByUQCAwMCBARCA0NB0EaGW4DBAgTQwcEAwwWDSoICQEKCAkRChIXEhIXFxISKxoaAAAAAwAAAAAAxwDdABYAHgArAAA3Bg8BFRcWHwEzNzY/ATU0JyYnJiMnIhcVIyc0NjsBBwYUHgEyPgE0LgEiBkkIBAICAgUFbwQFAgMBAggCCS41am0BATY3QgIEBAoEBAQDDAPcAgcDnwQEAwICAwQETEwFCQQBAV1NTEwDFwIEBAEBBAQEAQEAAAMAAAAAANwAxgAUAB4ALAAANwYPARUXHgE7ATI2PwE1JyYvASMiFxQdASMnNDU3MwcOARQeATI+AT0BJicmMQcEAgQCCA6ADggCBAIDBANOT5ubAQGaHQICAQQEBAEBAQTFAgYFcQYDAwMDBnEFBAIDEQI1NDQ1AgIrAQUMAwQEAwYHAgEEAAAD//7//gEBAQEADwAeACsAADczBxYzMjY3Mw4BIyImJwc3Mhc3FSM3JiMiBgcjPgE3DgIeAj4CLgJAMxINEg4XBRUFIxcNFwkTQBsSEzMSDRIOFwUVBSMTIjshAiQ9RTohAiQ8cxINEg0VHgoJE4ASEjMTDRIOFh1AASQ8RTsgAiQ8RTohAAAAAAAQAMYAAQAAAAAAAQAIAAAAAQAAAAAAAgAHAAgAAQAAAAAAAwAIAA8AAQAAAAAABAAIABcAAQAAAAAABQALAB8AAQAAAAAABgAIACoAAQAAAAAACgArADIAAQAAAAAACwATAF0AAwABBAkAAQAQAHAAAwABBAkAAgAOAIAAAwABBAkAAwAQAI4AAwABBAkABAAQAJ4AAwABBAkABQAWAK4AAwABBAkABgAQAMQAAwABBAkACgBWANQAAwABBAkACwAmASpyLWJ1YmJsZVJlZ3VsYXJyLWJ1YmJsZXItYnViYmxlVmVyc2lvbiAxLjByLWJ1YmJsZUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHIALQBiAHUAYgBiAGwAZQBSAGUAZwB1AGwAYQByAHIALQBiAHUAYgBiAGwAZQByAC0AYgB1AGIAYgBsAGUAVgBlAHIAcwBpAG8AbgAgADEALgAwAHIALQBiAHUAYgBiAGwAZQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAApub25hbnQtdG9wE25vbmFudC1ib3R0b20tcmlnaHQSbm9uYW50LWJvdHRvbS1sZWZ0DW5vbmFudC1jZW50ZXIMbm9uYW50LXJpZ2h0C25vbmFudC1sZWZ0DW5vbmFudC1ib3R0b20Qbm9uYW50LXRvcC1yaWdodA9ub25hbnQtdG9wLWxlZnQNc3BhY2UtYmV0d2VlbgxzcGFjZS1hcm91bmQVdmVydGljYWwtYm90dG9tLWFsaWduEmhvcml6b250YWwtc3RyZXRjaBZob3Jpem9udGFsLXJpZ2h0LWFsaWduEnZlcnRpY2FsLXRvcC1hbGlnbhB2ZXJ0aWNhbC1zdHJldGNoFXZlcnRpY2FsLWNlbnRlci1hbGlnbhVob3Jpem9udGFsLWxlZnQtYWxpZ24XaG9yaXpvbnRhbC1jZW50ZXItYWxpZ24HcGVyY2VudBBwZXJjZW50LWRyb3Bkb3duEmJyZWFrcG9pbnQtZGVza3RvcBFicmVha3BvaW50LXRhYmxldAJweAtweC1kcm9wZG93bhFicmVha3BvaW50LW1vYmlsZRticmVha3BvaW50LW1vYmlsZS1sYW5kc2NhcGUHdXBncmFkZQAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.r-icon {
  display: inline-block;
  font: normal normal normal 1em/1 "r-bubble";
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.r-icon-space-between::before {
  content: "\ea0b";
}

.r-icon-space-around::before {
  content: "\ea0c";
}

.r-icon-vert-space-between::before {
  content: "\ea0b";
}

.r-icon-vert-space-around::before {
  content: "\ea0c";
}

.r-icon-vertical-bottom-align::before {
  content: "\ea0d";
}

.r-icon-horizontal-stretch::before {
  content: "\ea0e";
}

.r-icon-horizontal-right-align::before {
  content: "\ea0f";
}

.r-icon-vertical-top-align::before {
  content: "\ea10";
}

.r-icon-vertical-stretch::before {
  content: "\ea11";
}

.r-icon-vertical-center-align::before {
  content: "\ea12";
}

.r-icon-horizontal-left-align::before {
  content: "\ea13";
}

.r-icon-horizontal-center-align::before {
  content: "\ea14";
}

.r-icon-nonant-top::before {
  content: "\ea02";
}

.r-icon-nonant-bottom-right::before {
  content: "\ea03";
}

.r-icon-nonant-bottom-left::before {
  content: "\ea04";
}

.r-icon-nonant-center::before {
  content: "\ea05";
}

.r-icon-nonant-right::before {
  content: "\ea06";
}

.r-icon-nonant-left::before {
  content: "\ea07";
}

.r-icon-nonant-bottom::before {
  content: "\ea08";
}

.r-icon-nonant-top-right::before {
  content: "\ea09";
}

.r-icon-nonant-top-left::before {
  content: "\ea0a";
}

.r-icon-percent::before {
  content: "\ea15";
}

.r-icon-percent-dropdown::before {
  content: "\ea16";
}

.r-icon-breakpoint-desktop::before {
  content: "\ea17";
}

.r-icon-breakpoint-tablet::before {
  content: "\ea18";
}

.r-icon-px::before {
  content: "\ea19";
}

.r-icon-px-dropdown::before {
  content: "\ea1a";
}

.r-icon-breakpoint-mobile::before {
  content: "\ea1b";
}

.r-icon-breakpoint-mobile-landscape::before {
  content: "\ea1c";
}

.r-icon-upgrade::before {
  content: "\ea1d";
}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
  direction: ltr;
  text-align: left;
}

.jcrop-vline, .jcrop-hline {
  background: #FFF;
  font-size: 0;
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-vline.right {
  right: 0;
}

.jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jcrop-hline.bottom {
  bottom: 0;
}

.jcrop-tracker {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%;
}

.jcrop-handle {
  background-color: #333;
  border: 1px #EEE solid;
  font-size: 1px;
  height: 7px;
  width: 7px;
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jcrop-dragbar.ord-w {
  margin-left: -4px;
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
  background: #FFF;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #FFF;
  border-radius: 3px;
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #FFF;
  border-color: #000;
  border-radius: 3px;
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
  background: #FFF;
}

.jcrop-holder img, img.jcrop-preview {
  max-width: none;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.viewport {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}

.slidable-palette,
.property-editor-2 {
  --composer-dynamic-color: #67b3ff;
  --composer-dynamic-color-hovered: #cce5ff;
  --composer-spot-color: #fab515;
  --mandatory_color: #f91d56;
  --hovered_mandatory_color: #ff7575; /* like mandatory but whiter */
}

.property-editor-2 .close-button,
.property-editor-2 .help-button,
.property-editor-2 .comment-btn,
.property-editor-2 .inspect-button,
.slidable-palette .close-button,
.slidable-palette .help-button,
.slidable-palette .comment-btn,
.slidable-palette .inspect-button,
.responsive-palette .close-button,
.responsive-palette .help-button,
.responsive-palette .comment-btn,
.responsive-palette .inspect-button,
.r-row-controls .close-button,
.r-row-controls .help-button,
.r-row-controls .comment-btn,
.r-row-controls .inspect-button,
.margin-explanation-palette .close-button,
.margin-explanation-palette .help-button,
.margin-explanation-palette .comment-btn,
.margin-explanation-palette .inspect-button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  float: right;
  cursor: pointer;
  text-align: center;
  height: 37px;
  width: 25px;
  padding-top: 10px;
}
.property-editor-2 .close-button:before,
.property-editor-2 .help-button:before,
.property-editor-2 .comment-btn:before,
.property-editor-2 .inspect-button:before,
.slidable-palette .close-button:before,
.slidable-palette .help-button:before,
.slidable-palette .comment-btn:before,
.slidable-palette .inspect-button:before,
.responsive-palette .close-button:before,
.responsive-palette .help-button:before,
.responsive-palette .comment-btn:before,
.responsive-palette .inspect-button:before,
.r-row-controls .close-button:before,
.r-row-controls .help-button:before,
.r-row-controls .comment-btn:before,
.r-row-controls .inspect-button:before,
.margin-explanation-palette .close-button:before,
.margin-explanation-palette .help-button:before,
.margin-explanation-palette .comment-btn:before,
.margin-explanation-palette .inspect-button:before {
  font-family: FontAwesome;
  color: #8a9599;
  font-size: 18px;
}
.property-editor-2 .close-button:hover:before,
.property-editor-2 .help-button:hover:before,
.property-editor-2 .comment-btn:hover:before,
.property-editor-2 .inspect-button:hover:before,
.slidable-palette .close-button:hover:before,
.slidable-palette .help-button:hover:before,
.slidable-palette .comment-btn:hover:before,
.slidable-palette .inspect-button:hover:before,
.responsive-palette .close-button:hover:before,
.responsive-palette .help-button:hover:before,
.responsive-palette .comment-btn:hover:before,
.responsive-palette .inspect-button:hover:before,
.r-row-controls .close-button:hover:before,
.r-row-controls .help-button:hover:before,
.r-row-controls .comment-btn:hover:before,
.r-row-controls .inspect-button:hover:before,
.margin-explanation-palette .close-button:hover:before,
.margin-explanation-palette .help-button:hover:before,
.margin-explanation-palette .comment-btn:hover:before,
.margin-explanation-palette .inspect-button:hover:before {
  color: #acb5b8;
}
.property-editor-2 .close-button:before,
.slidable-palette .close-button:before,
.responsive-palette .close-button:before,
.r-row-controls .close-button:before,
.margin-explanation-palette .close-button:before {
  content: "\f00d";
}
.property-editor-2 .help-button:before,
.slidable-palette .help-button:before,
.responsive-palette .help-button:before,
.r-row-controls .help-button:before,
.margin-explanation-palette .help-button:before {
  content: "\f144";
}
.property-editor-2 .inspect-button:before,
.slidable-palette .inspect-button:before,
.responsive-palette .inspect-button:before,
.r-row-controls .inspect-button:before,
.margin-explanation-palette .inspect-button:before {
  content: "\f05a";
}

.property-editor-2,
.slidable-palette {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  -moz-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 340px;
  background-color: #5f6568;
  cursor: move;
  position: fixed;
  top: 100px;
  height: auto !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: white;
  z-index: 5000000;
}
.property-editor-2 .overview,
.slidable-palette .overview {
  position: initial;
}
.property-editor-2 .viewport,
.slidable-palette .viewport {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #5f6568;
}
.property-editor-2 .viewport,
.property-editor-2 .element-inspector-zone,
.slidable-palette .viewport,
.slidable-palette .element-inspector-zone {
  /* Handle */
}
.property-editor-2 .viewport::-webkit-scrollbar,
.property-editor-2 .element-inspector-zone::-webkit-scrollbar,
.slidable-palette .viewport::-webkit-scrollbar,
.slidable-palette .element-inspector-zone::-webkit-scrollbar {
  width: 7px;
  cursor: default;
}
.property-editor-2 .viewport::-webkit-scrollbar-thumb,
.property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb,
.slidable-palette .viewport::-webkit-scrollbar-thumb,
.slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb {
  background-color: #525759;
}
.property-editor-2 .viewport::-webkit-scrollbar-thumb:hover,
.property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb:hover,
.slidable-palette .viewport::-webkit-scrollbar-thumb:hover,
.slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb:hover {
  background-color: #424242;
  cursor: pointer;
}
.property-editor-2 .viewport::-webkit-scrollbar-thumb:active,
.property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb:active,
.slidable-palette .viewport::-webkit-scrollbar-thumb:active,
.slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb:active {
  background-color: #3c3c3c;
  cursor: pointer;
}
.property-editor-2.ppe,
.slidable-palette.ppe {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.property-editor-2.ppe .title,
.slidable-palette.ppe .title {
  background-color: var(--b-bg-primary);
  height: 36px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  column-gap: var(--b-spacing-xs);
}
.property-editor-2.ppe .title .static-title,
.slidable-palette.ppe .title .static-title {
  display: flex;
  color: var(--b-txt-primary);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
}
.property-editor-2.ppe .viewport,
.slidable-palette.ppe .viewport {
  height: 100%;
  background-color: var(--b-bg-primary);
}
.property-editor-2.ppe .viewport .row,
.slidable-palette.ppe .viewport .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.property-editor-2.ppe .viewport .row .prop-row-contents,
.slidable-palette.ppe .viewport .row .prop-row-contents {
  width: 100%;
}
.property-editor-2.ppe .viewport .row .caption,
.property-editor-2.ppe .viewport .row .label,
.slidable-palette.ppe .viewport .row .caption,
.slidable-palette.ppe .viewport .row .label {
  color: var(--b-txt-secondary);
  width: auto;
}
.property-editor-2.ppe .viewport .row .body .editor.basic .composer.expression-composer,
.slidable-palette.ppe .viewport .row .body .editor.basic .composer.expression-composer {
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-input-radius);
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
}
.property-editor-2.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption,
.slidable-palette.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption {
  color: var(--b-txt-brand);
}
.property-editor-2.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption-container.selected,
.slidable-palette.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption-container.selected {
  color: var(--b-txt-caution);
}
.property-editor-2.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption-container.selected .pinned-property-editor,
.slidable-palette.ppe .viewport .row .body .editor.basic .composer.expression-composer .dropdown-caption-container.selected .pinned-property-editor {
  color: var(--b-txt-caution);
}
.property-editor-2.ppe .viewport .row .body .editor.dropdown .composer-dropdown .composer-dropdown-long,
.slidable-palette.ppe .viewport .row .body .editor.dropdown .composer-dropdown .composer-dropdown-long {
  background-color: var(--b-bg-primary);
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-input-radius);
  color: var(--b-txt-primary);
}
.property-editor-2.ppe .viewport .row .body .editor.dropdown .composer-dropdown .composer-dropdown-long:before,
.slidable-palette.ppe .viewport .row .body .editor.dropdown .composer-dropdown .composer-dropdown-long:before {
  color: var(--b-txt-primary);
}
.property-editor-2 *,
.slidable-palette * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.property-editor-2 .title,
.slidable-palette .title {
  padding: 2px 0 0 0;
  overflow: hidden;
  height: 39px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #283032;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.property-editor-2 .title .static-title,
.property-editor-2 .title .name-input,
.slidable-palette .title .static-title,
.slidable-palette .title .name-input {
  text-align: left;
  float: left;
  font-size: 14px;
  color: #ffffff;
  width: 220px;
}
.property-editor-2 .title .title-wrapper,
.slidable-palette .title .title-wrapper {
  float: left;
}
.property-editor-2 .title .static-title,
.slidable-palette .title .static-title {
  margin-top: 5px;
  padding-top: 4px;
  height: 30px;
  padding-left: 12px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.property-editor-2 .title .static-title:hover,
.slidable-palette .title .static-title:hover {
  text-decoration: underline;
}
.property-editor-2 .title .static-title.disabled,
.slidable-palette .title .static-title.disabled {
  text-decoration: none;
  cursor: default;
}
.property-editor-2 .title .name-input,
.slidable-palette .title .name-input {
  height: 35px;
  margin-left: 8px;
  background-color: transparent;
  border: none;
}
.property-editor-2 .tabs,
.slidable-palette .tabs {
  display: flex;
  overflow: hidden;
  background-color: #3a3f41;
  height: 41px;
  padding: 7px 12px 0px 12px;
}
.property-editor-2 .tabs .tab,
.slidable-palette .tabs .tab {
  flex-grow: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.property-editor-2 .tabs .tab,
.slidable-palette .tabs .tab {
  width: 104px;
  padding: 8px 0 8px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
  float: left;
  text-align: center;
  cursor: pointer;
}
.property-editor-2 .tabs .tab.opened,
.slidable-palette .tabs .tab.opened {
  cursor: move;
  background-color: #5f6568;
  color: white;
}
.property-editor-2 .tabs .tab.opened:hover,
.slidable-palette .tabs .tab.opened:hover {
  background-color: #5f6568;
}
.property-editor-2 .tabs .tab:hover,
.slidable-palette .tabs .tab:hover {
  color: white;
}
.property-editor-2 .section,
.slidable-palette .section {
  padding: 15px 20px 15px 20px;
  overflow: hidden;
  width: 340px;
  border-top: 1px solid #595f62;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.property-editor-2 .section.style-prop,
.slidable-palette .section.style-prop {
  border-top: none;
  padding-top: 0px;
}
.property-editor-2 .section:last-child,
.slidable-palette .section:last-child {
  border-bottom: none !important;
  padding-bottom: 10px !important;
}
.property-editor-2 .section:first-child, .property-editor-2 .section.first-visible,
.slidable-palette .section:first-child,
.slidable-palette .section.first-visible {
  border-top: none;
}
.property-editor-2 .section-title,
.slidable-palette .section-title {
  margin-right: 5px;
  padding-top: 8px;
  float: left;
  clear: both;
  color: #ffffff;
}
.property-editor-2 .section-title.platform-title,
.slidable-palette .section-title.platform-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.property-editor-2 .section-title.platform-title .platform-icon,
.slidable-palette .section-title.platform-title .platform-icon {
  line-height: 0;
}
.property-editor-2 .row,
.slidable-palette .row {
  padding: 10px 0px 0px 0px;
  float: left;
}
.property-editor-2 .row.deprecated:before,
.slidable-palette .row.deprecated:before {
  font-family: "FontAwesome";
  content: "\f071";
  position: absolute;
  margin-left: -15px;
  margin-top: 5px;
  font-size: 10px;
  color: #ffffff;
}
.property-editor-2 .row:first-child,
.slidable-palette .row:first-child {
  padding-top: 0px;
  border-top: none !important;
}
.property-editor-2 .row .caption,
.slidable-palette .row .caption {
  width: 125px;
  color: #ffffff;
  margin-right: 6px;
  padding-top: 6px;
  float: left;
  clear: both;
  height: 24px;
  overflow: hidden;
  word-break: break-all;
}
.property-editor-2 .row .caption.param,
.slidable-palette .row .caption.param {
  padding-top: 0px;
}
.property-editor-2 .row .caption.param.LongText,
.slidable-palette .row .caption.param.LongText {
  width: 125px;
}
.property-editor-2 .row .caption .subcaption,
.slidable-palette .row .caption .subcaption {
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  line-height: 12px;
  width: 125px;
}
.property-editor-2 .row .caption.Checkbox,
.property-editor-2 .row .caption.LongText,
.slidable-palette .row .caption.Checkbox,
.slidable-palette .row .caption.LongText {
  width: 275px;
}
.property-editor-2 .row .caption.StaticNumber,
.slidable-palette .row .caption.StaticNumber {
  width: 243px;
}
.property-editor-2 .row .caption.StaticMultiLineText,
.property-editor-2 .row .caption.LongText,
.slidable-palette .row .caption.StaticMultiLineText,
.slidable-palette .row .caption.LongText {
  width: 293px;
}
.property-editor-2 .row .body,
.slidable-palette .row .body {
  float: right;
}
.property-editor-2 .row .body .editor.disabled,
.slidable-palette .row .body .editor.disabled {
  opacity: 0.7;
  padding-top: 6px;
}
.property-editor-2 .row.hidden,
.slidable-palette .row.hidden {
  display: none;
}
.property-editor-2 .row.tiny,
.slidable-palette .row.tiny {
  padding-top: 0;
}
.property-editor-2 .row.disabled .caption.Checkbox,
.property-editor-2 .row.disabled .editor.checkbox,
.slidable-palette .row.disabled .caption.Checkbox,
.slidable-palette .row.disabled .editor.checkbox {
  opacity: 0.4;
  pointer-events: none;
}

.rows[node_type=FakeMultiElement] .mandatory {
  border-color: transparent !important;
}
.rows[node_type=FakeMultiElement] .row[prop_name=width] {
  margin-left: 0px !important;
}

.property-editor-2.light-design {
  -webkit-box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5);
  -moz-box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5);
  box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5);
  cursor: default;
  border: 1px solid rgb(245, 245, 245);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 348px;
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.property-editor-2.light-design .viewport {
  background-color: transparent;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  /* Handle */
}
.property-editor-2.light-design .viewport::-webkit-scrollbar-thumb {
  background-color: #e4e4e4;
}
.property-editor-2.light-design .viewport::-webkit-scrollbar-thumb:hover {
  background-color: #e4e4e4;
}
.property-editor-2.light-design .viewport::-webkit-scrollbar-thumb:active {
  background-color: #e4e4e4;
}
.property-editor-2.light-design,
.property-editor-2.light-design .tabs .tab.opened {
  background-color: rgb(249, 249, 249) !important;
  cursor: default;
}
.property-editor-2.light-design * {
  color: var(--b-txt-primary, #1a1a1a) !important;
  font-size: 12px !important;
}
.property-editor-2.light-design .section {
  border-top: 1px solid rgb(245, 245, 245);
  width: 348px;
}
.property-editor-2.light-design .add-new-state,
.property-editor-2.light-design .add-new-transition {
  border-top: 1px solid rgb(245, 245, 245);
}
.property-editor-2.light-design .tabs {
  background-color: white;
}
.property-editor-2.light-design .row[prop_name=opacity] .body:after {
  color: black !important;
}
.property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button {
  height: 28px;
}
.property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button:hover, .property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button.selected:before {
  background-color: white;
  color: var(--b-txt-brand, #0c29ab);
}
.property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button:before {
  height: 28px;
}
.property-editor-2.light-design .component-checkbox.checked:before {
  color: var(--b-txt-brand, #0c29ab) !important;
  margin-top: 0px !important;
}
.property-editor-2.light-design .composer-dropdown-button {
  border: 1px solid var(--b-border, #e6e6e6) !important;
}
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox,
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox,
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox {
  border: none !important;
  border-bottom: 1px solid var(--b-border, #e6e6e6) !important;
  border-top: 1px solid var(--b-border, #e6e6e6) !important;
}
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked:before,
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked:before,
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked:before {
  margin-top: 0px;
}
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox {
  border-radius: 0px !important;
  border-radius: 0px !important;
}
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox {
  border-left: 1px solid var(--b-border, #e6e6e6) !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox {
  border-right: 1px solid var(--b-border, #e6e6e6) !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.property-editor-2.light-design .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] {
  padding-top: 0px;
}
.property-editor-2.light-design .composer-color {
  padding-left: 2px !important;
}
.property-editor-2.light-design .composer-color.selected {
  background: white;
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer-color .color-input {
  color: #899ea5 !important;
}
.property-editor-2.light-design .composer-color input {
  background-color: white;
}
.property-editor-2.light-design .composer-color input.token-chosen {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer-color .color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker {
  background-color: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input {
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input .a-color-picker-preview {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input .a-color-picker-preview .a-color-picker-clipbaord {
  cursor: pointer !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input:focus-within {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input input[nameref=RGBHEX] {
  background: white !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .hex-input input[nameref=RGBHEX].token-chosen {
  color: var(--b-txt-brand, #0c29ab);
}
.property-editor-2.light-design .composer-color .a-color-picker .alpha {
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .alpha:focus {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .alpha::placeholder {
  color: #899ea5 !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .palette-title .palette-title-link {
  color: #899ea5 !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .a-color-picker-palette-color {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.property-editor-2.light-design .composer-color .a-color-picker .a-color-picker-palette-color.token-chosen {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer-dropdown .spot,
.property-editor-2.light-design .composer-checkbox .component-checkbox,
.property-editor-2.light-design .composer-dropdown-button .button,
.property-editor-2.light-design .composer-color,
.property-editor-2.light-design .condition .composer,
.property-editor-2.light-design .composer-image,
.property-editor-2.light-design input.NumberBox {
  background-color: white !important;
  color: #899ea5 !important;
  font-size: 12px !important;
}
.property-editor-2.light-design .composer .spot,
.property-editor-2.light-design .composer .dynamic,
.property-editor-2.light-design .composer {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.property-editor-2.light-design .composer .spot .not-finished,
.property-editor-2.light-design .composer .spot .not-finished .dynamic,
.property-editor-2.light-design .composer .dynamic .not-finished,
.property-editor-2.light-design .composer .dynamic .not-finished .dynamic,
.property-editor-2.light-design .composer .not-finished,
.property-editor-2.light-design .composer .not-finished .dynamic {
  color: var(--mandatory_color) !important;
}
.property-editor-2.light-design .standard-btn,
.property-editor-2.light-design .add-new-state-button,
.property-editor-2.light-design .new-entry {
  background-color: white !important;
  box-shadow: none !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid var(--b-border, #e6e6e6) !important;
}
.property-editor-2.light-design .new-entry {
  margin-left: 35px !important;
}
.property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container {
  border-bottom: 1px solid rgb(245, 245, 245);
}
.property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .remove-entry:hover:before,
.property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .move-up:hover:before,
.property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .move-down:hover:before {
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.property-editor-2.light-design .add-new-state-button,
.property-editor-2.light-design .new-entry {
  width: 243px;
  font-size: 14px !important;
  box-shadow: none;
}
.property-editor-2.light-design .add-new-state-button:before,
.property-editor-2.light-design .new-entry:before {
  color: #899ea5 !important;
}
.property-editor-2.light-design .rows .state .move-up,
.property-editor-2.light-design .rows .state .move-down {
  margin-right: 15px;
}
.property-editor-2.light-design .rows .state .move-up.disabled,
.property-editor-2.light-design .rows .state .move-down.disabled {
  color: #bbc7cc !important;
  cursor: default;
}
.property-editor-2.light-design .rows .state .move-up.disabled:hover,
.property-editor-2.light-design .rows .state .move-down.disabled:hover {
  color: #bbc7cc !important;
}

.row[prop_name=link_color] .caption,
.row[prop_name=font_color] .caption,
.rows[node_type=PoweredByBubble] .row[prop_name=text_color] .caption,
.section[section_name=AddToAnyContent] .row[prop_name=icons_color] .caption,
.section[section_name=InputContent] .row[prop_name=border_color] .caption,
.section[section_name=InputContent] .row[prop_name=background_color] .caption,
.section[section_name=InputContent] .row[prop_name=handle_color] .caption,
.section[section_name=InputContent] .row[prop_name=range_area_color] .caption {
  width: 96px;
}
.row[prop_name=link_color] .composer-color,
.row[prop_name=font_color] .composer-color,
.rows[node_type=PoweredByBubble] .row[prop_name=text_color] .composer-color,
.section[section_name=AddToAnyContent] .row[prop_name=icons_color] .composer-color,
.section[section_name=InputContent] .row[prop_name=border_color] .composer-color,
.section[section_name=InputContent] .row[prop_name=background_color] .composer-color,
.section[section_name=InputContent] .row[prop_name=handle_color] .composer-color,
.section[section_name=InputContent] .row[prop_name=range_area_color] .composer-color {
  width: 198px;
}

.section[section_name=Background] .row[prop_name=background_color_if_empty_image] .caption {
  width: 152px;
}
.section[section_name=Background] .row[prop_name=background_color_if_empty_image] .composer-color {
  width: 142px;
}

.standard-btn {
  cursor: pointer;
  width: 55px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #696e70;
  border: 1px solid #707679;
  color: white;
  text-align: center;
  -webkit-box-shadow: 1px 1px 3px #585d60;
  -moz-box-shadow: 1px 1px 3px #585d60;
  box-shadow: 1px 1px 3px #585d60;
  padding-top: 7px;
  height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.standard-btn:hover {
  background-color: #6f7577;
}
.standard-btn.disabled, .standard-btn.disabled:hover, .standard-btn.disabled:active {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.standard-btn.disabled:hover, .standard-btn.disabled:hover:hover, .standard-btn.disabled:active:hover {
  background-color: #696e70;
}

.editor.button .standard-btn.property-editor-button.tiny {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
  float: right;
  width: auto;
  padding-top: 0px;
  height: 9px;
}
.editor.button .standard-btn.property-editor-button.tiny:hover {
  color: white;
}

.info-section {
  padding: 20px;
}

.standard-btn.property-editor-button.upgrade-button {
  width: 100%;
  margin-top: 20px;
}

.row[prop_name=element_style] .caption {
  width: 80px;
  margin-bottom: 8px;
}

.row[prop_name=edit_style] {
  width: 52px;
}

.row[prop_name=delete_style] {
  float: right;
  width: 100px;
}

.row[prop_name=reset_overrides] {
  float: right;
  width: 100px;
}

.row[prop_name=tag_type] .caption {
  width: 213px;
}

.slidable-palette {
  cursor: move;
}
.slidable-palette .title .static-title {
  cursor: move;
}
.slidable-palette .title .static-title:hover {
  text-decoration: none;
}
.slidable-palette .buttons-wrapper {
  border-top: 1px solid #4f4f4f;
}
.slidable-palette .btn.btn-validate {
  width: 100px;
  margin-top: 10px;
  margin-left: 109px;
  margin-bottom: 10px;
  float: left;
}
.slidable-palette .btn {
  cursor: pointer;
  width: 55px;
  border-radius: 0px;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #525759;
  color: white;
  text-align: center;
  padding-top: 8px;
  height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.slidable-palette .btn:hover {
  background-color: #424242;
}
.slidable-palette .btn:active {
  background-color: #3c3c3c;
}
.slidable-palette .btn.disabled, .slidable-palette .btn.disabled:hover {
  background-color: #3f3f3f;
  cursor: default;
  color: #595f62;
}
.slidable-palette .btn-delete {
  float: left;
  margin-top: 18px;
  margin-left: 37px;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.slidable-palette .btn-delete:hover, .slidable-palette .btn-delete:active {
  color: white;
}
.slidable-palette .dynamic-image-editor,
.slidable-palette .dynamic-file-editor {
  display: flex;
  flex-direction: column;
}

.composer .dynamic {
  color: var(--composer-dynamic-color);
}
.composer .dynamic:hover {
  color: var(--composer-dynamic-color-hovered);
}
.composer .dynamic.literal {
  color: var(--b-txt-primary);
}
.composer .dynamic.literal:hover {
  color: var(--b-txt-secondary);
}
.composer .not-finished .dynamic:not(.literal) {
  color: var(--mandatory_color);
}
.composer .not-finished .dynamic:not(.literal):hover {
  color: var(--hovered_mandatory_color);
}
.composer .spot {
  color: var(--composer-spot-color);
}
.composer.DWD-alert {
  border: 1px solid #ffc122 !important;
}

.spot {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  display: inline;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.spot.no-editor.empty {
  display: inline-block;
  border-radius: 4px;
  border: 1px dashed #595f62;
}
.spot.no-editor.empty.mandatory:not(.DWD-alert), .spot.no-editor.empty.not-finished:not(.DWD-alert) {
  border: 1px solid var(--mandatory_color);
}
.spot.no-editor.empty.mandatory:not(.DWD-alert):hover, .spot.no-editor.empty.mandatory:not(.DWD-alert):first-child:hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):first-child:hover {
  border: 1px solid var(--mandatory_color);
}
.spot.no-editor.empty.mandatory:not(.DWD-alert):hover, .spot.no-editor.empty.mandatory:not(.DWD-alert):first-child, .spot.no-editor.empty.not-finished:not(.DWD-alert):hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):first-child {
  border: 1px solid var(--mandatory_color);
}
.spot.no-editor.empty:hover, .spot.no-editor.empty:first-child:hover, .spot.no-editor.empty.selected {
  background-color: transparent;
}
.spot.no-editor.selected {
  background-color: #5d9bda;
  color: white;
}
.spot.DWD-alert {
  border: 1px solid #ffc122 !important;
}

.keyboard-input {
  width: 150px;
}

.composer-dropdown .spot,
.composer-dropdown .spot.empty,
.composer-color,
.text-composer,
.property-editor-2 input,
.page-title input,
.slidable-palette textarea,
.responsive-palette input,
.editor.staticnumber input,
.editor.statictext input,
.editor.staticdate input,
.composer-image,
.composer-file,
.property-editor-2 textarea,
.editor.basic .composer,
.condition .composer,
.composer-palette .dropdown-option input,
.dynamic-composer-color .composer {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #525759;
  border-radius: 1px;
  border: none;
  padding: 7px 0px 6px 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: white;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.composer-dropdown .spot:hover, .composer-dropdown .spot:focus,
.composer-dropdown .spot.empty:hover,
.composer-dropdown .spot.empty:focus,
.composer-color:hover,
.composer-color:focus,
.text-composer:hover,
.text-composer:focus,
.property-editor-2 input:hover,
.property-editor-2 input:focus,
.page-title input:hover,
.page-title input:focus,
.slidable-palette textarea:hover,
.slidable-palette textarea:focus,
.responsive-palette input:hover,
.responsive-palette input:focus,
.editor.staticnumber input:hover,
.editor.staticnumber input:focus,
.editor.statictext input:hover,
.editor.statictext input:focus,
.editor.staticdate input:hover,
.editor.staticdate input:focus,
.composer-image:hover,
.composer-image:focus,
.composer-file:hover,
.composer-file:focus,
.property-editor-2 textarea:hover,
.property-editor-2 textarea:focus,
.editor.basic .composer:hover,
.editor.basic .composer:focus,
.condition .composer:hover,
.condition .composer:focus,
.composer-palette .dropdown-option input:hover,
.composer-palette .dropdown-option input:focus,
.dynamic-composer-color .composer:hover,
.dynamic-composer-color .composer:focus {
  background-color: #424242;
  color: white;
  outline: none;
}
.composer-dropdown .spot.inherited,
.composer-dropdown .spot.empty.inherited,
.composer-color.inherited,
.text-composer.inherited,
.property-editor-2 input.inherited,
.page-title input.inherited,
.slidable-palette textarea.inherited,
.responsive-palette input.inherited,
.editor.staticnumber input.inherited,
.editor.statictext input.inherited,
.editor.staticdate input.inherited,
.composer-image.inherited,
.composer-file.inherited,
.property-editor-2 textarea.inherited,
.editor.basic .composer.inherited,
.condition .composer.inherited,
.composer-palette .dropdown-option input.inherited,
.dynamic-composer-color .composer.inherited {
  background-color: rgba(82, 87, 89, 0.24);
}
.composer-dropdown .spot.inherited:hover, .composer-dropdown .spot.inherited:focus,
.composer-dropdown .spot.empty.inherited:hover,
.composer-dropdown .spot.empty.inherited:focus,
.composer-color.inherited:hover,
.composer-color.inherited:focus,
.text-composer.inherited:hover,
.text-composer.inherited:focus,
.property-editor-2 input.inherited:hover,
.property-editor-2 input.inherited:focus,
.page-title input.inherited:hover,
.page-title input.inherited:focus,
.slidable-palette textarea.inherited:hover,
.slidable-palette textarea.inherited:focus,
.responsive-palette input.inherited:hover,
.responsive-palette input.inherited:focus,
.editor.staticnumber input.inherited:hover,
.editor.staticnumber input.inherited:focus,
.editor.statictext input.inherited:hover,
.editor.statictext input.inherited:focus,
.editor.staticdate input.inherited:hover,
.editor.staticdate input.inherited:focus,
.composer-image.inherited:hover,
.composer-image.inherited:focus,
.composer-file.inherited:hover,
.composer-file.inherited:focus,
.property-editor-2 textarea.inherited:hover,
.property-editor-2 textarea.inherited:focus,
.editor.basic .composer.inherited:hover,
.editor.basic .composer.inherited:focus,
.condition .composer.inherited:hover,
.condition .composer.inherited:focus,
.composer-palette .dropdown-option input.inherited:hover,
.composer-palette .dropdown-option input.inherited:focus,
.dynamic-composer-color .composer.inherited:hover,
.dynamic-composer-color .composer.inherited:focus {
  background-color: #424242;
}
.composer-dropdown .spot.text-composer-ppe:hover, .composer-dropdown .spot.text-composer-ppe:focus,
.composer-dropdown .spot.empty.text-composer-ppe:hover,
.composer-dropdown .spot.empty.text-composer-ppe:focus,
.composer-color.text-composer-ppe:hover,
.composer-color.text-composer-ppe:focus,
.text-composer.text-composer-ppe:hover,
.text-composer.text-composer-ppe:focus,
.property-editor-2 input.text-composer-ppe:hover,
.property-editor-2 input.text-composer-ppe:focus,
.page-title input.text-composer-ppe:hover,
.page-title input.text-composer-ppe:focus,
.slidable-palette textarea.text-composer-ppe:hover,
.slidable-palette textarea.text-composer-ppe:focus,
.responsive-palette input.text-composer-ppe:hover,
.responsive-palette input.text-composer-ppe:focus,
.editor.staticnumber input.text-composer-ppe:hover,
.editor.staticnumber input.text-composer-ppe:focus,
.editor.statictext input.text-composer-ppe:hover,
.editor.statictext input.text-composer-ppe:focus,
.editor.staticdate input.text-composer-ppe:hover,
.editor.staticdate input.text-composer-ppe:focus,
.composer-image.text-composer-ppe:hover,
.composer-image.text-composer-ppe:focus,
.composer-file.text-composer-ppe:hover,
.composer-file.text-composer-ppe:focus,
.property-editor-2 textarea.text-composer-ppe:hover,
.property-editor-2 textarea.text-composer-ppe:focus,
.editor.basic .composer.text-composer-ppe:hover,
.editor.basic .composer.text-composer-ppe:focus,
.condition .composer.text-composer-ppe:hover,
.condition .composer.text-composer-ppe:focus,
.composer-palette .dropdown-option input.text-composer-ppe:hover,
.composer-palette .dropdown-option input.text-composer-ppe:focus,
.dynamic-composer-color .composer.text-composer-ppe:hover,
.dynamic-composer-color .composer.text-composer-ppe:focus {
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
}
.composer-dropdown .spot .placeholder,
.composer-dropdown .spot.empty .placeholder,
.composer-color .placeholder,
.text-composer .placeholder,
.property-editor-2 input .placeholder,
.page-title input .placeholder,
.slidable-palette textarea .placeholder,
.responsive-palette input .placeholder,
.editor.staticnumber input .placeholder,
.editor.statictext input .placeholder,
.editor.staticdate input .placeholder,
.composer-image .placeholder,
.composer-file .placeholder,
.property-editor-2 textarea .placeholder,
.editor.basic .composer .placeholder,
.condition .composer .placeholder,
.composer-palette .dropdown-option input .placeholder,
.dynamic-composer-color .composer .placeholder {
  color: #b6b6b6;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
}

.bubble-ui {
  overflow-wrap: initial;
}

.composer-palette .dropdown-option input {
  padding: 0px 0px 0px 0px;
}

.composer-palette .dropdown-option.currently-selected-option {
  color: rgb(241, 241, 0);
}

input {
  height: 30px;
}
input::-webkit-input-placeholder {
  text-shadow: none;
}
input::-moz-placeholder {
  text-shadow: none;
}

.property-editor input {
  height: auto;
  text-shadow: inherit;
}

/* we want to hide optional entries where there are no choices */
.composer .spot.optional.no-choices {
  display: none;
}

.composer-dropdown {
  height: 30px;
}
.composer-dropdown .spot.disabled {
  opacity: 0.5;
  cursor: default;
}
.composer-dropdown .spot,
.composer-dropdown .spot.empty {
  padding: 6px 0px 6px 7px;
  margin: 0;
  display: inline-block;
  width: 165px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #525759;
  border: 1px solid transparent;
}
.composer-dropdown .spot:before, .composer-dropdown .spot.no-editor.empty:before,
.composer-dropdown .spot.empty:before,
.composer-dropdown .spot.empty.no-editor.empty:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  color: #90979a;
  float: right;
  width: 18px;
  text-align: left;
  font-size: 14px;
}
.composer-dropdown .spot:hover, .composer-dropdown .spot.selected, .composer-dropdown .spot:first-child:hover, .composer-dropdown .spot.optional.selected, .composer-dropdown .spot.mandatory.selected,
.composer-dropdown .spot.empty:hover,
.composer-dropdown .spot.empty.selected,
.composer-dropdown .spot.empty:first-child:hover,
.composer-dropdown .spot.empty.optional.selected,
.composer-dropdown .spot.empty.mandatory.selected {
  background-color: #424242;
  color: white;
  border: 1px solid transparent;
}
.composer-dropdown .spot:hover:before, .composer-dropdown .spot.selected:before, .composer-dropdown .spot:first-child:hover:before, .composer-dropdown .spot.optional.selected:before, .composer-dropdown .spot.mandatory.selected:before,
.composer-dropdown .spot.empty:hover:before,
.composer-dropdown .spot.empty.selected:before,
.composer-dropdown .spot.empty:first-child:hover:before,
.composer-dropdown .spot.empty.optional.selected:before,
.composer-dropdown .spot.empty.mandatory.selected:before {
  color: #ffffff;
}
.composer-dropdown .spot:hover input, .composer-dropdown .spot.selected input, .composer-dropdown .spot:first-child:hover input, .composer-dropdown .spot.optional.selected input, .composer-dropdown .spot.mandatory.selected input,
.composer-dropdown .spot.empty:hover input,
.composer-dropdown .spot.empty.selected input,
.composer-dropdown .spot.empty:first-child:hover input,
.composer-dropdown .spot.empty.optional.selected input,
.composer-dropdown .spot.empty.mandatory.selected input {
  background-color: transparent;
}
.composer-dropdown .spot:hover.empty.mandatory, .composer-dropdown .spot.selected.empty.mandatory, .composer-dropdown .spot:first-child:hover.empty.mandatory, .composer-dropdown .spot.optional.selected.empty.mandatory, .composer-dropdown .spot.mandatory.selected.empty.mandatory,
.composer-dropdown .spot.empty:hover.empty.mandatory,
.composer-dropdown .spot.empty.selected.empty.mandatory,
.composer-dropdown .spot.empty:first-child:hover.empty.mandatory,
.composer-dropdown .spot.empty.optional.selected.empty.mandatory,
.composer-dropdown .spot.empty.mandatory.selected.empty.mandatory {
  border: 1px solid var(--mandatory_color);
}
.composer-dropdown .spot.empty:before,
.composer-dropdown .spot.empty.empty:before {
  margin-left: 0;
}
.composer-dropdown.DWD-alert {
  border: 1px solid #ffc122 !important;
}
.composer-dropdown input.composer-input.number-input,
.composer-dropdown input.composer-input.text-input {
  border: none;
  padding-left: 0px;
  margin-top: 0px;
  color: white;
}
.composer-dropdown input.composer-input.number-input:focus,
.composer-dropdown input.composer-input.text-input:focus {
  background-color: transparent;
}
.composer-dropdown .spot.composer-dropdown-medium {
  width: 80px;
}
.composer-dropdown .spot.composer-dropdown-medium-large {
  width: 103px;
}
.composer-dropdown .spot.composer-dropdown-medium-medium-large {
  width: 127px;
}
.composer-dropdown .spot.composer-dropdown-medium-large-large {
  width: 138px;
}
.composer-dropdown .spot.composer-dropdown-long {
  width: 168px;
}
.composer-dropdown .spot.composer-dropdown-long input {
  width: 108px;
}
.composer-dropdown .spot.composer-dropdown-extra_large {
  width: 197px;
}
.composer-dropdown .spot.composer-dropdown-mid_extra_large {
  width: 254px;
}
.composer-dropdown .spot.composer-dropdown-extra_extra_large {
  width: 298px;
}
.composer-dropdown .spot.composer-dropdown-extra_extra_large input {
  width: 150px;
}
.composer-dropdown .spot.composer-dropdown-extra_extra_extra_large {
  width: 340px;
}
.composer-dropdown .spot.composer-dropdown-extra_extra_extra_extra_large {
  width: 400px;
}
.composer-dropdown .spot.composer-dropdown-short {
  width: 85px;
  text-align: center;
  padding-left: 0;
}
.composer-dropdown .spot.composer-dropdown-short input.composer-input {
  width: 25px;
  min-width: 25px;
  text-align: center;
}
.composer-dropdown .spot.composer-dropdown-extra_short {
  width: 48px;
  text-align: center;
  padding-left: 0;
}
.composer-dropdown .spot.composer-dropdown-extra_short input.composer-input {
  width: 25px;
  min-width: 25px;
  text-align: center;
}

.slidable-palette input,
.slidable-palette textarea,
.property-editor-2 input,
.page-title input {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  cursor: text;
  color: rgb(216, 216, 216);
}
.slidable-palette input:focus,
.slidable-palette textarea:focus,
.property-editor-2 input:focus,
.page-title input:focus {
  background-color: #424242;
  outline: none;
  color: white;
}

.slidable-palette input,
.property-editor-2 input {
  height: 30px;
}

.page-title input {
  height: 19px;
  width: 80px;
}

.editor.statictext input,
.editor.staticdate input {
  margin-left: 0px;
  width: 167px;
}

.editor.statictext input.mandatory.empty,
.editor.staticnumber input.mandatory.empty,
.editor.staticdate input.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

input.TextBox.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

.section[section_name=CustomEvent] .row[prop_name=name] .caption {
  width: 125px;
}
.section[section_name=CustomEvent] .row[prop_name=name] .editor.statictext input,
.section[section_name=CustomEvent] .row[prop_name=name] .editor.staticdate input {
  width: 168px;
}

.editor.staticnumber input {
  width: 50px;
  text-align: center;
  padding-left: 0;
  float: right;
}
.editor.staticnumber input.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.editor.basic .composer .spot.empty.no-editor,
.editor.basic .arrowless-composer-dropdown .spot.empty.no-editor,
.condition .composer .spot.empty.no-editor,
.condition .arrowless-composer-dropdown .spot.empty.no-editor,
.editor.geographicsearch .composer .spot.empty.no-editor,
.editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor,
.editor.dropdown .composer .spot.empty.no-editor,
.editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor,
.dynamic-composer-color .composer .spot.empty.no-editor,
.dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor {
  text-align: center;
  color: #9c9c9c !important;
  padding: 0 2px 0 2px;
}
.editor.basic .composer .spot.empty.no-editor:hover, .editor.basic .composer .spot.empty.no-editor.selected,
.editor.basic .arrowless-composer-dropdown .spot.empty.no-editor:hover,
.editor.basic .arrowless-composer-dropdown .spot.empty.no-editor.selected,
.condition .composer .spot.empty.no-editor:hover,
.condition .composer .spot.empty.no-editor.selected,
.condition .arrowless-composer-dropdown .spot.empty.no-editor:hover,
.condition .arrowless-composer-dropdown .spot.empty.no-editor.selected,
.editor.geographicsearch .composer .spot.empty.no-editor:hover,
.editor.geographicsearch .composer .spot.empty.no-editor.selected,
.editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor:hover,
.editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor.selected,
.editor.dropdown .composer .spot.empty.no-editor:hover,
.editor.dropdown .composer .spot.empty.no-editor.selected,
.editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor:hover,
.editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor.selected,
.dynamic-composer-color .composer .spot.empty.no-editor:hover,
.dynamic-composer-color .composer .spot.empty.no-editor.selected,
.dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor:hover,
.dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor.selected {
  color: white;
}

.editor.basic .composer,
.condition .composer,
.dynamic-composer-color .composer {
  float: left;
  padding: 6px 4px 0px 8px;
  min-height: 30px;
  width: 168px;
  cursor: pointer;
  height: auto;
}
.editor.basic .composer .spot.empty.no-editor,
.condition .composer .spot.empty.no-editor,
.dynamic-composer-color .composer .spot.empty.no-editor {
  line-height: 16px;
  width: 35px;
}
.editor.basic .composer .spot.empty.no-editor.optional,
.condition .composer .spot.empty.no-editor.optional,
.dynamic-composer-color .composer .spot.empty.no-editor.optional {
  width: 55px;
}
.editor.basic .composer .spot.empty.no-editor:first-child, .editor.basic .composer .spot.empty.no-editor.optional:first-child,
.condition .composer .spot.empty.no-editor:first-child,
.condition .composer .spot.empty.no-editor.optional:first-child,
.dynamic-composer-color .composer .spot.empty.no-editor:first-child,
.dynamic-composer-color .composer .spot.empty.no-editor.optional:first-child {
  width: 45px;
  display: block;
}
.editor.basic .composer .spot .composer-input,
.condition .composer .spot .composer-input,
.dynamic-composer-color .composer .spot .composer-input {
  margin-top: 0px;
  padding-left: 4px;
}
.editor.basic .composer .spot.optional.empty.hidden,
.condition .composer .spot.optional.empty.hidden,
.dynamic-composer-color .composer .spot.optional.empty.hidden {
  display: none;
}

.editor.basic .spot .address-input,
.editor.geographicsearch .spot .address-input,
.condition .spot .address-input {
  width: 135px !important;
}

.row[prop_name=condition] {
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  border-top: 1px solid #595f62;
  margin-top: 10px;
  width: 340px;
  padding-right: 20px;
}
.row[prop_name=condition] .caption {
  width: 65px;
  margin-right: 0;
}
.row[prop_name=condition] .composer {
  width: 234px;
}

.no-conditionals-text {
  padding: 15px 20px 15px 20px;
}

.rows .state {
  color: #ffffff;
}
.rows .state.section {
  padding-top: 5px;
  padding-bottom: 0;
}
.rows .state.section.from-style {
  padding-top: 15px;
  padding-bottom: 15px;
}
.rows .state .condition-caption {
  float: left;
  margin-top: 6px;
  width: 40px;
  clear: both;
}
.rows .state .condition-from-style {
  background-color: #505659;
  border-radius: 1px;
  float: left;
  height: auto;
  min-height: 30px;
  padding: 6px 4px 0px 4px;
  width: 259px;
}
.rows .state .style-description {
  margin-top: 13px;
  float: left;
}
.rows .state .condition {
  float: left;
  overflow: hidden;
  margin-bottom: 7px;
}
.rows .state .condition .composer {
  width: 259px;
}
.rows .state .property-rules .row {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 10px;
  clear: both;
  float: left;
  width: 300px;
  overflow: visible;
}
.rows .state .property-rules .row .prop-row-contents {
  float: left;
  width: 280px;
}
.rows .state .property-rules .row .body {
  float: right;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.rows .state .property-rules .row .body .long-text-composer,
.rows .state .property-rules .row .body .MultilineTextBox {
  width: 277px;
}
.rows .state .property-rules .row .caption {
  width: 70px;
  white-space: nowrap;
  overflow: visible;
}
.rows .state .remove-state,
.rows .state .move-up,
.rows .state .move-down,
.rows .state .state_toggle {
  margin-bottom: 2px;
  color: #9ba1a5;
}
.rows .state .remove-state.toggleable,
.rows .state .move-up.toggleable,
.rows .state .move-down.toggleable,
.rows .state .state_toggle.toggleable {
  cursor: pointer;
}
.rows .state .remove-state.toggleable:hover,
.rows .state .move-up.toggleable:hover,
.rows .state .move-down.toggleable:hover,
.rows .state .state_toggle.toggleable:hover {
  color: white;
}
.rows .state .remove-state,
.rows .state .move-up,
.rows .state .move-down {
  float: right;
}
.rows .state .state_toggle {
  float: left;
}
.rows .state .move-up,
.rows .state .move-down {
  margin-right: 15px;
}
.rows .state .move-up.disabled,
.rows .state .move-down.disabled {
  color: rgba(255, 255, 255, 0.2509803922);
  cursor: default;
}
.rows .state .move-up.disabled:hover,
.rows .state .move-down.disabled:hover {
  color: rgba(255, 255, 255, 0.2509803922);
}
.rows .state .add-new-property-rule {
  clear: both;
  float: left;
  margin-top: 15px;
  margin-left: -20px;
  width: 318px;
  height: 40px;
}
.rows .state .add-new-property-rule .composer-dropdown {
  margin-left: 20px;
}

.delete-state-property-container,
.delete-transition-container {
  float: right;
}
.delete-state-property-container .delete-state-property,
.delete-state-property-container .delete-transition,
.delete-transition-container .delete-state-property,
.delete-transition-container .delete-transition {
  float: right;
  cursor: pointer;
  margin-top: 5px;
}
.delete-state-property-container .delete-state-property:before,
.delete-state-property-container .delete-transition:before,
.delete-transition-container .delete-state-property:before,
.delete-transition-container .delete-transition:before {
  content: "\f014";
  font-family: "FontAwesome";
  color: #878d91;
  font-size: 16px;
}
.delete-state-property-container .delete-state-property:hover:before,
.delete-state-property-container .delete-transition:hover:before,
.delete-transition-container .delete-state-property:hover:before,
.delete-transition-container .delete-transition:hover:before {
  color: #9ba1a5;
}

.rows .transition {
  color: #ffffff;
}
.rows .transition .transition-property,
.rows .transition .transition-duration,
.rows .transition .composer-dropdown {
  float: left;
}
.rows .transition .transition-fn {
  float: right;
}
.rows .transition .transition-property {
  clear: both;
  margin-bottom: 5px;
}
.rows .transition .transition-from-style {
  clear: both;
}
.rows .transition .delete-transition {
  margin-top: 0px;
}
.rows .transition .transition-duration {
  clear: both;
}
.rows .transition .duration-caption {
  float: left;
  margin-top: 7px;
  margin-right: 20px;
}

.add-new-state .add-new-state-button,
.add-new-state .new-entry,
.add-new-state .show-more-less-button,
.new-entry-container .add-new-state-button,
.new-entry-container .new-entry,
.new-entry-container .show-more-less-button,
.show-more-less .add-new-state-button,
.show-more-less .new-entry,
.show-more-less .show-more-less-button {
  cursor: pointer;
  border-radius: 2px;
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #696e70;
  border: 1px solid #707679;
  color: white;
  text-align: center;
  -webkit-box-shadow: 1px 1px 3px #585d60;
  -moz-box-shadow: 1px 1px 3px #585d60;
  box-shadow: 1px 1px 3px #585d60;
  padding-top: 3px;
  height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 243px;
}
.add-new-state .add-new-state-button:hover,
.add-new-state .new-entry:hover,
.add-new-state .show-more-less-button:hover,
.new-entry-container .add-new-state-button:hover,
.new-entry-container .new-entry:hover,
.new-entry-container .show-more-less-button:hover,
.show-more-less .add-new-state-button:hover,
.show-more-less .new-entry:hover,
.show-more-less .show-more-less-button:hover {
  background-color: #6f7577;
}
.add-new-state .add-new-state-button.show-less:before,
.add-new-state .new-entry.show-less:before,
.add-new-state .show-more-less-button.show-less:before,
.new-entry-container .add-new-state-button.show-less:before,
.new-entry-container .new-entry.show-less:before,
.new-entry-container .show-more-less-button.show-less:before,
.show-more-less .add-new-state-button.show-less:before,
.show-more-less .new-entry.show-less:before,
.show-more-less .show-more-less-button.show-less:before {
  content: "-";
}
.add-new-state .add-new-state-button:before,
.add-new-state .new-entry:before,
.add-new-state .show-more-less-button:before,
.new-entry-container .add-new-state-button:before,
.new-entry-container .new-entry:before,
.new-entry-container .show-more-less-button:before,
.show-more-less .add-new-state-button:before,
.show-more-less .new-entry:before,
.show-more-less .show-more-less-button:before {
  content: "+";
  height: 27px;
  margin-right: 5px;
  color: rgb(216, 216, 216);
  display: inline-block;
  font-size: 28px;
  font-weight: 600;
  vertical-align: middle;
  padding-top: 4px;
}

.add-new-state,
.show-more-less {
  display: flex;
  justify-content: center;
  padding: 16px 20px;
  border-top: 1px solid #595f62;
}

.add-new-transition {
  padding: 15px 20px 15px 20px;
  border-top: 1px solid #595f62;
}

.editor.checkboxlist {
  width: 300px;
}
.editor.checkboxlist .checkbox-row {
  padding: 10px 0px 0px 0px;
  float: left;
  width: 100%;
}

.editor.objectlist .entry,
.editor.staticlist .entry {
  float: left;
  margin-bottom: 10px;
}

.editor.flyoutobjectlist .list-title {
  width: 100%;
}
.editor.flyoutobjectlist .entry.display-only {
  display: flex;
  padding: 4px 0px 4px 0px;
}
.editor.flyoutobjectlist .entry.display-only:not(.has-context) {
  justify-content: space-between;
}
.editor.flyoutobjectlist .entry.display-only .icon-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 16px;
  height: min-content;
  font-size: 14px;
  margin-right: 8px;
  padding-top: 8px;
}
.editor.flyoutobjectlist .entry.display-only .title-container {
  display: flex;
  flex-direction: column;
  width: 125px;
}
.editor.flyoutobjectlist .entry.display-only .title-container .subtitle {
  color: rgba(255, 255, 255, 0.6);
  overflow-wrap: break-word;
}
.editor.flyoutobjectlist .entry.display-only:not(.has-context) .title-container {
  width: 100%;
  padding-right: 10px;
}
.editor.flyoutobjectlist .entry.display-only .context-box {
  display: flex;
  align-items: start;
  padding-top: 8px;
}
.editor.flyoutobjectlist .entry.display-only .context-box.has-context {
  width: 100%;
  justify-content: space-between;
}
.editor.flyoutobjectlist .entry.display-only .context-box .context {
  margin-left: 4px;
  max-height: 40px;
  max-width: 150px;
}
.editor.flyoutobjectlist .entry.display-only .context-box .context.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.editor.flyoutobjectlist .entry.display-only .context-box .context.file-caption {
  font-style: italic;
}
.editor.flyoutobjectlist .entry.display-only .context-box .context.color-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.editor.flyoutobjectlist .entry.display-only .context-box .context.color-wrapper .color-swatch {
  width: 12px;
  height: 12px;
  margin-right: 7px;
}
.editor.flyoutobjectlist .entry.display-only .context-box .edit-btn,
.editor.flyoutobjectlist .entry.display-only .context-box .delete-btn {
  cursor: pointer;
  opacity: 60%;
  line-height: 16px;
}
.editor.flyoutobjectlist .entry.display-only .context-box .edit-btn {
  margin-left: 4px;
}
.editor.flyoutobjectlist .entry.display-only .context-box .delete-btn {
  margin-left: 12px;
}

.row[prop_name=constraints],
.row[prop_name=initial_values],
.row[prop_name=changes],
.row[prop_name=additional_values],
.row.generic_object_list {
  overflow: visible;
}
.row[prop_name=constraints] .editor.objectlist,
.row[prop_name=constraints] .editor.staticlist,
.row[prop_name=constraints] .editor.flyoutobjectlist,
.row[prop_name=initial_values] .editor.objectlist,
.row[prop_name=initial_values] .editor.staticlist,
.row[prop_name=initial_values] .editor.flyoutobjectlist,
.row[prop_name=changes] .editor.objectlist,
.row[prop_name=changes] .editor.staticlist,
.row[prop_name=changes] .editor.flyoutobjectlist,
.row[prop_name=additional_values] .editor.objectlist,
.row[prop_name=additional_values] .editor.staticlist,
.row[prop_name=additional_values] .editor.flyoutobjectlist,
.row.generic_object_list .editor.objectlist,
.row.generic_object_list .editor.staticlist,
.row.generic_object_list .editor.flyoutobjectlist {
  padding: 3px 0px 0px 0px;
}
.row[prop_name=constraints] .editor.objectlist .entry,
.row[prop_name=constraints] .editor.staticlist .entry,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry,
.row[prop_name=initial_values] .editor.objectlist .entry,
.row[prop_name=initial_values] .editor.staticlist .entry,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry,
.row[prop_name=changes] .editor.objectlist .entry,
.row[prop_name=changes] .editor.staticlist .entry,
.row[prop_name=changes] .editor.flyoutobjectlist .entry,
.row[prop_name=additional_values] .editor.objectlist .entry,
.row[prop_name=additional_values] .editor.staticlist .entry,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry,
.row.generic_object_list .editor.objectlist .entry,
.row.generic_object_list .editor.staticlist .entry,
.row.generic_object_list .editor.flyoutobjectlist .entry {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #525759;
  border-radius: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
  padding: 5px 2px 1px 4px;
  min-height: 30px;
  width: 298px;
  margin-top: 5px;
}
.row[prop_name=constraints] .editor.objectlist .entry:hover, .row[prop_name=constraints] .editor.objectlist .entry:focus,
.row[prop_name=constraints] .editor.staticlist .entry:hover,
.row[prop_name=constraints] .editor.staticlist .entry:focus,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry:hover,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry:focus,
.row[prop_name=initial_values] .editor.objectlist .entry:hover,
.row[prop_name=initial_values] .editor.objectlist .entry:focus,
.row[prop_name=initial_values] .editor.staticlist .entry:hover,
.row[prop_name=initial_values] .editor.staticlist .entry:focus,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry:hover,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry:focus,
.row[prop_name=changes] .editor.objectlist .entry:hover,
.row[prop_name=changes] .editor.objectlist .entry:focus,
.row[prop_name=changes] .editor.staticlist .entry:hover,
.row[prop_name=changes] .editor.staticlist .entry:focus,
.row[prop_name=changes] .editor.flyoutobjectlist .entry:hover,
.row[prop_name=changes] .editor.flyoutobjectlist .entry:focus,
.row[prop_name=additional_values] .editor.objectlist .entry:hover,
.row[prop_name=additional_values] .editor.objectlist .entry:focus,
.row[prop_name=additional_values] .editor.staticlist .entry:hover,
.row[prop_name=additional_values] .editor.staticlist .entry:focus,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry:hover,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry:focus,
.row.generic_object_list .editor.objectlist .entry:hover,
.row.generic_object_list .editor.objectlist .entry:focus,
.row.generic_object_list .editor.staticlist .entry:hover,
.row.generic_object_list .editor.staticlist .entry:focus,
.row.generic_object_list .editor.flyoutobjectlist .entry:hover,
.row.generic_object_list .editor.flyoutobjectlist .entry:focus {
  background-color: #424242;
  color: white;
}
.row[prop_name=constraints] .editor.objectlist .entry .prop-row-contents,
.row[prop_name=constraints] .editor.staticlist .entry .prop-row-contents,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .prop-row-contents,
.row[prop_name=initial_values] .editor.objectlist .entry .prop-row-contents,
.row[prop_name=initial_values] .editor.staticlist .entry .prop-row-contents,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .prop-row-contents,
.row[prop_name=changes] .editor.objectlist .entry .prop-row-contents,
.row[prop_name=changes] .editor.staticlist .entry .prop-row-contents,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .prop-row-contents,
.row[prop_name=additional_values] .editor.objectlist .entry .prop-row-contents,
.row[prop_name=additional_values] .editor.staticlist .entry .prop-row-contents,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .prop-row-contents,
.row.generic_object_list .editor.objectlist .entry .prop-row-contents,
.row.generic_object_list .editor.staticlist .entry .prop-row-contents,
.row.generic_object_list .editor.flyoutobjectlist .entry .prop-row-contents {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=key] .composer-textbox input,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=key] .composer-textbox input,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input {
  height: 20px;
  width: 60px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row,
.row[prop_name=constraints] .editor.staticlist .entry .row,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row,
.row[prop_name=initial_values] .editor.objectlist .entry .row,
.row[prop_name=initial_values] .editor.staticlist .entry .row,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row,
.row[prop_name=changes] .editor.objectlist .entry .row,
.row[prop_name=changes] .editor.staticlist .entry .row,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row,
.row[prop_name=additional_values] .editor.objectlist .entry .row,
.row[prop_name=additional_values] .editor.staticlist .entry .row,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row,
.row.generic_object_list .editor.objectlist .entry .row,
.row.generic_object_list .editor.staticlist .entry .row,
.row.generic_object_list .editor.flyoutobjectlist .entry .row {
  padding-top: 0;
  margin-left: 2px;
  display: inline;
  float: none;
}
.row[prop_name=constraints] .editor.objectlist .entry .row:first-child,
.row[prop_name=constraints] .editor.staticlist .entry .row:first-child,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row:first-child,
.row[prop_name=initial_values] .editor.objectlist .entry .row:first-child,
.row[prop_name=initial_values] .editor.staticlist .entry .row:first-child,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row:first-child,
.row[prop_name=changes] .editor.objectlist .entry .row:first-child,
.row[prop_name=changes] .editor.staticlist .entry .row:first-child,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row:first-child,
.row[prop_name=additional_values] .editor.objectlist .entry .row:first-child,
.row[prop_name=additional_values] .editor.staticlist .entry .row:first-child,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row:first-child,
.row.generic_object_list .editor.objectlist .entry .row:first-child,
.row.generic_object_list .editor.staticlist .entry .row:first-child,
.row.generic_object_list .editor.flyoutobjectlist .entry .row:first-child {
  margin-left: 0px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row .spot .optional.hidden,
.row[prop_name=constraints] .editor.staticlist .entry .row .spot .optional.hidden,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .spot .optional.hidden,
.row[prop_name=initial_values] .editor.objectlist .entry .row .spot .optional.hidden,
.row[prop_name=initial_values] .editor.staticlist .entry .row .spot .optional.hidden,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .spot .optional.hidden,
.row[prop_name=changes] .editor.objectlist .entry .row .spot .optional.hidden,
.row[prop_name=changes] .editor.staticlist .entry .row .spot .optional.hidden,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row .spot .optional.hidden,
.row[prop_name=additional_values] .editor.objectlist .entry .row .spot .optional.hidden,
.row[prop_name=additional_values] .editor.staticlist .entry .row .spot .optional.hidden,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .spot .optional.hidden,
.row.generic_object_list .editor.objectlist .entry .row .spot .optional.hidden,
.row.generic_object_list .editor.staticlist .entry .row .spot .optional.hidden,
.row.generic_object_list .editor.flyoutobjectlist .entry .row .spot .optional.hidden {
  display: none;
}
.row[prop_name=constraints] .editor.objectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=constraints] .editor.staticlist .entry .row .spot .mandatory.hidden,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=initial_values] .editor.objectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=initial_values] .editor.staticlist .entry .row .spot .mandatory.hidden,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=changes] .editor.objectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=changes] .editor.staticlist .entry .row .spot .mandatory.hidden,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=additional_values] .editor.objectlist .entry .row .spot .mandatory.hidden,
.row[prop_name=additional_values] .editor.staticlist .entry .row .spot .mandatory.hidden,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden,
.row.generic_object_list .editor.objectlist .entry .row .spot .mandatory.hidden,
.row.generic_object_list .editor.staticlist .entry .row .spot .mandatory.hidden,
.row.generic_object_list .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .row .body,
.row[prop_name=constraints] .editor.staticlist .entry .row .body,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .body,
.row[prop_name=initial_values] .editor.objectlist .entry .row .body,
.row[prop_name=initial_values] .editor.staticlist .entry .row .body,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .body,
.row[prop_name=changes] .editor.objectlist .entry .row .body,
.row[prop_name=changes] .editor.staticlist .entry .row .body,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row .body,
.row[prop_name=additional_values] .editor.objectlist .entry .row .body,
.row[prop_name=additional_values] .editor.staticlist .entry .row .body,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .body,
.row.generic_object_list .editor.objectlist .entry .row .body,
.row.generic_object_list .editor.staticlist .entry .row .body,
.row.generic_object_list .editor.flyoutobjectlist .entry .row .body {
  float: none;
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .editor,
.row[prop_name=constraints] .editor.staticlist .entry .editor,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .editor,
.row[prop_name=initial_values] .editor.objectlist .entry .editor,
.row[prop_name=initial_values] .editor.staticlist .entry .editor,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .editor,
.row[prop_name=changes] .editor.objectlist .entry .editor,
.row[prop_name=changes] .editor.staticlist .entry .editor,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .editor,
.row[prop_name=additional_values] .editor.objectlist .entry .editor,
.row[prop_name=additional_values] .editor.staticlist .entry .editor,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .editor,
.row.generic_object_list .editor.objectlist .entry .editor,
.row.generic_object_list .editor.staticlist .entry .editor,
.row.generic_object_list .editor.flyoutobjectlist .entry .editor {
  display: inline;
  float: none;
}
.row[prop_name=constraints] .editor.objectlist .entry .geographic-search-constraint,
.row[prop_name=constraints] .editor.staticlist .entry .geographic-search-constraint,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .geographic-search-constraint,
.row[prop_name=initial_values] .editor.objectlist .entry .geographic-search-constraint,
.row[prop_name=initial_values] .editor.staticlist .entry .geographic-search-constraint,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .geographic-search-constraint,
.row[prop_name=changes] .editor.objectlist .entry .geographic-search-constraint,
.row[prop_name=changes] .editor.staticlist .entry .geographic-search-constraint,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .geographic-search-constraint,
.row[prop_name=additional_values] .editor.objectlist .entry .geographic-search-constraint,
.row[prop_name=additional_values] .editor.staticlist .entry .geographic-search-constraint,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .geographic-search-constraint,
.row.generic_object_list .editor.objectlist .entry .geographic-search-constraint,
.row.generic_object_list .editor.staticlist .entry .geographic-search-constraint,
.row.generic_object_list .editor.flyoutobjectlist .entry .geographic-search-constraint {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown,
.row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown,
.row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown,
.row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown,
.row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown,
.row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown,
.row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown,
.row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown,
.row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown,
.row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown,
.row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown {
  display: inline;
  margin-top: 4px;
  margin-left: 4px;
}
.row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown .spot,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot,
.row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown .spot,
.row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown .spot,
.row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot {
  padding: 0 1px 0 1px;
}
.row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child,
.row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown:first-child,
.row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown:first-child,
.row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child {
  margin-left: 0px;
}
.row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child,
.row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child {
  width: 35px;
}
.row[prop_name=constraints] .editor.objectlist .entry .composer,
.row[prop_name=constraints] .editor.staticlist .entry .composer,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer,
.row[prop_name=initial_values] .editor.objectlist .entry .composer,
.row[prop_name=initial_values] .editor.staticlist .entry .composer,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer,
.row[prop_name=changes] .editor.objectlist .entry .composer,
.row[prop_name=changes] .editor.staticlist .entry .composer,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .composer,
.row[prop_name=additional_values] .editor.objectlist .entry .composer,
.row[prop_name=additional_values] .editor.staticlist .entry .composer,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer,
.row.generic_object_list .editor.objectlist .entry .composer,
.row.generic_object_list .editor.staticlist .entry .composer,
.row.generic_object_list .editor.flyoutobjectlist .entry .composer {
  float: none;
  display: inline;
  width: auto;
  min-width: 30px;
  border: none;
  background-color: transparent;
}
.row[prop_name=constraints] .editor.objectlist .entry .composer .composer-input,
.row[prop_name=constraints] .editor.staticlist .entry .composer .composer-input,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer .composer-input,
.row[prop_name=initial_values] .editor.objectlist .entry .composer .composer-input,
.row[prop_name=initial_values] .editor.staticlist .entry .composer .composer-input,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer .composer-input,
.row[prop_name=changes] .editor.objectlist .entry .composer .composer-input,
.row[prop_name=changes] .editor.staticlist .entry .composer .composer-input,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .composer .composer-input,
.row[prop_name=additional_values] .editor.objectlist .entry .composer .composer-input,
.row[prop_name=additional_values] .editor.staticlist .entry .composer .composer-input,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer .composer-input,
.row.generic_object_list .editor.objectlist .entry .composer .composer-input,
.row.generic_object_list .editor.staticlist .entry .composer .composer-input,
.row.generic_object_list .editor.flyoutobjectlist .entry .composer .composer-input {
  margin-top: 0px;
  line-height: 16px;
}
.row[prop_name=constraints] .editor.objectlist .entry .composer .spot.empty,
.row[prop_name=constraints] .editor.staticlist .entry .composer .spot.empty,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer .spot.empty,
.row[prop_name=initial_values] .editor.objectlist .entry .composer .spot.empty,
.row[prop_name=initial_values] .editor.staticlist .entry .composer .spot.empty,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer .spot.empty,
.row[prop_name=changes] .editor.objectlist .entry .composer .spot.empty,
.row[prop_name=changes] .editor.staticlist .entry .composer .spot.empty,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .composer .spot.empty,
.row[prop_name=additional_values] .editor.objectlist .entry .composer .spot.empty,
.row[prop_name=additional_values] .editor.staticlist .entry .composer .spot.empty,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer .spot.empty,
.row.generic_object_list .editor.objectlist .entry .composer .spot.empty,
.row.generic_object_list .editor.staticlist .entry .composer .spot.empty,
.row.generic_object_list .editor.flyoutobjectlist .entry .composer .spot.empty {
  top: 4px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot {
  display: inline;
  line-height: 16px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden {
  display: none;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext {
  border: none;
  border-radius: 0;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer {
  float: none;
  min-height: 20px;
  display: inline;
  width: auto;
  overflow: hidden;
  padding: 1px 1px 3px 1px;
  margin-left: 2px;
  background-color: transparent;
  border: none;
  position: relative;
  z-index: 1;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected {
  z-index: 2;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp {
  z-index: unset;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 191px;
  z-index: -1;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp {
  z-index: unset;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows {
  line-height: 20px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input {
  margin-top: 0px;
}
.row[prop_name=constraints] .editor.objectlist .label,
.row[prop_name=constraints] .editor.staticlist .label,
.row[prop_name=constraints] .editor.flyoutobjectlist .label,
.row[prop_name=initial_values] .editor.objectlist .label,
.row[prop_name=initial_values] .editor.staticlist .label,
.row[prop_name=initial_values] .editor.flyoutobjectlist .label,
.row[prop_name=changes] .editor.objectlist .label,
.row[prop_name=changes] .editor.staticlist .label,
.row[prop_name=changes] .editor.flyoutobjectlist .label,
.row[prop_name=additional_values] .editor.objectlist .label,
.row[prop_name=additional_values] .editor.staticlist .label,
.row[prop_name=additional_values] .editor.flyoutobjectlist .label,
.row.generic_object_list .editor.objectlist .label,
.row.generic_object_list .editor.staticlist .label,
.row.generic_object_list .editor.flyoutobjectlist .label {
  display: inline;
}

.row[prop_name=groupings] .entry,
.row[prop_name=aggregations] .entry {
  margin-bottom: 0px;
}
.row[prop_name=groupings] .remover-entry-container,
.row[prop_name=aggregations] .remover-entry-container {
  margin-bottom: 10px;
}
.row[prop_name=groupings] .new-entry-container,
.row[prop_name=aggregations] .new-entry-container {
  padding-top: 0px;
  border-bottom: 1px solid #595f62;
}

.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action],
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] {
  width: 100%;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .caption.Button,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .caption.Button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .caption.Button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .caption.Button {
  padding-top: 4px;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button {
  height: 100%;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button {
  width: 18px;
  height: 100%;
  padding: 4px 0px 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button:before,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button:before,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button:before,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button:before {
  content: "+";
  color: rgba(255, 255, 255, 0.7215686275);
  font-size: 21px;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=leading_swipe_action_label],
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=trailing_swipe_action_label],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=leading_swipe_action_label],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=trailing_swipe_action_label] {
  padding-top: 4px;
  padding-bottom: 2px;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=full_swipe_label],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=full_swipe_label] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  padding-top: 0px;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_leading],
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_trailing],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_leading],
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] {
  width: 100%;
}
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_leading] .body,
.section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] .body,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_leading] .body,
.section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] .body {
  width: 100%;
}

.row[prop_name=accent_color_label] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  padding-top: 8px;
}

.remover-entry-container {
  float: left;
}
.remover-entry-container .remove-entry,
.remover-entry-container .move-up,
.remover-entry-container .move-down {
  float: right;
  cursor: pointer;
  margin-top: 11px;
  margin-right: -13px;
}
.remover-entry-container .remove-entry:before,
.remover-entry-container .move-up:before,
.remover-entry-container .move-down:before {
  content: "\f014";
  font-family: "FontAwesome";
  font-size: 16px;
}

.element-inspector-zone .delete-btn.bubble-ui:before,
.element-inspector-zone .remove-entry:before,
.element-inspector-zone .move-up:before,
.element-inspector-zone .move-down:before,
.remover-entry-container .delete-btn.bubble-ui:before,
.remover-entry-container .remove-entry:before,
.remover-entry-container .move-up:before,
.remover-entry-container .move-down:before {
  color: #878d91;
}
.element-inspector-zone .delete-btn.bubble-ui:hover:before,
.element-inspector-zone .remove-entry:hover:before,
.element-inspector-zone .move-up:hover:before,
.element-inspector-zone .move-down:hover:before,
.remover-entry-container .delete-btn.bubble-ui:hover:before,
.remover-entry-container .remove-entry:hover:before,
.remover-entry-container .move-up:hover:before,
.remover-entry-container .move-down:hover:before {
  color: #9ba1a5;
}

.new-entry-container {
  float: left;
  padding: 10px 15px 10px 8px;
}
.new-entry-container .new-entry {
  clear: both;
  float: left;
  width: 225px;
  margin-left: 27px;
  margin-right: 24px;
}

.row[prop_name=additional_sort_fields] .entry {
  float: left;
  padding-bottom: 10px;
}
.row[prop_name=additional_sort_fields] .row[prop_name=sort_field]:first-child {
  padding-top: 5px;
}
.row[prop_name=additional_sort_fields] .remover-entry-container {
  float: right;
}

.row[prop_name=url_parameters] .caption {
  width: 25px;
}
.row[prop_name=url_parameters] input {
  width: 70px;
}
.row[prop_name=url_parameters] .entry {
  margin-top: 6px;
  float: left;
  width: 295px;
}
.row[prop_name=url_parameters] .row[prop_name=value] {
  padding-top: 0px;
  margin-left: 10px;
}
.row[prop_name=url_parameters] .row[prop_name=value] .caption {
  width: 10px;
}
.row[prop_name=url_parameters] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer {
  width: 167px;
}

.row[prop_name=url_parameters_success] .caption,
.row[prop_name=url_parameters_failure] .caption {
  width: 25px;
}
.row[prop_name=url_parameters_success] input,
.row[prop_name=url_parameters_failure] input {
  width: 70px;
}
.row[prop_name=url_parameters_success] .entry,
.row[prop_name=url_parameters_failure] .entry {
  margin-top: 6px;
  float: left;
  width: 295px;
}
.row[prop_name=url_parameters_success] .row[prop_name=value],
.row[prop_name=url_parameters_failure] .row[prop_name=value] {
  padding-top: 0px;
  margin-left: 10px;
}
.row[prop_name=url_parameters_success] .row[prop_name=value] .caption,
.row[prop_name=url_parameters_failure] .row[prop_name=value] .caption {
  width: 10px;
}
.row[prop_name=url_parameters_success] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer,
.row[prop_name=url_parameters_failure] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer {
  width: 167px;
}

.row[prop_name=parameters] .entry,
.row[prop_name=return_types] .entry,
.row[prop_name=parameters_actions] .entry {
  float: left;
  width: 100%;
}
.row[prop_name=parameters] .entry:not(.display-only),
.row[prop_name=return_types] .entry:not(.display-only),
.row[prop_name=parameters_actions] .entry:not(.display-only) {
  padding-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #595f62;
}
.row[prop_name=parameters] .remover-entry-container .remove-entry,
.row[prop_name=return_types] .remover-entry-container .remove-entry,
.row[prop_name=parameters_actions] .remover-entry-container .remove-entry {
  margin-top: 22px;
}
.row[prop_name=parameters] .row[prop_name=key] .caption,
.row[prop_name=parameters] .row[prop_name=value] .caption,
.row[prop_name=return_types] .row[prop_name=key] .caption,
.row[prop_name=return_types] .row[prop_name=value] .caption,
.row[prop_name=parameters_actions] .row[prop_name=key] .caption,
.row[prop_name=parameters_actions] .row[prop_name=value] .caption {
  width: 35px;
}
.row[prop_name=parameters] .row[prop_name=param_name] .caption,
.row[prop_name=parameters] .row[prop_name=btype_id] .caption,
.row[prop_name=return_types] .row[prop_name=param_name] .caption,
.row[prop_name=return_types] .row[prop_name=btype_id] .caption,
.row[prop_name=parameters_actions] .row[prop_name=param_name] .caption,
.row[prop_name=parameters_actions] .row[prop_name=btype_id] .caption {
  width: 35px;
}
.row[prop_name=parameters] .row[prop_name=key] input,
.row[prop_name=return_types] .row[prop_name=key] input,
.row[prop_name=parameters_actions] .row[prop_name=key] input {
  width: 97px;
}
.row[prop_name=parameters] .row[prop_name=param_name] input,
.row[prop_name=return_types] .row[prop_name=param_name] input,
.row[prop_name=parameters_actions] .row[prop_name=param_name] input {
  width: 97px;
}
.row[prop_name=parameters] .row[prop_name=value],
.row[prop_name=return_types] .row[prop_name=value],
.row[prop_name=parameters_actions] .row[prop_name=value] {
  padding-top: 0px;
  margin-left: 17px;
}
.row[prop_name=parameters] .row[prop_name=btype_id],
.row[prop_name=return_types] .row[prop_name=btype_id],
.row[prop_name=parameters_actions] .row[prop_name=btype_id] {
  padding-top: 0px;
  margin-left: 17px;
}
.row[prop_name=parameters] .row[prop_name=is_list] .caption.Checkbox,
.row[prop_name=parameters] .row[prop_name=optional] .caption.Checkbox,
.row[prop_name=parameters] .row[prop_name=in_url] .caption.Checkbox,
.row[prop_name=return_types] .row[prop_name=is_list] .caption.Checkbox,
.row[prop_name=return_types] .row[prop_name=optional] .caption.Checkbox,
.row[prop_name=return_types] .row[prop_name=in_url] .caption.Checkbox,
.row[prop_name=parameters_actions] .row[prop_name=is_list] .caption.Checkbox,
.row[prop_name=parameters_actions] .row[prop_name=optional] .caption.Checkbox,
.row[prop_name=parameters_actions] .row[prop_name=in_url] .caption.Checkbox {
  width: 76px;
}
.row[prop_name=parameters] .row[prop_name=optional] .caption.Checkbox,
.row[prop_name=return_types] .row[prop_name=optional] .caption.Checkbox,
.row[prop_name=parameters_actions] .row[prop_name=optional] .caption.Checkbox {
  width: 53px;
}
.row[prop_name=parameters] .row[prop_name=optional],
.row[prop_name=parameters] .row[prop_name=in_url],
.row[prop_name=return_types] .row[prop_name=optional],
.row[prop_name=return_types] .row[prop_name=in_url],
.row[prop_name=parameters_actions] .row[prop_name=optional],
.row[prop_name=parameters_actions] .row[prop_name=in_url] {
  margin-left: 10px;
}

.row[prop_name=parameters_actions] .row[prop_name=content] .composer {
  width: 299px;
}
.row[prop_name=parameters_actions] .row[prop_name=key] .caption {
  width: 25px;
}
.row[prop_name=parameters_actions] .row[prop_name=param_name] .caption {
  width: 25px;
}
.row[prop_name=parameters_actions] .row[prop_name=value],
.row[prop_name=parameters_actions] .row[prop_name=list] {
  margin-left: 7px;
}
.row[prop_name=parameters_actions] .row[prop_name=list] {
  padding-top: 0px;
}
.row[prop_name=parameters_actions] .row[prop_name=list] .caption.Checkbox {
  width: 25px;
}

.row[prop_name=static_images] .row[prop_name=static_image_src] .body {
  margin-top: 9px !important;
  padding-top: 9px;
  border-top: 1px dashed #5c5c5c;
}
.row[prop_name=static_images] .remove-entry {
  margin-top: 16px;
  margin-left: -14px;
  float: left;
}
.row[prop_name=static_images] .new-entry-container {
  border: none;
  padding-top: 15px;
  padding-bottom: 0px;
}

.section[section_name=CarouselFormat] .row[prop_name=autoplay],
.section[section_name=CarouselFormat] .row[prop_name=show_dots],
.section[section_name=CarouselFormat] .row[prop_name=show_buttons] {
  height: 40px;
  clear: left;
}
.section[section_name=CarouselFormat] .caption.Checkbox {
  width: 125px;
}
.section[section_name=CarouselFormat] .row[prop_name=autoplay_speed],
.section[section_name=CarouselFormat] .row[prop_name=arrow_button_color],
.section[section_name=CarouselFormat] .row[prop_name=navigation_dots_color] {
  clear: none;
  float: right;
}
.section[section_name=CarouselFormat] .row[prop_name=autoplay_speed] .caption,
.section[section_name=CarouselFormat] .row[prop_name=arrow_button_color] .caption,
.section[section_name=CarouselFormat] .row[prop_name=navigation_dots_color] .caption {
  width: 38px;
  margin-left: 5px;
  margin-right: 4px;
}

.composer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.text-composer {
  background-color: #525759;
  padding: 6px 4px 0px 8px;
  border-radius: 1px;
  min-height: 30px;
  height: auto;
  cursor: text;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.text-composer:hover {
  background-color: #424242;
}
.text-composer.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}
.text-composer .add-text-at-beginning {
  display: inline;
  position: relative;
  height: 100%;
  z-index: 4;
  white-space: pre-wrap;
}
.text-composer .spot {
  color: rgb(255, 204, 0);
}
.text-composer .spot.selected {
  color: rgb(255, 204, 0);
}
.text-composer .spot.slidable-owner {
  /* should glow a little bit above the standard gold */
  color: white;
}
.text-composer .spot.empty.no-editor {
  line-height: 16px;
  color: #9c9c9c !important;
}
.text-composer .spot input.composer-input.text-input {
  margin-top: -1px;
}
.text-composer .textcomposer-entry {
  cursor: text;
}
.text-composer .textcomposer-entry .text-entry.static-entry,
.text-composer .textcomposer-entry .text-entry.editing-static-entry {
  display: inline;
  position: relative;
  height: 100%;
  z-index: 4;
  white-space: pre-wrap;
}
.text-composer .textcomposer-entry .text-entry.static-entry-reorg,
.text-composer .textcomposer-entry .text-entry.editing-static-entry-reorg {
  display: inline;
  position: relative;
  height: 100%;
  white-space: pre-wrap;
}
.text-composer .textcomposer-entry .composer {
  display: inline;
}
.text-composer input,
.text-composer textarea {
  background-color: transparent;
  cursor: text;
  float: none;
  font: inherit;
  margin-left: 0px;
  margin-top: 0px;
}
.text-composer .new-text {
  color: rgb(180, 180, 180);
  cursor: pointer;
  position: relative;
  z-index: 5;
}
.text-composer .new-text:hover {
  color: white;
  background: #5d9bda;
}
.text-composer .new-text.hidden {
  display: none;
}
.text-composer .new-text:after {
  /* extend the clickable range of new-text */
  position: absolute;
  height: 100%;
  width: 200px;
  content: "";
  display: block;
  top: 0px;
}
.text-composer .entry-rows {
  display: inline;
}
.text-composer .dynamic {
  cursor: pointer;
  color: var(--composer-dynamic-color);
}
.text-composer .insert-dynamic,
.dynamic-composer-color .insert-dynamic {
  position: fixed;
  padding: 0px;
  border-radius: 0px 0px 0px 0px;
}
.text-composer .insert-dynamic-button,
.dynamic-composer-color .insert-dynamic-button {
  padding-top: 0;
  cursor: pointer;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #5d9bda;
  width: 160px;
  height: 30px;
  color: white !important;
}
.text-composer .insert-dynamic-button:before,
.dynamic-composer-color .insert-dynamic-button:before {
  content: "\f054";
  font-family: "FontAwesome";
  position: relative;
  width: 21px;
  color: white;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  vertical-align: middle;
}
.text-composer .insert-dynamic-button:hover,
.dynamic-composer-color .insert-dynamic-button:hover {
  background-color: #6aaaeb;
}
.text-composer .insert-dynamic-button:active,
.dynamic-composer-color .insert-dynamic-button:active {
  background-color: rgb(69, 147, 226);
}

.row[prop_name=title_attribute] .short-text-composer {
  width: 168px !important;
}

.row:not([prop_name=constraints]) .new-composer.short-text-composer .text-composer {
  padding: 2px 6px 6px 6px;
}
.row:not([prop_name=constraints]) .new-composer.short-text-composer .text-composer.extra-top-padding {
  padding-top: 6px;
}

.short-text-composer {
  width: 168px;
}
.short-text-composer .autostretch {
  display: inline;
}
.short-text-composer input,
.short-text-composer span.autotarg {
  height: 18px;
  white-space: pre;
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  border-radius: none;
}
.short-text-composer input {
  max-width: 100%;
}

.long-text-composer {
  width: 300px;
  min-height: 60px;
  padding-bottom: 5px;
  position: relative;
}
.long-text-composer .textcomposer-entry.static-entry {
  display: inline;
  position: relative; /* fucking issue*/
  width: 100%;
  z-index: 4;
  cursor: text;
  /* white-space: pre-wrap;*/
}
.long-text-composer .textcomposer-entry.static-entry-reorg {
  display: inline;
  position: relative;
  width: 100%;
  cursor: text;
}
.long-text-composer .entry-rows {
  z-index: 2;
}
.long-text-composer .clickable-area {
  cursor: text;
  content: "";
  display: inline-block;
  z-index: 3;
  width: 100%;
  position: absolute;
  left: 0px;
}
.long-text-composer .clickable-area-reorg {
  cursor: text;
  content: "";
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0px;
}
.long-text-composer .textcomposer-entry.dynamic-entry {
  display: inline;
  position: relative;
  width: 286px;
  z-index: 4;
  cursor: pointer;
}
.long-text-composer .textcomposer-entry.dynamic-entry .composer {
  z-index: 5;
  position: relative;
}
.long-text-composer .textcomposer-entry.dynamic-entry-reorg {
  display: inline;
  position: relative;
  width: 286px;
  cursor: pointer;
}
.long-text-composer div.autostretch {
  /* textarea that vertically stretches to fill the content.  javascript is
      responsible for copying contents of textarea.autostretch into div.autotarg */
  position: relative;
  z-index: 3;
  /* most formatting should go here, so that div.autotarg stays the same size as textarea.autostretch */
}
.long-text-composer div.autostretch textarea.autostretch {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: absolute;
  resize: none;
  border: none;
  border-radius: 0;
}
.long-text-composer div.autostretch div.autotarg {
  visibility: hidden;
  min-height: 18px;
}
.long-text-composer div.autostretch div.autotarg,
.long-text-composer div.autostretch textarea.autostretch {
  line-height: 18px;
  margin-top: 0px;
  padding: 0px;
  width: 100%;
}
.long-text-composer div.autostretch textarea:focus {
  outline: none;
}

.long-text-composer-wrapper .long-text-composer {
  float: left;
}
.long-text-composer-wrapper .long-text-composer.param {
  width: 168px;
}
.long-text-composer-wrapper.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

.short-text-composer-wrapper.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

.slidable-palette .name-input {
  cursor: pointer;
}
.slidable-palette .name-input:hover {
  text-decoration: underline;
}
.slidable-palette .name-input:focus {
  cursor: text;
}
.slidable-palette .row[prop_name=default_value] .caption.LongText {
  width: 125px;
}
.slidable-palette .row[prop_name=default_value] .long-text-composer {
  width: 167px;
}
.slidable-palette .row[prop_name=font_color] .caption.Color {
  width: 125px;
}
.slidable-palette .row[prop_name=font_color] .composer-color {
  width: 168px;
}

.slidable-palette.edit-existing-element-flyout > .viewport {
  max-height: 100% !important;
}

.bb-code-button,
.show-doc-btn {
  float: right;
  font-size: 11px;
  cursor: pointer;
  clear: both;
  color: #adadad;
  height: 13px;
}
.bb-code-button:hover,
.show-doc-btn:hover {
  color: white;
}

.doc-content {
  color: #ffffff;
  float: left;
  clear: both;
  width: 298px;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 6px;
  white-space: pre-wrap;
  margin-bottom: 6px;
}

.composer-image,
.composer-file {
  position: relative; /* can override this to be absolute or fixed, but it can't be static */
  cursor: pointer;
  /* Width and height are example values only.  Actual values should be set specific to the place where the
    composer-image is being used */
  width: 80px;
  height: 60px;
}
.composer-image input,
.composer-file input {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.composer-image .file-caption,
.composer-file .file-caption {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  padding-top: 35px;
}
.composer-image .file-caption.empty:before,
.composer-file .file-caption.empty:before {
  font-family: "FontAwesome";
  content: "\f0ee";
  font-size: 22px;
  color: rgb(228, 228, 228);
  width: 41px;
  position: absolute;
  margin-top: -23px;
}
.composer-image .file-caption.center-icon:before,
.composer-file .file-caption.center-icon:before {
  /* bad bad bad speghetti css needs important because something somewhere else is overriding it. goddamn.. */
  margin-top: -4px !important;
}
.composer-image .file-caption.placeholder,
.composer-file .file-caption.placeholder {
  color: #b6b6b6;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
}
.composer-image img,
.composer-file img {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.composer-image img.image-placeholder,
.composer-file img.image-placeholder {
  opacity: 0.4;
}
.composer-image .button-clear-composer-image,
.composer-image .button-clear-composer-file,
.composer-image .download-btn,
.composer-file .button-clear-composer-image,
.composer-file .button-clear-composer-file,
.composer-file .download-btn {
  position: absolute;
  left: 90px;
  z-index: 100;
}
.composer-image .button-clear-composer-image.hidden,
.composer-image .button-clear-composer-file.hidden,
.composer-image .download-btn.hidden,
.composer-file .button-clear-composer-image.hidden,
.composer-file .button-clear-composer-file.hidden,
.composer-file .download-btn.hidden {
  display: none;
}
.composer-image .button-clear-composer-image:hover,
.composer-image .button-clear-composer-file:hover,
.composer-image .download-btn:hover,
.composer-file .button-clear-composer-image:hover,
.composer-file .button-clear-composer-file:hover,
.composer-file .download-btn:hover {
  color: white;
}
.composer-image .button-clear-composer-image,
.composer-image .button-clear-composer-file,
.composer-file .button-clear-composer-image,
.composer-file .button-clear-composer-file {
  bottom: 0px;
}
.composer-image .button-clear-composer-image.json-clear,
.composer-image .button-clear-composer-file.json-clear,
.composer-file .button-clear-composer-image.json-clear,
.composer-file .button-clear-composer-file.json-clear {
  bottom: 10px;
}
.composer-image .download-btn,
.composer-file .download-btn {
  top: 0px;
}
.composer-image .download-btn:hover,
.composer-file .download-btn:hover {
  text-decoration: none;
}
.composer-image.square,
.composer-file.square {
  width: 60px;
}
.composer-image.square .button-clear-composer-image,
.composer-image.square .button-clear-composer-file,
.composer-image.square .download-btn,
.composer-file.square .button-clear-composer-image,
.composer-file.square .button-clear-composer-file,
.composer-file.square .download-btn {
  left: 70px;
}
.composer-image.mandatory.empty,
.composer-file.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

.composer-file {
  height: 30px;
  width: 130px;
}
.composer-file .file-caption {
  padding-top: 6px;
  overflow: hidden;
}
.composer-file .file-caption.empty:before {
  margin-left: -43px;
  margin-top: 0px;
}
.composer-file .button-clear-composer-file,
.composer-file .download-btn {
  left: 140px;
}
.composer-file .download-btn {
  top: -2px;
}
.composer-file.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}

.editor.dynamicimage .short-text-composer,
.editor.dynamicfile .short-text-composer {
  float: left;
  min-height: 30px;
}
.editor.dynamicimage .composer-dropdown,
.editor.dynamicfile .composer-dropdown {
  float: right;
  margin-bottom: 10px;
}
.editor.dynamicimage .composer-image,
.editor.dynamicimage .composer-file,
.editor.dynamicfile .composer-image,
.editor.dynamicfile .composer-file {
  float: left;
  margin-bottom: 7px;
}
.editor.dynamicimage .params-dynamic-image-editor,
.editor.dynamicimage .params-dynamic-file-editor,
.editor.dynamicfile .params-dynamic-image-editor,
.editor.dynamicfile .params-dynamic-file-editor {
  display: flex;
  flex-direction: column;
  margin-top: -6px;
}

.row.has-caption[prop_name=backdrop_background_color_if_empty_image] {
  width: 100%;
}
.row.has-caption[prop_name=backdrop_background_color_if_empty_image] .caption.Color {
  width: 152px;
}
.row.has-caption[prop_name=backdrop_background_color_if_empty_image] .composer-color {
  width: 142px;
}

.row.has-caption[prop_name=backdrop_video_source] .caption.DynamicFile {
  width: 250px;
  margin-bottom: 5px;
}

.composer-checkbox.disabled .component-checkbox,
.property-editor.disabled .component-checkbox {
  opacity: 0.4 !important;
  cursor: default;
}
.composer-checkbox .component-checkbox,
.property-editor .component-checkbox {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  float: left;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-color: #525759;
  background-repeat: no-repeat;
  border-radius: 1px;
  margin-top: 7px;
}
.composer-checkbox .component-checkbox.inherited,
.property-editor .component-checkbox.inherited {
  background-color: rgba(82, 87, 89, 0.24);
}
.composer-checkbox .component-checkbox:hover,
.property-editor .component-checkbox:hover {
  background-color: #424242;
  background-repeat: no-repeat;
}
.composer-checkbox .component-checkbox:before,
.property-editor .component-checkbox:before {
  content: "";
  display: block;
  text-align: center;
}
.composer-checkbox .component-checkbox.checked:before,
.property-editor .component-checkbox.checked:before {
  font-family: "FontAwesome";
  content: "\f00c";
}

.composer-dropdown-button {
  padding: 0;
  height: 30px;
}
.composer-dropdown-button.inherited .button {
  background-color: rgba(82, 87, 89, 0.24);
}
.composer-dropdown-button.inherited .button.selected:before {
  background-color: rgba(66, 66, 66, 0.24);
}
.composer-dropdown-button.inherited .button:hover {
  background-color: #424242;
}
.composer-dropdown-button .button {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: none;
  background-color: #525759;
}
.composer-dropdown-button .button:hover, .composer-dropdown-button .button.selected:before {
  background-repeat: no-repeat;
  background-color: #424242;
}
.composer-dropdown-button .button:before {
  width: 30px;
  height: 30px;
  content: "";
  display: block;
  border-radius: 0;
}
.composer-dropdown-button .button:first-child {
  border-radius: 1px 0px 0px 1px;
}
.composer-dropdown-button .button:first-child:before {
  border-radius: 1px 0px 0px 1px;
}
.composer-dropdown-button .button:last-child {
  border-radius: 0px 1px 1px 0px;
}
.composer-dropdown-button .button:last-child:before {
  border-radius: 0px 1px 1px 0px;
}

.composer-dropdown-button.bubble-ui .button.selected:before {
  background-color: var(--b-bg-secondary2);
  color: #000000;
}

.composer-color {
  cursor: pointer;
  width: 168px;
  padding: 0;
  height: 30px;
  display: flex;
  align-items: center;
  color: white;
}
.composer-color input {
  color: white;
  border: none !important;
  background: none;
}
.composer-color input.token-chosen {
  color: var(--composer-dynamic-color);
}
.composer-color input.token-chosen:hover {
  color: var(--composer-dynamic-color-hovered);
}
.composer-color.selected {
  background: #424242;
}
.composer-color.mandatory.empty {
  border: 1px solid var(--mandatory_color);
}
.composer-color .color-input {
  height: fit-content;
  width: 100%;
}
.composer-color .color-swatch {
  min-width: 12px;
  height: 12px;
  margin: 8px 6px 8px 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.composer-color .a-color-picker {
  background-color: #424242;
  width: 200px !important;
  border: 1px solid transparent;
  cursor: auto;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child) {
  padding: 4px 8px;
  border-top: none;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child) .a-color-picker-column {
  padding-top: 4px;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child) .a-color-picker-column .a-color-picker-cell .a-color-picker-h {
  border-radius: 24px;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex {
  justify-content: space-between;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input {
  display: flex;
  width: 120px;
  height: 30px;
  align-items: center;
  background: #525759;
  color: white;
  border-radius: 3px;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-transparent {
  background: none;
  border-radius: 0px;
  border: none;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-stack {
  width: 12px;
  height: 12px;
  margin: 8px 6px 8px 8px;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-stack .a-color-picker-preview {
  width: 12px;
  height: 12px;
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX] {
  width: 90px;
  height: fit-content;
  text-transform: uppercase;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX].token-chosen {
  text-transform: capitalize;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX]:hover, .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX]:focus {
  background: none;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child) .alpha {
  max-width: 56px;
  height: 30px;
  background-color: #525759;
  color: white;
  font-size: 12px;
  border-radius: 3px;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child) .alpha::placeholder {
  color: rgba(255, 255, 255, 0.48);
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title {
  display: flex;
  font-size: 12px;
  font-family: "Open Sans";
  justify-content: space-between;
  align-items: center;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-text {
  color: white;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-link {
  color: rgba(255, 255, 255, 0.48);
  cursor: pointer;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-link:hover {
  color: white;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color {
  margin: 3px 3.88px;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: none;
  outline: none;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color.token-chosen {
  outline: 1px solid white;
}
.composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color:hover {
  border: 1px solid #f1f100;
}
.composer-color .a-color-picker .a-color-picker-row:last-child {
  padding-bottom: 8px;
}

.editor.button .property-editor-button {
  width: 299px;
}
.editor.button .property-editor-button.small {
  width: 140px;
}
.editor.button .property-editor-button.DWD-alert {
  border: 1px solid #ffc122 !important;
}

/*------------------
COMPOSER
------------------*/
.name-andwhen {
  padding: 5px;
}

.slidable-palette .composer-input,
.property-editor-2 .composer-input,
.composer-popup .composer-input,
.composer-dropdown .composer-input {
  float: none;
  height: 18px;
  border: 1px solid #595f62;
  border-radius: 3px;
  padding: 0px 0px 0px 1px;
  min-width: 30px;
  background-color: transparent;
  font: inherit;
}
.slidable-palette .composer-input.number-input,
.property-editor-2 .composer-input.number-input,
.composer-popup .composer-input.number-input,
.composer-dropdown .composer-input.number-input {
  width: 40px;
}
.slidable-palette .composer-input.text-input,
.property-editor-2 .composer-input.text-input,
.composer-popup .composer-input.text-input,
.composer-dropdown .composer-input.text-input {
  width: 70px;
}
.slidable-palette .composer-dropdown-extra_large .composer-input.text-input,
.property-editor-2 .composer-dropdown-extra_large .composer-input.text-input,
.composer-popup .composer-dropdown-extra_large .composer-input.text-input,
.composer-dropdown .composer-dropdown-extra_large .composer-input.text-input {
  width: 140px;
}

.composer-autocomplete .autocomplete-input {
  width: 100%;
}

.tt-autocomplete-dropdown-menu {
  min-width: 238px !important;
}
.tt-autocomplete-dropdown-menu .tt-suggestion > p {
  color: var(--b-txt-primary, #1a1a1a) !important;
}

.ppe.composer-palette {
  background-color: var(--b-bg-primary);
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-input-radius);
  color: var(--b-txt-primary);
}
.ppe.composer-palette .section {
  border-bottom: 1px solid var(--b-border-default);
}
.ppe.composer-palette .dropdown-option.currently-selected-option {
  color: var(--b-txt-primary);
}
.ppe.composer-palette .dropdown-option.hovered {
  background-color: var(--b-bg-secondary);
}

.composer-palette,
.tt-autocomplete-dropdown-menu {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  border-radius: 1px;
  color: white;
  background-color: #424242;
  min-width: 159px;
  cursor: pointer;
  padding: 3px;
  float: left;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  overflow-y: auto;
  overflow-x: visible;
  /* Handle */
}
.composer-palette::-webkit-scrollbar-thumb,
.tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb {
  background: #777777;
}
.composer-palette::-webkit-scrollbar-thumb:hover,
.tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #353030;
  cursor: default;
}
.composer-palette::-webkit-scrollbar-thumb:active,
.tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb:active {
  background-color: #353030;
  cursor: default;
}
.composer-palette.composer-dropdown-long,
.tt-autocomplete-dropdown-menu.composer-dropdown-long {
  min-width: 162px;
}
.composer-palette.arrowless-composer-dropdown-extrashort,
.tt-autocomplete-dropdown-menu.arrowless-composer-dropdown-extrashort {
  min-width: 27px;
}
.composer-palette.composer-dropdown-short,
.tt-autocomplete-dropdown-menu.composer-dropdown-short {
  min-width: 79px;
}
.composer-palette.composer-dropdown-extra_large,
.tt-autocomplete-dropdown-menu.composer-dropdown-extra_large {
  min-width: 187px;
}
.composer-palette.composer-dropdown-mid_extra_large,
.tt-autocomplete-dropdown-menu.composer-dropdown-mid_extra_large {
  min-width: 248px;
}
.composer-palette.composer-dropdown-extra_extra_large,
.tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_large {
  min-width: 292px;
}
.composer-palette.composer-dropdown-extra_extra_extra_large,
.tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_extra_large {
  min-width: 338px;
}
.composer-palette.composer-dropdown-extra_extra_extra_extra_large,
.tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_extra_extra_large {
  min-width: 388px;
}
.composer-palette.composer-dropdown-medium,
.tt-autocomplete-dropdown-menu.composer-dropdown-medium {
  min-width: 75px;
}
.composer-palette.composer-dropdown-medium-large,
.tt-autocomplete-dropdown-menu.composer-dropdown-medium-large {
  min-width: 97px;
}
.composer-palette.composer-dropdown-medium-large-large,
.tt-autocomplete-dropdown-menu.composer-dropdown-medium-large-large {
  min-width: 126px;
}
.composer-palette.composer-cssdimension-short,
.tt-autocomplete-dropdown-menu.composer-cssdimension-short {
  min-width: 25px;
}
.composer-palette .section:first-child .dropdown-option:first-child,
.tt-autocomplete-dropdown-menu .section:first-child .dropdown-option:first-child {
  border-top: none;
}
.composer-palette .section,
.tt-autocomplete-dropdown-menu .section {
  border-bottom: 1px solid #595f62;
}
.composer-palette .section:last-child,
.tt-autocomplete-dropdown-menu .section:last-child {
  border-bottom: none !important;
}
.composer-palette .section.stick-me,
.tt-autocomplete-dropdown-menu .section.stick-me {
  position: sticky;
  top: -3px;
  padding-top: 3px;
  background-color: #424242;
}
.composer-palette.bubble-ui .stick-me,
.tt-autocomplete-dropdown-menu.bubble-ui .stick-me {
  top: -5px;
  padding-top: 5px;
  background-color: #ffffff;
  z-index: 5;
}
.composer-palette .dropdown-option,
.composer-palette .tt-suggestion > p,
.tt-autocomplete-dropdown-menu .dropdown-option,
.tt-autocomplete-dropdown-menu .tt-suggestion > p {
  padding-top: 9px;
  padding-left: 5px;
  min-height: 30px;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.composer-palette .dropdown-option input,
.composer-palette .tt-suggestion > p input,
.tt-autocomplete-dropdown-menu .dropdown-option input,
.tt-autocomplete-dropdown-menu .tt-suggestion > p input {
  width: 89px;
  height: 20px;
  padding-left: 3px;
  margin-left: 4px;
  margin-top: -3px;
}
.composer-palette .dropdown-option.hovered,
.composer-palette .tt-suggestion > p.hovered,
.tt-autocomplete-dropdown-menu .dropdown-option.hovered,
.tt-autocomplete-dropdown-menu .tt-suggestion > p.hovered {
  background-color: #242627;
}
.composer-palette .dropdown-option.delete-btn-added,
.tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added {
  padding-right: 15px;
}
.composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o,
.tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o {
  float: right;
  margin-right: -13px;
  font-size: 11px;
  color: #6f6f6f;
}
.composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o:hover, .composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o.hovered,
.tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o:hover,
.tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o.hovered {
  color: #b9b9b9;
}
.composer-palette .dropdown-option,
.tt-autocomplete-dropdown-menu .dropdown-option {
  white-space: pre;
}
.composer-palette .dropdown-option.disabled,
.tt-autocomplete-dropdown-menu .dropdown-option.disabled {
  color: #696969;
  cursor: default;
}
.composer-palette .dropdown-option.disabled:hover, .composer-palette .dropdown-option.disabled.hovered,
.tt-autocomplete-dropdown-menu .dropdown-option.disabled:hover,
.tt-autocomplete-dropdown-menu .dropdown-option.disabled.hovered {
  background-color: transparent !important;
}
.composer-palette .dropdown-option.disabled .disabled-option-msg,
.tt-autocomplete-dropdown-menu .dropdown-option.disabled .disabled-option-msg {
  font-size: 7px;
  text-align: right;
}
.composer-palette .section.priority,
.tt-autocomplete-dropdown-menu .section.priority {
  border-bottom: 2px solid grey;
}

.list-composer .new-entry:after,
.entry .new-entry:after {
  cursor: pointer;
}
.list-composer .remove-entry:after,
.entry .remove-entry:after {
  cursor: pointer;
}

.row[prop_name=is_visible] {
  margin-left: 0px !important;
  margin-top: -10px !important;
}

.section[section_name=StartWorkflow] .row[prop_name=button_disabled] {
  margin-top: -10px;
}

.row[prop_name=select_parent] {
  margin-top: 5px;
}

.section[section_name=APIEvent] .row[prop_name=modify_types] {
  float: right;
}

.section[section_name=ShortPosition] .row[prop_name=min_width],
.section[section_name=ShortPosition] .row[prop_name=max_width] {
  padding-top: 10px;
  margin-left: 0px;
}
.section[section_name=ShortPosition] .row[prop_name=min_width] .caption,
.section[section_name=ShortPosition] .row[prop_name=max_width] .caption {
  width: 233px;
}
.section[section_name=ShortPosition] .row[prop_name=min_width] .editor.staticnumber,
.section[section_name=ShortPosition] .row[prop_name=min_width] .editor.staticnumber input,
.section[section_name=ShortPosition] .row[prop_name=max_width] .editor.staticnumber,
.section[section_name=ShortPosition] .row[prop_name=max_width] .editor.staticnumber input {
  width: 60px;
}
.section[section_name=ShortPosition] .row[prop_name=width] .caption,
.section[section_name=ShortPosition] .row[prop_name=height] .caption {
  width: 40px;
  margin-right: 5px;
}
.section[section_name=ShortPosition] .row[prop_name=preset_width] .caption {
  width: 125px;
  margin-right: 6px;
}
.section[section_name=ShortPosition] .row[prop_name=width] .editor.staticnumber,
.section[section_name=ShortPosition] .row[prop_name=height] .editor.staticnumber {
  width: auto;
}
.section[section_name=ShortPosition] .row[prop_name=width] {
  float: left;
}
.section[section_name=ShortPosition] .row[prop_name=width] .body {
  float: left;
}
.section[section_name=ShortPosition] .row[prop_name=height] {
  margin-left: 37px;
  padding-top: 0px;
}
.section[section_name=ShortPosition] .row[prop_name=height] .body {
  float: right;
}

.section[section_name=Position2] .row[prop_name=width] .caption,
.section[section_name=Position2] .row[prop_name=height] .caption,
.section[section_name=Position2] .row[prop_name=left] .caption,
.section[section_name=Position2] .row[prop_name=top] .caption {
  width: 10px;
  clear: none;
  margin-right: 5px;
}
.section[section_name=Position2] .row[prop_name=width] input,
.section[section_name=Position2] .row[prop_name=height] input,
.section[section_name=Position2] .row[prop_name=left] input,
.section[section_name=Position2] .row[prop_name=top] input {
  width: 44px;
}
.section[section_name=Position2] .row {
  margin-left: 19px;
  padding-top: 0;
}
.section[section_name=Position2] .row .editor.staticnumber {
  width: 45px;
}
.section[section_name=Position2] .row:first-child {
  margin-top: 0px;
  margin-left: 0px;
}

.section[section_name=Position] .row[prop_name=information] {
  margin-left: 0px;
  padding-top: 10px;
}
.section[section_name=Position] .row[prop_name=collapse_when_hidden],
.section[section_name=Position] .row[prop_name=collapse_animation],
.section[section_name=Position] .row[prop_name=animation_type],
.section[section_name=Position] .row[prop_name=fixed_width],
.section[section_name=Position] .row[prop_name=keep_proportion_resize],
.section[section_name=Position] .row[prop_name=use_max_width] {
  margin-left: 0px;
  padding-top: 10px;
}
.section[section_name=Position] .row[prop_name=new_responsive] {
  margin-top: -10px;
  margin-left: 0px;
}
.section[section_name=Position] .row[prop_name=animation_type] .caption {
  width: 125px;
}
.section[section_name=Position] .row[prop_name=min_width],
.section[section_name=Position] .row[prop_name=max_width] {
  padding-top: 10px;
  margin-left: 0px;
}
.section[section_name=Position] .row[prop_name=min_width] .caption,
.section[section_name=Position] .row[prop_name=max_width] .caption {
  width: 233px;
}
.section[section_name=Position] .row[prop_name=min_width] .editor.staticnumber,
.section[section_name=Position] .row[prop_name=min_width] .editor.staticnumber input,
.section[section_name=Position] .row[prop_name=max_width] .editor.staticnumber,
.section[section_name=Position] .row[prop_name=max_width] .editor.staticnumber input {
  width: 60px;
}

.section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button {
  text-align: center;
  width: 84px;
}
.section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button:before {
  width: 100%;
  padding-top: 6px;
  box-sizing: border-box;
}
.section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button[data-button-value=gap]:before {
  content: "Gap spacing";
}
.section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button[data-button-value=separator]:before {
  content: "Separators";
}
.section[section_name=ShortListLayout] .row[prop_name=separator_width] .caption.Dropdown,
.section[section_name=ShortListLayout] .row[prop_name=separator_style] .caption.Dropdown {
  margin-right: 70px;
}

.section[section_name=Text] .short-text-composer {
  width: 300px;
}

.section[section_name=Font] .row[prop_name=font_family] .composer-dropdown .spot {
  width: 192px;
}
.section[section_name=Font] .row[prop_name=font_weight] {
  padding-top: 0;
  float: right;
}
.section[section_name=Font] .row[prop_name=font_weight] .composer-dropdown .spot {
  width: 90px;
}
.section[section_name=Font] .row[prop_name=font_weight] .composer-dropdown .spot input.composer-input {
  width: 50px;
  min-width: 50px;
  text-align: left;
}
.section[section_name=Font] .row[prop_name=font_size] {
  clear: both;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox {
  width: 30px;
  height: 30px;
  border: none;
  margin-top: 0px;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:hover,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:hover,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:hover {
  background-repeat: no-repeat;
  background-color: #424242;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked {
  background-repeat: no-repeat;
  background-color: #424242;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked.inherited,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked.inherited,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked.inherited {
  background-color: rgba(66, 66, 66, 0.24);
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked.inherited:hover,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked.inherited:hover,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked.inherited:hover {
  background-color: #424242;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:before,
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:before,
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:before {
  width: 30px;
  height: 30px;
  content: "";
  display: block;
  text-align: center;
  padding-top: 6px;
  font-family: PT Sans;
  font-size: 14px;
}
.section[section_name=Font] .row .editor.checkbox .component-checkbox:before {
  font-family: "bubble" !important;
  font-size: 12px !important;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
}
.section[section_name=Font] .row[prop_name=bold] {
  padding-right: 0px;
  margin-left: 18px;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox {
  border-radius: 1px 0px 0px 1px;
}
.section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:before {
  content: "\e605";
}
.section[section_name=Font] .row[prop_name=italic] {
  padding-right: 0px;
}
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox {
  border-radius: 0;
  width: 30px;
}
.section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:before {
  content: "\e611";
}
.section[section_name=Font] .row[prop_name=underline] {
  padding-right: 0px;
}
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox {
  border-radius: 0px 1px 1px 0px;
}
.section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:before {
  content: "\e61f";
}

.row[prop_name=font_alignment] .editor.dropdown_button {
  margin-left: 17px;
}

.row[prop_name=font_alignment] .button:before,
.r-alignment .button:before {
  font-family: "bubble";
  font-size: 12px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
}
.row[prop_name=font_alignment] .button[data-button-value=left]:before,
.r-alignment .button[data-button-value=left]:before {
  content: "\e613";
}
.row[prop_name=font_alignment] .button[data-button-value=center]:before,
.r-alignment .button[data-button-value=center]:before {
  content: "\e607";
}
.row[prop_name=font_alignment] .button[data-button-value=right]:before,
.r-alignment .button[data-button-value=right]:before {
  content: "\e61b";
}

.row[prop_name=font_color] {
  float: left;
}

.row[prop_name=word_spacing] {
  clear: both;
}

.row[prop_name=word_spacing],
.row[prop_name=line_height],
.row[prop_name=letter_spacing] {
  width: 85px;
  padding-top: 3px;
}
.row[prop_name=word_spacing] .caption.Dropdown,
.row[prop_name=line_height] .caption.Dropdown,
.row[prop_name=letter_spacing] .caption.Dropdown {
  width: 80px;
  margin-right: 0px;
}
.row[prop_name=word_spacing] .body,
.row[prop_name=line_height] .body,
.row[prop_name=letter_spacing] .body {
  float: left;
  margin-top: 10px;
}

.row[prop_name=letter_spacing] .caption.Dropdown {
  width: 90px;
}

.row[prop_name=line_height] {
  margin-left: 24px;
}

.row[prop_name=letter_spacing] {
  float: right;
}

.section[section_name=Padding] .section-title {
  float: left;
  padding-top: 4px;
}
.section[section_name=Padding] .row {
  float: left;
  padding-top: 0;
  margin-left: 23px;
}
.section[section_name=Padding] .caption {
  width: 10px;
}

.section[section_name=Opacity] .row[prop_name=opacity] .editor input {
  width: 50px;
  text-align: right;
  padding-top: 5px;
  padding-right: 20px;
}
.section[section_name=Opacity] .row[prop_name=opacity] .body {
  position: relative;
}
.section[section_name=Opacity] .row[prop_name=opacity] .body:after {
  content: " %";
  position: absolute;
  right: 0;
  margin: 6px;
  color: rgba(255, 255, 255, 0.48);
  pointer-events: none;
}

.section[section_name=Background] .row[prop_name=prop_background_color_if_empty_image] .caption,
.section[section_name=Background] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption,
.section[section_name=BackdropBackground] .row[prop_name=prop_background_color_if_empty_image] .caption,
.section[section_name=BackdropBackground] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption,
.section[section_name=ButtonBackground] .row[prop_name=prop_background_color_if_empty_image] .caption,
.section[section_name=ButtonBackground] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption,
.row[prop_name=stripes] .entry .row[prop_name=prop_background_color_if_empty_image] .caption,
.row[prop_name=stripes] .entry .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption {
  width: 168px;
}
.section[section_name=Background] .row[prop_name=image_normal] .caption,
.section[section_name=Background] .row[prop_name=image_hover] .caption,
.section[section_name=Background] .row[prop_name=image_pressed] .caption,
.section[section_name=BackdropBackground] .row[prop_name=image_normal] .caption,
.section[section_name=BackdropBackground] .row[prop_name=image_hover] .caption,
.section[section_name=BackdropBackground] .row[prop_name=image_pressed] .caption,
.section[section_name=ButtonBackground] .row[prop_name=image_normal] .caption,
.section[section_name=ButtonBackground] .row[prop_name=image_hover] .caption,
.section[section_name=ButtonBackground] .row[prop_name=image_pressed] .caption,
.row[prop_name=stripes] .entry .row[prop_name=image_normal] .caption,
.row[prop_name=stripes] .entry .row[prop_name=image_hover] .caption,
.row[prop_name=stripes] .entry .row[prop_name=image_pressed] .caption {
  width: 104px;
}

.row[prop_name=information] {
  clear: both;
}
.row[prop_name=information] .editor.label {
  color: rgba(255, 255, 255, 0.72);
}
.row[prop_name=information] .editor.label .label.clickable {
  cursor: pointer;
}
.row[prop_name=information] .editor.label .label.clickable:hover {
  color: white;
}

.row[prop_name=collapse_when_hidden] {
  clear: both;
}
.row[prop_name=collapse_when_hidden] .editor.label {
  color: rgba(255, 255, 255, 0.72);
}

.section[section_name=Border] .row[prop_name=border_style],
.section[section_name=Border] .row[prop_name=border_style_top],
.section[section_name=Border] .row[prop_name=border_style_left],
.section[section_name=Border] .row[prop_name=border_style_bottom],
.section[section_name=Border] .row[prop_name=border_style_right],
.row[prop_name=stripes] .entry .row[prop_name=border_style],
.row[prop_name=stripes] .entry .row[prop_name=border_style_top],
.row[prop_name=stripes] .entry .row[prop_name=border_style_left],
.row[prop_name=stripes] .entry .row[prop_name=border_style_bottom],
.row[prop_name=stripes] .entry .row[prop_name=border_style_right] {
  width: 165px;
}
.section[section_name=Border] .row[prop_name=border_style] .caption,
.section[section_name=Border] .row[prop_name=border_style_top] .caption,
.section[section_name=Border] .row[prop_name=border_style_left] .caption,
.section[section_name=Border] .row[prop_name=border_style_bottom] .caption,
.section[section_name=Border] .row[prop_name=border_style_right] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_style] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_style_top] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_style_left] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_style_bottom] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_style_right] .caption {
  width: 150px;
  margin-right: 1px;
}
.section[section_name=Border] .row[prop_name=border_style] .body,
.section[section_name=Border] .row[prop_name=border_style_top] .body,
.section[section_name=Border] .row[prop_name=border_style_left] .body,
.section[section_name=Border] .row[prop_name=border_style_bottom] .body,
.section[section_name=Border] .row[prop_name=border_style_right] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_style] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_style_top] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_style_left] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_style_bottom] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_style_right] .body {
  float: left;
  margin-top: 10px;
}
.section[section_name=Border] .row[prop_name=border_roundness],
.section[section_name=Border] .row[prop_name=border_roundness_top],
.section[section_name=Border] .row[prop_name=border_roundness_left],
.section[section_name=Border] .row[prop_name=border_roundness_bottom],
.section[section_name=Border] .row[prop_name=border_roundness_right],
.row[prop_name=stripes] .entry .row[prop_name=border_roundness],
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_top],
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_left],
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom],
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] {
  width: 87px;
  padding-top: 10px;
  float: right;
}
.section[section_name=Border] .row[prop_name=border_roundness] .caption,
.section[section_name=Border] .row[prop_name=border_roundness_top] .caption,
.section[section_name=Border] .row[prop_name=border_roundness_left] .caption,
.section[section_name=Border] .row[prop_name=border_roundness_bottom] .caption,
.section[section_name=Border] .row[prop_name=border_roundness_right] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_top] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_left] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] .caption {
  width: 120px;
  overflow: hidden;
}
.section[section_name=Border] .row[prop_name=border_roundness] .body,
.section[section_name=Border] .row[prop_name=border_roundness_top] .body,
.section[section_name=Border] .row[prop_name=border_roundness_left] .body,
.section[section_name=Border] .row[prop_name=border_roundness_bottom] .body,
.section[section_name=Border] .row[prop_name=border_roundness_right] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_top] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_left] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] .body {
  float: left;
  margin-top: 10px;
}
.section[section_name=Border] .row[prop_name=border_width],
.section[section_name=Border] .row[prop_name=border_width_top],
.section[section_name=Border] .row[prop_name=border_width_left],
.section[section_name=Border] .row[prop_name=border_width_bottom],
.section[section_name=Border] .row[prop_name=border_width_right],
.row[prop_name=stripes] .entry .row[prop_name=border_width],
.row[prop_name=stripes] .entry .row[prop_name=border_width_top],
.row[prop_name=stripes] .entry .row[prop_name=border_width_left],
.row[prop_name=stripes] .entry .row[prop_name=border_width_bottom],
.row[prop_name=stripes] .entry .row[prop_name=border_width_right] {
  clear: both;
}
.section[section_name=Border] .row[prop_name=border_width] .caption,
.section[section_name=Border] .row[prop_name=border_width_top] .caption,
.section[section_name=Border] .row[prop_name=border_width_left] .caption,
.section[section_name=Border] .row[prop_name=border_width_bottom] .caption,
.section[section_name=Border] .row[prop_name=border_width_right] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_width] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_width_top] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_width_left] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_width_bottom] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_width_right] .caption {
  width: 62px;
}
.section[section_name=Border] .row[prop_name=border_width] .body,
.section[section_name=Border] .row[prop_name=border_width_top] .body,
.section[section_name=Border] .row[prop_name=border_width_left] .body,
.section[section_name=Border] .row[prop_name=border_width_bottom] .body,
.section[section_name=Border] .row[prop_name=border_width_right] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_width] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_width_top] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_width_left] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_width_bottom] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_width_right] .body {
  float: left;
}
.section[section_name=Border] .row[prop_name=border_color],
.section[section_name=Border] .row[prop_name=border_color_top],
.section[section_name=Border] .row[prop_name=border_color_left],
.section[section_name=Border] .row[prop_name=border_color_bottom],
.section[section_name=Border] .row[prop_name=border_color_right],
.row[prop_name=stripes] .entry .row[prop_name=border_color],
.row[prop_name=stripes] .entry .row[prop_name=border_color_top],
.row[prop_name=stripes] .entry .row[prop_name=border_color_left],
.row[prop_name=stripes] .entry .row[prop_name=border_color_bottom],
.row[prop_name=stripes] .entry .row[prop_name=border_color_right] {
  float: left;
}
.section[section_name=Border] .row[prop_name=border_color] .caption,
.section[section_name=Border] .row[prop_name=border_color_top] .caption,
.section[section_name=Border] .row[prop_name=border_color_left] .caption,
.section[section_name=Border] .row[prop_name=border_color_bottom] .caption,
.section[section_name=Border] .row[prop_name=border_color_right] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_color] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_color_top] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_color_left] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_color_bottom] .caption,
.row[prop_name=stripes] .entry .row[prop_name=border_color_right] .caption {
  width: 62px;
}
.section[section_name=Border] .row[prop_name=border_color] .body,
.section[section_name=Border] .row[prop_name=border_color_top] .body,
.section[section_name=Border] .row[prop_name=border_color_left] .body,
.section[section_name=Border] .row[prop_name=border_color_bottom] .body,
.section[section_name=Border] .row[prop_name=border_color_right] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_color] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_color_top] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_color_left] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_color_bottom] .body,
.row[prop_name=stripes] .entry .row[prop_name=border_color_right] .body {
  float: left;
}

.section[section_name=Boxshadow] .row[prop_name=textshadow_blur],
.row[prop_name=stripes] .entry .row[prop_name=textshadow_blur],
.section[section_name=FontShadow] .row[prop_name=textshadow_blur] {
  clear: both;
}
.section[section_name=Boxshadow] .row[prop_name=textshadow_blur] .body,
.row[prop_name=stripes] .entry .row[prop_name=textshadow_blur] .body,
.section[section_name=FontShadow] .row[prop_name=textshadow_blur] .body {
  float: left;
}

.section[section_name=RepeatingGroupLayout] .row[prop_name=rows],
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_style],
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_color] {
  clear: both;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=rows] .caption,
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_style] .caption,
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_color] .caption {
  width: 56px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=rows] {
  margin-right: 7px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=columns] {
  float: left;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=columns] .caption {
  width: 55px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=cell_min_width] .caption,
.section[section_name=RepeatingGroupLayout] .row[prop_name=max_width] .caption {
  width: 233px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=cell_min_width] input,
.section[section_name=RepeatingGroupLayout] .row[prop_name=max_width] input {
  width: 60px !important;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=auto_fit_row],
.section[section_name=RepeatingGroupLayout] .row[prop_name=auto_fit_column] {
  padding-top: 0px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] {
  float: right;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] .caption {
  width: 54px;
}
.section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] .body {
  float: right;
}

.section[section_name=TableGroupLayout] .row[prop_name=rows],
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_style],
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_style],
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_color],
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_color] {
  clear: both;
}
.section[section_name=TableGroupLayout] .row[prop_name=rows] .caption,
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_style] .caption,
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_style] .caption,
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_color] .caption,
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_color] .caption {
  width: 56px;
}
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width],
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] {
  float: right;
}
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width] .caption,
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] .caption {
  width: 54px;
}
.section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width] .body,
.section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] .body {
  float: right;
}

.section[section_name=SnapPoints] .row[prop_name=default_snap_label] {
  margin-top: 8px;
}
.section[section_name=SnapPoints] .row[prop_name=default_snap_value] .NumberBox {
  width: 112px;
  margin-right: 8px;
}
.section[section_name=SnapPoints] .row[prop_name=snap_label] {
  margin-top: 8px;
}
.section[section_name=SnapPoints] .row[prop_name=snap_value] {
  padding-top: 0px;
}
.section[section_name=SnapPoints] .row[prop_name=snap_value] .NumberBox {
  width: 71px;
  margin-right: 8px;
}
.section[section_name=SnapPoints] .row[prop_name=snap_layout] {
  padding-top: 0px;
}
.section[section_name=SnapPoints] .editor.label {
  width: 130px;
}
.section[section_name=SnapPoints] .remove-entry {
  margin-top: 6px;
  margin-left: 16px;
}

.section[section_name=ListProperties] .row[prop_name=exact_selection] .caption {
  width: 222px;
}
.section[section_name=ListProperties] .row[prop_name=exact_selection] .NumberBox {
  width: 72px;
}
.section[section_name=ListProperties] .row[prop_name=range_label] {
  margin-top: 8px;
}
.section[section_name=ListProperties] .row[prop_name=range_selection_min] {
  margin-left: 35px;
}
.section[section_name=ListProperties] .row[prop_name=range_selection_min] .NumberBox {
  width: 80px;
  margin-right: 8px;
  padding: 8px;
}
.section[section_name=ListProperties] .row[prop_name=range_selection_max] .NumberBox {
  width: 80px;
  padding: 8px;
}

textarea.MultilineTextBox.property-editor-control {
  width: 299px;
  cursor: text;
  overflow: auto;
  resize: none;
  outline: none;
  min-height: 60px;
}

.property-editor-control.composer-slider {
  width: 200px;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.property-editor-control.composer-slider .ui-slider-handle {
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.section[section_name=InputContent] .row[prop_name=choices] .caption,
.section[section_name=InputContent] .row[prop_name=meta_description] .caption,
.section[section_name=InputContent] .row[prop_name=options] .caption,
.section[section_name=InputContent] .row[prop_name=formatting_for_true] .caption,
.section[section_name=InputContent] .row[prop_name=formatting_for_false] .caption,
.section[section_name=InputContent] .row[prop_name=custom_style] .caption,
.section[section_name=SearchEngineData] .row[prop_name=choices] .caption,
.section[section_name=SearchEngineData] .row[prop_name=meta_description] .caption,
.section[section_name=SearchEngineData] .row[prop_name=options] .caption,
.section[section_name=SearchEngineData] .row[prop_name=formatting_for_true] .caption,
.section[section_name=SearchEngineData] .row[prop_name=formatting_for_false] .caption,
.section[section_name=SearchEngineData] .row[prop_name=custom_style] .caption,
.slidable-palette .row[prop_name=choices] .caption,
.slidable-palette .row[prop_name=meta_description] .caption,
.slidable-palette .row[prop_name=options] .caption,
.slidable-palette .row[prop_name=formatting_for_true] .caption,
.slidable-palette .row[prop_name=formatting_for_false] .caption,
.slidable-palette .row[prop_name=custom_style] .caption,
.section[section_name=MapFormat] .row[prop_name=choices] .caption,
.section[section_name=MapFormat] .row[prop_name=meta_description] .caption,
.section[section_name=MapFormat] .row[prop_name=options] .caption,
.section[section_name=MapFormat] .row[prop_name=formatting_for_true] .caption,
.section[section_name=MapFormat] .row[prop_name=formatting_for_false] .caption,
.section[section_name=MapFormat] .row[prop_name=custom_style] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=choices] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=meta_description] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=options] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=formatting_for_true] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=formatting_for_false] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=custom_style] .caption {
  width: 265px;
}
.section[section_name=InputContent] .row[prop_name=choices] .body,
.section[section_name=InputContent] .row[prop_name=formatting_for_true] .body,
.section[section_name=InputContent] .row[prop_name=formatting_for_false] .body,
.section[section_name=InputContent] .row[prop_name=custom_style] .body,
.section[section_name=SearchEngineData] .row[prop_name=choices] .body,
.section[section_name=SearchEngineData] .row[prop_name=formatting_for_true] .body,
.section[section_name=SearchEngineData] .row[prop_name=formatting_for_false] .body,
.section[section_name=SearchEngineData] .row[prop_name=custom_style] .body,
.slidable-palette .row[prop_name=choices] .body,
.slidable-palette .row[prop_name=formatting_for_true] .body,
.slidable-palette .row[prop_name=formatting_for_false] .body,
.slidable-palette .row[prop_name=custom_style] .body,
.section[section_name=MapFormat] .row[prop_name=choices] .body,
.section[section_name=MapFormat] .row[prop_name=formatting_for_true] .body,
.section[section_name=MapFormat] .row[prop_name=formatting_for_false] .body,
.section[section_name=MapFormat] .row[prop_name=custom_style] .body,
.rows[node_type=MultiLineInput] .row[prop_name=choices] .body,
.rows[node_type=MultiLineInput] .row[prop_name=formatting_for_true] .body,
.rows[node_type=MultiLineInput] .row[prop_name=formatting_for_false] .body,
.rows[node_type=MultiLineInput] .row[prop_name=custom_style] .body {
  float: left;
}
.section[section_name=InputContent] .row[prop_name=show_icon] .caption,
.section[section_name=SearchEngineData] .row[prop_name=show_icon] .caption,
.slidable-palette .row[prop_name=show_icon] .caption,
.section[section_name=MapFormat] .row[prop_name=show_icon] .caption,
.rows[node_type=MultiLineInput] .row[prop_name=show_icon] .caption {
  width: 125px;
  height: 27px;
}
.section[section_name=InputContent] .row[prop_name=icon_color] .body,
.section[section_name=SearchEngineData] .row[prop_name=icon_color] .body,
.slidable-palette .row[prop_name=icon_color] .body,
.section[section_name=MapFormat] .row[prop_name=icon_color] .body,
.rows[node_type=MultiLineInput] .row[prop_name=icon_color] .body {
  margin-top: 7px;
}

.section[section_name=InputContent] .row[prop_name=min_range_value],
.section[section_name=InputContent] .row[prop_name=max_range_value] {
  padding-top: 10px;
}

.section[section_name=Stripes] {
  border-bottom: none;
}
.section[section_name=Stripes]:last-child {
  padding-top: 0;
}

.row[prop_name=stripes] .entry {
  margin-top: 5px;
  float: left;
  clear: both;
}
.row[prop_name=stripes] .row[prop_name=stripe_height] {
  padding-top: 2px;
}
.row[prop_name=stripes] .row[prop_name=floating] .caption {
  width: 95px;
}
.row[prop_name=stripes] .row[prop_name=floating] .component-checkbox {
  margin-top: 4px;
  margin-bottom: 8px;
}
.row[prop_name=stripes] .row[prop_name=floating_reference] {
  float: right;
}
.row[prop_name=stripes] .new-entry-container:first-child {
  margin-top: 0;
}
.row[prop_name=stripes] .new-entry-container {
  background-color: transparent;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 10px;
}
.row[prop_name=stripes] .new-entry-container .new-entry {
  border: 1px solid #707679;
}
.row[prop_name=stripes] .row[prop_name=background_style],
.row[prop_name=stripes] .row[prop_name=boxshadow_style] {
  padding-top: 10px;
}

.row[prop_name=stripes] .remover-entry-container {
  margin-bottom: 0px;
}

.row[prop_name=stripes] .remover-entry-container,
.row[prop_name=groupings] .remover-entry-container,
.row[prop_name=aggregations] .remover-entry-container {
  padding-bottom: 4px;
  border-bottom: 1px solid #595f62;
  clear: both;
  width: 300px;
}
.row[prop_name=stripes] .remover-entry-container .remove-entry,
.row[prop_name=stripes] .remover-entry-container .move-up,
.row[prop_name=stripes] .remover-entry-container .move-down,
.row[prop_name=groupings] .remover-entry-container .remove-entry,
.row[prop_name=groupings] .remover-entry-container .move-up,
.row[prop_name=groupings] .remover-entry-container .move-down,
.row[prop_name=aggregations] .remover-entry-container .remove-entry,
.row[prop_name=aggregations] .remover-entry-container .move-up,
.row[prop_name=aggregations] .remover-entry-container .move-down {
  margin-top: 5px;
  margin-right: 0px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #9ba1a5;
  font-size: 12px;
}
.row[prop_name=stripes] .remover-entry-container .remove-entry:hover,
.row[prop_name=stripes] .remover-entry-container .move-up:hover,
.row[prop_name=stripes] .remover-entry-container .move-down:hover,
.row[prop_name=groupings] .remover-entry-container .remove-entry:hover,
.row[prop_name=groupings] .remover-entry-container .move-up:hover,
.row[prop_name=groupings] .remover-entry-container .move-down:hover,
.row[prop_name=aggregations] .remover-entry-container .remove-entry:hover,
.row[prop_name=aggregations] .remover-entry-container .move-up:hover,
.row[prop_name=aggregations] .remover-entry-container .move-down:hover {
  color: white;
}
.row[prop_name=stripes] .remover-entry-container .remove-entry:before,
.row[prop_name=groupings] .remover-entry-container .remove-entry:before,
.row[prop_name=aggregations] .remover-entry-container .remove-entry:before {
  content: "";
}
.row[prop_name=stripes] .remover-entry-container .move-up:before,
.row[prop_name=groupings] .remover-entry-container .move-up:before,
.row[prop_name=aggregations] .remover-entry-container .move-up:before {
  content: "";
}
.row[prop_name=stripes] .remover-entry-container .move-down:before,
.row[prop_name=groupings] .remover-entry-container .move-down:before,
.row[prop_name=aggregations] .remover-entry-container .move-down:before {
  content: "";
}
.row[prop_name=stripes] .remover-entry-container .move-up,
.row[prop_name=stripes] .remover-entry-container .move-down,
.row[prop_name=groupings] .remover-entry-container .move-up,
.row[prop_name=groupings] .remover-entry-container .move-down,
.row[prop_name=aggregations] .remover-entry-container .move-up,
.row[prop_name=aggregations] .remover-entry-container .move-down {
  margin-right: 15px;
}

.row[prop_name=icon] button.IconInput.btn,
.row[prop_name=selected_icon] button.IconInput.btn {
  cursor: pointer;
  width: 168px;
  font-size: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #525759;
  color: white;
  border: none;
  height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 1px 6px;
}
.row[prop_name=icon] button.IconInput.btn.bubble-ui,
.row[prop_name=selected_icon] button.IconInput.btn.bubble-ui {
  padding: 7px;
}
.row[prop_name=icon] button.IconInput.btn .button-caption,
.row[prop_name=selected_icon] button.IconInput.btn .button-caption {
  float: left;
  margin-left: 13px;
}
.row[prop_name=icon] button.IconInput.btn input,
.row[prop_name=selected_icon] button.IconInput.btn input {
  width: 145px;
  border: none;
}
.row[prop_name=icon] button.IconInput.btn:hover, .row[prop_name=icon] button.IconInput.btn.selected,
.row[prop_name=selected_icon] button.IconInput.btn:hover,
.row[prop_name=selected_icon] button.IconInput.btn.selected {
  background-color: #424242;
}
.row[prop_name=icon] button.IconInput.btn i,
.row[prop_name=selected_icon] button.IconInput.btn i {
  font-size: 17px;
  margin-left: 15px;
  float: left;
  height: 18px;
}
.row[prop_name=icon] button.IconInput.btn.new-icon-library,
.row[prop_name=selected_icon] button.IconInput.btn.new-icon-library {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.row[prop_name=icon] button.IconInput.btn.new-icon-library i,
.row[prop_name=selected_icon] button.IconInput.btn.new-icon-library i {
  margin-left: 0px;
}
.row[prop_name=icon] button.IconInput.btn.new-icon-library .button-caption,
.row[prop_name=selected_icon] button.IconInput.btn.new-icon-library .button-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  text-wrap: nowrap;
}

.section[section_name=TabIcon],
.section[section_name=TabText] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
.section[section_name=TabIcon] .row,
.section[section_name=TabText] .row {
  padding: 0;
  width: 100px;
  flex-grow: 1;
}
.section[section_name=TabIcon] .row.has-caption > .prop-row-contents,
.section[section_name=TabText] .row.has-caption > .prop-row-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.section[section_name=TabIcon] .row .btn.IconInput,
.section[section_name=TabText] .row .btn.IconInput {
  width: 100%;
  padding-top: 2px;
}
.section[section_name=TabIcon] .row .composer-color,
.section[section_name=TabText] .row .composer-color {
  width: 100%;
}
.section[section_name=TabIcon] .row .body,
.section[section_name=TabText] .row .body {
  margin: 0;
  width: 100%;
}
.section[section_name=TabIcon] .row[prop_name=text],
.section[section_name=TabText] .row[prop_name=text] {
  width: 100%;
}
.section[section_name=TabIcon] .row[prop_name=text] .body .TextBox,
.section[section_name=TabText] .row[prop_name=text] .body .TextBox {
  width: 100%;
}

.row[prop_name=floating_reference],
.row[prop_name=floating_reference_horizontal],
.row[prop_name=floating_reference_horizontal_resp] {
  float: right;
}
.row[prop_name=floating_reference] .caption,
.row[prop_name=floating_reference_horizontal] .caption,
.row[prop_name=floating_reference_horizontal_resp] .caption {
  width: 213px;
}

.row[prop_name=control_color_vimeo] .editor.color {
  float: right;
}

.row[prop_name=crop_data] .standard-btn {
  width: 168px;
  height: 30px;
  padding-top: 4px;
}
.row[prop_name=crop_data] .button-crop-image:before {
  content: "\f125";
  font-family: "FontAwesome";
  color: white;
  font-size: 13px;
  margin-right: 11px;
}

.composer-cssdimension {
  height: 30px;
  width: 72px;
  padding: 6px 0px 6px 7px;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #525759;
  border: 1px solid transparent;
}
.composer-cssdimension .composer-input.number-input {
  width: 33px;
}
.composer-cssdimension .dropdown-arrow {
  color: rgba(255, 255, 255, 0.72);
  width: 30px;
  height: 22px;
  float: right;
  cursor: pointer;
}
.composer-cssdimension .dropdown-arrow:before {
  content: "\ea16";
  font-family: "r-bubble";
  text-align: left;
  font-size: 30px;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.composer-cssdimension .dropdown-arrow.unit-pixel:before {
  content: "\ea1a";
}
.composer-cssdimension .dropdown-arrow:hover {
  color: white;
}
.composer-cssdimension:hover, .composer-cssdimension.selected, .composer-cssdimension:first-child:hover, .composer-cssdimension.optional.selected, .composer-cssdimension.mandatory.selected {
  background-color: #424242;
  color: white;
  border: 1px solid transparent;
}
.composer-cssdimension:hover:before, .composer-cssdimension.selected:before, .composer-cssdimension:first-child:hover:before, .composer-cssdimension.optional.selected:before, .composer-cssdimension.mandatory.selected:before {
  color: #ffffff;
}
.composer-cssdimension:hover input, .composer-cssdimension.selected input, .composer-cssdimension:first-child:hover input, .composer-cssdimension.optional.selected input, .composer-cssdimension.mandatory.selected input {
  background-color: transparent;
}
.composer-cssdimension:hover.empty.mandatory, .composer-cssdimension.selected.empty.mandatory, .composer-cssdimension:first-child:hover.empty.mandatory, .composer-cssdimension.optional.selected.empty.mandatory, .composer-cssdimension.mandatory.selected.empty.mandatory {
  border: 1px solid var(--mandatory_color);
}
.composer-cssdimension.empty:before {
  margin-left: 0;
}
.composer-cssdimension input.composer-input.number-input,
.composer-cssdimension input.composer-input.text-input {
  border: none;
  padding-left: 0px;
  margin-top: 0px;
  color: white;
}
.composer-cssdimension input.composer-input.number-input:focus,
.composer-cssdimension input.composer-input.text-input:focus {
  background-color: transparent;
}
.composer-cssdimension input.composer-input.number-input::placeholder,
.composer-cssdimension input.composer-input.text-input::placeholder {
  color: rgba(255, 255, 255, 0.48);
}
.composer-cssdimension input.composer-input.number-input:-ms-input-placeholder,
.composer-cssdimension input.composer-input.text-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
}
.composer-cssdimension input.composer-input.number-input::-ms-input-placeholder,
.composer-cssdimension input.composer-input.text-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
}
.composer-cssdimension.bubble-ui {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
.composer-cssdimension.bubble-ui:hover {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}

input.NumberBox::placeholder {
  color: rgba(255, 255, 255, 0.48);
}

.row[prop_name=horiz_alignment] {
  clear: both;
  width: 100%;
}
.row[prop_name=horiz_alignment] .body {
  float: right;
}
.row[prop_name=horiz_alignment] .button:before {
  font-family: "r-bubble";
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row[prop_name=horiz_alignment] .button:not(.selected):before {
  color: rgba(255, 255, 255, 0.48);
}
.row[prop_name=horiz_alignment] .button[data-button-value=flex-start]:before {
  content: "\ea13";
}
.row[prop_name=horiz_alignment] .button[data-button-value=center]:before {
  content: "\ea14";
}
.row[prop_name=horiz_alignment] .button[data-button-value=flex-end]:before {
  content: "\ea0f";
}
.row[prop_name=horiz_alignment] .button[data-button-value=stretch]:before {
  content: "\ea0e";
}

.row[prop_name=vert_alignment] {
  clear: both;
  width: 100%;
}
.row[prop_name=vert_alignment] .body {
  float: right;
}
.row[prop_name=vert_alignment] .button:before {
  font-family: "r-bubble";
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row[prop_name=vert_alignment] .button:not(.selected):before {
  color: rgba(255, 255, 255, 0.48);
}
.row[prop_name=vert_alignment] .button[data-button-value=flex-start]:before {
  content: "\ea10";
}
.row[prop_name=vert_alignment] .button[data-button-value=center]:before {
  content: "\ea12";
}
.row[prop_name=vert_alignment] .button[data-button-value=flex-end]:before {
  content: "\ea0d";
}
.row[prop_name=vert_alignment] .button[data-button-value=stretch]:before {
  content: "\ea11";
}

.row[prop_name=container_horiz_alignment],
.row[prop_name=button_horiz_alignment],
.row[prop_name=checkbox_horiz_alignment] {
  clear: both;
  width: 100%;
}
.row[prop_name=container_horiz_alignment] .button:before,
.row[prop_name=button_horiz_alignment] .button:before,
.row[prop_name=checkbox_horiz_alignment] .button:before {
  font-family: "r-bubble";
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row[prop_name=container_horiz_alignment] .button:not(.selected):before,
.row[prop_name=button_horiz_alignment] .button:not(.selected):before,
.row[prop_name=checkbox_horiz_alignment] .button:not(.selected):before {
  color: rgba(255, 255, 255, 0.48);
}
.row[prop_name=container_horiz_alignment] .button[data-button-value=flex-start]:before,
.row[prop_name=button_horiz_alignment] .button[data-button-value=flex-start]:before,
.row[prop_name=checkbox_horiz_alignment] .button[data-button-value=flex-start]:before {
  content: "\ea13";
}
.row[prop_name=container_horiz_alignment] .button[data-button-value=center]:before,
.row[prop_name=button_horiz_alignment] .button[data-button-value=center]:before,
.row[prop_name=checkbox_horiz_alignment] .button[data-button-value=center]:before {
  content: "\ea14";
}
.row[prop_name=container_horiz_alignment] .button[data-button-value=flex-end]:before,
.row[prop_name=button_horiz_alignment] .button[data-button-value=flex-end]:before,
.row[prop_name=checkbox_horiz_alignment] .button[data-button-value=flex-end]:before {
  content: "\ea0f";
}
.row[prop_name=container_horiz_alignment] .button[data-button-value=space-around]:before,
.row[prop_name=button_horiz_alignment] .button[data-button-value=space-around]:before,
.row[prop_name=checkbox_horiz_alignment] .button[data-button-value=space-around]:before {
  content: "\ea0c";
}
.row[prop_name=container_horiz_alignment] .button[data-button-value=space-between]:before,
.row[prop_name=button_horiz_alignment] .button[data-button-value=space-between]:before,
.row[prop_name=checkbox_horiz_alignment] .button[data-button-value=space-between]:before {
  content: "\ea0b";
}

.row[prop_name=container_vert_alignment],
.row[prop_name=button_vert_alignment],
.row[prop_name=button_single_item_vert_alignment],
.row[prop_name=checkbox_vert_alignment] {
  clear: both;
  width: 100%;
}
.row[prop_name=container_vert_alignment] .button:before,
.row[prop_name=button_vert_alignment] .button:before,
.row[prop_name=button_single_item_vert_alignment] .button:before,
.row[prop_name=checkbox_vert_alignment] .button:before {
  font-family: "r-bubble";
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row[prop_name=container_vert_alignment] .button:not(.selected):before,
.row[prop_name=button_vert_alignment] .button:not(.selected):before,
.row[prop_name=button_single_item_vert_alignment] .button:not(.selected):before,
.row[prop_name=checkbox_vert_alignment] .button:not(.selected):before {
  color: rgba(255, 255, 255, 0.48);
}
.row[prop_name=container_vert_alignment] .button[data-button-value=flex-start]:before,
.row[prop_name=button_vert_alignment] .button[data-button-value=flex-start]:before,
.row[prop_name=button_single_item_vert_alignment] .button[data-button-value=flex-start]:before,
.row[prop_name=checkbox_vert_alignment] .button[data-button-value=flex-start]:before {
  content: "\ea10";
}
.row[prop_name=container_vert_alignment] .button[data-button-value=center]:before,
.row[prop_name=button_vert_alignment] .button[data-button-value=center]:before,
.row[prop_name=button_single_item_vert_alignment] .button[data-button-value=center]:before,
.row[prop_name=checkbox_vert_alignment] .button[data-button-value=center]:before {
  content: "\ea12";
}
.row[prop_name=container_vert_alignment] .button[data-button-value=flex-end]:before,
.row[prop_name=button_vert_alignment] .button[data-button-value=flex-end]:before,
.row[prop_name=button_single_item_vert_alignment] .button[data-button-value=flex-end]:before,
.row[prop_name=checkbox_vert_alignment] .button[data-button-value=flex-end]:before {
  content: "\ea0d";
}
.row[prop_name=container_vert_alignment] .button[data-button-value=space-around]:before,
.row[prop_name=button_vert_alignment] .button[data-button-value=space-around]:before,
.row[prop_name=button_single_item_vert_alignment] .button[data-button-value=space-around]:before,
.row[prop_name=checkbox_vert_alignment] .button[data-button-value=space-around]:before {
  content: "\ea0c";
  transform: rotate(90deg);
}
.row[prop_name=container_vert_alignment] .button[data-button-value=space-between]:before,
.row[prop_name=button_vert_alignment] .button[data-button-value=space-between]:before,
.row[prop_name=button_single_item_vert_alignment] .button[data-button-value=space-between]:before,
.row[prop_name=checkbox_vert_alignment] .button[data-button-value=space-between]:before {
  content: "\ea0b";
  transform: rotate(90deg);
}

.row[prop_name=nonant_alignment] {
  clear: both;
  width: 100%;
}
.row[prop_name=nonant_alignment] .body {
  float: none;
  clear: left;
  margin-left: auto;
  margin-right: auto;
  width: 90px;
}
.row[prop_name=nonant_alignment] .composer-dropdown-button {
  background: none;
}
.row[prop_name=nonant_alignment] .button {
  margin: 0;
  float: left;
}
.row[prop_name=nonant_alignment] .button:before {
  font-family: "r-bubble";
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
  height: 30px;
  box-sizing: border-box;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row[prop_name=nonant_alignment] .button:not(.selected):before {
  color: rgba(255, 255, 255, 0.48);
}
.row[prop_name=nonant_alignment] .button[data-button-value=aa]:before {
  content: "\ea0a";
}
.row[prop_name=nonant_alignment] .button[data-button-value=ba]:before {
  content: "\ea02";
}
.row[prop_name=nonant_alignment] .button[data-button-value=ca]:before {
  content: "\ea09";
}
.row[prop_name=nonant_alignment] .button[data-button-value=ab]:before {
  content: "\ea07";
}
.row[prop_name=nonant_alignment] .button[data-button-value=bb]:before {
  content: "\ea05";
}
.row[prop_name=nonant_alignment] .button[data-button-value=cb]:before {
  content: "\ea06";
}
.row[prop_name=nonant_alignment] .button[data-button-value=ac]:before {
  content: "\ea04";
}
.row[prop_name=nonant_alignment] .button[data-button-value=bc]:before {
  content: "\ea08";
}
.row[prop_name=nonant_alignment] .button[data-button-value=cc]:before {
  content: "\ea03";
}

.section[section_name=ResponsiveContainer] .row[prop_name=row_caption] {
  clear: both;
}
.section[section_name=ResponsiveContainer] .row[prop_name=row_caption] .editor.label {
  color: #ffffff;
}
.section[section_name=ResponsiveContainer] .row[prop_name=row_caption] .editor.label .label:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #29b937;
  display: inline-block;
  margin-right: 5px;
  vertical-align: baseline;
}

.section[section_name=Responsive] .row[prop_name=parent_container_type_label] {
  clear: both;
  width: 100%;
  position: relative;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label {
  color: #ffffff;
  width: 100%;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label {
  width: 100%;
  height: auto;
  text-align: end;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label:before {
  content: "Parent container type";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  text-align: initial;
  color: #ffffff;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label:after {
  content: " (edit)";
  text-align: end;
  color: #b3bbbf;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label.clickable {
  cursor: pointer;
}
.section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label.clickable:hover:after {
  color: white;
}
.section[section_name=Responsive] .row.tiny {
  float: left;
  width: 75px;
  height: 30px;
  margin-top: 12px;
  border: none;
  overflow: hidden;
}
.section[section_name=Responsive] .row.tiny .standard-btn {
  border-radius: 0px;
  width: 75px;
  height: 30px;
  background-color: #525759;
  line-height: 30px;
  text-align: center;
}
.section[section_name=Responsive] .row.tiny .standard-btn:hover {
  background-color: #424242;
}
.section[section_name=Responsive] .row.tiny[prop_name=flex_move_first] {
  border-radius: 2px 0px 0px 2px;
}
.section[section_name=Responsive] .row.tiny[prop_name=flex_move_last] {
  border-radius: 0px 2px 2px 0px;
}
.section[section_name=Responsive] .row[prop_name=fixed_width] {
  margin-left: 0px;
  margin-top: 10px;
  padding-top: 0px;
}
.section[section_name=Responsive] .row[prop_name=min_width_css],
.section[section_name=Responsive] .row[prop_name=max_width_css],
.section[section_name=Responsive] .row[prop_name=min_height_css],
.section[section_name=Responsive] .row[prop_name=max_height_css] {
  padding-top: 10px;
  margin-left: 0px;
  width: 50%;
  float: left;
}
.section[section_name=Responsive] .row[prop_name=min_width_css] .caption,
.section[section_name=Responsive] .row[prop_name=max_width_css] .caption,
.section[section_name=Responsive] .row[prop_name=min_height_css] .caption,
.section[section_name=Responsive] .row[prop_name=max_height_css] .caption {
  float: left;
  width: auto;
}
.section[section_name=Responsive] .row[prop_name=min_width_css] .body,
.section[section_name=Responsive] .row[prop_name=max_width_css] .body,
.section[section_name=Responsive] .row[prop_name=min_height_css] .body,
.section[section_name=Responsive] .row[prop_name=max_height_css] .body {
  float: right;
}
.section[section_name=Responsive] .row[prop_name=min_width_css] .editor.staticnumber,
.section[section_name=Responsive] .row[prop_name=min_width_css] .editor.staticnumber input,
.section[section_name=Responsive] .row[prop_name=max_width_css] .editor.staticnumber,
.section[section_name=Responsive] .row[prop_name=max_width_css] .editor.staticnumber input,
.section[section_name=Responsive] .row[prop_name=min_height_css] .editor.staticnumber,
.section[section_name=Responsive] .row[prop_name=min_height_css] .editor.staticnumber input,
.section[section_name=Responsive] .row[prop_name=max_height_css] .editor.staticnumber,
.section[section_name=Responsive] .row[prop_name=max_height_css] .editor.staticnumber input {
  width: 60px;
}
.section[section_name=Responsive] .row[prop_name=min_width_css],
.section[section_name=Responsive] .row[prop_name=min_height_css] {
  padding-right: 10px;
}
.section[section_name=Responsive] .row[prop_name=min_width_css] .caption,
.section[section_name=Responsive] .row[prop_name=min_height_css] .caption {
  margin-right: 5px;
}
.section[section_name=Responsive] .row[prop_name=max_width_css],
.section[section_name=Responsive] .row[prop_name=max_height_css] {
  padding-left: 10px;
}
.section[section_name=Responsive] .row[prop_name=max_width_css] .caption,
.section[section_name=Responsive] .row[prop_name=max_height_css] .caption {
  margin-right: 5px;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .editor.staticnumber input,
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .editor.staticnumber input {
  width: 72px;
  text-align: right;
  padding-left: 21px;
  padding-right: 6px;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body,
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body {
  position: relative;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body::after,
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body::after {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #a4a4a4;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] {
  width: calc(100% - 95px);
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .caption {
  width: auto;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body::after {
  content: "W";
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] {
  width: 95px;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .caption {
  width: auto;
  margin-left: 8px;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body::after {
  content: "H";
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_warning] {
  clear: both;
}
.section[section_name=Responsive] .row[prop_name=aspect_ratio_warning] .editor.label {
  color: var(--b-bg-contrast1, #525252);
}

.section[section_name=Margins],
.section[section_name=PaddingFields] {
  display: flex;
  justify-content: space-between;
}
.section[section_name=Margins] .row[prop_name=margin_label],
.section[section_name=Margins] .row[prop_name=padding_label],
.section[section_name=PaddingFields] .row[prop_name=margin_label],
.section[section_name=PaddingFields] .row[prop_name=padding_label] {
  clear: both;
  position: absolute;
}
.section[section_name=Margins] .row[prop_name=margin_label] .editor.label,
.section[section_name=Margins] .row[prop_name=padding_label] .editor.label,
.section[section_name=PaddingFields] .row[prop_name=margin_label] .editor.label,
.section[section_name=PaddingFields] .row[prop_name=padding_label] .editor.label {
  color: #ffffff;
}
.section[section_name=Margins] .row[prop_name=disabled_margin_top],
.section[section_name=PaddingFields] .row[prop_name=disabled_margin_top] {
  position: absolute;
  padding-top: 0px;
  margin-top: 26px;
}
.section[section_name=Margins] .row[prop_name=disabled_margin_top] .editor.label,
.section[section_name=PaddingFields] .row[prop_name=disabled_margin_top] .editor.label {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
}
.section[section_name=Margins] .row[prop_name=padding_reset],
.section[section_name=PaddingFields] .row[prop_name=padding_reset] {
  position: absolute;
  padding-top: 0px;
  right: 15px;
}
.section[section_name=Margins] .row[prop_name=padding_reset] .editor.label,
.section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label {
  color: rgba(255, 255, 255, 0.48);
}
.section[section_name=Margins] .row[prop_name=padding_reset] .editor.label .label.clickable,
.section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label .label.clickable {
  cursor: pointer;
}
.section[section_name=Margins] .row[prop_name=padding_reset] .editor.label .label.clickable:hover,
.section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label .label.clickable:hover {
  color: white;
}
.section[section_name=Margins] .row[prop_name=padding_edit_style],
.section[section_name=PaddingFields] .row[prop_name=padding_edit_style] {
  position: absolute;
  padding-top: 0px;
  left: 74px;
}
.section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label,
.section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label {
  color: rgba(255, 255, 255, 0.48);
}
.section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label .label.clickable,
.section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label .label.clickable {
  cursor: pointer;
}
.section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label .label.clickable:hover,
.section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label .label.clickable:hover {
  color: white;
}
.section[section_name=Margins] .row[prop_name=margin_top] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=margin_left] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=margin_right] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=margin_bottom] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=padding_top] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=padding_left] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=padding_right] .prop-row-contents,
.section[section_name=Margins] .row[prop_name=padding_bottom] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .prop-row-contents,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .prop-row-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section[section_name=Margins] .row[prop_name=margin_top] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=margin_left] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=margin_right] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=margin_bottom] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=padding_top] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=padding_left] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=padding_right] .prop-row-contents .body,
.section[section_name=Margins] .row[prop_name=padding_bottom] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .prop-row-contents .body,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .prop-row-contents .body {
  cursor: not-allowed;
}
.section[section_name=Margins] .row[prop_name=margin_top] .editor input,
.section[section_name=Margins] .row[prop_name=margin_left] .editor input,
.section[section_name=Margins] .row[prop_name=margin_right] .editor input,
.section[section_name=Margins] .row[prop_name=margin_bottom] .editor input,
.section[section_name=Margins] .row[prop_name=padding_top] .editor input,
.section[section_name=Margins] .row[prop_name=padding_left] .editor input,
.section[section_name=Margins] .row[prop_name=padding_right] .editor input,
.section[section_name=Margins] .row[prop_name=padding_bottom] .editor input,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .editor input,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .editor input,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .editor input,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .editor input,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .editor input,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .editor input,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .editor input,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .editor input {
  width: 66px;
  height: 30px;
  text-align: right;
  padding-right: 26px;
}
.section[section_name=Margins] .row[prop_name=margin_top] .body,
.section[section_name=Margins] .row[prop_name=margin_left] .body,
.section[section_name=Margins] .row[prop_name=margin_right] .body,
.section[section_name=Margins] .row[prop_name=margin_bottom] .body,
.section[section_name=Margins] .row[prop_name=padding_top] .body,
.section[section_name=Margins] .row[prop_name=padding_left] .body,
.section[section_name=Margins] .row[prop_name=padding_right] .body,
.section[section_name=Margins] .row[prop_name=padding_bottom] .body,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .body,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .body,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .body,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .body,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .body,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .body,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .body,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .body {
  position: relative;
}
.section[section_name=Margins] .row[prop_name=margin_top] .body:after,
.section[section_name=Margins] .row[prop_name=margin_left] .body:after,
.section[section_name=Margins] .row[prop_name=margin_right] .body:after,
.section[section_name=Margins] .row[prop_name=margin_bottom] .body:after,
.section[section_name=Margins] .row[prop_name=padding_top] .body:after,
.section[section_name=Margins] .row[prop_name=padding_left] .body:after,
.section[section_name=Margins] .row[prop_name=padding_right] .body:after,
.section[section_name=Margins] .row[prop_name=padding_bottom] .body:after,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .body:after,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .body:after,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .body:after,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .body:after,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .body:after,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .body:after,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .body:after,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .body:after {
  content: "px";
  position: absolute;
  right: 0;
  margin: 6px;
  color: rgba(255, 255, 255, 0.48);
  pointer-events: none;
}
.section[section_name=Margins] .row[prop_name=margin_top] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=margin_left] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=margin_right] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=margin_bottom] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=padding_top] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=padding_left] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=padding_right] .caption.StaticNumber,
.section[section_name=Margins] .row[prop_name=padding_bottom] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=margin_top] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=margin_left] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=margin_right] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=margin_bottom] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=padding_top] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=padding_left] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=padding_right] .caption.StaticNumber,
.section[section_name=PaddingFields] .row[prop_name=padding_bottom] .caption.StaticNumber {
  width: auto;
  height: auto;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 5px;
  color: rgba(255, 255, 255, 0.48);
}
.section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_top],
.section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_left],
.section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_right],
.section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_bottom],
.section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_top],
.section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_left],
.section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_right],
.section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_bottom] {
  padding-top: 42px;
}

.section[section_name=SizingPreviews] .row {
  float: left;
  padding-top: 0px;
  width: 50%;
}
.section[section_name=SizingPreviews] .row .body {
  width: 100%;
}
.section[section_name=SizingPreviews] .row .body .editor.label {
  width: 100%;
  color: rgba(255, 255, 255, 0.72);
}
.section[section_name=SizingPreviews] .row .body .editor.label .label {
  width: 100%;
  height: auto;
  float: left;
}
.section[section_name=SizingPreviews] .row .body .editor.label .label:before {
  width: 100%;
  text-align: initial;
  color: #ffffff;
  float: left;
  padding-bottom: 3px;
}
.section[section_name=SizingPreviews] .row .body .editor.label .label.clickable {
  cursor: pointer;
}
.section[section_name=SizingPreviews] .row .body .editor.label .label.clickable:hover {
  color: white;
}
.section[section_name=SizingPreviews] .row[prop_name=width_preview] .editor.label .label:before {
  content: "Width";
}
.section[section_name=SizingPreviews] .row[prop_name=height_preview] .editor.label .label:before {
  content: "Height";
}

.IconInput svg[data-icon-set],
.icon_palette svg[data-icon-set],
.icon-container svg[data-icon-set] {
  fill: currentColor;
}
.IconInput svg[data-icon-set=feather],
.icon_palette svg[data-icon-set=feather],
.icon-container svg[data-icon-set=feather] {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.composer-palette.icon_palette {
  width: 262px;
  max-height: 350px;
}
.composer-palette.icon_palette .dropdown-option {
  font-size: 16px;
  padding: 3px !important;
  min-width: 23px;
  max-width: 23px;
  line-height: 23px;
  border: none;
  display: inline-block;
  text-align: center;
}
.composer-palette.icon_palette .dropdown-option:hover {
  background-color: #242627;
}
.composer-palette.icon_palette.icon_library {
  padding-top: 0px;
}
.composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers {
  background-color: #ffffff;
}
.composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-caption-container {
  background-color: #f7f7f7;
}
.composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container .dropdown-item-container.hovered {
  background-color: #dddddd !important;
}
.composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container .dropdown-item-container .dropdown-item {
  color: #000000;
}
.composer-palette.icon_palette.icon_library .dropdown-containers {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  gap: 8px;
  background-color: #424242;
}
.composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container.disabled {
  opacity: 0.4;
  cursor: default;
}
.composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container.disabled .dropdown-caption-container {
  cursor: default;
  pointer-events: none;
}
.composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-caption-container {
  padding: 8px 0px 6px 7px;
  margin: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #525759;
  border: 1px solid transparent;
}
.composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-caption-container:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  color: #90979a;
  float: right;
  width: 18px;
  text-align: left;
  font-size: 14px;
}
.composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-items-container {
  background-color: #525759;
  border-top: 1px solid #5f6568;
}
.composer-palette.icon_palette .dropdown-container.set-dropdown {
  flex: 1;
}
.composer-palette.icon_palette .dropdown-container.set-dropdown .dropdown-item {
  min-width: 132px !important;
  width: 132px;
}
.composer-palette.icon_palette .dropdown-container.variant-dropdown {
  width: 92px;
  flex-grow: 0;
  flex-shrink: 0;
}
.composer-palette.icon_palette .dropdown-container.variant-dropdown .dropdown-item {
  min-width: 77px !important;
  width: 77px;
}

.section[section_name=ElementMetaActions] .row.small {
  padding-top: 0 !important;
  margin-left: 18px;
}
.section[section_name=ElementMetaActions] .row.small:first-child {
  margin-left: 0px;
}

.modal-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000002;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--b-txt-primary, #1a1a1a);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  /* Add Plugin Popup dialog. */
  /* JSON entry popup for API Connector plugin */
}
.modal-popup * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.modal-popup input {
  outline: none;
}
.modal-popup .popup-title {
  padding: 13px 0 13px 0;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  font-size: 22px;
  color: #212121;
  font-family: "Open Sans";
}
.modal-popup .popup-content {
  width: 450px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: white;
  border: 1px solid rgb(245, 245, 245);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal-popup.btn-cancel {
  background-color: transparent;
  color: grey;
  clear: none;
  margin-left: 10px;
}
.modal-popup input[type=file] {
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.modal-popup .bottom-stripe {
  height: 80px;
  border-top: 1px solid rgb(245, 245, 245);
}
.modal-popup .bottom-stripe .submit-button,
.modal-popup .bottom-stripe .btn-create {
  float: inherit;
  margin: auto;
  width: 130px;
  margin-top: 20px;
}
.modal-popup .bottom-stripe .btn-cancel {
  margin-top: -25px;
  margin-right: 100px;
  float: right;
}
.modal-popup.import-error-message .popup-content {
  width: 450px;
  overflow: visible;
}
.modal-popup.import-error-message .popup-content .children {
  background-color: #fafafa;
  padding: 20px;
}
.modal-popup.add-plugin-window .popup-content, .modal-popup.external-image-popup .popup-content {
  width: 740px;
  overflow: visible;
}
.modal-popup.add-plugin-window .composer-image, .modal-popup.external-image-popup .composer-image {
  margin-right: 40px;
}
.modal-popup.external-image-popup .instruction {
  margin-left: 20px;
  margin-top: 28px;
  width: 470px;
}
.modal-popup.external-image-popup .instruction a {
  color: var(--b-txt-brand, #0c29ab);
}
.modal-popup.external-image-popup input.bubble-ui.search-image, .modal-popup.external-image-popup input.bubble-ui.search-theme {
  position: relative;
  left: 520px;
  top: -23px;
}
.modal-popup.external-image-popup .images-area,
.modal-popup.external-image-popup .themes-area {
  overflow: auto;
  max-height: 300px;
  margin: 12px;
  min-height: 200px;
}
.modal-popup.external-image-popup .images-area .no-image,
.modal-popup.external-image-popup .themes-area .no-image {
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
}
.modal-popup.external-image-popup .images-area img.preview-img,
.modal-popup.external-image-popup .themes-area img.preview-img {
  width: 160px;
  max-height: 180px;
  margin: 6px;
  border: 5px solid white;
  cursor: pointer;
}
.modal-popup.external-image-popup .images-area img.preview-img:hover,
.modal-popup.external-image-popup .themes-area img.preview-img:hover {
  border: 5px solid #adadad;
}
.modal-popup.external-image-popup .images-area img.preview-img.selected,
.modal-popup.external-image-popup .themes-area img.preview-img.selected {
  border: 5px solid var(--b-txt-brand, #0c29ab);
}
.modal-popup.add-plugin-window {
  z-index: 50000006; /* one higher than slidablepalette */
}
.modal-popup.add-plugin-window.from-new-app-assistant {
  z-index: 50000006;
}
.modal-popup.add-plugin-window .popup-content {
  width: 1000px;
  margin-top: 30px !important;
}
.modal-popup.add-plugin-window .inner-children {
  padding: 0px;
  background: #f8f9f9;
}
.modal-popup.add-plugin-window .explanation {
  padding-left: 20px;
  padding-bottom: 20px;
  background: white;
}
.modal-popup.add-plugin-window .filter-area,
.modal-popup.add-plugin-window .plugin-pane {
  /* Handle */
}
.modal-popup.add-plugin-window .filter-area::-webkit-scrollbar,
.modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar {
  width: 5;
  cursor: default;
}
.modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb,
.modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
}
.modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb:hover,
.modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb:hover {
  background-color: #dcdcdc;
}
.modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb:active,
.modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb:active {
  background-color: #dcdcdc;
}
.modal-popup.add-plugin-window .filter-pane {
  float: left;
  width: 240px;
  background: white;
  border-right: 1px solid var(--b-border, #e6e6e6);
}
.modal-popup.add-plugin-window .filter-pane .filter-title {
  width: 240px;
  padding: 15px 0px 15px 20px;
  font-size: 15px;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.modal-popup.add-plugin-window .filter-pane .filter-title:before {
  font-family: bubble;
  content: "\e608";
  color: #899ea5;
  font-size: 18px;
  margin-right: 10px;
}
.modal-popup.add-plugin-window .filter-pane input.bubble-ui.search-plugin {
  width: 205px;
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.modal-popup.add-plugin-window .filter-pane .filter-caption {
  color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
  float: left;
}
.modal-popup.add-plugin-window .filter-pane .filter-caption:before {
  display: block;
  content: "\f0da";
  font-family: "FontAwesome";
  float: left;
  margin-right: 8px;
}
.modal-popup.add-plugin-window .filter-pane .filter-caption.open:before {
  content: "\f0d7";
  margin-right: 5px;
}
.modal-popup.add-plugin-window .filter-pane .sort-by,
.modal-popup.add-plugin-window .filter-pane .sort-btn,
.modal-popup.add-plugin-window .filter-pane .filter-select-all {
  font-size: 10px !important;
  color: var(--b-txt-secondary);
}
.modal-popup.add-plugin-window .filter-pane .sort-btn,
.modal-popup.add-plugin-window .filter-pane .filter-select-all {
  cursor: pointer;
}
.modal-popup.add-plugin-window .filter-pane .sort-btn:hover,
.modal-popup.add-plugin-window .filter-pane .filter-select-all:hover {
  color: var(--b-txt-secondary);
  font-weight: 600;
}
.modal-popup.add-plugin-window .filter-pane .sort-by,
.modal-popup.add-plugin-window .filter-pane .sort-btn {
  float: left;
}
.modal-popup.add-plugin-window .filter-pane .sort-btn.selected {
  color: var(--b-txt-primary);
  font-weight: 600;
}
.modal-popup.add-plugin-window .filter-pane .filter-select-all {
  margin-right: 10px;
  margin-top: 3px;
  float: right;
}
.modal-popup.add-plugin-window .filter-pane .filter-area {
  padding: 10px 0px 10px 0px;
  overflow-y: auto;
}
.modal-popup.add-plugin-window .filter-pane .filter-pane-inner {
  margin-left: 20px;
  margin-top: 5px;
}
.modal-popup.add-plugin-window .filter-pane .filter-container {
  grid-template-columns: 33fr 27fr 28fr 27fr 21fr 23fr;
  display: grid;
  padding-right: 4px;
}
.modal-popup.add-plugin-window .filter-pane .filter-category {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
.modal-popup.add-plugin-window .filter-pane .filter-list {
  margin-top: 5px;
  margin-left: 15px;
  clear: both;
  float: left;
}
.modal-popup.add-plugin-window .filter-pane .tag-button {
  cursor: pointer;
  padding: 5px 0 5px 0;
  font-size: 13px;
}
.modal-popup.add-plugin-window .filter-pane .tag-button:before {
  content: "\f096";
  font-family: "FontAwesome";
  margin-right: 10px;
}
.modal-popup.add-plugin-window .filter-pane .tag-button.selected:before {
  content: "\f046";
  margin-right: 8px;
}
.modal-popup.add-plugin-window .filter-pane .filter-more {
  cursor: pointer;
  text-align: right;
  margin-right: 5px;
}
.modal-popup.add-plugin-window .plugin-pane {
  float: right;
  width: 752px;
  padding: 10px;
  overflow-y: auto;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner {
  overflow-y: auto;
  height: 100%;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box {
  border: 1px solid rgb(245, 245, 245);
  margin-bottom: 15px;
  min-height: 150px;
  overflow: hidden;
  background: white;
  clear: both;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* the plus button for adding a plugin */
  clear: both;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-description-wrapper {
  overflow: hidden;
  padding: 10px;
  min-height: 95px;
  border-bottom: 1px dotted var(--b-border, #e6e6e6);
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-icon {
  width: 45px;
  height: 45px;
  object-fit: contain;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  background: #0cce92;
  color: white;
  font-size: 10px;
  padding: 3px;
  border-radius: 3px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.testing, .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.private {
  float: right;
  margin-right: 5px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.testing {
  background: var(--b-bg-on-danger1);
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.private {
  background: #0cce92;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-count {
  width: 70px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-count,
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-all-version-rating,
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-last-version-rating,
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-link {
  margin-top: 20px;
  float: left;
  font-size: 11px;
  margin-left: 20px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-price {
  float: right;
  color: var(--b-txt-danger);
  margin-top: 10px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-display {
  float: left;
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 5px;
  margin-left: 20px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-description {
  margin-left: 20px;
  margin-top: 7px;
  width: 630px;
  line-height: 1.2;
  font-size: 12px;
  float: left;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-creator {
  float: right;
  font-size: 9px;
  margin-right: 5px;
  margin-top: 4px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box img.plugin-creator-icon {
  float: right;
  width: 15px;
  margin-right: 5px;
  clear: both;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add {
  height: 35px;
  width: 100px;
  margin-top: 9px;
  margin-bottom: 10px;
  float: right;
  padding-top: 9px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add.enterprise-styling {
  padding-left: 4px;
  padding-right: 4px;
  width: unset;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add {
  margin-right: 15px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-count-summary {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
}
.modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-count-summary .plugin-count-summary-text {
  font-size: 11px;
}
.modal-popup.add-plugin-window .add-plugins-modal-banner-container {
  clear: both;
  background: white;
  border-top: 1px solid rgb(245, 245, 245);
}
.modal-popup.add-plugin-window .bottom-stripe {
  clear: both;
  background: white;
}
.modal-popup.apiconnector-json-popup .popup-content {
  width: 700px;
}
.modal-popup.apiconnector-json-popup .json-editor {
  border: 1px solid #e0e5e9;
}
.modal-popup.apiconnector-json-popup .text-editor-container {
  height: 390px;
  padding: 20px;
}
.modal-popup.apiconnector-json-popup .btn-save {
  clear: both;
  float: left;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 277px;
}
.modal-popup.apiconnector-json-popup .btn-cancel {
  float: left;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 45px;
}
.modal-popup.apiconnector-json-popup .json-box-caption {
  margin-bottom: 8px;
}

.external-image-panel-btn.standard-btn {
  width: 169px;
  float: right;
  margin-top: 8px;
  height: 30px;
  padding-top: 5px;
}

.caption.image-searcher {
  padding-top: 15px !important;
  height: 32px !important;
}

/* Text composer.  All text composers have .text-composer; short ones have .short-text-composer, long ones have .long-text-composer */
.text-composer .textcomposer-entry {
  display: inline;
}
.text-composer .textcomposer-entry .composer {
  display: inline;
}
.text-composer .new-text {
  display: inline;
}
.text-composer .new-dynamic {
  display: inline;
}
.text-composer .mandatory.empty.param {
  border: 1px solid var(--mandatory_color);
}

/* Message popup, that pops up to prompt the user to make a change when they did something that triggers an app error */
.message-popup {
  background-color: white;
  padding: 15px;
  color: #5f6568;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border-top: 7px solid #ebe350;
  line-height: 17px;
  width: 250px;
  overflow: hidden;
  position: fixed;
  z-index: 50000002;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56);
  -moz-box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56);
  box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56);
}
.message-popup .button-fix {
  width: 100%;
  color: white;
  position: relative;
  background-color: #5f6568;
  padding: 5px;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}
.message-popup .button-fix:hover {
  background-color: #757a7c;
}

.scroll-arrow {
  pointer-events: none;
  position: fixed;
  width: 50px;
  height: 50px;
  z-index: 5000000003;
}
.scroll-arrow.up {
  background: url("/static/img/scroll_up_arrow.png");
}
.scroll-arrow.down {
  background: url("/static/img/scroll_down_arrow.png");
}

.scroll-message {
  pointer-events: none;
  position: fixed;
  height: 18px;
  z-index: 5000000003;
  font-size: 16px;
  background-color: #a0d445;
  color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  width: 115px;
  padding: 5px;
  box-sizing: content-box;
}

.tour-popup .tour-content-zone {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-size: 13px;
  z-index: 50000003;
  color: var(--b-txt-primary, #1a1a1a);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background: white;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39);
  border: 1px solid rgb(245, 245, 245);
  float: left;
  width: 350px;
  cursor: move;
  position: fixed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tour-popup .tour-content-zone a {
  color: #5d9bda;
}
.tour-popup .tour-content-zone.large-width {
  width: 500px;
}
.tour-popup .tour-content-zone .tour-button {
  margin-top: 15px;
  float: right;
  font-size: 14px;
  height: 35px;
  padding-top: 0px;
  width: 90px;
}
.tour-popup .tour-content-zone .tour-button.demo {
  clear: both;
  float: left;
  margin: 0px 0px 10px 113px;
}
.tour-popup .tour-content-zone .tour-button.copy-to-account {
  width: 190px;
  margin-bottom: 20px;
  float: left;
  margin-left: 0px;
}
.tour-popup .tour-content-zone .tour-simple-button {
  border: none;
  display: inline;
  margin: 0em;
  padding: 0em;
  outline: none;
  outline-offset: 0em;
  background: none;
  cursor: pointer;
  color: #a9a9a9;
  position: relative;
}
.tour-popup .tour-content-zone .tour-simple-button.hint {
  float: left;
  clear: both;
  margin-left: -10px;
}
.tour-popup .tour-content-zone .tour-simple-button.exit {
  float: right;
  margin-right: -10px;
}
.tour-popup .tour-content-zone .tour-simple-button:hover {
  color: black;
}
.tour-popup .tour-content-zone .progress-bar-container {
  width: 200px;
  height: 5px;
  border: 1px solid #dadada;
  float: left;
  margin-top: 28px;
  margin-bottom: 30px;
  overflow: hidden;
}
.tour-popup .tour-content-zone .progress-bar-container .progress-bar {
  background-color: #dadada;
  height: 5px;
}
.tour-popup .tour-content-zone .secondary-button {
  margin-top: 24px;
  float: left;
  margin-left: 15px;
}
.tour-popup .tour-content-zone .show-hide-arrow-btn,
.tour-popup .tour-content-zone .secondary-button {
  cursor: pointer;
  color: rgb(184, 196, 199);
}
.tour-popup .tour-content-zone .show-hide-arrow-btn:hover,
.tour-popup .tour-content-zone .secondary-button:hover {
  color: var(--b-txt-primary, #1a1a1a);
}
.tour-popup .tour-content-zone .show-hide-arrow-btn {
  float: right;
  font-size: 11px;
  margin-top: 22px;
  margin-right: 25px;
}
.tour-popup .arrow-top {
  pointer-events: none;
  background: url("/static/img/learning_arrow.png");
  width: 45px;
  height: 35px;
  background-size: 48px;
  padding-top: 13px;
  position: absolute;
  z-index: 50000010;
  color: #9180e5;
  background-repeat: no-repeat;
  font-family: "Open Sans";
}
.tour-popup .arrow_for_tour {
  pointer-events: none;
  background: none;
  width: 0px;
  height: 0px;
  border-left: 30px solid transparent; /* left arrow slant */
  border-right: 30px solid transparent; /* right arrow slant */
  border-bottom: 30px solid #747474; /* bottom, add background color here */
  font-size: 0px;
  line-height: 0px;
  margin-left: 95px;
  margin-top: -38px;
  padding: 0;
  position: absolute;
  -webkit-transition-property: color;
  -o-transition-property: color;
  -moz-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.tour-popup .tour-content-zone {
  overflow: visible;
  padding-bottom: 5px;
  position: absolute;
  cursor: default;
}
.tour-popup .tour-content-zone .arrow-top {
  pointer-events: none;
  background: none;
  margin-top: -30px;
  margin-left: 100px;
  width: 0px;
  height: 0px;
  border-left: 30px solid transparent; /* left arrow slant */
  border-right: 30px solid transparent; /* right arrow slant */
  border-bottom: 30px solid white; /* bottom, add background color here */
  font-size: 0px;
  line-height: 0px;
  margin-left: 95px;
  margin-top: -30px;
  padding: 0;
  position: absolute;
  -webkit-transition-property: color;
  -o-transition-property: color;
  -moz-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.tour-popup .tour-content-zone .step-details {
  padding: 0px 20px 10px 20px;
}
.tour-popup .tour-content-zone .tour-button {
  float: left;
  margin-left: 127px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tour-popup .tour-content-zone .tour-simple-button.hint {
  margin-left: 5px;
}
.tour-popup .tour-content-zone .tour-simple-button.exit {
  margin-right: 5px;
}

.image-editor-palette {
  background: rgb(133, 133, 133);
  float: left;
  width: 140px;
  height: 44px;
  position: absolute;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: #5f6568;
  -webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5);
  z-index: 5000001;
}
.image-editor-palette .standard-btn {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
  height: 27px;
  padding-top: 5px;
}

.sceditor-dropdown {
  z-index: 500000003 !important;
}

.rich-text-editor .popup-content {
  width: 725px;
}
.rich-text-editor .inner-children {
  padding: 20px;
  overflow: hidden;
}
.rich-text-editor .sceditor-container,
.rich-text-editor .html-editor {
  width: 678px !important;
  height: 302px !important;
  border: 1px solid #d6d6d6;
}
.rich-text-editor .sceditor-container .sceditor-group,
.rich-text-editor .sceditor-container .sceditor-toolbar,
.rich-text-editor .html-editor .sceditor-group,
.rich-text-editor .html-editor .sceditor-toolbar {
  background: #f2f2f2 !important;
}
.rich-text-editor .sceditor-container iframe,
.rich-text-editor .html-editor iframe {
  width: 666px !important;
  height: 256px !important;
}
.rich-text-editor .btn {
  float: left;
}
.rich-text-editor .btn.btn-save {
  clear: both;
  margin-top: 15px;
  margin-left: 277px;
}
.rich-text-editor .btn.btn-cancel {
  margin-left: 40px;
  margin-top: 28px;
}

.contextual-video-palette {
  width: 100%;
  background-color: #5f6568;
  z-index: -1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.contextual-video-palette .element-inspector-zone,
.contextual-video-palette .video-zone {
  float: left;
}
.contextual-video-palette .video-zone {
  margin-left: 5px;
}
.contextual-video-palette .static-title {
  cursor: default !important;
}
.contextual-video-palette .static-title:hover {
  text-decoration: none !important;
}
.contextual-video-palette .invisible-draggable-div {
  width: 97%;
  height: 95%;
  position: absolute;
}
.contextual-video-palette .close-button {
  top: 0px;
}
.contextual-video-palette .element-inspector-zone {
  padding: 10px 10px 10px 15px;
  max-height: 450px;
  overflow-y: auto;
}
.contextual-video-palette .states-wrapper,
.contextual-video-palette .event.wrapper,
.contextual-video-palette .other_element.wrapper,
.contextual-video-palette .action.wrapper {
  float: left;
  clear: both;
  width: 100%;
}
.contextual-video-palette .section-title {
  padding-top: 15px;
}
.contextual-video-palette .section-title:first-child {
  padding-top: 0px;
}
.contextual-video-palette .item-row {
  width: 100%;
  margin-top: 5px;
}
.contextual-video-palette .item-row,
.contextual-video-palette .add-state-btn {
  float: left;
  line-height: 15px;
}
.contextual-video-palette .item-row.clickable,
.contextual-video-palette .add-state-btn.clickable {
  cursor: pointer;
}
.contextual-video-palette .item-row.clickable:hover,
.contextual-video-palette .add-state-btn.clickable:hover {
  color: white;
}
.contextual-video-palette .item-row,
.contextual-video-palette .add-state-btn {
  margin-top: 8px;
}
.contextual-video-palette .item-row,
.contextual-video-palette .add-state-btn,
.contextual-video-palette .list-caption {
  color: rgba(255, 255, 255, 0.72);
}
.contextual-video-palette .item-row.nothing,
.contextual-video-palette .add-state-btn.nothing,
.contextual-video-palette .list-caption.nothing {
  color: #80888c;
}
.contextual-video-palette .state-row {
  width: 100%;
  float: left;
  margin: 3px 0 3px 0;
}
.contextual-video-palette .state-row input {
  padding-left: 6px !important;
}
.contextual-video-palette .state-row .state-caption,
.contextual-video-palette .state-row .state-value,
.contextual-video-palette .state-row .list-caption {
  float: left;
}
.contextual-video-palette .state-row .state-caption {
  width: 90px;
}
.contextual-video-palette .state-row .state-value,
.contextual-video-palette .state-row .state-caption {
  margin-right: 10px;
}
.contextual-video-palette .state-row .list-caption {
  margin-top: 7px;
  margin-right: 5px;
}
.contextual-video-palette .state-row .delete-btn {
  float: left;
  margin-left: 3px;
  margin-top: 6px;
}
.contextual-video-palette .state-row .default-wrapper {
  float: left;
  margin-top: 6px;
  margin-left: 16px;
  width: 280px;
}
.contextual-video-palette .state-row .default-wrapper .list-caption.default {
  margin-right: 10px;
}
.contextual-video-palette .state-row .default-wrapper input.TextBox,
.contextual-video-palette .state-row .default-wrapper input.GeographicBox {
  width: 190px;
}
.contextual-video-palette .state-row .default-wrapper .composer-file,
.contextual-video-palette .state-row .default-wrapper .composer-image {
  margin-left: 84px;
}

.composer-list-manager {
  width: 966px;
}
.composer-list-manager.no-item .list-wrapper {
  padding-bottom: 5px;
}
.composer-list-manager .preview-img {
  height: 50px;
  width: 50px;
}
.composer-list-manager .btn {
  width: 50px;
}
.composer-list-manager .composer-dropdown {
  float: left;
}
.composer-list-manager .composer-autocomplete {
  float: left;
  width: 75%;
}
.composer-list-manager .show-primary-btn {
  clear: both;
  float: right;
  padding-bottom: 5px;
}
.composer-list-manager .item-h1 {
  overflow: hidden;
  padding-bottom: 5px;
}
.composer-list-manager .multiline-text {
  color: black;
}
.composer-list-manager .item-element {
  float: left;
  max-width: 239px;
  max-height: 14px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.composer-list-manager .bubble-ui.delete-btn {
  float: right;
}
.composer-list-manager .bubble-ui.delete-btn:before {
  font-size: 13px;
}
.composer-list-manager .image-wrapper {
  line-height: 16px;
  padding-bottom: 5px;
}
.composer-list-manager .image-wrapper .delete-btn {
  clear: both;
  position: relative;
  bottom: 18px;
  right: 152px;
}
.composer-list-manager .file-wrapper {
  line-height: 16px;
  padding-bottom: 5px;
}
.composer-list-manager .file-wrapper .delete-btn {
  position: relative;
  bottom: 17px;
  clear: both;
  float: right;
}
.composer-list-manager .input-wrapper {
  float: left;
  width: 100%;
}
.composer-list-manager .input-wrapper .composer-file {
  float: left;
  width: 70%;
}
.composer-list-manager .composer-image {
  margin-top: 5px;
  float: left;
}
.composer-list-manager .MultilineTextBox.property-editor-control {
  width: 70% !important;
  min-height: 30px;
  height: 30px;
  overflow: hidden;
}
.composer-list-manager .composer-file {
  width: 90%;
  position: relative;
}
.composer-list-manager .composer-file .download-btn {
  top: -5px;
  left: 235px;
}
.composer-list-manager .composer-file .button-clear-composer-file {
  left: 235px;
}

.parens.parens-left::before {
  content: "(";
  padding-left: 3px;
  padding-right: 1px;
}
.parens.parens-right::before {
  content: ")";
  padding-left: 1px;
  padding-right: 3px;
}
.parens.parens-transparent {
  opacity: 0;
}

.composer.hover_fade_out:hover .hovering .dynamic {
  color: color-mix(in srgb, var(--composer-dynamic-color) 100%, transparent);
}
.composer.hover_fade_out:hover .hovering .dynamic:hover {
  color: color-mix(in srgb, var(--composer-dynamic-color-hovered) 100%, transparent);
}
.composer.hover_fade_out:hover .hovering .spot {
  color: color-mix(in srgb, var(--composer-spot-color) 100%, transparent);
}
.composer.hover_fade_out:hover .hovering .text-composer .spot {
  color: #ffcc00;
}
.composer.hover_fade_out:hover .hovering .text-composer .spot.selected {
  color: #ffcc00;
}
.composer.hover_fade_out:hover .hovering .text-composer .dynamic {
  color: color-mix(in srgb, var(--composer-dynamic-color) 100%, transparent);
}
.composer.hover_fade_out:hover .not-finished .hovering .dynamic {
  color: var(--mandatory_color);
}
.composer.hover_fade_out:hover .not-finished .hovering .dynamic:hover {
  color: var(--hovered_mandatory_color);
}
.composer.hover_fade_out:hover .not-finished .dynamic {
  color: color-mix(in srgb, var(--mandatory_color) 30%, transparent);
}
.composer.hover_fade_out:hover .not-finished .dynamic:hover {
  color: color-mix(in srgb, var(--hovered_mandatory_color) 30%, transparent);
}
.composer.hover_fade_out:hover .dynamic {
  color: color-mix(in srgb, var(--composer-dynamic-color) 30%, transparent);
}
.composer.hover_fade_out:hover .dynamic:hover {
  color: color-mix(in srgb, var(--composer-dynamic-color-hovered) 30%, transparent);
}
.composer.hover_fade_out:hover .spot {
  color: color-mix(in srgb, var(--composer-spot-color) 60%, transparent);
}
.composer.hover_fade_out:hover .text-composer .spot {
  color: rgba(255, 204, 0, 0.3);
}
.composer.hover_fade_out:hover .text-composer .spot.selected {
  color: rgba(255, 204, 0, 0.6);
}
.composer.hover_fade_out:hover .text-composer .dynamic {
  color: color-mix(in srgb, var(--composer-dynamic-color) 30%, transparent);
}

.composer .nested {
  display: inline;
}

.row[prop_name=reset_stack_warning],
.row[prop_name=note] {
  clear: both;
}
.row[prop_name=reset_stack_warning] .editor.label,
.row[prop_name=note] .editor.label {
  color: rgba(255, 255, 255, 0.72);
}

/* STYLE OVERRIDES FOR PINNED PROPERTY EDITOR */
.text-composer-ppe {
  min-height: 24px;
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid var(--b-border-default);
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
}
.text-composer-ppe .textcomposer-entry {
  /* Dynamic entry */
}
.text-composer-ppe .textcomposer-entry .dynamic {
  line-height: 1;
  font-family: "Reddit Mono";
}
.text-composer-ppe .textcomposer-entry .dynamic:not(.literal) {
  color: var(--b-txt-brand);
}
.text-composer-ppe .textcomposer-entry .dynamic:not(.literal):hover {
  color: var(--b-cobalt-90);
}
.text-composer-ppe .textcomposer-entry .not-finished .dynamic {
  line-height: 1;
}
.text-composer-ppe .textcomposer-entry .not-finished .dynamic:not(.literal) {
  color: var(--b-txt-danger);
}
.text-composer-ppe .textcomposer-entry .not-finished .dynamic:not(.literal):hover {
  color: var(--b-red-50);
}
.text-composer-ppe .textcomposer-entry .not-finished .dynamic.add-button {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  padding: 0 2px;
  color: var(--b-txt-primary);
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
}
.text-composer-ppe .textcomposer-entry .spot {
  line-height: 16px;
}
.text-composer-ppe .textcomposer-entry .spot .autocomplete-input,
.text-composer-ppe .textcomposer-entry .spot .dropdown-caption {
  font-family: "Reddit Mono";
}
.text-composer-ppe .textcomposer-entry .spot.slidable-spot {
  font-family: "Reddit Mono";
  color: var(--b-txt-caution);
}
.text-composer-ppe:hover {
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
}
.text-composer-ppe:focus-within {
  border: 1px solid var(--b-border-brand);
}
.text-composer-ppe:active {
  border: 1px solid var(--b-border-brand);
}
.text-composer-ppe.long-text-composer {
  width: 100%;
}
.text-composer-ppe.long-text-composer .textcomposer-entry.static-entry-reorg {
  line-height: 16px;
}
.text-composer-ppe.long-text-composer div.autostretch div.autotarg {
  min-height: 16px;
}
.text-composer-ppe.long-text-composer div.autostretch div.autotarg,
.text-composer-ppe.long-text-composer div.autostretch textarea.autostretch {
  line-height: 16px;
}

.editor-back-button {
  display: flex;
  align-items: center;
  gap: 4px;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.banner {
  font-size: 12px;
  line-height: 143%;
  color: black;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 10px 12px;
  gap: 12px;
  margin-top: 20px;
}
.banner a {
  color: var(--b-txt-brand);
  cursor: pointer;
}
.banner.success {
  background: var(--b-bg-success2);
  border: 1px solid var(--b-border-success);
}
.banner.destructive {
  background: var(--b-bg-danger2);
  border: 1px solid var(--b-border-danger);
}
.banner.primary {
  background: var(--b-bg-brand2);
  border: 1px solid var(--b-border-brand);
}
.banner.alert {
  background: var(--b-bg-caution2);
  border: 1px solid var(--b-border-caution);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.breadcrumbs-navigation {
  display: flex;
}
.breadcrumbs-navigation .breadcrumb {
  display: flex;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .breadcrumbs-navigation .breadcrumb {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .breadcrumbs-navigation .breadcrumb {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.breadcrumbs-navigation .breadcrumb .greyed {
  cursor: pointer;
}
.breadcrumbs-navigation .breadcrumb .greyed:not(:hover) {
  color: #b5b5b5;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.button-component.secondary {
  background-color: transparent;
  border: 1px solid #808080;
  color: #808080;
}
.button-component.secondary:hover {
  background-color: rgb(249, 249, 249);
}
.button-component.secondary.disabled, .button-component.secondary.disabled:hover {
  pointer-events: none;
  background-color: transparent;
}

.new-button-component {
  border: 1px solid;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  float: right;
  padding: 12px 20px;
  text-align: center;
}
.new-button-component.action {
  background-color: rgb(2, 5, 211);
  border-color: rgb(2, 5, 211);
}
.new-button-component.outline-action {
  background-color: var(--b-bg-primary);
  border-color: rgb(2, 5, 211);
  color: rgb(2, 5, 211);
}
.new-button-component.outline-action:hover {
  background-color: rgba(2, 5, 211, 0.12);
}
.new-button-component.flat-action {
  background-color: var(--b-bg-primary);
  border: none;
  color: rgb(2, 5, 211);
  margin: 12px 20px;
  padding: 0;
}
.new-button-component.flat-action:hover {
  background-color: rgba(2, 5, 211, 0.12);
}
.new-button-component.outline-secondary {
  background-color: var(--b-bg-primary);
  border-color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
}
.new-button-component.outline-secondary:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.new-button-component.no-outline {
  background-color: var(--b-bg-primary);
  border: none;
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  margin: 12px 20px;
}
.new-button-component.disabled, .new-button-component.disabled:hover {
  opacity: 0.36;
  pointer-events: none;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.chat-loading-message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 25px;
  left: 20px;
  top: 20px;
  background: rgb(251, 251, 251);
  border: 1px solid rgb(242, 242, 242);
  border-radius: 4px 4px 4px 0px;
}
.chat-loading-message .loading-circle-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.chat-loading-message .loading-circle-container .loading-circle {
  padding-left: 1.5px;
  padding-right: 1.5px;
  font-size: 6px;
  color: rgb(217, 217, 217);
}
@keyframes dot-fill-change {
  0%, 33.33% {
    color: rgb(134, 134, 134);
  }
  33.34%, 100% {
    color: rgb(217, 217, 217);
  }
}
.chat-loading-message .loading-circle-container #dot1 {
  animation: dot-fill-change 1.5s infinite;
}
.chat-loading-message .loading-circle-container #dot2 {
  animation: dot-fill-change 1.5s 0.5s infinite;
}
.chat-loading-message .loading-circle-container #dot3 {
  animation: dot-fill-change 1.5s 1s infinite;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.chat-text-input-container {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 2px;
  border: solid 1px rgb(176, 176, 176);
  border-radius: 4px;
}
.chat-text-input-container:focus-within, .chat-text-input-container:hover {
  border-color: rgb(2, 5, 211);
}
.chat-text-input-container .chat-textarea {
  flex: 1;
  border: none;
  margin: 0;
  overflow-y: scroll;
  scrollbar-width: none;
}
.chat-text-input-container .chat-textarea::-webkit-scrollbar {
  display: none;
}
.chat-text-input-container .chat-textarea:focus {
  border: none !important;
}
.chat-text-input-container .send-button {
  padding: 4px 8px 4px 8px;
  background-color: transparent;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
.chat-text-input-container .send-button::before {
  color: rgb(2, 5, 211);
  font-size: 24px;
  font-family: "FontAwesome";
  content: "\f101";
}
.chat-text-input-container .send-button:hover {
  background-color: rgb(230, 230, 251);
}
.chat-text-input-container .send-button:disabled {
  cursor: default;
}
.chat-text-input-container .send-button:disabled::before {
  color: rgb(134, 134, 134);
}
.chat-text-input-container .send-button:disabled:hover {
  background-color: transparent;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.chat-window {
  width: 286px;
  height: 430px;
  padding: 10px;
  justify-content: space-between;
  right: 8px;
  bottom: 58px;
}
.chat-window.hidden {
  display: none;
}
.chat-window .top-section {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.chat-window .top-section-fill {
  flex-grow: 1;
  position: relative;
}
.chat-window .top-section-fill .description-message {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.chat-window .top-section-fill .description-message .description-icon {
  width: 30px;
  height: 30px;
  opacity: 0.4;
}
.chat-window .top-section-fill .description-message .description-message-text {
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  width: 246px;
  color: rgb(134, 134, 134);
}
.chat-window .header {
  display: flex;
  padding-bottom: 12px;
  justify-content: space-between;
}
.chat-window .header .title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-window .header .icon-wrapper {
  width: 20px;
  height: 20px;
  background-color: rgb(2, 5, 211);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  margin-right: 8px;
}
.chat-window .header .icon-wrapper img {
  width: 16px;
  align-self: center;
}
.chat-window .header .window-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  align-content: center;
}
.chat-window .header .buttons-cluster {
  width: 36px;
  display: flex;
  justify-content: space-between;
}
.chat-window .header .icon-button::before {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "FontAwesome";
}
.chat-window .header .icon-button {
  all: unset;
  cursor: pointer;
}
.chat-window .header .close-x-button::before {
  content: "\f00d";
}
.chat-window .header .expand-button::before {
  content: "\f065";
}
.chat-window .header .compress-button::before {
  content: "\f066";
}
.chat-window .chat-messages {
  overflow-y: scroll;
  scrollbar-width: none;
}
.chat-window .chat-messages::-webkit-scrollbar {
  display: none;
}
.chat-window .chat-message {
  align-items: center;
  padding: 10px;
  gap: 10px;
  line-height: 16px;
  margin-bottom: 8px;
  white-space: pre-wrap;
}
.chat-window .chat-message .chat-message-text {
  padding-bottom: 10px;
}
.chat-window .chat-message.assistant {
  background-color: rgb(251, 251, 251);
  border: 1px solid rgb(242, 242, 242);
  border-radius: 4px 4px 4px 0px;
}
.chat-window .chat-message.assistant .chat-message-rating-prompt {
  background-color: rgb(242, 242, 242);
}
.chat-window .chat-message.user {
  background-color: rgba(2, 5, 211, 0.7);
  color: rgb(255, 255, 255);
  border-radius: 4px;
}
.chat-window .chat-message.prefilled {
  all: unset;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 10px;
  line-height: 16px;
  margin-bottom: 8px;
  width: calc(100% - 22px);
  justify-content: space-between;
  background-color: rgba(2, 5, 211, 0.04);
  border: 1px solid rgba(2, 5, 211, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.chat-window .chat-message.prefilled .icon-send::before {
  font-family: "FontAwesome";
  content: "\f101";
  color: rgba(2, 5, 211, 0.4);
  font-size: 14px;
}
.chat-window .chat-message.prefilled:hover {
  border-color: rgb(2, 5, 211);
}
.chat-window .chat-message.prefilled:hover .icon-send::before {
  color: rgb(2, 5, 211);
}
.chat-window .chat-message.prefilled:active {
  background-color: rgba(2, 5, 211, 0.15);
}
.chat-window .chat-message-rating-prompt {
  border: 1px solid rgb(242, 242, 242);
  display: flex;
  gap: 5px;
  margin: unset;
  justify-content: right;
}
.chat-window .chat-message-rating-prompt .chat-message-rating-label {
  flex: auto;
}
.chat-window .chat-message-rating-prompt .chat-message-rating {
  background-color: white;
  border-radius: 50%;
  border: 1px solid var(--b-border, #e6e6e6);
  font-size: 13px;
  height: 32px;
  transition: background-color 150ms ease-in-out;
  width: 32px;
}
.chat-window .chat-message-rating-prompt .chat-message-rating:focus, .chat-window .chat-message-rating-prompt .chat-message-rating:hover {
  background-color: rgba(2, 5, 211, 0.15);
}
.chat-window .chat-message-rating-prompt .chat-message-rating:disabled {
  background-color: inherit;
  cursor: default;
}
.chat-window .chat-message-rating-prompt .chat-message-rating.selected {
  background-color: rgba(2, 5, 211, 0.7);
  cursor: default;
}
.chat-window .chat-message-rating-prompt .chat-message-rating.positive::before {
  content: "👍";
}
.chat-window .chat-message-rating-prompt .chat-message-rating.negative::before {
  content: "👎";
}
.chat-window .bottom-section {
  display: flex;
  flex-direction: column;
}
.chat-window .window-description {
  background-color: rgb(251, 251, 251);
  color: rgb(134, 134, 134);
  line-height: 14px;
  padding: 8px 10px;
  text-align: center;
  border-radius: 4px 4px 0px 4px;
  margin-bottom: 4px;
}
.chat-window textarea {
  max-height: 18px;
  padding: 10px 10px 6px;
  margin-bottom: 8px;
}
.chat-window .bottom-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  justify-content: center;
  height: 14px;
  color: rgb(176, 176, 176);
}
.theme-classic .chat-window .bottom-bar {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .chat-window .bottom-bar {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.chat-window-expanded {
  height: calc(100% - 120px);
  width: 416px;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.checked-list {
  padding: 0;
}
.checked-list .checked-list-item .checked-list-item-check:before {
  font-size: 8px;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 5px;
}
.checked-list .checked-list-item .checked-list-item-content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .checked-list .checked-list-item .checked-list-item-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .checked-list .checked-list-item .checked-list-item-content {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.draggable-window.floating-window {
  border: 1px solid var(--b-border, #e6e6e6);
  top: 50px;
  left: 300px;
  transform: none;
  padding: 0;
  z-index: 102;
  /* Hide scrollbar: Firefox */
  scrollbar-width: 0px;
  /* All other browsers */
}
.draggable-window.floating-window .window-title {
  cursor: move;
  font-size: 20px;
  padding: 22px 20px;
  background-color: var(--b-bg-secondary, #f7f7f7);
}
.draggable-window.floating-window .window-info {
  padding: 15px 20px;
  font-size: 14px;
  cursor: move;
}
.draggable-window.floating-window .window-children {
  max-height: 400px;
  overflow-y: scroll;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
  border-top: 1px solid var(--b-border, #e6e6e6);
  cursor: move;
}
.draggable-window.floating-window ::-webkit-scrollbar {
  width: 0px;
}
.draggable-window.floating-window .bottom-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  cursor: move;
}
.draggable-window.floating-window .bottom-bar .close {
  min-width: 288px;
  padding-top: 0;
  height: 36px;
  line-height: 36px;
}

.dropdown-caption-container {
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dropdown-caption-container .autocomplete-input {
  margin-right: 6px;
  cursor: text;
  width: 70%;
}
.dropdown-caption-container .dropdown-caption {
  margin-right: 6px;
  width: 70%;
  padding: 1px 2px;
}
.dropdown-caption-container .dropdown-caption.italicized-caption {
  font-style: italic;
}
.dropdown-caption-container .dropdown-icon {
  height: max-content;
  width: 30%;
}

#element-picker.element-picker .new-composer.composer-dropdown .composer-container .dropdown-caption-container.new-composer {
  background-color: white;
  color: #455256;
  width: 220px;
  height: 35px;
  border-right: 1px solid #ebf0f2;
}
#element-picker.element-picker .new-composer.composer-dropdown .composer-container .dropdown-caption-container.new-composer .autocomplete-input {
  color: black;
}
#element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner {
  top: unset;
}
#element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container {
  min-width: 220px;
  max-width: 600px;
  padding: 5px;
  border-radius: 4px;
  background: white;
  border: 1px solid rgb(245, 245, 245);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
#element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section {
  border-top-color: #ebebeb;
}
#element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section .hovered.dropdown-item-container {
  background-color: rgb(249, 249, 249);
}
#element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section .dropdown-item {
  color: black;
}

.composer-dropdown.bubble-ui .composer-container:hover, .composer-dropdown.bubble-ui .composer-container:first-child:hover {
  color: black;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  color: black;
}

.property-editor-2.light-design .composer-container:hover, .property-editor-2.light-design .composer-container:first-child:hover {
  color: #899ea5;
}
.property-editor-2.light-design .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption.new-composer,
.property-editor-2.light-design .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input.new-composer {
  color: #899ea5 !important;
}

.composer-dropdown.bubble-ui .composer-container:hover, .composer-dropdown.bubble-ui .composer-container:first-child:hover,
.property-editor-2.light-design .composer-dropdown .composer-container:hover,
.property-editor-2.light-design .composer-dropdown .composer-container:first-child:hover {
  background-color: white;
  border-radius: 4px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  background-color: white;
  padding: 8px 0px 6px 10px;
  border: 1px solid var(--b-border, #e6e6e6);
  border-radius: 4px;
  font-size: 14px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab);
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption,
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input {
  height: 14px;
  line-height: 14px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner {
  top: -3px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container {
  background-color: white;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.sticky,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.sticky {
  background-color: white;
  border-bottom: 1px solid #595f62;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered {
  background-color: white;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.hovered:not(.disabled),
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.hovered:not(.disabled) {
  background-color: white;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) {
  background-color: #f9f9f9;
}

.dropdown-items-container {
  position: fixed;
  margin-top: 5px;
  max-height: 350px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
.dropdown-items-container.grid-dropdown-composer {
  max-height: 273px;
  width: 268px;
}
.dropdown-items-container .items-inner-container {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.dropdown-items-container .items-inner-container .section {
  border-top: 1px solid #595f62;
  display: flex;
  flex-direction: column;
}
.dropdown-items-container .items-inner-container .section.grid-dropdown {
  flex-direction: row;
  flex-wrap: wrap;
}
.dropdown-items-container .items-inner-container .section:last-child {
  border-bottom: none;
}
.dropdown-items-container .items-inner-container .section:first-child {
  border-top: none;
}
.dropdown-items-container .items-inner-container .section .section-title {
  padding-right: 10px;
  padding-left: 10px;
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dropdown-items-container .items-inner-container .section .section-title .dropdown-icon {
  width: 10px;
  text-align: center;
  font-size: 14px;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container {
  padding-right: 10px;
  padding-left: 10px;
  display: flex;
  cursor: pointer;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) {
  background-color: rgb(249, 249, 249);
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled {
  color: gray;
  cursor: default;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled .disabled-caption {
  width: 100%;
  font-size: 7px;
  line-height: 7px;
  text-align: right;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container .context-caption {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item {
  display: flex;
  flex-direction: column;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item#empty-display-id {
  height: 64px;
  max-width: unset;
  width: unset;
  line-height: 64px;
  text-align: center;
  min-width: 120px;
  cursor: default;
}
.dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete {
  margin-right: 4px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.floating-window {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  z-index: 50000004;
  position: fixed;
  color: var(--b-txt-primary, #1a1a1a);
  overflow: hidden;
  background-color: white;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 24px;
}
.floating-window:not(.chat-window,
.editor-checklist-window,
.merge-changes-window,
.merge-conflict-window) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.floating-window-with-media {
  --media_padding_top: 24px;
  padding-bottom: 24px;
  max-width: 515px;
  padding: 0px;
}
.floating-window-with-media .media-container {
  max-height: calc(249px - var(--media_padding_top));
  max-width: 100%;
  background-color: rgba(2, 5, 211, 0.88);
  padding-top: var(--media_padding_top);
  display: flex;
  justify-content: center;
}
.floating-window-with-media .content {
  padding: 24px;
}
.floating-window-with-media .content .header-padding-bottom {
  padding-bottom: 24px;
}
.floating-window-with-media .content .header {
  line-height: 1.5;
}
.floating-window-with-media .content .header .title-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.floating-window-with-media .content .header .window-title {
  font-size: 20px;
  font-weight: 600;
}
.floating-window-with-media .content .header .window-subtitle {
  margin-top: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 20px !important;
}
.theme-classic .floating-window-with-media .content .header .window-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .floating-window-with-media .content .header .window-subtitle {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.floating-window-with-media .content .bottom-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  justify-content: start;
  margin-top: 20px;
}
.theme-classic .floating-window-with-media .content .bottom-bar {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .floating-window-with-media .content .bottom-bar {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.floating-window-with-media .content .bottom-bar .primary-button {
  padding: 10px 32px;
  border-radius: 3px;
}
.floating-window-with-media .content .bottom-bar .primary-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 1px;
}
.floating-window-with-media .content .bottom-bar .secondary-button {
  color: rgba(2, 5, 211, 0.88);
}
.floating-window-with-media .content .bottom-bar .secondary-button:hover {
  background-color: transparent;
}
.floating-window-with-media .content .bottom-bar .secondary-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 1px;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.hint-arrow-right {
  position: relative;
}
.hint-arrow-right::after {
  content: "⭢";
  animation: pulse-arrow-animation-right 1200ms infinite;
  color: rgb(64, 134, 222);
  position: absolute;
  right: -200px;
  top: -20px;
  font-size: 64px;
}

@keyframes pulse-arrow-animation-right {
  0% {
    right: -225px;
  }
  50% {
    right: -200px;
  }
  100% {
    right: -225px;
  }
}
.hint-arrow-left {
  position: relative;
}
.hint-arrow-left::after {
  content: "⭢";
  animation: pulse-arrow-animation-left 1200ms infinite;
  color: rgb(64, 134, 222);
  position: absolute;
  left: -200px;
  top: -20px;
  font-size: 64px;
  transform: rotate(180deg);
}

@keyframes pulse-arrow-animation-left {
  0% {
    left: -225px;
  }
  50% {
    left: -200px;
  }
  100% {
    left: -225px;
  }
}
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.hotspot {
  outline: 4px solid rgba(64, 134, 222, 0.1);
  animation: pulse-animation 1200ms infinite;
  background: rgba(64, 134, 222, 0.1);
}

@keyframes pulse-animation {
  0% {
    outline-color: rgba(64, 134, 222, 0.5);
  }
  50% {
    outline-color: rgba(64, 134, 222, 0);
  }
  100% {
    outline-color: rgba(64, 134, 222, 0.5);
  }
}
.font-awesome-icon {
  font-family: "FontAwesome";
  font-size: 18px;
  vertical-align: bottom;
  padding: 3px;
}

.image-input .image-input-image-container {
  height: 60px;
  width: 60px;
  border: 1px solid rgb(245, 245, 245);
  border-radius: 6px;
  cursor: pointer;
}
.image-input .image-input-image-container img {
  max-width: 48px;
  max-height: 48px;
  margin: auto;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.informational-floating-window {
  display: flex;
  flex-direction: column;
}
.informational-floating-window.warning-modal {
  max-width: 480px;
}
.informational-floating-window.warning-modal a {
  text-decoration: underline;
}
.informational-floating-window .header-padding-bottom {
  padding-bottom: 24px;
}
.informational-floating-window .header {
  line-height: 1.5;
}
.informational-floating-window .header .title-container {
  display: flex;
  gap: 4px;
  justify-content: space-between;
}
.informational-floating-window .header .window-title {
  font-size: 20px;
  font-weight: 600;
}
.informational-floating-window .header .close-x-button {
  height: fit-content;
  width: fit-content;
}
.informational-floating-window .header .close-x-button:after {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "FontAwesome";
  content: "\f00d";
}
.informational-floating-window .header .close-x-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 1px;
}
.informational-floating-window .header .window-subtitle {
  font-size: 14px;
  margin-top: 16px;
  max-width: 580px;
}
.informational-floating-window .bottom-bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  justify-content: end;
  margin-top: 20px;
}
.theme-classic .informational-floating-window .bottom-bar {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .informational-floating-window .bottom-bar {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.informational-floating-window .inital-step-hero {
  width: 580px;
  height: 300px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  margin-bottom: 24px;
}
.informational-floating-window .steps-container {
  max-width: 580px;
}
.informational-floating-window .steps-container .steps {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-bottom: 8px;
}
.theme-classic .informational-floating-window .steps-container .steps {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .informational-floating-window .steps-container .steps {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.informational-floating-window .steps-container .steps .bold-text {
  font-weight: 600;
}
.informational-floating-window .steps-container .steps .number-circle {
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  margin-right: 8px;
  line-height: 1.5;
}
.informational-floating-window .steps-container .steps .validated-circle-check::after {
  display: flex;
  align-items: flex-start;
  font-size: 28px;
  margin-right: 8px;
  color: var(--b-txt-success);
  font-family: "FontAwesome";
  content: "\f058";
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.status-bar {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}
.status-bar.ios {
  padding: 23px 32px 14px 53px;
}
.status-bar.android {
  padding: 25px 24px 10px 24px;
}

.safe-area-background {
  pointer-events: none;
  position: absolute;
  background-color: #fdeae7;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  color: #b0200c;
  text-align: center;
  font-family: "Open Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.safe-area-background.top {
  height: 50px;
  top: 0px;
}
.safe-area-background.bottom {
  bottom: 0;
  height: 34px;
  z-index: 3001;
}

.information-icon {
  font-size: 14px;
  opacity: 0.6;
  padding-left: 5px;
  cursor: pointer;
}

.solid-popup .solid-popup-content {
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.solid-popup .button-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.do-not-show-again {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.do-not-show-again .component-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: white;
  border: 1px solid #dedede;
  color: #9ea5a7;
  cursor: pointer;
}
.do-not-show-again .component-checkbox.checked::before {
  font-family: "FontAwesome";
  content: "\f00c";
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.progress-bar-solid {
  width: 100%;
  height: 90px;
  justify-content: space-between;
  align-items: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: white;
  box-sizing: border-box;
  display: flex;
  z-index: 50000000;
  border-top: 0.5px #dcddde solid;
}
.progress-bar-solid .progress {
  display: flex;
  flex-direction: row;
  margin-top: 2px;
}
.progress-bar-solid .stage-label {
  font-size: 0.75rem;
  width: fit-content;
  margin-top: 7px;
  white-space: nowrap;
  color: #000000;
}
.progress-bar-solid .stage-label.blue {
  color: var(--b-txt-brand, #0c29ab);
}
.progress-bar-solid .click-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 42px;
}
.progress-bar-solid .fa {
  font-size: 1.6rem;
}
.progress-bar-solid .fa-check-circle {
  color: var(--b-txt-brand, #0c29ab);
}
.progress-bar-solid .fa-circle {
  color: var(--b-border, #e6e6e6);
}
.progress-bar-solid .fa-circle-o {
  color: var(--b-txt-brand, #0c29ab);
}
.progress-bar-solid .divider {
  display: inline-block;
  width: 74px;
  height: 2px;
  margin: 15px 0 0;
  background-color: var(--b-border, #e6e6e6);
}
.progress-bar-solid .progress-bar-info {
  margin: 0 0 0 20px;
  font-size: 0.75rem;
  max-width: 300px;
}
.progress-bar-solid .close {
  background: none;
  border: 1px solid var(--b-border-danger);
  color: var(--b-txt-danger);
  margin: 0 30px 0 0;
  font-size: 0.75rem;
  width: 200px;
  height: 35px;
  padding-top: 12px;
}
.progress-bar-solid .close:hover {
  background-color: var(--b-bg-on-danger1);
  color: white;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-value, .danger.progress-indicator-interior {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-value, .caution.progress-indicator-interior {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-value, .success.progress-indicator-interior {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-value, .brand.progress-indicator-interior {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.progress-indicator {
  display: inline-block;
  padding: 1px;
  height: 8px;
  border-radius: 4px;
  border: 1px var(--b-border-default) solid;
  width: 100%;
}

.progress-indicator-interior {
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: var(--pop-color-bg);
}

.progress-indicator-value {
  display: block;
  height: 100%;
  border-radius: 2px;
  background-color: var(--pop-color);
}

.progress-tooltip {
  background-color: white !important;
  border: 1px var(--b-border-default) solid;
  border-radius: 4px;
  color: var(--b-txt-primary) !important;
  filter: drop-shadow(0px 7px 30px rgba(89, 118, 162, 0.26));
  padding: 15px !important;
}

.progress-tooltip:after,
.progress-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.progress-tooltip:after {
  border-top-color: white;
  border-width: 8px;
  margin-left: -8px;
}

.progress-tooltip:before {
  border-top-color: var(--b-border-default);
  border-width: 9px;
  margin-left: -9px;
}

.radio-button-row {
  height: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.radio-button {
  margin-top: 0px;
  margin-left: 4px;
  cursor: pointer;
  min-width: 18px;
  accent-color: var(--b-txt-brand, #0c29ab);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.sidepanel {
  width: 360px;
  height: 100%;
  top: 0px;
  right: -360px;
  position: fixed;
  color: var(--b-txt-primary, #1a1a1a);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  z-index: 50000002;
  background-color: white;
  box-sizing: border-box;
  box-shadow: -5px 0px 7px rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.sidepanel .title {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 22px;
}
.sidepanel .button-wrapper {
  position: fixed;
  height: 80px;
  bottom: 0px;
  margin-left: -16px;
  background-color: white;
  width: 360px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-top: 0.5px solid #dcddde;
  padding-top: 16px;
}
.sidepanel .btn.close {
  padding-top: 0px;
  height: 35px;
  font-size: 12px;
  bottom: 35px !important;
  width: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.side-panel-scrim {
  font-family: var(--b-burst-font-family), Verdana, Arial, sans-serif;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000002;
  position: fixed;
}

.mode-picker {
  border-bottom: 0.5px solid #dcddde;
  width: 100%;
  display: flex;
}
.mode-picker .mode-button {
  background-color: white;
  height: 35px;
  cursor: pointer;
  font-size: 13px;
  margin-top: 24px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.5333333333);
}
.mode-picker .mode-button.selected {
  cursor: default;
  background-color: rgb(249, 249, 249);
  color: #000000;
}
.mode-picker .mode-button:hover {
  color: #000000;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.tooltip_text {
  animation: fade 0.5s ease-in-out;
  color: white;
  position: absolute;
  font-family: "Open Sans";
  font-size: 12px;
  background-color: var(--b-bg-contrast1, #525252);
  width: fit-content;
  max-width: 300px;
  padding: 5px;
  border-radius: 4px;
  z-index: 50000003;
  display: none;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.hover-card-wrapper {
  animation: fade 0.5s ease-in-out;
  position: absolute;
  width: fit-content;
  z-index: 50000003;
  display: none;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.workload-piechart-tooltip-container {
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--b-border-default, #e6e6e6);
  box-shadow: 0px 0px 10px 0px rgba(89, 118, 161, 0.08);
  padding: var(--b-spacing12);
  width: 152px;
}
.workload-piechart-tooltip-container .label-container {
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.workload-piechart-tooltip-container .label-container.single-line {
  -webkit-line-clamp: 1;
}
.workload-piechart-tooltip-container .pill {
  width: 6px;
  height: 1.4em;
  border-radius: var(--b-radius-small);
}

.app-plan-container {
  max-width: 1040px;
}
.app-plan-container .upgrade-pricing-plan-cta-container {
  width: 100%;
  margin-top: -20px;
  margin-bottom: 20px;
}
.app-plan-container .fill-space-to-bottom {
  width: 100%;
  min-height: auto;
  padding-bottom: 64px;
  min-height: min(calc(100vh - 180px), max-content);
}
.app-plan-container .opt-in-banner {
  padding-bottom: 20px;
}
.app-plan-container .opt-in-banner > div {
  padding: var(--b-spacing8);
  padding-left: var(--b-spacing12);
}
.app-plan-container .opt-in-banner button:first-of-type {
  background-color: var(--b-bg);
}

#opt-out-modal-toggle-container > div:first-of-type {
  column-gap: var(--b-spacing-sm);
}
#opt-out-modal-toggle-container > div:first-of-type span {
  font-size: 12px;
}
#opt-out-modal-toggle-container > div:last-of-type {
  align-items: center;
  height: 100%;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.app-plan-section {
  width: 100%;
}
.app-plan-section .section-inner {
  padding: 32px;
}

.add-plugins-modal-banner {
  padding: var(--b-spacing16);
}
.add-plugins-modal-banner .add-plugins-modal-banner-inner {
  padding: var(--b-spacing16);
  background: var(--b-bg-success1);
  border-radius: var(--b-radius-regular);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.message-panel-popup.modal-popup.beta-feedback-popup .popup-title {
  font-size: 22px;
  padding: 0px;
  line-height: normal;
}
.message-panel-popup.modal-popup.beta-feedback-popup .popup-content {
  width: 365px;
  padding: 24px;
}
.message-panel-popup.modal-popup.beta-feedback-popup .children > .inner-children {
  padding: 29px 0px 0px;
}
.message-panel-popup.modal-popup.beta-feedback-popup .children > .inner-children .instruction {
  line-height: normal;
}
.message-panel-popup.modal-popup.beta-feedback-popup .btn-row {
  margin: 10px 0px 0px;
  gap: 32px;
}
.message-panel-popup.modal-popup.beta-feedback-popup .btn-row .bubble-ui.btn.btn-create {
  width: fit-content;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.bill-breakdown-box {
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
  padding: 30px 10px;
  color: var(--b-txt-secondary);
  width: 100%;
}
.bill-breakdown-box .margin-top-md {
  margin-top: 16px;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.bill-breakdown-line-item {
  padding: 0px 10px;
  width: 100%;
}
.bill-breakdown-line-item.cost-summary {
  padding-bottom: 10px;
  padding-top: 5px;
}

.bill-item {
  border-radius: 4px;
  padding: 0px 10px;
  width: 100%;
  text-decoration: none !important;
}
.bill-item.default:hover span {
  color: var(--b-txt-brand);
}
.bill-item.active {
  background-color: var(--b-bg-on-brand1);
  padding-bottom: 15px;
  padding-top: 15px;
}
.bill-item.highlight {
  background-color: rgb(247, 252, 254);
  color: var(--b-txt-brand);
  font-weight: 600;
  padding-bottom: 15px;
  padding-top: 15px;
}
.bill-item.highlight.second-item {
  margin-top: -30px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.build-guides-hoverable-header {
  display: flex;
  width: 339px;
  height: var(--gb--spacing-24, 24px);
  flex-direction: column;
  padding: 18px 18px 20px 18px;
  align-items: flex-start;
  gap: var(--gb--spacing-16, 16px);
}

.build-guides-hoverable-title {
  display: flex;
  width: 161px;
  align-items: center;
  gap: 8px;
}

.build-guides-hoverable-container {
  width: 379px !important;
}

.design-tab-build-guides-hoverable-image-container {
  background: var(--gb--cobalt-50)/cover no-repeat;
  height: 242px;
  width: 337px;
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.design-tab-build-guides-hoverable-image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the image */
}

.build-guides-in-editor-side-panel {
  display: flex;
  flex-direction: column;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header {
  padding: 24px;
  border-bottom: 1px solid var(--b-gray-30);
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  justify-content: space-between;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-title .build-guides-subtitle {
  margin-right: 6px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-title .build-guides-description {
  padding-top: 2px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-subtitle,
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-description {
  margin-bottom: 12px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-in-editor-sp-image-container {
  background-color: var(--b-sky-blue-50);
  border-radius: 4px;
  width: 312px;
  height: 120px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-header .build-guides-in-editor-sp-image-container img {
  border-radius: 2px;
  margin-left: 102px;
  margin-top: 14px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-content {
  padding: 24px;
  background-color: var(--b-cobalt-10);
  flex-grow: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-content .build-guide-card-container {
  list-style-type: none;
}
.build-guides-in-editor-side-panel .build-guides-in-editor-content .build-guide-card-container .build-guide-card {
  padding: 16px 24px;
  background-color: var(--b-black-white-10);
  border: 1px solid var(--b-gray-30);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

ul {
  padding-left: 16px;
}
ul li::marker {
  font-size: 10px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.celebration-toast-container {
  position: fixed;
  z-index: 50000010;
}

.celebration-toast {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  align-items: center;
  bottom: 32px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  gap: 12px;
  height: 62px;
  left: calc(50% - 200px);
  max-width: 800px;
  padding: 6px 12px 6px 6px;
}
.celebration-toast.circular {
  border-radius: 37px 4px 4px 37px;
  background-color: rgb(199, 235, 253);
}
.celebration-toast.diagonal {
  border-radius: 30px 4px 4px 4px;
  background-color: rgb(255, 238, 152);
}
.celebration-toast.half-round {
  border-radius: 37px 4px 4px 4px;
  background-color: rgb(251, 217, 139);
}
.celebration-toast:hover .achievement-details-timer-bar {
  animation-play-state: paused;
}
.celebration-toast:hover .achievement-details-wrapper-overlay {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.celebration-toast:hover .achievement-details-wrapper-overlay .view-details-text {
  position: relative;
  left: 0;
}
.celebration-toast .achievement-details-timer-bar {
  --timer-bar-circular-offset: 23px;
  animation: animateTimerBar 8s linear;
  animation-fill-mode: forwards;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0 0 0 4px;
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  width: 0%;
}
.celebration-toast .achievement-details-timer-bar.circular {
  border-radius: 0 0 0 4px;
  left: var(--timer-bar-circular-offset);
  max-width: calc(100% - var(--timer-bar-circular-offset));
}
@keyframes animateTimerBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.celebration-toast .achievement-details-wrapper-overlay {
  align-items: center;
  background-color: inherit;
  display: flex;
  font-size: 14px;
  gap: 4px;
  height: 100%;
  opacity: 0;
  padding-left: 25px;
  position: absolute;
  right: 12px;
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  -webkit-mask-image: linear-gradient(to left, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0));
}
.celebration-toast .achievement-details-wrapper-overlay .view-details-text {
  position: relative;
  left: 12px;
  transition: all 0.25s ease-in-out;
}
.celebration-toast .achievement-details-wrapper-overlay .view-details-icon {
  font-size: inherit;
}
.celebration-toast .achievement-icon-container {
  align-items: center;
  display: flex;
  height: 62px;
  justify-content: center;
  min-width: 62px;
  width: 62px;
}
.celebration-toast .achievement-icon-container.circular {
  border-radius: 40px;
  background-color: rgb(161, 222, 251);
}
.celebration-toast .achievement-icon-container.diagonal {
  border-radius: 24px 0px;
  background-color: rgb(255, 227, 83);
}
.celebration-toast .achievement-icon-container.half-round {
  border-radius: 37px 37px 0px 0px;
  background-color: rgb(251, 188, 44);
}
.celebration-toast .achievement-icon-container .font-awesome-icon {
  font-size: 45px !important;
}
.celebration-toast .achievement-icon-container .achievement-icon {
  display: flex;
}
.celebration-toast .achievement-details-wrapper {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: space-between;
  line-height: 16px;
  overflow: hidden;
  width: calc(100% - 40px);
}
.celebration-toast .achievement-details-wrapper .achievement-explainer {
  display: flex;
  flex: auto;
  flex-direction: column;
  height: 100%;
  margin: auto;
}
.celebration-toast .achievement-details-wrapper .achievement-explainer .achievement-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 20px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.celebration-toast .achievement-details-wrapper .achievement-explainer .achievement-description {
  font-size: 12px;
  font-weight: 400;
  max-width: 480px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.celebration-toast .achievement-details-wrapper .view-details-container {
  align-items: center;
  display: flex;
}
.celebration-toast .achievement-details-wrapper .view-details-container .view-details-icon {
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

.achievement-badge {
  height: 62px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: rgb(0, 0, 0);
  padding: 6px;
  border-radius: 38px;
  position: relative;
  width: fit-content;
}
.achievement-badge.circular {
  background-color: rgb(199, 235, 253);
}
.achievement-badge.diagonal {
  background-color: rgb(255, 238, 152);
}
.achievement-badge.half-round {
  background-color: rgb(251, 217, 139);
}
.achievement-badge .achievement-icon-container {
  align-items: center;
  border-radius: 40px;
  display: flex;
  height: 62px;
  justify-content: center;
  min-width: 62px;
  width: 62px;
}
.achievement-badge .achievement-icon-container.circular {
  background-color: rgb(161, 222, 251);
}
.achievement-badge .achievement-icon-container.diagonal {
  background-color: rgb(255, 227, 83);
}
.achievement-badge .achievement-icon-container.half-round {
  background-color: rgb(251, 188, 44);
}
.achievement-badge .achievement-icon-container .font-awesome-icon {
  font-size: 45px !important;
}
.achievement-badge .achievement-icon-container .achievement-icon {
  display: flex;
}

.achievement-counter {
  background-color: rgb(247, 252, 254);
  border: var(--b-border-width) solid var(--b-border-default);
  border-radius: 50%;
  height: 91px;
  width: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.achievements-sidepanel {
  background-color: rgb(247, 252, 254);
}
.achievements-sidepanel .top-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 44px 48px 70px;
  background-color: var(--b-bg-primary);
  font-weight: 400;
  color: rgb(56, 72, 96);
}
.achievements-sidepanel .top-section .achievements-title {
  color: rgb(26, 34, 41);
}
.achievements-sidepanel .bottom-section {
  padding: 44px 50px;
  border-top: 1px solid rgb(228, 240, 244);
}
.achievements-sidepanel .button-wrapper {
  background-color: rgb(247, 252, 254);
  margin-left: 0px;
  border-top: none;
}
.achievements-sidepanel .full-width-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 38px;
  padding-top: 0px;
  font-size: 12px;
}

#achievement-counter-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px 0 4px;
  height: 35px;
}
#achievement-counter-button > button:focus-visible {
  background-color: rgb(249, 249, 249);
}
#achievement-counter-button:hover {
  background-color: rgb(249, 249, 249);
}
#achievement-counter-button .achievement-button-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--b-spacing4);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.entry-button-wrapper {
  z-index: 50000004;
  position: fixed;
  right: 8px;
  bottom: 8px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid rgb(242, 242, 242);
  background-color: var(--b-bg-primary);
}
.entry-button-wrapper .toggle-chat-visibilty {
  all: unset;
  cursor: pointer;
  background-color: var(--b-bg-primary);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 6px;
}
.entry-button-wrapper .toggle-chat-visibilty img {
  width: 26px;
  height: 26px;
  align-self: center;
  opacity: 0.7;
}
.entry-button-wrapper .toggle-chat-visibilty:hover, .entry-button-wrapper .toggle-chat-visibilty:focus {
  background-color: rgba(0, 0, 0, 0.04);
}
.entry-button-wrapper .toggle-chat-visibilty:hover img, .entry-button-wrapper .toggle-chat-visibilty:focus img {
  opacity: 1;
}
.entry-button-wrapper .toggle-chat-visibilty.open {
  background-color: rgb(2, 5, 211);
}
.entry-button-wrapper .toggle-chat-visibilty.open img {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.entry-button-wrapper .toggle-chat-visibilty.open:hover {
  background-color: rgba(2, 5, 211, 0.7);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.sidepanel.component-library {
  padding: 32px 16px 24px 16px;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}
.sidepanel .side-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}
.sidepanel .side-panel-content h1 {
  text-align: unset;
}

.component-library .side-panel-header {
  height: 140px;
}
.component-library .side-panel-header-top,
.component-library .side-panel-icon-title {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  gap: 8px;
}
.component-library .side-panel-header-top {
  margin-bottom: 8px;
}
.component-library .side-panel-icon-title::before {
  width: 16px;
  height: 16px;
  content: "";
  background-size: 100%;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTkuNzQxNyA2LjI5NTA2TDEzLjI1ODIgMi4zNTQ0OUMxMi40ODA1IDEuODgxODQgMTEuNTE5MSAxLjg4MTg0IDEwLjc0MTQgMi4zNTQ0OUw0LjI1ODMxIDYuMjk1MDZDNC4wNTA1IDYuNDIxMjMgNC4wNTE2NyA2LjczNTI5IDQuMjYwNjUgNi44NTk4OUwxMiAxMS40NzQ3TDE5LjczOTcgNi44NTk4OUMxOS45NDg3IDYuNzM1MjkgMTkuOTQ5OSA2LjQyMTYyIDE5Ljc0MTcgNi4yOTUwNlpNMjAuMjgyMyA4LjAzODM5TDEyLjYyNSAxMi42MDRWMjEuMzQ2OEMxMi42MjUgMjEuODQ5OSAxMy4xNDggMjIuMTYzNiAxMy41NjQ0IDIxLjkxMDVMMTkuNTA4MSAxOC4yOThDMjAuMjc2OCAxNy44MzA4IDIwLjc0OTkgMTYuOTcyMyAyMC43NDk5IDE2LjA0NDFWOC4zMjE1OUMyMC43NDk5IDguMDcxMiAyMC40OTA1IDcuOTE0MTggMjAuMjgyMyA4LjAzODM5Wk0zLjI1MDEyIDguMzIxNTlWMTYuMDQ0MUMzLjI1MDEyIDE2Ljk3MjYgMy43MjMxNiAxNy44MzA4IDQuNDkxOSAxOC4yOThMMTAuNDM1NiAyMS45MTAxQzEwLjg1MjQgMjIuMTYzMiAxMS4zNzUgMjEuODQ5OSAxMS4zNzUgMjEuMzQ2NFYxMi42MDRMMy43MTc2OSA4LjAzODM5QzMuNTA5NDkgNy45MTQxOCAzLjI1MDEyIDguMDcxMiAzLjI1MDEyIDguMzIxNTlaIiBzdHlsZT0iZmlsbDogcmdiKDIsIDUsIDIxMSk7Ii8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}
.component-library .side-panel-header-bottom {
  display: inline-flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
.component-library .side-panel-components {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  padding: 0 1px;
  overflow: hidden;
}
.component-library .side-panel-components .side-panel-components-header {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.component-library .side-panel-components .side-panel-components-header .how-to-use {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.mode-button.component-library {
  width: 33.3333333333%;
}

.section-name {
  padding-top: 18px;
  padding-bottom: 6px;
  line-height: 140%;
  font-size: 14px;
  font-weight: 500;
  color: rgba(8, 8, 8, 0.88);
}

.section-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}

.component-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0 5px;
}
.component-container .pop-up {
  background-color: rgba(0, 0, 0, 0.7);
}

.component-container-margin-bottom {
  margin-bottom: 75px;
}

.component-wrapper {
  width: 100% !important;
  box-sizing: border-box;
  background-color: rgb(249, 249, 249);
  border: solid;
  border-width: 1px;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.15);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: grab;
}
.component-wrapper * :not(.disabled) {
  cursor: grab !important;
}
.component-wrapper:hover:not(.disabled) {
  width: 100% !important;
  background-color: #e5e5fe;
  border-color: #0205d3;
  box-shadow: 0 2px 4px rgba(123, 123, 123, 0.5);
}
.component-wrapper.disabled {
  border-color: transparent;
  opacity: 0.6;
}
.component-wrapper.disabled * {
  cursor: not-allowed !important;
}
.component-wrapper.disabled:hover {
  cursor: not-allowed;
  width: 100% !important;
  box-shadow: none;
}

.clone {
  z-index: 50000003;
  position: absolute;
  cursor: grabbing;
}

.button-spacing {
  margin-top: 12px;
  margin-bottom: 8px;
}

.variable-deletion-popup.modal-popup.message-panel-popup .popup-title {
  font-size: 18px;
  padding: 0px;
}
.variable-deletion-popup.modal-popup.message-panel-popup .popup-content {
  width: 360px;
  padding: 24px;
}
.variable-deletion-popup.modal-popup.message-panel-popup .children > .inner-children {
  padding: 0px;
}
.variable-deletion-popup.modal-popup.message-panel-popup .children > .inner-children .instruction {
  padding: 29px 0px;
  margin: 0px;
}
.variable-deletion-popup.modal-popup.message-panel-popup .btn-row {
  margin: 0px;
}

.modal-popup {
  z-index: 50000002;
}
.modal-popup .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.modal-popup .btn-row .bubble-ui.btn.btn-create {
  width: 100px;
  margin: 0px 32px 0px 0px !important;
}
.modal-popup .btn-row .bubble-ui.btn.btn-create.caution {
  border: 1px solid var(--b-border-danger);
  background-color: #ffffff;
  font-size: 14px;
  color: var(--b-txt-danger);
}
.modal-popup .btn-row .btn.btn-cancel {
  margin: 0px !important;
}
.modal-popup.higher-modal {
  z-index: 50000008;
}

.user-variable-popup.modal-popup.message-panel-popup .popup-content {
  width: 498px;
}
.user-variable-popup.modal-popup.message-panel-popup .popup-content .popup-title {
  font-size: 20px;
  padding: 24px;
}
.user-variable-popup.modal-popup.message-panel-popup .popup-content .children {
  overflow: hidden;
}
.user-variable-popup.modal-popup.message-panel-popup .popup-content .children .inner-children {
  padding: 5px 24px 24px 24px;
}
.user-variable-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .instruction {
  margin-bottom: 30px;
}
.user-variable-popup.modal-popup.input-popup .input-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.user-variable-popup.modal-popup.input-popup .input-row .large-text-field-input,
.user-variable-popup.modal-popup.input-popup .input-row .text-area-input {
  width: 60%;
}
.user-variable-popup.modal-popup.input-popup .input-row .bubble-ui.textarea {
  padding: 12px;
  line-height: 19px;
  width: 60%;
  min-height: 62px;
}
.user-variable-popup.modal-popup.input-popup .input-row .bubble-ui.input {
  width: 100%;
}
.user-variable-popup.modal-popup.input-popup .input-row .small-text-area-input {
  width: 60%;
}
.user-variable-popup.modal-popup.input-popup .input-row .small-text-area-input .textarea {
  padding: 12px;
  line-height: 19px;
  width: 100%;
  min-height: 46px !important;
  height: 46px !important;
}
.user-variable-popup.modal-popup .btn-and-warnings {
  display: flex;
  flex-direction: column;
}
.user-variable-popup.modal-popup .btn-and-warnings .invalid-caption {
  align-self: center;
}

@keyframes cursor-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.composer-error-handler {
  display: inline-flex;
  flex-direction: row;
}
.composer-error-handler .error-handler-icon {
  margin-top: 3px;
  margin-right: 8px;
}

.new-composer.full-width {
  width: 100%;
}

.ppe_dropdown.composer-container {
  width: 100%;
  border: 1px solid var(--b-bg-secondary);
  border-radius: 4px;
  height: 28px;
  justify-content: center;
  padding-bottom: 4px;
  padding-top: 4px;
  display: flex;
}
.ppe_dropdown.composer-container .dropdown-container.new-composer:not(.pinned-property-editor) {
  display: flex;
  width: 100%;
}
.ppe_dropdown.composer-container .dropdown-container.new-composer:not(.pinned-property-editor) .dropdown-caption-container {
  display: flex;
  width: 100%;
}

.new-composer.composer-input.keyboard-input {
  height: 30px;
  width: 160px;
  padding: 0px 4px 0 4px;
  background-color: #525759;
}
.new-composer.composer-input.keyboard-input:not(:focus) {
  color: #67b3ff;
}

.new-composer.composer-datebox {
  display: inline-block;
}

.new-composer.composer-dropdown.arrowless {
  display: inline;
  height: auto;
}
.new-composer.composer-dropdown.arrowless .composer-container {
  padding: 0 2px 0 2px;
  display: inline;
}
.new-composer.composer-dropdown.arrowless .composer-container:first-child {
  margin-left: 0px;
}
.new-composer.composer-dropdown.arrowless .composer-container:first-child .empty:first-child {
  width: 35px;
}
.new-composer.composer-dropdown.arrowless .composer-container .dropdown-container {
  display: inline-block;
}
.new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer {
  padding: 0 1px 0 1px;
  width: auto;
  height: auto;
  border: none;
}
.new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer .dropdown-caption {
  width: auto;
}
.new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer .autocomplete-input {
  width: 70px;
}

.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer {
  background: transparent;
  display: inline;
  min-height: 0px;
  padding: 0;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon {
  margin-right: 3px;
  margin-bottom: 6px;
  width: 16px;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden {
  display: none;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered {
  background: transparent;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer {
  display: inline;
  background: transparent;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container {
  display: inline;
}
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered,
.row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered {
  background: transparent;
}
.row[prop_name=constraints] .editor.objectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=constraints] .editor.staticlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=constraints] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=initial_values] .editor.objectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=initial_values] .editor.staticlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=initial_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=changes] .editor.objectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=changes] .editor.staticlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=changes] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=additional_values] .editor.objectlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=additional_values] .editor.staticlist .new-composer.composer-dropdown.arrowless,
.row[prop_name=additional_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless,
.row.generic_object_list .editor.objectlist .new-composer.composer-dropdown.arrowless,
.row.generic_object_list .editor.staticlist .new-composer.composer-dropdown.arrowless,
.row.generic_object_list .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless {
  background: transparent;
}
.row[prop_name=constraints] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=constraints] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=constraints] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=initial_values] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=initial_values] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=initial_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=changes] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=changes] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=changes] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=additional_values] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=additional_values] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row[prop_name=additional_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row.generic_object_list .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row.generic_object_list .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container,
.row.generic_object_list .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container {
  background: transparent;
}

.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete {
  width: 100%;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu {
  background-color: white;
  min-width: 100%;
  max-width: 400px;
  padding: 5px;
  border: 1px solid rgb(245, 245, 245);
  color: rgb(0, 0, 0);
  overflow-y: auto;
  font-size: 12px;
  max-height: 300px;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu:hover {
  color: #b0bbbe;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p {
  padding-left: 5px;
  padding-top: 9px;
  padding-bottom: 3px;
  padding-right: 15px;
  cursor: pointer;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  line-height: 1.42857143;
  color: rgb(0, 0, 0);
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p .tt-suggestion > p:hover,
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p .tt-suggestion > p:focus {
  text-decoration: none;
  outline: 0;
  background-color: #f8f9f9;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-hint {
  color: #9b9b9b !important;
}
.modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-highlight {
  color: rgb(0, 0, 0);
}

.new-composer .btn-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: calc(100% - 16px);
}
.new-composer .btn-row .insert-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 2px 6px 3px 2px;
}
.new-composer .btn-row .insert-btn.short {
  padding-left: 0px;
}
.new-composer .btn-row .insert-btn .text {
  margin-left: 2px;
  font-size: 11px;
  line-height: 18px;
}
.new-composer .btn-row .insert-btn .text.short {
  margin-left: 5px;
  font-size: 10px;
}
.new-composer .btn-row .insert-btn .plus-text {
  font-size: 16px;
}

.new-composer.composer-color {
  display: flex;
}
.new-composer.composer-color.swatch-first {
  flex-direction: row;
}
.new-composer.composer-color.swatch-last {
  flex-direction: row-reverse;
}

.new-composer.dynamic-composer-color .expression-composer {
  width: 168px;
}
.new-composer.dynamic-composer-color .expression-composer .expression-composer-container {
  min-height: 30px;
}
.new-composer.dynamic-composer-color .btn-row .insert-btn {
  color: rgba(255, 255, 255, 0.72);
}
.new-composer.dynamic-composer-color .btn-row .insert-btn.clickable {
  cursor: pointer;
}
.new-composer.dynamic-composer-color .btn-row .insert-btn.clickable:hover {
  color: white;
}
.new-composer.dynamic-composer-color .btn-row .insert-btn .fa-plus {
  width: 12px;
  height: 10px;
  font-size: 11px;
}

.new-composer.long-text-composer {
  background-color: #525759;
  padding-bottom: 0px;
}
.new-composer.long-text-composer:hover {
  background-color: #424242;
}
.new-composer.long-text-composer .long-text-composer-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.new-composer.long-text-composer .long-text-composer-wrapper.focused {
  background-color: #424242;
}
.new-composer.long-text-composer .text-composer {
  background-color: unset;
  min-height: 60px;
  padding: 6px 4px 5px 8px;
  cursor: text;
}
.new-composer.long-text-composer .text-composer.param {
  width: 168px;
}

.new-composer.long-text-composer .text-composer,
.new-composer.short-text-composer .text-composer {
  position: relative;
}
.new-composer.long-text-composer .text-composer:hover,
.new-composer.short-text-composer .text-composer:hover {
  background-color: #424242;
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon-spacer,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon-spacer {
  visibility: hidden;
  float: none;
  display: inline-flex;
  width: 22px;
  height: 14px;
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon-spacer.hidden,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon-spacer.hidden {
  display: none;
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon {
  display: inline-block;
  float: right;
  cursor: pointer;
  width: 0px;
  padding: 0px;
  height: 16px;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 0px;
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon .hovered,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon .hovered {
  background-color: rgba(246, 246, 246, 0.4);
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-icon.insert-btn,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-icon.insert-btn {
  margin-top: 1px;
  border: 1px rgba(246, 246, 246, 0.1) solid;
  width: 16px;
}
.new-composer.long-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-tooltip,
.new-composer.short-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-tooltip {
  font-size: 14px;
}
.new-composer.long-text-composer .text-composer.hovered,
.new-composer.short-text-composer .text-composer.hovered {
  background-color: #424242;
}
.new-composer.long-text-composer .text-composer .expression-composer-container,
.new-composer.short-text-composer .text-composer .expression-composer-container {
  padding: 0;
  display: inline;
}
.new-composer.long-text-composer .text-composer.param .static-span,
.new-composer.short-text-composer .text-composer.param .static-span {
  max-width: 157px;
}
.new-composer.long-text-composer .static-span,
.new-composer.short-text-composer .static-span {
  padding: 0;
  display: inline;
  position: relative;
  z-index: 2;
  white-space: pre-wrap;
  line-height: 20px;
  min-width: 3px;
}
.new-composer.long-text-composer .static-span:focus,
.new-composer.short-text-composer .static-span:focus {
  outline: none;
}
.new-composer.long-text-composer .static-span:empty,
.new-composer.short-text-composer .static-span:empty {
  display: inline-block;
}
.new-composer.long-text-composer .static-span[placeholder]:empty:after,
.new-composer.short-text-composer .static-span[placeholder]:empty:after {
  content: attr(placeholder);
  color: rgba(255, 255, 255, 0.6);
}
.new-composer.long-text-composer .clickable-container,
.new-composer.short-text-composer .clickable-container {
  display: inline;
}
.new-composer.long-text-composer .clickable-container .clickable,
.new-composer.short-text-composer .clickable-container .clickable {
  position: absolute;
  z-index: 1;
  height: 20px;
  width: 100%;
}
.new-composer.long-text-composer .clickable-container .clickable.empty,
.new-composer.short-text-composer .clickable-container .clickable.empty {
  margin-left: 0px;
}
.new-composer.long-text-composer .btn-row,
.new-composer.short-text-composer .btn-row {
  margin-bottom: 8px;
  margin-top: 8px;
}
.new-composer.long-text-composer .btn-row.short,
.new-composer.short-text-composer .btn-row.short {
  margin-top: 2px;
  margin-bottom: 2px;
}
.new-composer.long-text-composer .btn-row .insert-btn,
.new-composer.short-text-composer .btn-row .insert-btn {
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}
.new-composer.long-text-composer .btn-row .insert-btn.short,
.new-composer.short-text-composer .btn-row .insert-btn.short {
  background-color: transparent;
  border: none;
}
.new-composer.long-text-composer .btn-row .insert-btn .fa-plus-square,
.new-composer.short-text-composer .btn-row .insert-btn .fa-plus-square {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.new-composer.long-text-composer .btn-row .insert-btn .text,
.new-composer.short-text-composer .btn-row .insert-btn .text {
  color: white;
}
.new-composer.long-text-composer .btn-row .insert-btn .text.short,
.new-composer.short-text-composer .btn-row .insert-btn .text.short {
  color: rgba(255, 255, 255, 0.72);
}
.new-composer.long-text-composer .btn-row .insert-btn .text.short:hover, .new-composer.long-text-composer .btn-row .insert-btn .text.short.hovered,
.new-composer.short-text-composer .btn-row .insert-btn .text.short:hover,
.new-composer.short-text-composer .btn-row .insert-btn .text.short.hovered {
  color: white;
}
.new-composer.long-text-composer .btn-row .insert-btn .plus-text,
.new-composer.short-text-composer .btn-row .insert-btn .plus-text {
  color: rgba(255, 255, 255, 0.72);
}
.new-composer.long-text-composer .btn-row .insert-btn .plus-text:hover, .new-composer.long-text-composer .btn-row .insert-btn .plus-text.hovered,
.new-composer.short-text-composer .btn-row .insert-btn .plus-text:hover,
.new-composer.short-text-composer .btn-row .insert-btn .plus-text.hovered {
  color: white;
}
.new-composer.long-text-composer .btn-row .rich-text,
.new-composer.short-text-composer .btn-row .rich-text {
  cursor: pointer;
  text-align: right;
  font-size: 11px;
  line-height: 16px;
  align-self: flex-end;
}
.new-composer.long-text-composer .btn-row .rich-text.param,
.new-composer.short-text-composer .btn-row .rich-text.param {
  padding-bottom: 3px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.72);
  margin-right: -16px;
}
.new-composer.long-text-composer .btn-row.param,
.new-composer.short-text-composer .btn-row.param {
  width: 168px;
}

.editor.basic .new-composer.expression-composer {
  width: 168px;
}

.state.section .condition .new-composer.expression-composer {
  width: 259px;
}

.light-design .state.section .condition .new-composer.expression-composer {
  width: 259px;
}
.light-design .state.section .condition .new-composer.expression-composer .expression-composer-container {
  line-height: 16px;
}
.light-design .state.section .condition .new-composer.expression-composer .expression-composer-container.empty {
  height: 32px;
}
.light-design .state.section .condition .new-composer.expression-composer .expression-composer-container .hover-space {
  height: 23px;
}
.light-design .state.section .condition .new-composer.expression-composer .expression-composer-container .dropdown-container.new-composer:not(.pinned-property-editor) .dropdown-caption-container .dropdown-caption:not(.empty-expression) {
  line-height: 11px;
}

.row[prop_name=condition] .new-composer.expression-composer {
  width: 234px;
}

.role-div .condition .new-composer.expression-composer {
  width: 100%;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container {
  line-height: 28px;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container:not(.empty) {
  padding-bottom: 8px;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container.empty {
  height: 38px;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container .hover-space {
  height: 19.5px;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container .dropdown-container.new-composer:not(.pinned-property-editor) .dropdown-caption-container .dropdown-caption:not(.empty-expression) {
  line-height: 11px;
}
.role-div .condition .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container {
  margin-top: 2px;
}

.settings-editor .tab-panel.language .dropdown-container.new-composer .new-composer.dropdown-caption-container,
.settings-editor .tab-panel.mobile .dropdown-container.new-composer .new-composer.dropdown-caption-container {
  padding: 8px 0px 6px 10px;
}
.settings-editor .tab-panel.language .dropdown-container.new-composer .new-composer.dropdown-caption-container .dropdown-icon,
.settings-editor .tab-panel.mobile .dropdown-container.new-composer .new-composer.dropdown-caption-container .dropdown-icon {
  color: black;
}
.settings-editor .tab-panel.language textarea.texts,
.settings-editor .tab-panel.mobile textarea.texts {
  padding-left: 10px;
  padding-bottom: 8px;
  border-radius: 4px;
}
.settings-editor .tab-panel.language textarea.texts:focus,
.settings-editor .tab-panel.mobile textarea.texts:focus {
  border: 1px solid #0205d3;
}
.settings-editor .tab-panel.language .color-input,
.settings-editor .tab-panel.mobile .color-input {
  width: 100%;
}
.settings-editor .new-composer.dropdown-container .dropdown-caption-container {
  display: inline-flex;
  justify-content: space-between;
  border: 1px solid var(--b-border, #e6e6e6);
  border-radius: 4px;
  height: 30px;
}
.settings-editor .new-composer.dropdown-container .dropdown-caption-container .autocomplete-input {
  border: none;
}

.new-composer.expression-composer {
  background-color: #525759;
}

.new-composer.expression-composer .expression-composer-container {
  padding: 2px 4px 4px 6px;
  line-height: 16px;
  min-height: 32px;
  width: 100%;
}
.new-composer.expression-composer .expression-composer-container.empty {
  display: flex;
  align-items: center;
  padding: 0px 4px 0px 6px;
}
.new-composer.expression-composer .expression-composer-container.mandatory.empty.param {
  border: 1px solid var(--mandatory_color);
}

.new-composer.long-text-composer .expression-composer-container,
.new-composer.short-text-composer .expression-composer-container {
  padding: 6px 12px 15px;
}

.new-composer.expression-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened),
.new-composer.long-text-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened),
.new-composer.short-text-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened) {
  display: inline-flex;
}
.new-composer.expression-composer .expression-composer-container.hovered,
.new-composer.long-text-composer .expression-composer-container.hovered,
.new-composer.short-text-composer .expression-composer-container.hovered {
  background-color: #424242;
  cursor: pointer;
}
.new-composer.expression-composer .spacer,
.new-composer.expression-composer .parenthesis,
.new-composer.long-text-composer .spacer,
.new-composer.long-text-composer .parenthesis,
.new-composer.short-text-composer .spacer,
.new-composer.short-text-composer .parenthesis {
  display: inline;
  padding-bottom: 3px;
  overflow-wrap: anywhere;
}
.new-composer.expression-composer .subexpression,
.new-composer.long-text-composer .subexpression,
.new-composer.short-text-composer .subexpression {
  display: inline;
}
.new-composer.expression-composer .subexpression .dropdown-container,
.new-composer.long-text-composer .subexpression .dropdown-container,
.new-composer.short-text-composer .subexpression .dropdown-container {
  line-height: 20px;
}
.new-composer.expression-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container,
.new-composer.long-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container,
.new-composer.short-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-radius: 0px;
  margin-top: 3px;
  padding-top: 0px;
  padding-bottom: 3px;
}
.new-composer.expression-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression,
.new-composer.long-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression,
.new-composer.short-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression {
  border-bottom: none;
}
.new-composer.expression-composer .subexpression .dropdown-container .dropdown-caption-container.insert,
.new-composer.expression-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor,
.new-composer.long-text-composer .subexpression .dropdown-container .dropdown-caption-container.insert,
.new-composer.long-text-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor,
.new-composer.short-text-composer .subexpression .dropdown-container .dropdown-caption-container.insert,
.new-composer.short-text-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor {
  min-width: 4px;
  display: inline-block;
  border-bottom: none;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty,
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty,
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty {
  border: none;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty),
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty),
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty) {
  padding: 3px 4px 4px 4px;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption {
  width: 2px;
  margin-left: 1px;
  margin-right: 1px;
  background-color: #67b3ff;
  animation: cursor-blink 1.5s steps(1) infinite;
  border: none;
  height: 20px;
  margin-bottom: -7.5px;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor,
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor,
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor {
  outline-width: 0;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before {
  content: "";
  display: inline-block;
  width: 2px;
  background-color: #67b3ff;
  animation: cursor-blink 1.5s steps(1) infinite;
  border: none;
  height: 20px;
  margin-bottom: -7.5px;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor),
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor),
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) {
  outline-width: 0;
}
.new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer,
.new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer,
.new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  color: #ffdb5c;
}
.new-composer.expression-composer .spacer,
.new-composer.long-text-composer .spacer,
.new-composer.short-text-composer .spacer {
  width: 4px;
  height: 20px;
  margin-bottom: -7.5px;
  display: inline-block;
  border-bottom: none;
}
.new-composer.expression-composer .spacer.mini-spacer,
.new-composer.long-text-composer .spacer.mini-spacer,
.new-composer.short-text-composer .spacer.mini-spacer {
  width: 2px;
}
.new-composer.expression-composer .spacer.hidden,
.new-composer.long-text-composer .spacer.hidden,
.new-composer.short-text-composer .spacer.hidden {
  display: none;
}
.new-composer.expression-composer .hover-space,
.new-composer.long-text-composer .hover-space,
.new-composer.short-text-composer .hover-space {
  height: 20px;
  margin-bottom: -7.5px;
  display: inline-block;
}
.new-composer.expression-composer .hover-space .parenthesis,
.new-composer.long-text-composer .hover-space .parenthesis,
.new-composer.short-text-composer .hover-space .parenthesis {
  display: block;
  position: relative;
  width: 5px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.new-composer.expression-composer .expression-composer-container,
.new-composer.long-text-composer .expression-composer-container,
.new-composer.short-text-composer .expression-composer-container {
  --edit_color: #ffdb5c;
  --error_color: #f91d56;
  --resolved_color: #67b3ff;
  --base_color: #afb2b2;
  --empty_color: #b3b3b3;
  --border_color: transparent;
}
.new-composer.expression-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption,
.new-composer.long-text-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption,
.new-composer.short-text-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption {
  color: var(--edit_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container {
  border-color: var(--border_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused),
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused),
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused) {
  border-color: var(--error_color);
  color: var(--error_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption {
  color: var(--resolved_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused {
  color: var(--edit_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error {
  color: var(--error_color);
  border-color: var(--error_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression {
  color: var(--empty_color);
  border-radius: 4px;
  border: 1px dashed #595f62;
  padding: 0px 2px 0px 2px;
  width: 45px;
  display: inline-flex;
  justify-content: center;
  line-height: 16px;
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder),
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder),
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder) {
  border: 1px solid var(--error_color);
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder,
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder,
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder {
  width: fit-content;
  border: none;
  overflow-wrap: break-word;
  padding: 6px 2px 6px 2px;
}
.new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error),
.new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error),
.new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error) {
  color: var(--empty_color);
}
.new-composer.expression-composer .expression-composer-container .parenthesis,
.new-composer.long-text-composer .expression-composer-container .parenthesis,
.new-composer.short-text-composer .expression-composer-container .parenthesis {
  color: var(--base_color);
}
.new-composer.expression-composer .expression-composer-container .parenthesis.error,
.new-composer.long-text-composer .expression-composer-container .parenthesis.error,
.new-composer.short-text-composer .expression-composer-container .parenthesis.error {
  color: var(--error_color);
}
.new-composer.expression-composer .expression-composer-container.something-highlighted,
.new-composer.long-text-composer .expression-composer-container.something-highlighted,
.new-composer.short-text-composer .expression-composer-container.something-highlighted {
  --edit_color: rgba(255, 219, 92, 0.6);
  --error_color: rgba(249, 29, 86, 0.6);
  --resolved_color: rgba(103, 179, 255, 0.6);
  --base_color: rgba(175, 178, 178, 0.6);
  --empty_color: rgba(179, 179, 179, 0.6);
}
.new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted {
  --edit_color: #ffdb5c;
  --error_color: #f91d56;
  --resolved_color: #67b3ff;
  --base_color: #afb2b2;
  --empty_color: #b3b3b3;
  --border_color: #afb2b2;
}
.new-composer.expression-composer .expression-composer-container,
.new-composer.long-text-composer .expression-composer-container,
.new-composer.short-text-composer .expression-composer-container {
  --color-1: #48f4be;
  --color-2: #f59c49;
  --color-3: #e749f5;
  --color-4: #49c7f5;
  --color-5: #f2f549;
  --color-6: #f549c5;
  --color-7: #4983f5;
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1 {
  border-color: var(--color-1);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2 {
  border-color: var(--color-2);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3 {
  border-color: var(--color-3);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4 {
  border-color: var(--color-4);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5 {
  border-color: var(--color-5);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6 {
  border-color: var(--color-6);
}
.new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7,
.new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7,
.new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7 {
  border-color: var(--color-7);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1 {
  color: var(--color-1);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2 {
  color: var(--color-2);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3 {
  color: var(--color-3);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4 {
  color: var(--color-4);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5 {
  color: var(--color-5);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6 {
  color: var(--color-6);
}
.new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7,
.new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7,
.new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7 {
  color: var(--color-7);
}

.new-composer.composer-cssdimension {
  height: 30px;
  width: 72px;
  padding: 6px 0px 6px 7px;
  margin: 0;
  display: inline-block;
  white-space: no-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #525759;
  border: 1px solid transparent;
}
.new-composer.composer-cssdimension .inputs-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.new-composer.composer-cssdimension .inputs-container .number-box-input {
  height: 100%;
  width: 100%;
  color: white;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container {
  color: rgba(255, 255, 255, 0.72);
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container:hover {
  color: white;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-caption-container {
  border: none;
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 9px;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-caption-container .dropdown-caption {
  margin-right: 3px;
  width: max-content;
  padding: 0;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container {
  width: 30px;
  background-color: #424242;
  padding: 0;
  overflow: hidden;
  color: white;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container {
  width: 30px;
  padding: 0;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main {
  padding: 0;
  width: 30px;
  padding-bottom: 0px !important;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container {
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #424242;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected {
  color: yellow;
}
.new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container:hover {
  background-color: #424242;
}

.new-composer .composer-dropdown-button.snap_mode_buttons .button {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 12px;
}

.composer-container:not(.full-width) .dropdown-container.new-composer.opened,
.expression-composer .dropdown-container.new-composer.opened {
  display: inline-block;
}

.dropdown-container.new-composer {
  font-size: 12px;
  display: inline;
}
.dropdown-container.new-composer .dropdown-caption-container {
  border: none;
  padding: 6px 0px 6px 0px;
  display: inline;
}
.dropdown-container.new-composer .dropdown-caption-container .autocomplete-input {
  color: white;
  background-color: transparent;
  height: 18px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  margin-right: 0px;
  padding: 0px 0px 0px 4px;
  line-height: 12px;
}
.dropdown-container.new-composer .dropdown-caption-container .autocomplete-input::placeholder {
  color: #b3b3b3;
}
.dropdown-container.new-composer .dropdown-caption-container .dropdown-caption {
  border: none;
  margin-right: 0px;
  padding-right: 0px;
  display: inline;
  line-height: 11px;
}
.dropdown-container.new-composer .dropdown-caption-container .dropdown-caption.empty {
  width: fit-content;
  display: inline-block;
  color: #b3b3b3;
  border-radius: 4px;
  border: 1px dashed #b3b3b3;
}
.dropdown-container.new-composer .dropdown-caption-container .dropdown-icon {
  color: #c0cad1;
  width: 18px;
  font-size: 14px;
}
.dropdown-container.new-composer .dropdown-items-positioner {
  height: 0px;
  width: 0px;
  display: block;
  position: relative;
  top: -4px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) {
  display: "block";
  position: fixed;
  background-color: #424242;
  border: none;
  line-height: 12px;
  margin-top: 3px;
  padding: 3px;
  z-index: 5000;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container {
  padding: 0px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section {
  padding: 0px;
  width: unset;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section.sticky {
  position: sticky;
  top: -3px;
  padding-top: 3px;
  background-color: #424242;
  border-bottom: 1px solid #595f62;
  z-index: 1;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .section-title {
  cursor: pointer;
  padding: 4px;
  margin-right: 0px;
  height: 26px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .section-title.hovered {
  background-color: #242627;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .section-title .dropdown-icon {
  margin-top: 2px;
  margin-left: 4px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .section-title .title-div {
  margin-top: 3px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container {
  border-radius: 2px;
  padding: 5.5px 0px 5.5px 4px;
  line-height: normal;
  display: flex;
  justify-content: space-between;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container.grid-dropdown {
  padding: 3px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container .dropdown-item {
  color: white;
  min-width: 192px;
  max-width: 240px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container .dropdown-item.grid-dropdown {
  min-width: 17px;
  max-width: 17px;
  min-height: 24px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container.disabled {
  color: #696969;
  padding-bottom: 0px;
  cursor: default;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container.disabled .dropdown-item {
  color: #696969;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) {
  background-color: #242627;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container.selected .dropdown-item {
  color: yellow;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section .dropdown-item-container .item-delete {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section.empty .dropdown-item {
  color: rgba(255, 255, 255, 0.6);
}
.dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container:not(.pinned-property-editor) .items-inner-container .section:last-child {
  padding-bottom: 0px !important;
}
.dropdown-container.new-composer.short .dropdown-caption-container .autocomplete-input {
  width: 84px;
}
.dropdown-container.new-composer.medium-large .dropdown-caption-container {
  width: 94px;
}
.dropdown-container.new-composer.medium-large .dropdown-items-container .dropdown-item-container .dropdown-item {
  min-width: 70px;
}
.dropdown-container.new-composer.medium-large-large .dropdown-caption-container {
  width: 138px;
}
.dropdown-container.new-composer.medium-large-large .dropdown-caption-container .autocomplete-input {
  width: 84px;
}
.dropdown-container.new-composer.medium-large-large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer {
  width: 121px;
  min-width: 121px;
  max-width: 121px;
}
.dropdown-container.new-composer.long .dropdown-caption-container {
  width: 156px;
}
.dropdown-container.new-composer.long .dropdown-caption-container .autocomplete-input {
  width: 108px;
}
.dropdown-container.new-composer.long .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer:not(.grid-dropdown) {
  width: 151px;
  min-width: 151px;
  max-width: 151px;
}
.dropdown-container.new-composer.mid_extra_large .dropdown-caption-container.new-composer {
  width: 254px;
}
.dropdown-container.new-composer.mid_extra_large .dropdown-caption-container.new-composer .autocomplete-input {
  width: 204px;
  margin-left: 0px;
}
.dropdown-container.new-composer.mid_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer {
  width: 237px;
  min-width: 237px;
  max-width: 237px;
}
.dropdown-container.new-composer.extra_large .dropdown-caption-container.new-composer {
  width: 197px;
}
.dropdown-container.new-composer.extra_large .dropdown-caption-container.new-composer .autocomplete-input {
  width: 147px;
  margin-left: 0px;
}
.dropdown-container.new-composer.extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer {
  width: 175px;
  min-width: 175px;
  max-width: 175px;
}
.dropdown-container.new-composer.extra_extra_large .dropdown-caption-container {
  width: 288px;
}
.dropdown-container.new-composer.extra_extra_large .dropdown-caption-container .autocomplete-input {
  width: 238px;
}
.dropdown-container.new-composer.extra_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer {
  min-width: 238px;
  max-width: 338px;
}
.dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-caption-container.new-composer {
  width: 400px;
}
.dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-caption-container.new-composer .autocomplete-input {
  width: 350px;
  margin-left: 0px;
}
.dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer {
  max-width: 383px;
}

.new-composer.dropdown .dropdown-container {
  background-color: #424242;
}
.new-composer.dropdown .dropdown-container .dropdown-caption-container .autocomplete-input {
  margin-left: 5px;
  width: 100%;
}
.new-composer.dropdown .dropdown-container .dropdown-caption-container .dropdown-caption {
  color: white;
  width: 100%;
  margin-left: 5px;
}

.editor.basic .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption,
.text-composer .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption {
  padding: 0px;
}

.new-composer.disabled .dropdown-container {
  opacity: 0.5;
}
.new-composer.disabled .dropdown-container .dropdown-caption-container {
  cursor: default;
}

.role-div div.composer-textbox,
.role-div div.new-composer:has(.MultilineTextBox),
.role-div div.composer-checkbox:not([id]),
.search-palette div.composer-textbox,
.search-palette div.new-composer:has(.MultilineTextBox),
.search-palette div.composer-checkbox:not([id]),
.modal-popup div.composer-textbox,
.modal-popup div.new-composer:has(.MultilineTextBox),
.modal-popup div.composer-checkbox:not([id]),
.option-set-wizard-background div.composer-textbox,
.option-set-wizard-background div.new-composer:has(.MultilineTextBox),
.option-set-wizard-background div.composer-checkbox:not([id]),
.dbconnector div.composer-textbox,
.dbconnector div.new-composer:has(.MultilineTextBox),
.dbconnector div.composer-checkbox:not([id]),
.light-design .state .condition div.composer-textbox,
.light-design .state .condition div.new-composer:has(.MultilineTextBox),
.light-design .state .condition div.composer-checkbox:not([id]),
.plugin-editor div.composer-textbox,
.plugin-editor div.new-composer:has(.MultilineTextBox),
.plugin-editor div.composer-checkbox:not([id]),
.settings-editor div.composer-textbox,
.settings-editor div.new-composer:has(.MultilineTextBox),
.settings-editor div.composer-checkbox:not([id]),
.usertypeeditor div.composer-textbox,
.usertypeeditor div.new-composer:has(.MultilineTextBox),
.usertypeeditor div.composer-checkbox:not([id]),
.filemanager div.composer-textbox,
.filemanager div.new-composer:has(.MultilineTextBox),
.filemanager div.composer-checkbox:not([id]),
.styles-editor div.composer-textbox,
.styles-editor div.new-composer:has(.MultilineTextBox),
.styles-editor div.composer-checkbox:not([id]),
.light-design .viewport .section div.composer-textbox,
.light-design .viewport .section div.new-composer:has(.MultilineTextBox),
.light-design .viewport .section div.composer-checkbox:not([id]),
.logstab div.composer-textbox,
.logstab div.new-composer:has(.MultilineTextBox),
.logstab div.composer-checkbox:not([id]),
.changelog-filter div.composer-textbox,
.changelog-filter div.new-composer:has(.MultilineTextBox),
.changelog-filter div.composer-checkbox:not([id]),
.property-editor div.composer-textbox,
.property-editor div.new-composer:has(.MultilineTextBox),
.property-editor div.composer-checkbox:not([id]),
.property-editor-composer div.composer-textbox,
.property-editor-composer div.new-composer:has(.MultilineTextBox),
.property-editor-composer div.composer-checkbox:not([id]) {
  background-color: unset;
}
.role-div div.composer-textbox:hover, .role-div div.composer-textbox:first-child:hover,
.role-div div.new-composer:has(.MultilineTextBox):hover,
.role-div div.new-composer:has(.MultilineTextBox):first-child:hover,
.role-div div.composer-checkbox:not([id]):hover,
.role-div div.composer-checkbox:not([id]):first-child:hover,
.search-palette div.composer-textbox:hover,
.search-palette div.composer-textbox:first-child:hover,
.search-palette div.new-composer:has(.MultilineTextBox):hover,
.search-palette div.new-composer:has(.MultilineTextBox):first-child:hover,
.search-palette div.composer-checkbox:not([id]):hover,
.search-palette div.composer-checkbox:not([id]):first-child:hover,
.modal-popup div.composer-textbox:hover,
.modal-popup div.composer-textbox:first-child:hover,
.modal-popup div.new-composer:has(.MultilineTextBox):hover,
.modal-popup div.new-composer:has(.MultilineTextBox):first-child:hover,
.modal-popup div.composer-checkbox:not([id]):hover,
.modal-popup div.composer-checkbox:not([id]):first-child:hover,
.option-set-wizard-background div.composer-textbox:hover,
.option-set-wizard-background div.composer-textbox:first-child:hover,
.option-set-wizard-background div.new-composer:has(.MultilineTextBox):hover,
.option-set-wizard-background div.new-composer:has(.MultilineTextBox):first-child:hover,
.option-set-wizard-background div.composer-checkbox:not([id]):hover,
.option-set-wizard-background div.composer-checkbox:not([id]):first-child:hover,
.dbconnector div.composer-textbox:hover,
.dbconnector div.composer-textbox:first-child:hover,
.dbconnector div.new-composer:has(.MultilineTextBox):hover,
.dbconnector div.new-composer:has(.MultilineTextBox):first-child:hover,
.dbconnector div.composer-checkbox:not([id]):hover,
.dbconnector div.composer-checkbox:not([id]):first-child:hover,
.light-design .state .condition div.composer-textbox:hover,
.light-design .state .condition div.composer-textbox:first-child:hover,
.light-design .state .condition div.new-composer:has(.MultilineTextBox):hover,
.light-design .state .condition div.new-composer:has(.MultilineTextBox):first-child:hover,
.light-design .state .condition div.composer-checkbox:not([id]):hover,
.light-design .state .condition div.composer-checkbox:not([id]):first-child:hover,
.plugin-editor div.composer-textbox:hover,
.plugin-editor div.composer-textbox:first-child:hover,
.plugin-editor div.new-composer:has(.MultilineTextBox):hover,
.plugin-editor div.new-composer:has(.MultilineTextBox):first-child:hover,
.plugin-editor div.composer-checkbox:not([id]):hover,
.plugin-editor div.composer-checkbox:not([id]):first-child:hover,
.settings-editor div.composer-textbox:hover,
.settings-editor div.composer-textbox:first-child:hover,
.settings-editor div.new-composer:has(.MultilineTextBox):hover,
.settings-editor div.new-composer:has(.MultilineTextBox):first-child:hover,
.settings-editor div.composer-checkbox:not([id]):hover,
.settings-editor div.composer-checkbox:not([id]):first-child:hover,
.usertypeeditor div.composer-textbox:hover,
.usertypeeditor div.composer-textbox:first-child:hover,
.usertypeeditor div.new-composer:has(.MultilineTextBox):hover,
.usertypeeditor div.new-composer:has(.MultilineTextBox):first-child:hover,
.usertypeeditor div.composer-checkbox:not([id]):hover,
.usertypeeditor div.composer-checkbox:not([id]):first-child:hover,
.filemanager div.composer-textbox:hover,
.filemanager div.composer-textbox:first-child:hover,
.filemanager div.new-composer:has(.MultilineTextBox):hover,
.filemanager div.new-composer:has(.MultilineTextBox):first-child:hover,
.filemanager div.composer-checkbox:not([id]):hover,
.filemanager div.composer-checkbox:not([id]):first-child:hover,
.styles-editor div.composer-textbox:hover,
.styles-editor div.composer-textbox:first-child:hover,
.styles-editor div.new-composer:has(.MultilineTextBox):hover,
.styles-editor div.new-composer:has(.MultilineTextBox):first-child:hover,
.styles-editor div.composer-checkbox:not([id]):hover,
.styles-editor div.composer-checkbox:not([id]):first-child:hover,
.light-design .viewport .section div.composer-textbox:hover,
.light-design .viewport .section div.composer-textbox:first-child:hover,
.light-design .viewport .section div.new-composer:has(.MultilineTextBox):hover,
.light-design .viewport .section div.new-composer:has(.MultilineTextBox):first-child:hover,
.light-design .viewport .section div.composer-checkbox:not([id]):hover,
.light-design .viewport .section div.composer-checkbox:not([id]):first-child:hover,
.logstab div.composer-textbox:hover,
.logstab div.composer-textbox:first-child:hover,
.logstab div.new-composer:has(.MultilineTextBox):hover,
.logstab div.new-composer:has(.MultilineTextBox):first-child:hover,
.logstab div.composer-checkbox:not([id]):hover,
.logstab div.composer-checkbox:not([id]):first-child:hover,
.changelog-filter div.composer-textbox:hover,
.changelog-filter div.composer-textbox:first-child:hover,
.changelog-filter div.new-composer:has(.MultilineTextBox):hover,
.changelog-filter div.new-composer:has(.MultilineTextBox):first-child:hover,
.changelog-filter div.composer-checkbox:not([id]):hover,
.changelog-filter div.composer-checkbox:not([id]):first-child:hover,
.property-editor div.composer-textbox:hover,
.property-editor div.composer-textbox:first-child:hover,
.property-editor div.new-composer:has(.MultilineTextBox):hover,
.property-editor div.new-composer:has(.MultilineTextBox):first-child:hover,
.property-editor div.composer-checkbox:not([id]):hover,
.property-editor div.composer-checkbox:not([id]):first-child:hover,
.property-editor-composer div.composer-textbox:hover,
.property-editor-composer div.composer-textbox:first-child:hover,
.property-editor-composer div.new-composer:has(.MultilineTextBox):hover,
.property-editor-composer div.new-composer:has(.MultilineTextBox):first-child:hover,
.property-editor-composer div.composer-checkbox:not([id]):hover,
.property-editor-composer div.composer-checkbox:not([id]):first-child:hover {
  background-color: unset;
}
.role-div .composer-dropdown .composer-container,
.role-div .new-composer,
.search-palette .composer-dropdown .composer-container,
.search-palette .new-composer,
.modal-popup .composer-dropdown .composer-container,
.modal-popup .new-composer,
.option-set-wizard-background .composer-dropdown .composer-container,
.option-set-wizard-background .new-composer,
.dbconnector .composer-dropdown .composer-container,
.dbconnector .new-composer,
.light-design .state .condition .composer-dropdown .composer-container,
.light-design .state .condition .new-composer,
.plugin-editor .composer-dropdown .composer-container,
.plugin-editor .new-composer,
.settings-editor .composer-dropdown .composer-container,
.settings-editor .new-composer,
.usertypeeditor .composer-dropdown .composer-container,
.usertypeeditor .new-composer,
.filemanager .composer-dropdown .composer-container,
.filemanager .new-composer,
.styles-editor .composer-dropdown .composer-container,
.styles-editor .new-composer,
.light-design .viewport .section .composer-dropdown .composer-container,
.light-design .viewport .section .new-composer,
.logstab .composer-dropdown .composer-container,
.logstab .new-composer,
.changelog-filter .composer-dropdown .composer-container,
.changelog-filter .new-composer,
.property-editor .composer-dropdown .composer-container,
.property-editor .new-composer,
.property-editor-composer .composer-dropdown .composer-container,
.property-editor-composer .new-composer {
  background-color: white;
}
.role-div .composer-dropdown .composer-container:hover, .role-div .composer-dropdown .composer-container:first-child:hover,
.role-div .new-composer:hover,
.role-div .new-composer:first-child:hover,
.search-palette .composer-dropdown .composer-container:hover,
.search-palette .composer-dropdown .composer-container:first-child:hover,
.search-palette .new-composer:hover,
.search-palette .new-composer:first-child:hover,
.modal-popup .composer-dropdown .composer-container:hover,
.modal-popup .composer-dropdown .composer-container:first-child:hover,
.modal-popup .new-composer:hover,
.modal-popup .new-composer:first-child:hover,
.option-set-wizard-background .composer-dropdown .composer-container:hover,
.option-set-wizard-background .composer-dropdown .composer-container:first-child:hover,
.option-set-wizard-background .new-composer:hover,
.option-set-wizard-background .new-composer:first-child:hover,
.dbconnector .composer-dropdown .composer-container:hover,
.dbconnector .composer-dropdown .composer-container:first-child:hover,
.dbconnector .new-composer:hover,
.dbconnector .new-composer:first-child:hover,
.light-design .state .condition .composer-dropdown .composer-container:hover,
.light-design .state .condition .composer-dropdown .composer-container:first-child:hover,
.light-design .state .condition .new-composer:hover,
.light-design .state .condition .new-composer:first-child:hover,
.plugin-editor .composer-dropdown .composer-container:hover,
.plugin-editor .composer-dropdown .composer-container:first-child:hover,
.plugin-editor .new-composer:hover,
.plugin-editor .new-composer:first-child:hover,
.settings-editor .composer-dropdown .composer-container:hover,
.settings-editor .composer-dropdown .composer-container:first-child:hover,
.settings-editor .new-composer:hover,
.settings-editor .new-composer:first-child:hover,
.usertypeeditor .composer-dropdown .composer-container:hover,
.usertypeeditor .composer-dropdown .composer-container:first-child:hover,
.usertypeeditor .new-composer:hover,
.usertypeeditor .new-composer:first-child:hover,
.filemanager .composer-dropdown .composer-container:hover,
.filemanager .composer-dropdown .composer-container:first-child:hover,
.filemanager .new-composer:hover,
.filemanager .new-composer:first-child:hover,
.styles-editor .composer-dropdown .composer-container:hover,
.styles-editor .composer-dropdown .composer-container:first-child:hover,
.styles-editor .new-composer:hover,
.styles-editor .new-composer:first-child:hover,
.light-design .viewport .section .composer-dropdown .composer-container:hover,
.light-design .viewport .section .composer-dropdown .composer-container:first-child:hover,
.light-design .viewport .section .new-composer:hover,
.light-design .viewport .section .new-composer:first-child:hover,
.logstab .composer-dropdown .composer-container:hover,
.logstab .composer-dropdown .composer-container:first-child:hover,
.logstab .new-composer:hover,
.logstab .new-composer:first-child:hover,
.changelog-filter .composer-dropdown .composer-container:hover,
.changelog-filter .composer-dropdown .composer-container:first-child:hover,
.changelog-filter .new-composer:hover,
.changelog-filter .new-composer:first-child:hover,
.property-editor .composer-dropdown .composer-container:hover,
.property-editor .composer-dropdown .composer-container:first-child:hover,
.property-editor .new-composer:hover,
.property-editor .new-composer:first-child:hover,
.property-editor-composer .composer-dropdown .composer-container:hover,
.property-editor-composer .composer-dropdown .composer-container:first-child:hover,
.property-editor-composer .new-composer:hover,
.property-editor-composer .new-composer:first-child:hover {
  background-color: white;
}
.role-div .composer-dropdown .composer-container .composer-color,
.role-div .new-composer .composer-color,
.search-palette .composer-dropdown .composer-container .composer-color,
.search-palette .new-composer .composer-color,
.modal-popup .composer-dropdown .composer-container .composer-color,
.modal-popup .new-composer .composer-color,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color,
.option-set-wizard-background .new-composer .composer-color,
.dbconnector .composer-dropdown .composer-container .composer-color,
.dbconnector .new-composer .composer-color,
.light-design .state .condition .composer-dropdown .composer-container .composer-color,
.light-design .state .condition .new-composer .composer-color,
.plugin-editor .composer-dropdown .composer-container .composer-color,
.plugin-editor .new-composer .composer-color,
.settings-editor .composer-dropdown .composer-container .composer-color,
.settings-editor .new-composer .composer-color,
.usertypeeditor .composer-dropdown .composer-container .composer-color,
.usertypeeditor .new-composer .composer-color,
.filemanager .composer-dropdown .composer-container .composer-color,
.filemanager .new-composer .composer-color,
.styles-editor .composer-dropdown .composer-container .composer-color,
.styles-editor .new-composer .composer-color,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color,
.light-design .viewport .section .new-composer .composer-color,
.logstab .composer-dropdown .composer-container .composer-color,
.logstab .new-composer .composer-color,
.changelog-filter .composer-dropdown .composer-container .composer-color,
.changelog-filter .new-composer .composer-color,
.property-editor .composer-dropdown .composer-container .composer-color,
.property-editor .new-composer .composer-color,
.property-editor-composer .composer-dropdown .composer-container .composer-color,
.property-editor-composer .new-composer .composer-color {
  border: 1px solid var(--b-border, #e6e6e6);
  border-radius: 4px;
  font-size: 14px;
}
.role-div .composer-dropdown .composer-container .composer-color.selected,
.role-div .new-composer .composer-color.selected,
.search-palette .composer-dropdown .composer-container .composer-color.selected,
.search-palette .new-composer .composer-color.selected,
.modal-popup .composer-dropdown .composer-container .composer-color.selected,
.modal-popup .new-composer .composer-color.selected,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color.selected,
.option-set-wizard-background .new-composer .composer-color.selected,
.dbconnector .composer-dropdown .composer-container .composer-color.selected,
.dbconnector .new-composer .composer-color.selected,
.light-design .state .condition .composer-dropdown .composer-container .composer-color.selected,
.light-design .state .condition .new-composer .composer-color.selected,
.plugin-editor .composer-dropdown .composer-container .composer-color.selected,
.plugin-editor .new-composer .composer-color.selected,
.settings-editor .composer-dropdown .composer-container .composer-color.selected,
.settings-editor .new-composer .composer-color.selected,
.usertypeeditor .composer-dropdown .composer-container .composer-color.selected,
.usertypeeditor .new-composer .composer-color.selected,
.filemanager .composer-dropdown .composer-container .composer-color.selected,
.filemanager .new-composer .composer-color.selected,
.styles-editor .composer-dropdown .composer-container .composer-color.selected,
.styles-editor .new-composer .composer-color.selected,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color.selected,
.light-design .viewport .section .new-composer .composer-color.selected,
.logstab .composer-dropdown .composer-container .composer-color.selected,
.logstab .new-composer .composer-color.selected,
.changelog-filter .composer-dropdown .composer-container .composer-color.selected,
.changelog-filter .new-composer .composer-color.selected,
.property-editor .composer-dropdown .composer-container .composer-color.selected,
.property-editor .new-composer .composer-color.selected,
.property-editor-composer .composer-dropdown .composer-container .composer-color.selected,
.property-editor-composer .new-composer .composer-color.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab);
}
.role-div .composer-dropdown .composer-container .composer-color .color-input,
.role-div .new-composer .composer-color .color-input,
.search-palette .composer-dropdown .composer-container .composer-color .color-input,
.search-palette .new-composer .composer-color .color-input,
.modal-popup .composer-dropdown .composer-container .composer-color .color-input,
.modal-popup .new-composer .composer-color .color-input,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .color-input,
.option-set-wizard-background .new-composer .composer-color .color-input,
.dbconnector .composer-dropdown .composer-container .composer-color .color-input,
.dbconnector .new-composer .composer-color .color-input,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .color-input,
.light-design .state .condition .new-composer .composer-color .color-input,
.plugin-editor .composer-dropdown .composer-container .composer-color .color-input,
.plugin-editor .new-composer .composer-color .color-input,
.settings-editor .composer-dropdown .composer-container .composer-color .color-input,
.settings-editor .new-composer .composer-color .color-input,
.usertypeeditor .composer-dropdown .composer-container .composer-color .color-input,
.usertypeeditor .new-composer .composer-color .color-input,
.filemanager .composer-dropdown .composer-container .composer-color .color-input,
.filemanager .new-composer .composer-color .color-input,
.styles-editor .composer-dropdown .composer-container .composer-color .color-input,
.styles-editor .new-composer .composer-color .color-input,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .color-input,
.light-design .viewport .section .new-composer .composer-color .color-input,
.logstab .composer-dropdown .composer-container .composer-color .color-input,
.logstab .new-composer .composer-color .color-input,
.changelog-filter .composer-dropdown .composer-container .composer-color .color-input,
.changelog-filter .new-composer .composer-color .color-input,
.property-editor .composer-dropdown .composer-container .composer-color .color-input,
.property-editor .new-composer .composer-color .color-input,
.property-editor-composer .composer-dropdown .composer-container .composer-color .color-input,
.property-editor-composer .new-composer .composer-color .color-input {
  color: #000000;
}
.role-div .composer-dropdown .composer-container .composer-color .color-swatch,
.role-div .new-composer .composer-color .color-swatch,
.search-palette .composer-dropdown .composer-container .composer-color .color-swatch,
.search-palette .new-composer .composer-color .color-swatch,
.modal-popup .composer-dropdown .composer-container .composer-color .color-swatch,
.modal-popup .new-composer .composer-color .color-swatch,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .color-swatch,
.option-set-wizard-background .new-composer .composer-color .color-swatch,
.dbconnector .composer-dropdown .composer-container .composer-color .color-swatch,
.dbconnector .new-composer .composer-color .color-swatch,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .color-swatch,
.light-design .state .condition .new-composer .composer-color .color-swatch,
.plugin-editor .composer-dropdown .composer-container .composer-color .color-swatch,
.plugin-editor .new-composer .composer-color .color-swatch,
.settings-editor .composer-dropdown .composer-container .composer-color .color-swatch,
.settings-editor .new-composer .composer-color .color-swatch,
.usertypeeditor .composer-dropdown .composer-container .composer-color .color-swatch,
.usertypeeditor .new-composer .composer-color .color-swatch,
.filemanager .composer-dropdown .composer-container .composer-color .color-swatch,
.filemanager .new-composer .composer-color .color-swatch,
.styles-editor .composer-dropdown .composer-container .composer-color .color-swatch,
.styles-editor .new-composer .composer-color .color-swatch,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .color-swatch,
.light-design .viewport .section .new-composer .composer-color .color-swatch,
.logstab .composer-dropdown .composer-container .composer-color .color-swatch,
.logstab .new-composer .composer-color .color-swatch,
.changelog-filter .composer-dropdown .composer-container .composer-color .color-swatch,
.changelog-filter .new-composer .composer-color .color-swatch,
.property-editor .composer-dropdown .composer-container .composer-color .color-swatch,
.property-editor .new-composer .composer-color .color-swatch,
.property-editor-composer .composer-dropdown .composer-container .composer-color .color-swatch,
.property-editor-composer .new-composer .composer-color .color-swatch {
  outline: 1px solid var(--b-border, #e6e6e6);
}
.role-div .composer-dropdown .composer-container .composer-color.swatch-last,
.role-div .new-composer .composer-color.swatch-last,
.search-palette .composer-dropdown .composer-container .composer-color.swatch-last,
.search-palette .new-composer .composer-color.swatch-last,
.modal-popup .composer-dropdown .composer-container .composer-color.swatch-last,
.modal-popup .new-composer .composer-color.swatch-last,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color.swatch-last,
.option-set-wizard-background .new-composer .composer-color.swatch-last,
.dbconnector .composer-dropdown .composer-container .composer-color.swatch-last,
.dbconnector .new-composer .composer-color.swatch-last,
.light-design .state .condition .composer-dropdown .composer-container .composer-color.swatch-last,
.light-design .state .condition .new-composer .composer-color.swatch-last,
.plugin-editor .composer-dropdown .composer-container .composer-color.swatch-last,
.plugin-editor .new-composer .composer-color.swatch-last,
.settings-editor .composer-dropdown .composer-container .composer-color.swatch-last,
.settings-editor .new-composer .composer-color.swatch-last,
.usertypeeditor .composer-dropdown .composer-container .composer-color.swatch-last,
.usertypeeditor .new-composer .composer-color.swatch-last,
.filemanager .composer-dropdown .composer-container .composer-color.swatch-last,
.filemanager .new-composer .composer-color.swatch-last,
.styles-editor .composer-dropdown .composer-container .composer-color.swatch-last,
.styles-editor .new-composer .composer-color.swatch-last,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color.swatch-last,
.light-design .viewport .section .new-composer .composer-color.swatch-last,
.logstab .composer-dropdown .composer-container .composer-color.swatch-last,
.logstab .new-composer .composer-color.swatch-last,
.changelog-filter .composer-dropdown .composer-container .composer-color.swatch-last,
.changelog-filter .new-composer .composer-color.swatch-last,
.property-editor .composer-dropdown .composer-container .composer-color.swatch-last,
.property-editor .new-composer .composer-color.swatch-last,
.property-editor-composer .composer-dropdown .composer-container .composer-color.swatch-last,
.property-editor-composer .new-composer .composer-color.swatch-last {
  width: 110px;
  padding-left: 12px;
  padding-right: 2px;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker,
.role-div .new-composer .composer-color .a-color-picker,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker,
.search-palette .new-composer .composer-color .a-color-picker,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker,
.modal-popup .new-composer .composer-color .a-color-picker,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker,
.option-set-wizard-background .new-composer .composer-color .a-color-picker,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker,
.dbconnector .new-composer .composer-color .a-color-picker,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker,
.light-design .state .condition .new-composer .composer-color .a-color-picker,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker,
.plugin-editor .new-composer .composer-color .a-color-picker,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker,
.settings-editor .new-composer .composer-color .a-color-picker,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker,
.usertypeeditor .new-composer .composer-color .a-color-picker,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker,
.filemanager .new-composer .composer-color .a-color-picker,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker,
.styles-editor .new-composer .composer-color .a-color-picker,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker,
.light-design .viewport .section .new-composer .composer-color .a-color-picker,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker,
.logstab .new-composer .composer-color .a-color-picker,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker,
.changelog-filter .new-composer .composer-color .a-color-picker,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker,
.property-editor .new-composer .composer-color .a-color-picker,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker,
.property-editor-composer .new-composer .composer-color .a-color-picker {
  background-color: #fafafa;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha {
  background-color: white;
  border: 1px solid var(--b-border, #e6e6e6) !important;
  color: #000000 !important;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input {
  font-size: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #000000;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder {
  color: #000000;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder {
  color: #899ea5;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text {
  color: #000000;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover {
  color: #899ea5;
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color {
  border-color: var(--b-border, #e6e6e6);
}
.role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen,
.property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen {
  border-color: var(--b-txt-brand, #0c29ab);
}
.role-div .new-composer.expression-composer,
.role-div .new-composer.long-text-composer,
.role-div .new-composer.short-text-composer,
.search-palette .new-composer.expression-composer,
.search-palette .new-composer.long-text-composer,
.search-palette .new-composer.short-text-composer,
.modal-popup .new-composer.expression-composer,
.modal-popup .new-composer.long-text-composer,
.modal-popup .new-composer.short-text-composer,
.option-set-wizard-background .new-composer.expression-composer,
.option-set-wizard-background .new-composer.long-text-composer,
.option-set-wizard-background .new-composer.short-text-composer,
.dbconnector .new-composer.expression-composer,
.dbconnector .new-composer.long-text-composer,
.dbconnector .new-composer.short-text-composer,
.light-design .state .condition .new-composer.expression-composer,
.light-design .state .condition .new-composer.long-text-composer,
.light-design .state .condition .new-composer.short-text-composer,
.plugin-editor .new-composer.expression-composer,
.plugin-editor .new-composer.long-text-composer,
.plugin-editor .new-composer.short-text-composer,
.settings-editor .new-composer.expression-composer,
.settings-editor .new-composer.long-text-composer,
.settings-editor .new-composer.short-text-composer,
.usertypeeditor .new-composer.expression-composer,
.usertypeeditor .new-composer.long-text-composer,
.usertypeeditor .new-composer.short-text-composer,
.filemanager .new-composer.expression-composer,
.filemanager .new-composer.long-text-composer,
.filemanager .new-composer.short-text-composer,
.styles-editor .new-composer.expression-composer,
.styles-editor .new-composer.long-text-composer,
.styles-editor .new-composer.short-text-composer,
.light-design .viewport .section .new-composer.expression-composer,
.light-design .viewport .section .new-composer.long-text-composer,
.light-design .viewport .section .new-composer.short-text-composer,
.logstab .new-composer.expression-composer,
.logstab .new-composer.long-text-composer,
.logstab .new-composer.short-text-composer,
.changelog-filter .new-composer.expression-composer,
.changelog-filter .new-composer.long-text-composer,
.changelog-filter .new-composer.short-text-composer,
.property-editor .new-composer.expression-composer,
.property-editor .new-composer.long-text-composer,
.property-editor .new-composer.short-text-composer,
.property-editor-composer .new-composer.expression-composer,
.property-editor-composer .new-composer.long-text-composer,
.property-editor-composer .new-composer.short-text-composer {
  background-color: white;
}
.role-div .new-composer.expression-composer .expression-composer-container,
.role-div .new-composer.long-text-composer .expression-composer-container,
.role-div .new-composer.short-text-composer .expression-composer-container,
.search-palette .new-composer.expression-composer .expression-composer-container,
.search-palette .new-composer.long-text-composer .expression-composer-container,
.search-palette .new-composer.short-text-composer .expression-composer-container,
.modal-popup .new-composer.expression-composer .expression-composer-container,
.modal-popup .new-composer.long-text-composer .expression-composer-container,
.modal-popup .new-composer.short-text-composer .expression-composer-container,
.option-set-wizard-background .new-composer.expression-composer .expression-composer-container,
.option-set-wizard-background .new-composer.long-text-composer .expression-composer-container,
.option-set-wizard-background .new-composer.short-text-composer .expression-composer-container,
.dbconnector .new-composer.expression-composer .expression-composer-container,
.dbconnector .new-composer.long-text-composer .expression-composer-container,
.dbconnector .new-composer.short-text-composer .expression-composer-container,
.light-design .state .condition .new-composer.expression-composer .expression-composer-container,
.light-design .state .condition .new-composer.long-text-composer .expression-composer-container,
.light-design .state .condition .new-composer.short-text-composer .expression-composer-container,
.plugin-editor .new-composer.expression-composer .expression-composer-container,
.plugin-editor .new-composer.long-text-composer .expression-composer-container,
.plugin-editor .new-composer.short-text-composer .expression-composer-container,
.settings-editor .new-composer.expression-composer .expression-composer-container,
.settings-editor .new-composer.long-text-composer .expression-composer-container,
.settings-editor .new-composer.short-text-composer .expression-composer-container,
.usertypeeditor .new-composer.expression-composer .expression-composer-container,
.usertypeeditor .new-composer.long-text-composer .expression-composer-container,
.usertypeeditor .new-composer.short-text-composer .expression-composer-container,
.filemanager .new-composer.expression-composer .expression-composer-container,
.filemanager .new-composer.long-text-composer .expression-composer-container,
.filemanager .new-composer.short-text-composer .expression-composer-container,
.styles-editor .new-composer.expression-composer .expression-composer-container,
.styles-editor .new-composer.long-text-composer .expression-composer-container,
.styles-editor .new-composer.short-text-composer .expression-composer-container,
.light-design .viewport .section .new-composer.expression-composer .expression-composer-container,
.light-design .viewport .section .new-composer.long-text-composer .expression-composer-container,
.light-design .viewport .section .new-composer.short-text-composer .expression-composer-container,
.logstab .new-composer.expression-composer .expression-composer-container,
.logstab .new-composer.long-text-composer .expression-composer-container,
.logstab .new-composer.short-text-composer .expression-composer-container,
.changelog-filter .new-composer.expression-composer .expression-composer-container,
.changelog-filter .new-composer.long-text-composer .expression-composer-container,
.changelog-filter .new-composer.short-text-composer .expression-composer-container,
.property-editor .new-composer.expression-composer .expression-composer-container,
.property-editor .new-composer.long-text-composer .expression-composer-container,
.property-editor .new-composer.short-text-composer .expression-composer-container,
.property-editor-composer .new-composer.expression-composer .expression-composer-container,
.property-editor-composer .new-composer.long-text-composer .expression-composer-container,
.property-editor-composer .new-composer.short-text-composer .expression-composer-container {
  --edit_color: #000000 !important;
  --error_color: #cc053a !important;
  --resolved_color: #0205d3 !important;
  --base_color: var(--b-border, #e6e6e6) !important;
  --empty_color: #000000 !important;
  --border_color: transparent !important;
  --color-1: #17e5a5;
  --color-2: #e56e17;
  --color-3: #b217e5;
  --color-4: #17cae5;
  --color-5: #e5d117;
  --color-6: #e517b2;
  --color-7: #1782e5;
}
.role-div .new-composer.expression-composer .expression-composer-container.hovered,
.role-div .new-composer.long-text-composer .expression-composer-container.hovered,
.role-div .new-composer.short-text-composer .expression-composer-container.hovered,
.search-palette .new-composer.expression-composer .expression-composer-container.hovered,
.search-palette .new-composer.long-text-composer .expression-composer-container.hovered,
.search-palette .new-composer.short-text-composer .expression-composer-container.hovered,
.modal-popup .new-composer.expression-composer .expression-composer-container.hovered,
.modal-popup .new-composer.long-text-composer .expression-composer-container.hovered,
.modal-popup .new-composer.short-text-composer .expression-composer-container.hovered,
.option-set-wizard-background .new-composer.expression-composer .expression-composer-container.hovered,
.option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.hovered,
.option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.hovered,
.dbconnector .new-composer.expression-composer .expression-composer-container.hovered,
.dbconnector .new-composer.long-text-composer .expression-composer-container.hovered,
.dbconnector .new-composer.short-text-composer .expression-composer-container.hovered,
.light-design .state .condition .new-composer.expression-composer .expression-composer-container.hovered,
.light-design .state .condition .new-composer.long-text-composer .expression-composer-container.hovered,
.light-design .state .condition .new-composer.short-text-composer .expression-composer-container.hovered,
.plugin-editor .new-composer.expression-composer .expression-composer-container.hovered,
.plugin-editor .new-composer.long-text-composer .expression-composer-container.hovered,
.plugin-editor .new-composer.short-text-composer .expression-composer-container.hovered,
.settings-editor .new-composer.expression-composer .expression-composer-container.hovered,
.settings-editor .new-composer.long-text-composer .expression-composer-container.hovered,
.settings-editor .new-composer.short-text-composer .expression-composer-container.hovered,
.usertypeeditor .new-composer.expression-composer .expression-composer-container.hovered,
.usertypeeditor .new-composer.long-text-composer .expression-composer-container.hovered,
.usertypeeditor .new-composer.short-text-composer .expression-composer-container.hovered,
.filemanager .new-composer.expression-composer .expression-composer-container.hovered,
.filemanager .new-composer.long-text-composer .expression-composer-container.hovered,
.filemanager .new-composer.short-text-composer .expression-composer-container.hovered,
.styles-editor .new-composer.expression-composer .expression-composer-container.hovered,
.styles-editor .new-composer.long-text-composer .expression-composer-container.hovered,
.styles-editor .new-composer.short-text-composer .expression-composer-container.hovered,
.light-design .viewport .section .new-composer.expression-composer .expression-composer-container.hovered,
.light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.hovered,
.light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.hovered,
.logstab .new-composer.expression-composer .expression-composer-container.hovered,
.logstab .new-composer.long-text-composer .expression-composer-container.hovered,
.logstab .new-composer.short-text-composer .expression-composer-container.hovered,
.changelog-filter .new-composer.expression-composer .expression-composer-container.hovered,
.changelog-filter .new-composer.long-text-composer .expression-composer-container.hovered,
.changelog-filter .new-composer.short-text-composer .expression-composer-container.hovered,
.property-editor .new-composer.expression-composer .expression-composer-container.hovered,
.property-editor .new-composer.long-text-composer .expression-composer-container.hovered,
.property-editor .new-composer.short-text-composer .expression-composer-container.hovered,
.property-editor-composer .new-composer.expression-composer .expression-composer-container.hovered,
.property-editor-composer .new-composer.long-text-composer .expression-composer-container.hovered,
.property-editor-composer .new-composer.short-text-composer .expression-composer-container.hovered {
  background-color: white;
}
.role-div .new-composer.expression-composer .expression-composer-container.something-highlighted,
.role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted,
.search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted,
.modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted,
.option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted,
.dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted,
.light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted,
.plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted,
.settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted,
.usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted,
.filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted,
.styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted,
.light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.logstab .new-composer.expression-composer .expression-composer-container.something-highlighted,
.logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted,
.changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted,
.property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted,
.property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted,
.property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted,
.property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted {
  --edit_color: rgba(0, 0, 0, 0.6) !important;
  --error_color: rgba(204, 5, 58, 0.6) !important;
  --resolved_color: rgba(2, 5, 211, 0.6) !important;
  --base_color: rgba(var(--b-border, #e6e6e6), 0.6) !important;
  --empty_color: rgba(0, 0, 0, 0.6) !important;
}
.role-div .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.role-div .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.logstab .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.logstab .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted,
.property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted,
.property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted {
  --edit_color: #000000 !important;
  --error_color: #cc053a !important;
  --resolved_color: #0205d3 !important;
  --base_color: var(--b-border, #e6e6e6) !important;
  --empty_color: #000000 !important;
  --border_color: var(--b-border, #e6e6e6) !important;
}
.role-div .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.role-div .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.role-div .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.search-palette .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.search-palette .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.search-palette .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.modal-popup .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.modal-popup .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.modal-popup .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.option-set-wizard-background .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.option-set-wizard-background .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.option-set-wizard-background .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.dbconnector .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.dbconnector .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.dbconnector .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .state .condition .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .state .condition .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .state .condition .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.plugin-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.plugin-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.plugin-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.settings-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.settings-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.settings-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.usertypeeditor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.usertypeeditor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.usertypeeditor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.filemanager .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.filemanager .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.filemanager .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.styles-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.styles-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.styles-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .viewport .section .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .viewport .section .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.light-design .viewport .section .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.logstab .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.logstab .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.logstab .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.changelog-filter .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.changelog-filter .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.changelog-filter .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor-composer .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor-composer .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption,
.property-editor-composer .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption {
  background-color: white;
}
.role-div .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.role-div .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.role-div .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.search-palette .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.search-palette .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.search-palette .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.modal-popup .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.modal-popup .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.modal-popup .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.option-set-wizard-background .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.option-set-wizard-background .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.option-set-wizard-background .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.dbconnector .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.dbconnector .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.dbconnector .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .state .condition .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .state .condition .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .state .condition .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.plugin-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.plugin-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.plugin-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.settings-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.settings-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.settings-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.usertypeeditor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.usertypeeditor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.usertypeeditor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.filemanager .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.filemanager .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.filemanager .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.styles-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.styles-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.styles-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .viewport .section .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .viewport .section .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.light-design .viewport .section .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.logstab .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.logstab .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.logstab .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.changelog-filter .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.changelog-filter .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.changelog-filter .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor-composer .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor-composer .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before,
.property-editor-composer .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before {
  background-color: white;
}
.role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container),
.property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) {
  font-size: 14px;
  padding: 0px;
}
.role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption,
.property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption {
  color: #000000;
  padding: 0px;
  line-height: 18px;
}
.role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty,
.property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty {
  margin-left: 2px;
}
.role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input,
.property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input {
  color: #000000;
}
.role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus,
.property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus {
  border: none !important;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container {
  background-color: white;
  border: 0.5px solid #d9d9d9;
  border-radius: 4px;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section {
  border-top: 1px solid var(--b-border, #e6e6e6);
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child {
  border-bottom: none;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child {
  border-top: none;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title {
  color: rgba(0, 0, 0, 0.6);
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered {
  background-color: #f9f9f9;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item {
  color: black;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item {
  color: #0205d3;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled),
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) {
  background-color: #f9f9f9;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item {
  background-color: #f9f9f9;
}
.role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete,
.property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete {
  color: #000000;
}

.composer-dropdown .composer-container {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}
.composer-dropdown .composer-container:hover, .composer-dropdown .composer-container:first-child:hover {
  background-color: #424242;
}
.composer-dropdown .composer-container.composer-dropdown-extrashort .dropdown-caption-container.new-composer, .composer-dropdown .composer-container.composer-dropdown-extra_short .dropdown-caption-container.new-composer {
  width: 27px;
  text-align: center;
}
.composer-dropdown .composer-container.composer-dropdown-extrashort .dropdown-container.new-composer.extra_short .dropdown-caption-container.new-composer, .composer-dropdown .composer-container.composer-dropdown-extra_short .dropdown-container.new-composer.extra_short .dropdown-caption-container.new-composer {
  width: 48px;
  text-align: center;
}
.composer-dropdown .composer-container.composer-dropdown-short:not(.full-width) .dropdown-caption-container.new-composer {
  width: 85px;
  text-align: center;
}
.composer-dropdown .composer-container.composer-dropdown-medium:not(.full-width) .dropdown-caption-container.new-composer {
  width: 80px;
}
.composer-dropdown .composer-container.composer-dropdown-extra_large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 192px;
}
.composer-dropdown .composer-container.composer-dropdown-medium-large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 103px;
}
.composer-dropdown .composer-container.composer-dropdown-medium-medium-large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 127px;
}
.composer-dropdown .composer-container.composer-dropdown-medium-large-large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 138px;
}
.composer-dropdown .composer-container.composer-dropdown-long:not(.full-width) .dropdown-caption-container.new-composer {
  width: 168px;
}
.composer-dropdown .composer-container.composer-dropdown-mid_extra_large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 254px;
}
.composer-dropdown .composer-container.composer-dropdown-extra_extra_large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 298px;
}
.composer-dropdown .composer-container.composer-dropdown-extra_extra_extra_extra_large:not(.full-width) .dropdown-caption-container.new-composer {
  width: 400px;
}
.composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer {
  width: 100%;
}
.composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer .dropdown-caption,
.composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer .autocomplete-input {
  overflow: clip;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}
.composer-dropdown .composer-container.new-composer.full-width .dropdown-container.new-composer .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer:not(.grid-dropdown) {
  width: 100%;
  max-width: 400px;
  min-width: 151px;
}
.composer-dropdown .composer-container.mandatory.empty .dropdown-caption-container.new-composer {
  border: 1px solid var(--mandatory_color);
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer {
  display: flex;
  justify-content: space-between;
  height: 30px;
  padding: 6px 0px 6px 7px;
  width: 165px;
  border: 1px solid transparent;
  border-radius: 1px;
  background-color: #525759;
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited {
  background-color: rgba(82, 87, 89, 0.24);
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited:hover, .composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited:focus {
  background-color: #424242;
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer .dropdown-caption {
  height: 18px;
  line-height: 18px;
  padding: 0px;
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer .autocomplete-input {
  border: none;
  padding: 0px;
}
.composer-dropdown .composer-container .dropdown-caption-container.new-composer .grid-dropdown-composer {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.composer-dropdown .composer-container .dropdown-items-positioner {
  top: -5px;
}

.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer {
  padding: 8px 0px 6px 10px;
  border: 1px solid var(--b-border, #e6e6e6);
  border-radius: 4px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected {
  border: 1px solid var(--b-txt-brand, #0c29ab);
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption,
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input {
  height: 18px;
  line-height: 18px;
}
.composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner {
  top: -3px;
}

.role-div .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input {
  width: 84px;
}

.search-palette .dropdown-caption-container,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container {
  width: 168px;
}
.search-palette .dropdown-caption-container .autocomplete-input,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input {
  width: 108px;
}
.search-palette .dropdown-items-container,
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-container {
  z-index: 10001;
}

.modal-popup .dropdown-container.new-composer .dropdown-items-container {
  z-index: 50000003;
}

.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container {
  width: 188px;
}
.option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input {
  width: 128px;
}
.option-set-wizard-background .dropdown-container.new-composer .dropdown-items-container {
  z-index: 10001;
}

.contextual-video-palette .dropdown-container.new-composer .autocomplete-input {
  padding: 0px !important;
}

.text-composer-ppe .dropdown-container.new-composer.short.opened {
  box-sizing: border-box;
  font-size: 12px;
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
}
.text-composer-ppe .dropdown-container.new-composer.short .autocomplete-input {
  width: 48px;
}
.text-composer-ppe .dropdown-container.new-composer .autocomplete-input {
  padding-right: 4px;
  font-family: "Open Sans";
  height: 16px;
  border: none;
}
.text-composer-ppe .dropdown-container.new-composer .autocomplete-input::placeholder {
  font-weight: 600;
}
.text-composer-ppe .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) {
  font-size: 12px;
}
.text-composer-ppe .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption {
  font-family: "Reddit Mono";
  line-height: 1;
}
.text-composer-ppe .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption:not(.literal) {
  color: var(--b-txt-caution);
}
.text-composer-ppe .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  padding: 2px 2px;
  color: var(--b-txt-primary);
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.context-menu-wrapper {
  z-index: 50000008;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.editor-checklist-entry-button {
  background-color: var(--b-bg-primary);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  bottom: 8px;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0px;
  position: fixed;
  right: 8px;
  z-index: 50000004;
}
.editor-checklist-entry-button.above-bottom-banner {
  bottom: 63px;
}
.editor-checklist-entry-button .inner-image {
  all: unset;
  background-color: var(--b-bg-primary);
  border-radius: 3px;
  display: flex;
  height: 28px;
  justify-content: center;
  margin: 6px;
  width: 28px;
}
.editor-checklist-entry-button .inner-image img {
  align-self: center;
  height: 24px;
  width: 24px;
}
.editor-checklist-entry-button .inner-image.open {
  background-color: rgb(2, 5, 211);
}
.editor-checklist-entry-button .inner-image.open img {
  height: 20px;
  width: 20px;
}
.editor-checklist-entry-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 1px;
}

.editor-checklist-alert-bar {
  align-items: flex-start;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  bottom: 8px;
  color: white;
  display: inline-flex;
  height: 28px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  justify-content: center;
  left: calc(50% - 200px);
  position: fixed;
  z-index: 50000004;
}
.theme-classic .editor-checklist-alert-bar {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .editor-checklist-alert-bar {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.editor-checklist-alert-bar .inner-text {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: flex;
  padding: 5px 10px;
  align-items: flex-start;
  gap: 5px;
  background: rgb(61, 122, 221);
}
.editor-checklist-alert-bar .inner-current-lesson {
  font-style: italic;
  font-weight: bold;
}
.editor-checklist-alert-bar .inner-exit-button {
  all: unset;
  background: rgb(57, 107, 189);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: white;
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  height: 18px;
  padding: 5px 10px;
}
.theme-classic .editor-checklist-alert-bar .inner-exit-button {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .editor-checklist-alert-bar .inner-exit-button {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.editor-checklist-alert-bar .inner-exit-button:hover, .editor-checklist-alert-bar .inner-exit-button:focus {
  opacity: 0.8;
}

.editor-checklist-window {
  bottom: 58px;
  display: flex;
  flex-direction: column;
  max-height: 580px;
  opacity: 1;
  padding: 18px 16px;
  right: 8px;
  transition: max-height 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in;
  visibility: visible;
  width: 300px;
}
.editor-checklist-window.hidden {
  max-height: 300px;
  opacity: 0;
  visibility: hidden;
}
.editor-checklist-window.above-bottom-banner {
  bottom: 113px;
}
.editor-checklist-window .header {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}
.editor-checklist-window .header .title-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.editor-checklist-window .header .title-section .close-button {
  all: unset;
  cursor: pointer;
}
.editor-checklist-window .header .title-section .close-button::before {
  color: rgba(0, 0, 0, 0.54);
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 16px;
}
.editor-checklist-window .header .title-section .close-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  border-radius: 3px;
}
.editor-checklist-window .header .title-section .title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgb(0, 0, 0);
  font-weight: 600 !important;
  line-height: 16px !important;
}
.theme-classic .editor-checklist-window .header .title-section .title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .editor-checklist-window .header .title-section .title {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.editor-checklist-window .header .subtitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgb(86, 86, 86);
  line-height: 16px !important;
  margin-bottom: 6px;
}
.theme-classic .editor-checklist-window .header .subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .editor-checklist-window .header .subtitle {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.editor-checklist-window .bubble-academy-link {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: rgb(2, 5, 211);
  border: none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  line-height: 16px;
  padding: 9px 0px;
  text-align: center;
  width: 100%;
}
.theme-classic .editor-checklist-window .bubble-academy-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .editor-checklist-window .bubble-academy-link {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.editor-checklist-window .bubble-academy-link:hover {
  text-decoration: none;
}

.editor-checklist-progress-bar-container {
  width: 100%;
}
.editor-checklist-progress-bar-container .editor-checklist-progress-bar {
  background: var(--b-bg-secondary, #f7f7f7);
  border: 1px solid #ececec;
  border-radius: 2px;
  height: 5px;
}
.editor-checklist-progress-bar-container .editor-checklist-progress-bar .editor-checklist-inner-progress-bar {
  border-radius: 2px;
  background: rgb(39, 191, 100);
  height: 100%;
  max-width: 100%;
}
.editor-checklist-progress-bar-container .editor-checklist-progress-text {
  color: rgb(134, 134, 134);
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 3px;
}

.editor-checklist-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.editor-checklist-section .action-item-container {
  margin-top: 12px;
}
.editor-checklist-section .progress-indicator {
  border-radius: 22px;
  background: rgb(240, 240, 240);
  color: rgb(86, 86, 86);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  padding: 0px 5px;
}
.editor-checklist-section .progress-indicator-completed {
  background: rgb(39, 191, 100);
  color: white;
}
.editor-checklist-section .section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.editor-checklist-section .section-header .title-container {
  align-items: center;
  display: flex;
}
.editor-checklist-section .section-header .title-container .arrow-button {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.editor-checklist-section .section-header .title-container .arrow-button:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 0;
  border-radius: 3px;
}
.editor-checklist-section .section-header .title-container .section-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgb(86, 86, 86);
  display: flex;
  font-weight: 600;
  line-height: 16px;
}
.theme-classic .editor-checklist-section .section-header .title-container .section-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .editor-checklist-section .section-header .title-container .section-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.editor-checklist-section .section-header .title-container .section-title .optional-text {
  color: rgb(170, 170, 170);
}

.editor-checklist-action-item {
  align-items: center;
  background: rgb(252, 252, 252);
  border: 1px solid rgb(240, 240, 240);
  border-radius: 3px;
  display: flex;
  margin-bottom: 4px;
  padding: 12px 9px;
  width: 100%;
}
.editor-checklist-action-item .check-box {
  border: 1px dashed rgb(207, 207, 207);
  border-radius: 43px;
  height: 14px;
  margin-right: 9px;
  width: 14px;
}
.editor-checklist-action-item .check-box-completed {
  border: none;
}
.editor-checklist-action-item .check-box-active {
  border-color: var(--b-txt-brand, #0c29ab);
}
.editor-checklist-action-item .item-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgb(0, 0, 0);
  line-height: 16px;
}
.theme-classic .editor-checklist-action-item .item-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .editor-checklist-action-item .item-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.editor-checklist-action-item .item-title-completed {
  text-decoration-line: line-through;
  text-decoration-thickness: 0px;
}
.editor-checklist-action-item .item-title-disabled {
  color: rgba(0, 0, 0, 0.5);
}

.editor-checklist-action-item-active {
  background: rgba(2, 5, 211, 0.05);
  border: 1px solid var(--b-txt-brand, #0c29ab);
  padding: 0px;
}
.editor-checklist-action-item-active .active-rectangle {
  background: var(--b-txt-brand, #0c29ab);
  border-radius: 3px 0px 0px 3px;
  height: 34px;
  margin-right: 9px;
  width: 3px;
}
.editor-checklist-action-item-active:focus-visible {
  outline: rgb(2, 5, 211) solid 2px;
  outline-offset: 1px;
}

.editor-checklist-action-item-todo:hover,
.editor-checklist-action-item-todo:focus-visible {
  border-color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.editor-tour-card > * {
  transition: all 150ms ease-in-out;
}

.editor-tour-card {
  all: unset;
  border: 1px solid var(--b-burst-product-purple);
  border-radius: 10px;
  background: var(--b-bg-primary);
  box-shadow: 0px 2px 2px 0px rgba(0, 3, 61, 0.1);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 185px;
  justify-content: space-between;
  overflow: hidden;
  transition: all 150ms ease-in-out;
  width: 340px;
  /* active needs to be after hover */
}
.editor-tour-card:hover, .editor-tour-card:focus-visible {
  box-shadow: 0px 2px 2px 0px rgba(0, 3, 61, 0.3);
  cursor: pointer;
}
.editor-tour-card:hover .editor-tour-card-title.completed, .editor-tour-card:focus-visible .editor-tour-card-title.completed {
  background: inherit;
  border: inherit;
  color: var(--b-burst-primary-hover);
}
.editor-tour-card:active {
  box-shadow: unset;
  transition: box-shadow 0s;
}
.editor-tour-card.Design {
  border-color: var(--b-purple-30);
}
.editor-tour-card.Design .editor-tour-card-section-name {
  background: #f3eefd;
  border-top: 1px solid var(--b-purple-30);
}
.editor-tour-card.Design .editor-tour-card-section-name svg {
  color: var(--b-burst-product-purple);
}
.editor-tour-card.Design:hover .editor-tour-card-section-name:not(.completed), .editor-tour-card.Design:focus-visible .editor-tour-card-section-name:not(.completed) {
  background: var(--b-burst-product-purple);
}
.editor-tour-card.Workflow {
  border-color: var(--b-yellow-40);
}
.editor-tour-card.Workflow .editor-tour-card-section-name {
  background: var(--b-burst-product-yellow);
  border-top: 1px solid var(--b-orange-30);
}
.editor-tour-card.Workflow .editor-tour-card-section-name svg {
  color: var(--b-burst-product-orange);
}
.editor-tour-card.Workflow:hover .editor-tour-card-section-name:not(.completed), .editor-tour-card.Workflow:focus-visible .editor-tour-card-section-name:not(.completed) {
  background: var(--b-yellow-40);
}
.editor-tour-card.Data {
  border-color: var(--b-sky-blue-40);
}
.editor-tour-card.Data .editor-tour-card-section-name {
  background: var(--b-burst-product-blue);
  border-top: 1px solid var(--b-sky-blue-50);
}
.editor-tour-card.Data .editor-tour-card-section-name svg {
  color: var(--b-sky-blue-40);
}
.editor-tour-card.Data:hover .editor-tour-card-section-name:not(.completed), .editor-tour-card.Data:focus-visible .editor-tour-card-section-name:not(.completed) {
  background: var(--b-sky-blue-40);
}
.editor-tour-card .editor-tour-card-top-section {
  height: 60px;
  overflow: hidden;
  padding: 30px 20px 35px 20px;
}
.editor-tour-card .editor-tour-card-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 20px;
}
.editor-tour-card .editor-tour-card-title.completed {
  color: var(--b-burst-primary);
}
.editor-tour-card .editor-tour-card-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.editor-tour-card .editor-tour-card-section-name {
  border-radius: 0px 0px 10px 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.editor-tour-card .editor-tour-card-section-name .editor-tour-card-section-name-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 33px;
  padding: 14px 20px 13px 20px;
}
.editor-tour-card .editor-tour-card-section-name.completed {
  background: var(--b-bg-primary);
  color: var(--b-gray-60);
}

.editor-tour-hoverable {
  z-index: 50000004;
}
.editor-tour-hoverable .close-x-button::after {
  position: absolute;
  cursor: pointer;
  top: 16px;
  left: calc(100% - var(--horizontal_hover_padding));
  transform: translate(-100%);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "FontAwesome";
  content: "\f00d";
}
.editor-tour-hoverable .hoverable-content {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  padding: 18px;
}
.editor-tour-hoverable .hoverable-content .title {
  line-height: 24px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
}
.editor-tour-hoverable .hoverable-content .description {
  align-items: center;
  line-height: 21px;
  font-size: 14px;
}
.editor-tour-hoverable.Data .hoverable-content {
  background-color: var(--b-burst-product-blue);
}
.editor-tour-hoverable.Data .tooltip-arrow::after {
  border-top-color: var(--b-burst-product-blue);
}
.editor-tour-hoverable.Design .hoverable-content {
  background-color: var(--b-burst-product-purple);
}
.editor-tour-hoverable.Design .tooltip-arrow::after {
  border-top-color: var(--b-burst-product-purple);
}
.editor-tour-hoverable.Workflow .hoverable-content {
  background-color: var(--b-burst-product-yellow);
}
.editor-tour-hoverable.Workflow .tooltip-arrow::after {
  border-top-color: var(--b-burst-product-yellow);
}

.editor-tour-side-panel {
  border-left: solid 1px var(--b-livid-30);
  box-shadow: none;
  top: var(--menubar-height);
  width: 400px;
  color: var(--b-gray-80);
  height: calc(100% - var(--menubar-height));
  font-family: var(--b-burst-font-family), Verdana, Arial, sans-serif;
  z-index: 50000005;
  overflow: scroll;
  right: -400px;
}
.editor-tour-side-panel .side-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}
.editor-tour-side-panel .title-button-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 75px;
}
.editor-tour-side-panel .title-button-header.Data {
  background-color: var(--b-burst-product-blue);
  border-bottom: solid 1px var(--b-sky-blue-40);
}
.editor-tour-side-panel .title-button-header.Design {
  background-color: var(--b-burst-product-purple);
  border-bottom: solid 1px var(--b-purple-40);
}
.editor-tour-side-panel .title-button-header.Workflow {
  background-color: var(--b-burst-product-yellow);
  border-bottom: solid 1px var(--b-yellow-40);
}
.editor-tour-side-panel .title-button-header .editor-tour-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
}
.editor-tour-side-panel .title-button-header .close-button {
  all: unset;
  margin: 22px 30px;
  display: flex;
  align-items: center;
}
.editor-tour-side-panel .title-button-header .close-button:hover {
  cursor: pointer;
}
.editor-tour-side-panel .title-button-header .close-button:focus-visible {
  margin-right: 29px;
  border: solid 1px var(--b-purple-40);
}
.editor-tour-side-panel .intro-content-and-description {
  flex-grow: 1;
  min-height: calc(100% - 75px);
  overflow-y: overlay;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.editor-tour-side-panel .button-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
}
.editor-tour-side-panel .tab-specific-description {
  padding: 18px 30px 48px;
}
@media screen and (max-height: 800px) {
  .editor-tour-side-panel .tab-specific-description.intro-section {
    padding: 18px 30px;
  }
}
.editor-tour-side-panel .tab-specific-description.Data {
  background-color: var(--b-burst-product-blue);
}
.editor-tour-side-panel .tab-specific-description.Design {
  background-color: var(--b-burst-product-purple);
}
.editor-tour-side-panel .tab-specific-description.Workflow {
  background-color: var(--b-burst-product-yellow);
}
.editor-tour-side-panel .tab-specific-description .description-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 24px;
  margin: 18px 0;
}
.editor-tour-side-panel .tab-specific-description .description-text {
  font-size: 18px;
  line-height: 25px;
}
@media screen and (max-height: 800px) {
  .editor-tour-side-panel .intro-section > .intro-content {
    top: 0;
    margin-bottom: 0;
  }
}
.editor-tour-side-panel .intro-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 20px;
  padding: 0 30px;
  position: relative;
  top: -58px;
  margin-bottom: -58px;
}
.editor-tour-side-panel .intro-content .editor-tour-image {
  width: 340px;
  height: 160px;
  display: block;
}
@media screen and (max-height: 800px) {
  .editor-tour-side-panel .intro-content .editor-tour-image {
    display: none;
  }
}
.editor-tour-side-panel .intro-content .intro-title {
  font-weight: 600;
  font-size: 20px;
  height: 29px;
}
.editor-tour-side-panel .intro-content .tab-timing-estimate {
  margin-bottom: 16px;
}
.editor-tour-side-panel .intro-content .section-specific-content {
  padding-bottom: 5px;
}
.editor-tour-side-panel .intro-content .lesson-specific-content {
  display: flex;
  flex-direction: row;
  column-gap: 18px;
  align-items: center;
}
.editor-tour-side-panel .intro-content .lesson-specific-content .lesson-icon {
  width: 40px;
}
.editor-tour-side-panel .intro-content .lesson-specific-content .lesson-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
}
.editor-tour-side-panel .intro-content .lesson-specific-content .lesson-description {
  height: 35px;
}
.editor-tour-side-panel .intro-content .divider {
  height: 0;
  width: 100%;
  margin: 18px 0;
}
.editor-tour-side-panel .intro-content .divider.Data {
  border-top: solid 1px var(--b-sky-blue-40);
}
.editor-tour-side-panel .intro-content .divider.Design {
  border-top: solid 1px var(--b-purple-40);
}
.editor-tour-side-panel .intro-content .divider.Workflow {
  border-top: solid 1px var(--b-yellow-40);
}
.editor-tour-side-panel .gray-subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--b-gray-60);
}
.editor-tour-side-panel .tour-timing-estimate {
  display: flex;
  justify-content: center;
}
.editor-tour-side-panel .button-wrapper {
  margin-left: 0px;
  border-top: none;
  width: 400px;
  height: 120px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.editor-tour-side-panel .full-width-button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  width: 340px;
  height: var(--height--btn, 48px);
  padding: 16px var(--padding--btn, 20px);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--radius--btn, 8px);
  background: var(--b-burst-primary, #0c29ab);
}
.editor-tour-side-panel .full-width-button > span {
  color: var(--b-txt-on-contrast);
  font-size: 18px;
  font-weight: 500;
}
.editor-tour-side-panel .full-width-button:hover, .editor-tour-side-panel .full-width-button:focus-visible {
  background-color: var(--b-burst-primary-hover, #091e7c);
}
.editor-tour-side-panel .full-width-button:focus-visible {
  box-shadow: 0px 0px 0px 3px #90dfff;
}
.editor-tour-side-panel .full-width-button-outline {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  width: 340px;
  height: var(--height--btn, 48px);
  padding: 16px var(--padding--btn, 20px);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--radius--btn, 8px);
  border: 2px solid var(--b-burst-primary, #0c29ab);
  background: var(--b-bg-primary);
}
.editor-tour-side-panel .full-width-button-outline > span {
  color: var(--b-burst-primary, #0c29ab);
  font-size: 18px;
  font-weight: 500;
  height: 16px;
}
.editor-tour-side-panel .full-width-button-outline:hover, .editor-tour-side-panel .full-width-button-outline:focus-visible {
  background-color: var(--b-burst-primary-hover, #091e7c);
}
.editor-tour-side-panel .full-width-button-outline:hover > span, .editor-tour-side-panel .full-width-button-outline:focus-visible > span {
  color: var(--b-txt-on-contrast);
}
.editor-tour-side-panel .full-width-button-outline:focus-visible {
  box-shadow: 0px 0px 0px 3px #90dfff;
}

.three-circle-progress {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
}

.circle-tab-display {
  all: unset;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-tab-display:hover {
  cursor: pointer;
}
.circle-tab-display.Design {
  background-color: var(--b-burst-product-purple);
}
.circle-tab-display.Design.active-tab {
  border: solid 1.5px var(--b-purple-40);
}
.circle-tab-display.Design:focus-visible, .circle-tab-display.Design:active {
  background-color: var(--b-purple-40);
}
.circle-tab-display.Workflow {
  background-color: var(--b-burst-product-yellow);
}
.circle-tab-display.Workflow.active-tab {
  border: solid 1.5px var(--b-yellow-40);
}
.circle-tab-display.Workflow:focus-visible, .circle-tab-display.Workflow:active {
  background-color: var(--b-yellow-40);
}
.circle-tab-display.Data {
  background-color: var(--b-burst-product-blue);
}
.circle-tab-display.Data.active-tab {
  border: solid 1.5px var(--b-sky-blue-40);
}
.circle-tab-display.Data:focus-visible, .circle-tab-display.Data:active {
  background-color: var(--b-sky-blue-40);
}
.circle-tab-display.completed svg {
  color: var(--b-burst-primary-hover);
}

.side-panel-scrim {
  box-sizing: border-box;
}
.side-panel-scrim.editor-tour {
  top: var(--menubar-height);
  background-color: rgba(22, 22, 22, 0.5);
  display: flex;
}
.side-panel-scrim.editor-tour .scrim-content-wrapper {
  width: calc(100% - 400px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.side-panel-scrim.editor-tour .scrim-content-wrapper .scrim-content {
  max-width: 700px;
  color: white;
  font-size: 120px;
  font-weight: 600;
  line-height: 98px;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .side-panel-scrim.editor-tour .scrim-content-wrapper .scrim-content {
    font-size: 90px;
    line-height: 80px;
  }
}
.side-panel-scrim.editor-tour .scrim-content-wrapper .scrim-content .inline-title-and-text {
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  gap: 18px;
  justify-content: center;
  align-items: flex-end;
}

.editor-tour-exit {
  width: 515px;
}
.editor-tour-exit .bottom-bar {
  gap: 10px;
}

.editor-tour-tab-title {
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: white;
  border-radius: 32px;
  font-family: var(--b-burst-font-family), Verdana, Arial, sans-serif;
  letter-spacing: 1.4px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.editor-tour-tab-title-scrim {
  border-radius: 80px;
  padding: 16px 24px;
  letter-spacing: 3px;
  font-size: 44px;
  background-color: transparent;
  border: 5px solid white;
  color: white;
  max-height: 80px;
}
.editor-tour-tab-title-scrim span {
  width: 44px;
  height: 44px;
  margin-right: 8px;
}
.editor-tour-tab-title-scrim div {
  line-height: 32px;
}

.onboarding-tour-help-center-entry {
  padding: 0 8px;
  width: 364px;
}

.editor-tour-upgrade-btn {
  background-color: transparent;
  color: var(--b-txt-brand);
}

.error-boundary-fallback-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 12px;
  gap: 8px;
  height: 100%;
}
.error-boundary-fallback-container .error-boundary-caption {
  text-align: center;
  line-height: 16px;
  min-width: 208px;
  max-width: 312px;
}

.fake-browser {
  height: 100%;
}
.fake-browser .top-bar {
  min-height: 40px;
  align-items: end;
}
.fake-browser .top-bar .control-button-container {
  margin-left: 15px;
  margin-right: 12px;
}
.fake-browser .top-bar .control-button-container .control-button {
  background-color: rgb(245, 245, 245);
  border-radius: 100%;
  height: 12px;
  width: 12px;
  margin: 4px 4px 12px;
}
.fake-browser .top-bar .fake-browser-tab {
  background-color: rgb(249, 249, 249);
  height: 36px;
  width: 134px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.fake-browser .top-bar .fake-browser-tab .tab-content {
  height: 100%;
  margin-left: 12px;
  margin-right: 12px;
}
.fake-browser .top-bar .fake-browser-tab .tab-content .tab-favicon {
  max-width: 16px;
  max-height: 16px;
}
.fake-browser .top-bar .fake-browser-tab .tab-content .tab-site-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 6px;
  line-height: initial;
}
.fake-browser .fake-browser-body {
  height: 100%;
  background-color: rgb(249, 249, 249);
}
.fake-browser .fake-browser-tab.disabled > *,
.fake-browser .fake-browser-body.disabled > * {
  opacity: 0.2;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.fake-browser-bubble-homepage {
  font-family: var(--fake-browser-font-family);
  background-color: var(--fake-browser-background-color);
  color: var(--fake-browser-text-color);
  border-radius: 0 0 6px 6px;
  width: 100%;
}
.fake-browser-bubble-homepage .header-container {
  justify-content: space-between;
  height: 40px;
  margin: 24px;
}
.fake-browser-bubble-homepage .header-container .bubble-logo {
  height: 24px;
}
.fake-browser-bubble-homepage .header-container .fake-link-container {
  gap: 12px;
  justify-content: end;
}
.fake-browser-bubble-homepage .center-container {
  margin: 80px 50px;
}
.fake-browser-bubble-homepage .center-container .fake-header {
  font-size: 56px;
  line-height: normal;
  text-align: center;
  margin-bottom: 12px;
}
.fake-browser-bubble-homepage .bottom-container {
  justify-content: space-evenly;
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box {
  width: 25%;
  padding: 16px;
  background-color: var(--fake-browser-surface-color);
  margin-bottom: 24px;
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .font-awesome-icon {
  text-align: center;
  padding: 80px 0;
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .destructive-icon {
  color: var(--fake-browser-destructive-color);
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .success-icon {
  color: var(--fake-browser-success-color);
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .alert-icon {
  color: var(--fake-browser-alert-color);
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .header {
  font-size: 20px;
  margin-bottom: 10px;
}
.fake-browser-bubble-homepage .bottom-container .states-explanation-box .subhead {
  font-size: 14px;
  line-height: 21px;
}
.fake-browser-bubble-homepage .fake-link,
.fake-browser-bubble-homepage .fake-button {
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
}
.fake-browser-bubble-homepage .fake-button {
  border: 2px solid var(--fake-browser-primary-color);
}
.fake-browser-bubble-homepage .fake-button.outlined {
  color: var(--fake-browser-primary-color);
  background-color: var(--fake-browser-primary-contrast-color);
}
.fake-browser-bubble-homepage .fake-button.filled {
  color: var(--fake-browser-primary-contrast-color);
  background-color: var(--fake-browser-primary-color);
}

.message-panel-popup.free-trial .popup-content {
  width: 650px;
  background-color: #f2f5f9;
}
.message-panel-popup.free-trial .popup-content .customTitleArea {
  padding: 30px 36px 12px;
}
.message-panel-popup.free-trial .popup-content .customTitleArea .popup-title {
  padding: 0px 0px 8px;
  color: var(--b-txt-brand, #0c29ab);
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}
.message-panel-popup.free-trial .popup-content .customTitleArea .subtitle {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}
.message-panel-popup.free-trial .popup-content .customTitleArea .subhead {
  line-height: 20px;
  font-size: 14px;
}
.message-panel-popup.free-trial .popup-content .inner-children {
  padding: 12px 36px 36px;
}
.message-panel-popup.free-trial .popup-content .inner-children .detail-columns {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
}
.message-panel-popup.free-trial .popup-content .inner-children .detail-columns .details {
  width: 180px;
}
.message-panel-popup.free-trial .popup-content .inner-children .detail-columns .details .icon {
  font-size: 26px;
}
.message-panel-popup.free-trial .popup-content .inner-children .detail-columns .details .primary {
  padding-top: 12px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
}
.message-panel-popup.free-trial .popup-content .inner-children .detail-columns .details .secondary {
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.message-panel-popup.free-trial .popup-content .btn-row {
  background-color: white;
  padding: 34px 36px 36px;
  margin-top: 0px;
  justify-content: space-between;
}
.message-panel-popup.free-trial .popup-content .btn-row .button-row-left-text {
  display: inline-block;
  width: 364px;
  line-height: 20px;
}
.message-panel-popup.free-trial .popup-content .btn-row .button-row-left-text .firm {
  font-weight: 600;
}
.message-panel-popup.free-trial .popup-content .btn-row .button-row-left-text .soft {
  font-weight: 400;
}
.message-panel-popup.free-trial .popup-content .btn-row .btn {
  font-weight: 600;
}
.message-panel-popup.free-trial .popup-content .btn-row .btn.try-it {
  width: 98px;
  height: 36px;
  margin: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.hoverable-animation {
  position: fixed;
}
.hoverable-animation:not(.pe-visual-indicators-wrapper) {
  z-index: 50000004;
}
.hoverable-animation.pe-visual-indicators-wrapper {
  z-index: 5000000;
}

.hoverable {
  --arrow_size: 16px;
  --horizontal_hover_padding: 12px;
  --vertical_hover_padding: 16px;
  position: fixed;
  width: 356px;
  height: fit-content;
  border-radius: 5px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  filter: drop-shadow(0px 7px 30px rgba(89, 118, 162, 0.26));
}
.hoverable a {
  color: rgb(2, 5, 211);
  text-decoration: underline;
}
.hoverable .hoverable-instruction-box-content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  align-items: center;
  background-color: rgba(2, 5, 211, 0.7);
  border-radius: 2px;
  color: var(--b-txt-on-contrast);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 12px;
  padding: 10px;
  line-height: 20px !important;
}
.theme-classic .hoverable .hoverable-instruction-box-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .hoverable .hoverable-instruction-box-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.hoverable .hoverable-instruction-box-content > span {
  line-height: 20px;
}
.hoverable .hoverable-instruction-box-content .hoverable-instruction-box-icon {
  color: var(--b-txt-on-contrast);
  height: 28px;
  margin-right: 10px;
  width: 28px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) {
  z-index: 50000002;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .close-x-button::after {
  position: absolute;
  cursor: pointer;
  top: 16px;
  left: calc(100% - var(--horizontal_hover_padding));
  transform: translate(-100%);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "FontAwesome";
  content: "\f00d";
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  background-color: var(--b-bg-primary);
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .title {
  line-height: 24px;
  align-items: center;
  padding: var(--vertical_hover_padding) var(--horizontal_hover_padding) var(--horizontal_hover_padding);
  font-weight: 600;
  font-size: 16px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .description {
  align-items: center;
  line-height: 21px;
  padding: 0px var(--horizontal_hover_padding);
  font-size: 14px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .btn-row {
  display: flex;
  justify-content: end;
  height: 39px;
  align-items: flex-start;
  padding: var(--vertical_hover_padding) var(--horizontal_hover_padding);
  gap: 8px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .btn-row .btn {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-size: 14px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .btn-row .btn-create {
  padding: 0px 19px;
}
.hoverable:not(.guided-builds):not(.editor-tour-hoverable):not(.pe-visual-indicators) .hoverable-content .btn-row .btn-cancel {
  padding: 0px 12px;
}
.hoverable.checklist-alertbar {
  width: 360px;
  z-index: 50000004;
}
.hoverable.checklist-alertbar .title {
  display: flex;
  line-height: 22px;
  align-items: flex-end;
  font-weight: 600;
  font-size: 20px;
}
.hoverable.guided-builds {
  width: 424px;
  z-index: 50000004;
}
.hoverable.guided-builds .close-x-button::after {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  font-size: 16px;
  color: rgba(var(--color_surface_default_rgb), 0.3);
  font-family: "FontAwesome";
  content: "\f00d";
}
.hoverable.guided-builds .hoverable-content {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  background-color: rgb(73, 76, 220);
  color: var(--b-txt-on-contrast);
  padding: 18px;
}
.hoverable.guided-builds .hoverable-content .hoverable-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.hoverable.guided-builds .hoverable-content .title {
  display: flex;
  line-height: 22px;
  align-items: flex-start;
  font-weight: 600;
  font-size: 16px;
}
.hoverable.guided-builds .hoverable-content .description {
  align-items: center;
  line-height: 21px;
  font-size: 14px;
}
.hoverable.guided-builds .hoverable-content .custom-content {
  align-items: center;
  line-height: 21px;
  font-size: 14px;
}
.hoverable.guided-builds .hoverable-content .custom-content img {
  width: 295px;
  margin-bottom: 12px;
}
.hoverable.guided-builds .hoverable-content .btn-row {
  display: flex;
  justify-content: end;
  height: 39px;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
}
.hoverable.guided-builds .hoverable-content .btn-row .btn {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-size: 14px;
}
.hoverable.guided-builds .hoverable-content .btn-row .btn-create {
  background-color: var(--b-bg-primary);
  color: rgb(73, 76, 220);
  padding: 0px 19px;
}
.hoverable.guided-builds .hoverable-content .btn-row .btn-create:hover {
  background-color: rgba(var(--color_surface_default_rgb), 0.9);
}
.hoverable.guided-builds .hoverable-content .btn-row .btn-cancel {
  padding: 0px 12px;
  color: var(--b-txt-on-contrast);
}
.hoverable.guided-builds.large-panel {
  width: 572px;
}
.hoverable.guided-builds.large-panel .hoverable-header {
  margin-bottom: 16px;
}
.hoverable.guided-builds.large-panel .close-x-button {
  padding-top: 10px;
}
.hoverable.guided-builds.large-panel .hoverable-content {
  padding: 24px;
}
.hoverable.guided-builds.large-panel .title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}
.hoverable.guided-builds.large-panel .btn-row {
  margin-top: 16px;
}
.hoverable.guided-builds .tooltip-arrow::after {
  border-top-color: rgb(73, 76, 220);
}
.hoverable.pe-visual-indicators {
  width: 408px;
  z-index: 5000000;
}
.hoverable.pe-visual-indicators .hoverable-content {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  background-color: rgb(73, 76, 220);
  color: var(--b-txt-on-contrast);
  line-height: 20px;
  padding: 18px;
}
.hoverable.pe-visual-indicators .hoverable-content .title {
  line-height: 24px;
  align-items: center;
  padding: 0px var(--horizontal_hover_padding) var(--horizontal_hover_padding);
  font-weight: 600;
  font-size: 16px;
}
.hoverable.pe-visual-indicators .hoverable-content .description {
  align-items: center;
  line-height: 21px;
  padding: 0px var(--horizontal_hover_padding);
  font-size: 14px;
}
.hoverable.pe-visual-indicators .hoverable-content .close-x-button::after {
  color: rgba(var(--color_surface_default_rgb), 0.3);
}
.hoverable.pe-visual-indicators .tooltip-arrow::after {
  border-top-color: rgb(73, 76, 220);
}
.hoverable .tooltip-arrow::after {
  content: "";
  border: var(--arrow_size) solid transparent;
  position: absolute;
  border-top-color: var(--b-bg-primary);
  pointer-events: none;
}
.hoverable .top-left::after {
  transform: translate(50%, -100%) rotate(180deg);
}
.hoverable .top-right::after {
  left: 100%;
  transform: translate(-150%, -100%) rotate(180deg);
}
.hoverable .right-top::after {
  left: 100%;
  transform: translate(0, 50%) rotate(270deg);
}
.hoverable .right-bottom::after {
  left: 100%;
  transform: translate(0, -150%) rotate(270deg);
}
.hoverable .bottom-right::after {
  top: 100%;
  left: 100%;
  transform: translate(-150%);
}
.hoverable .bottom-left::after {
  top: 100%;
  transform: translate(50%);
}
.hoverable .left-bottom::after {
  top: 100%;
  transform: translate(-100%, -150%) rotate(90deg);
}
.hoverable .left-top::after {
  transform: translate(-100%, 50%) rotate(90deg);
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.manage-overages-description {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 20px;
  line-height: 140%;
}

.enable-overages-button {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 6px;
}
.enable-overages-button__sub-text {
  font-size: 12px;
  padding-top: 6px;
  color: rgba(0, 0, 0, 0.64);
}

.overages-button-class {
  font-size: 14px;
  padding-bottom: 5px;
  margin-top: 6px;
}

.manage-overages-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.manage-overages-container__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.manage-overages-container__content-bold-text {
  font-size: 16px;
  font-weight: 600;
}
.manage-overages-container__content-main-text {
  font-size: 14px;
  padding-bottom: 5px;
}
.manage-overages-container__content-sub-text-overages {
  color: #868686;
  font-size: 12px;
  padding-bottom: 3px;
}
.manage-overages-container__content-sub-text-gray {
  color: rgba(0, 0, 0, 0.64);
  font-size: 12px;
}

.disable-overage-popup.modal-popup.input-popup .popup-content {
  width: 498px;
  padding: 6px;
}
.disable-overage-popup.modal-popup.input-popup .input-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.disable-overage-popup.modal-popup.input-popup .input-row .small-text-field-input {
  width: 225px;
}
.disable-overage-popup.modal-popup.input-popup .input-row .large-text-field-input,
.disable-overage-popup.modal-popup.input-popup .input-row .text-area-input {
  width: 60%;
}
.disable-overage-popup.modal-popup.input-popup .input-row .bubble-ui {
  margin-left: 0px !important;
}
.disable-overage-popup.modal-popup.input-popup .input-row .bubble-ui.textarea {
  width: 60%;
  min-height: 80px;
}
.disable-overage-popup.modal-popup.input-popup .input-row .bubble-ui.input {
  width: 100%;
}
.disable-overage-popup.modal-popup .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.disable-overage-popup.modal-popup .btn-row .bubble-ui.btn.btn-create.confirm-disable-overages-button-width {
  width: 163px;
}
.disable-overage-popup.modal-popup .btn-row .bubble-ui.btn.btn-create.confirm-disable-overages-tier-button-width {
  width: 167px;
}
.disable-overage-popup.modal-popup .btn-row .bubble-ui.btn.btn-create.confirm-disable-overages-button {
  margin-left: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background-color: var(--b-bg-on-danger1);
  font-size: 14px;
  color: #ffffff;
}
.disable-overage-popup.modal-popup .btn-row .bubble-ui.btn.btn-create.confirm-disable-overages-button:hover {
  background-color: var(--b-bg-on-danger2);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.new-app-assistant {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: scroll;
  z-index: 50000005;
  background-color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .new-app-assistant {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .new-app-assistant {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.new-app-assistant .app-assistant-subtitle,
.new-app-assistant .app-assistant-body,
.new-app-assistant .app-assistant-details {
  line-height: 21px;
}
.new-app-assistant .app-assistant-title,
.new-app-assistant .app-assistant-subtitle {
  margin-top: 10px;
}
.new-app-assistant .app-assistant-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 30px !important;
}
.theme-classic .new-app-assistant .app-assistant-title {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .new-app-assistant .app-assistant-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.new-app-assistant .app-assistant-details {
  opacity: 0.6;
}
.new-app-assistant .setting-location {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  opacity: 0.6;
  margin-top: 20px;
  line-height: unset !important;
}
.theme-classic .new-app-assistant .setting-location {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .new-app-assistant .setting-location {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.new-app-assistant .button-container {
  justify-content: space-between;
  gap: 20px;
}
.new-app-assistant .app-assistant-button {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  height: auto;
  width: auto;
  min-width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.theme-classic .new-app-assistant .app-assistant-button {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .new-app-assistant .app-assistant-button {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.new-app-assistant .app-assistant-input-container {
  display: flex;
  margin-top: 10px;
}
.new-app-assistant .app-assistant-input-container.column-input-container {
  flex-direction: column;
  gap: 5px;
}
.new-app-assistant .app-assistant-input-container.row-input-container {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.new-app-assistant .left-panel {
  min-width: 300px;
  width: 300px;
  padding: 30px;
}
.new-app-assistant .color-token-picker {
  width: 100px;
  background-color: white;
  justify-content: space-between;
  padding-left: 6px !important;
  padding-right: 2px !important;
}
.new-app-assistant .right-panel .right-panel-content {
  min-width: 800px;
  max-width: 1280px;
  margin: 60px;
  border-radius: 6px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.new-app-assistant .right-panel .right-panel-content.plugin-suggestion-panel {
  height: 867px;
}
.new-app-assistant .right-panel .right-panel-content .launch-plugin-browser-container {
  margin-top: 16px;
}

a.link {
  color: var(--b-txt-brand);
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .select-app-plan-card .danger.plan-card-content, .danger.progress-indicator-interior, .danger.progress-indicator-value {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .select-app-plan-card .caution.plan-card-content, .caution.progress-indicator-interior, .caution.progress-indicator-value {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .select-app-plan-card .success.plan-card-content, .success.progress-indicator-interior, .success.progress-indicator-value {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .select-app-plan-card .brand.plan-card-content, .brand.progress-indicator-interior, .brand.progress-indicator-value {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.plan-card {
  max-width: 855px;
  background-color: rgb(249, 249, 249);
  border: 1px solid rgb(245, 245, 245);
  padding: 20px;
  margin-top: 20px;
}
.plan-card .plan-card-left {
  flex: 1;
}
.plan-card .plan-card-features .checked-list .checked-list-item-check:before {
  font-size: 12px;
  margin-right: 9px;
}
.plan-card .plan-card-features .checked-list .checked-list-item-content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .plan-card .plan-card-features .checked-list .checked-list-item-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .plan-card .plan-card-features .checked-list .checked-list-item-content {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.plan-cards-container {
  width: 100%;
  margin-top: var(--b-spacing16);
  margin-bottom: 32px;
}
.plan-cards-container.modal {
  margin-top: 16px;
  margin-bottom: 16px;
}

.select-app-plan-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0px;
}
.select-app-plan-card .plan-tag {
  display: flex;
  padding: 2px 0px 10px 0px;
  justify-content: center;
  align-items: center;
  gap: 7.5px;
  align-self: stretch;
  border-radius: 10px 10px 0px 0px;
  position: relative;
  top: 8px;
  z-index: 1;
  font-weight: 700;
}
.select-app-plan-card .plan-tag span {
  letter-spacing: 1px;
  line-height: 24px;
}
.select-app-plan-card .plan-tag.current {
  background: var(--bg-brand-2, rgb(235, 243, 255));
  color: var(--text-brand, rgb(12, 41, 171));
}
.select-app-plan-card .plan-tag.recommended {
  background: var(--bg-success-2, rgb(234, 245, 237));
  color: var(--text-success, rgb(30, 108, 48));
}
.select-app-plan-card .plan-tag.empty {
  color: transparent;
}
.select-app-plan-card .plan-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid rgb(235, 237, 240);
  background: var(--b-bg-primary);
  position: relative;
  z-index: 2;
  min-height: 431px;
  min-width: 200px;
  flex: auto;
  background-color: var(--b-bg-primary);
}
.select-app-plan-card .plan-card-content:has(button:not(:disabled):hover), .select-app-plan-card .plan-card-content:has(button:not(:disabled):focus) {
  border-color: var(--pop-color, rgb(235, 237, 240));
}
.select-app-plan-card .plan-card-content .plan-card-header {
  padding: 20px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
@media screen and (max-width: 1220px) {
  .select-app-plan-card .plan-card-content .plan-card-header {
    padding: 20px 10px 0px 10px;
  }
}
.select-app-plan-card .plan-card-content .plan-card-header .plan-description {
  margin-top: 10px;
  min-height: 40px;
}
.select-app-plan-card .plan-card-content .plan-features {
  padding: 30px 20px 40px 20px;
}
.select-app-plan-card .plan-card-content .plan-features ul {
  display: flex;
  flex-direction: column;
  row-gap: var(--b-spacing12);
  padding-left: 0;
}
.select-app-plan-card .plan-card-content .plan-features ul li {
  list-style: none;
}
@media screen and (max-width: 1220px) {
  .select-app-plan-card .plan-card-content .plan-features {
    padding: 30px 10px 30px 10px;
  }
}
.select-app-plan-card.plan-card-legacy-view .plan-tag span {
  letter-spacing: 3px;
  line-height: 16px;
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content {
  height: 431px;
}
@media screen and (max-width: 1220px) {
  .select-app-plan-card.plan-card-legacy-view .plan-card-content {
    height: 421px;
  }
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content.selected {
  border: 2px solid var(--bg-on-brand1, rgb(12, 41, 171));
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content.selected .plan-card-header {
  background: var(--bg-on-brand1, rgb(12, 41, 171));
  color: rgb(249, 249, 249);
  border-radius: 6px 6px 0px 0px;
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content.selected #contact-us-button {
  background: var(--b-bg-primary);
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-card-header .select-app-plan-price-display {
  padding-top: 30px;
  padding-bottom: 30px;
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-card-header.recommended {
  border-radius: 10px;
  background: linear-gradient(180deg, #f5faf6 0%, rgba(245, 250, 246, 0) 100%);
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-card-header.notcurrent {
  border-radius: 10px;
  background: linear-gradient(180deg, #f5fbff 0%, rgba(245, 251, 255, 0) 100%);
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-card-header .contact-us-container {
  padding-top: 30px;
  padding-bottom: 25px;
  line-height: 44px;
}
.select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-features {
  padding: 30px 20px 0px 20px;
}
@media screen and (max-width: 1220px) {
  .select-app-plan-card.plan-card-legacy-view .plan-card-content .plan-features {
    padding: 30px 10px 0px 10px;
  }
}

.platform-card {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 68px;
  border-radius: 8px;
  background-color: var(--b-bg-primary);
}
.platform-card .platform-card-icon {
  background-color: var(--b-livid-10);
  border-radius: 6px;
  padding: 6px;
  height: 100%;
}
.platform-card .platform-card-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--b-txt-primary);
}
.platform-card .platform-card-title-muted {
  color: var(--b-txt-secondary);
}
.platform-card .platform-card-subtitle {
  color: #565656;
}
.platform-card .platform-card-button {
  opacity: 0;
  transform: translateX(8px);
  transition: all 0.2s ease;
  padding: var(--b-spacing-padding-btn-regular);
  border-radius: var(--b-radius-regular);
  background-color: var(--b-bg-primary);
  border: 0;
  color: var(--b-txt-primary);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.platform-card .platform-card-button:hover {
  background-color: var(--b-bg-secondary);
  border: 0;
}
.platform-card .platform-card-button:focus-visible {
  box-shadow: 0 0 0 3px var(--b-border-focus);
  outline: none;
}
.platform-card .platform-card-button.platform-card-upgrade-button {
  color: var(--b-txt-secondary);
}
.platform-card .platform-card-button.platform-card-create-button {
  border: 1px solid var(--b-border-brand);
  border-radius: var(--b-radius-regular);
  color: var(--b-txt-brand);
}
.platform-card .platform-card-button.platform-card-create-button:hover {
  background-color: var(--b-bg-brand2);
}
.platform-card .platform-card:hover .platform-card-button,
.platform-card .platform-card-button-visible {
  opacity: 1;
  transform: translateX(0);
}

.platform-card-dashed-border {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23e6e6e6' stroke-width='3' stroke-dasharray='2%2c7' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
}

.platform-card-solid-border {
  border: 1px solid var(--b-border-default);
}

.platform-selector {
  display: inline-flex;
  gap: var(--b-spacing-md);
}
.platform-selector button:not(.platform-button) {
  padding: 0;
}
.platform-selector button:has(.platform-button) {
  background: 0;
  border: 0;
}

.platform-selector-tooltip {
  width: 174px;
  background-color: var(--b-bg-contrast2);
  border-radius: var(--b-radius-regular);
  padding: var(--b-spacing8);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  transform: translateY(8px);
  color: white;
}

.platform-button {
  transition: background-color 0.2s, color 0.2s;
  padding: 10px 16px 10px 12px;
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-radius-medium);
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.platform-button.only-selected-platform {
  cursor: default;
}
.platform-button[data-pressed] {
  background-color: var(--b-bg-brand1);
  border-color: var(--b-cobalt-40);
}
.platform-button[data-pressed] .platform-toggle-icon {
  background-color: var(--b-bg-tertiary2);
}
.platform-button:focus-visible {
  box-shadow: 0 0 0 3px var(--b-border-focus);
  outline: none;
}
.platform-button .platform-toggle-icon {
  position: relative;
  transition: background-color 0.2s, color 0.2s;
  background-color: var(--b-livid-10);
  border-radius: 6px;
  padding: var(--b-spacing8);
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.platform-button .platform-toggle-icon .icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform-button .platform-toggle-icon .icon-wrapper.visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.platform-button .platform-toggle-icon .icon-wrapper.hidden {
  opacity: 0;
  transform: scale(0.5);
  pointer-events: none;
}
.platform-button .platform-toggle-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--b-txt-primary);
}
.platform-button .platform-toggle-subtitle {
  font-size: 10px;
  color: var(--b-txt-secondary);
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.plan-summary-box {
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.plan-summary-box .header {
  background-color: var(--b-bg-on-brand1);
  overflow: hidden;
}
.plan-summary-box .header .plan-type {
  opacity: 0.6;
}
.plan-summary-box .header .plan-type span {
  letter-spacing: 1px;
}
.plan-summary-box .header .plan-description {
  opacity: 0.8;
}
.plan-summary-box .header .plan-price-container {
  align-self: start;
}
.plan-summary-box .header .plan-price-container .plan-price {
  opacity: 0.64;
  vertical-align: middle;
  margin-right: var(--b-spacing4);
}
.plan-summary-box .header .image-wrapper {
  position: relative;
  height: 158px;
  width: 35%;
  overflow: hidden;
}
.plan-summary-box .header .image-wrapper.hidden {
  display: none;
}
.plan-summary-box .header .image-wrapper .header-image {
  width: 140%;
  height: auto;
  transform: translate(-12%, -25%);
  object-fit: cover;
  object-position: center;
  display: block;
}
.plan-summary-box .legacy-header {
  background-color: var(--b-bg-on-brand1);
  color: var(--b-txt-on-contrast);
  min-height: 225px;
  position: relative;
  overflow: hidden;
}
.plan-summary-box .legacy-header .header-text-container {
  max-width: 350px;
  padding: 30px;
}
.plan-summary-box .legacy-header .header-text-container .your-plan-text-container {
  min-height: 36px;
}
.plan-summary-box .legacy-header .header-text-container .your-plan-text {
  letter-spacing: 3px;
  font-weight: 600;
  text-wrap: nowrap;
}
.plan-summary-box .legacy-header .header-text-container .plan-price-container {
  background-color: rgba(var(--color_surface_default_rgb), 0.1);
  fill-opacity: 10%;
  padding: 10px;
  border-radius: 4px;
  text-wrap: nowrap;
}
.plan-summary-box .legacy-header .header-image {
  position: absolute;
  right: -64px;
  top: -140px;
  height: 500px;
  width: 415px;
}
.plan-summary-box .legacy-header .admin-buttons-container {
  height: 32px;
  display: flex;
  column-gap: var(--b-spacing16);
}
.plan-summary-box .plan-summary-box-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--b-bg-danger1);
  padding: var(--b-spacing16) var(--b-spacing32);
}
.plan-summary-box .plan-summary-box-body {
  padding: var(--b-spacing32);
}
.plan-summary-box .plan-summary-box-body .section-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.plan-summary-box .plan-summary-box-body .addon-item {
  border: 1px solid var(--b-border-default);
  border-radius: 8px;
  background: var(--b-bg-primary);
  display: flex;
  align-items: center;
  gap: var(--b-spacing8);
  padding: 16px;
  text-decoration: none;
  width: 203px;
}
.plan-summary-box .plan-summary-box-body .addon-item:hover, .plan-summary-box .plan-summary-box-body .addon-item:focus-visible {
  border: 1px solid var(--b-border-brand);
}
.plan-summary-box .plan-summary-box-body .addon-item-icon-container > span {
  width: 28px;
  height: 28px;
  padding: 0;
}
.plan-summary-box .plan-summary-box-body .features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.plan-summary-box .plan-summary-box-body .features-grid .see-all-features-btn {
  background: 0;
  border: 0;
  color: var(--b-txt-brand);
  text-align: left;
  cursor: pointer;
}
.plan-summary-box .plan-summary-box-body .features-grid .see-all-features-btn:hover {
  text-decoration: underline;
}
.plan-summary-box .plan-summary-box-body .footnotes {
  margin-top: 32px;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.plugin-suggestions .plugin-box .plugin-description {
  color: rgba(0, 0, 0, 0.54) !important;
}
.plugin-suggestions .plugin-box .app-assistant-button {
  min-width: unset;
}

.popup-modal-header {
  padding: var(--b-spacing16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--b-border-inactive);
}
.popup-modal-header .popup-modal-header-close svg:hover,
.popup-modal-header .popup-modal-header-close svg:focus-visible {
  color: var(--b-icon-tertiary);
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.select-plan-container {
  max-width: 1312px;
}
.select-plan-container .banner {
  margin: 0 0 20px 0;
}
.select-plan-container.fixed-width {
  width: 1117px;
}
.select-plan-container .bold-text {
  font-weight: 600 !important;
}
.select-plan-container .fake-link {
  color: rgb(2, 5, 211);
  cursor: pointer;
}
.select-plan-container .popup-content {
  width: 556px;
}
.select-plan-container .a {
  color: rgb(2, 5, 211);
}
.select-plan-container .select-app-plan-subtab {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: start;
}

.pricing-toggle {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
}
.pricing-toggle .toggle-common {
  align-items: center;
  display: flex;
  width: 78px;
  height: 32px;
  padding: 12px;
  gap: 10px;
}
.pricing-toggle .toggle-selected {
  background-color: var(--b-bg-primary);
}
.pricing-toggle .toggle-selected.disabled {
  background-color: #ffffff;
  color: rgb(136, 136, 136);
  cursor: not-allowed;
}
.pricing-toggle .toggle-unselected {
  background-color: rgb(249, 249, 249);
}
.pricing-toggle .toggle-unselected.disabled {
  background-color: #f9f9f9;
  color: rgba(136, 136, 136, 0.3);
  cursor: not-allowed;
}

.plan-hat-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
}
.plan-hat-table table,
.plan-hat-table th,
.plan-hat-table td {
  empty-cells: show;
  margin: auto;
}

.pricing-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
  margin-top: 27px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
}
.pricing-table table,
.pricing-table th,
.pricing-table td {
  empty-cells: show;
  margin: auto;
}
.pricing-table td {
  text-align: center;
  vertical-align: middle;
}
.pricing-table th,
.pricing-table td {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.pricing-table tbody tr:last-of-type td {
  border-bottom: none;
}
.pricing-table tr th:last-of-type,
.pricing-table tr td:last-of-type {
  border-right: none;
}
.pricing-table tr:first-of-type th:first-of-type {
  border-top-left-radius: 5px;
}
.pricing-table tr:first-of-type th:last-of-type {
  border-top-right-radius: 5px;
}
.pricing-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}
.pricing-table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}
.pricing-table .pricing-table-fix-header {
  position: sticky;
  top: 0px;
}
.pricing-table .pricing-table-header-row .plan-hat-icon {
  display: inline;
  position: relative;
  font-size: 16px;
}
.pricing-table .pricing-table-header-row .plan-hat-container {
  display: flex;
  height: 27px;
  background-color: var(--b-txt-brand, #0c29ab);
  color: var(--b-txt-on-contrast);
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
}
.pricing-table .pricing-table-header-row .plan-hat-container.secondary {
  background-color: rgba(0, 0, 0, 0.54);
}
.pricing-table .pricing-table-header-row .pricing-table-header-cell {
  flex-direction: column;
  background-color: var(--b-bg-secondary);
  position: relative;
  padding: 24px;
}
.pricing-table .pricing-section-row td {
  min-height: 42px;
}
.pricing-table .pricing-section-row .section-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: left;
  padding: 10px;
}
.pricing-table .pricing-section-row .section-subtitle {
  font-weight: 400;
  display: flex;
  text-align: left;
}
.pricing-table .pricing-section-row .info-tooltip-target {
  font-size: 14px;
  width: 14px;
  color: rgba(0, 0, 0, 0.36);
}
.pricing-table .pricing-section-row .section-cell {
  background-color: var(--b-bg-primary);
  font-weight: 400;
  padding: 10px;
  max-width: 161px;
}

.pricing-header-section {
  text-align: left;
  width: 238px;
}
.pricing-header-section .plan-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  line-height: 1.6em !important;
}
.theme-classic .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.pricing-header-section .plan-description {
  font-size: 14px;
  margin-bottom: 1.67em;
  line-height: 1.4em;
  height: 40px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .price-container {
  margin-bottom: 0.5em;
  display: flex;
  align-items: baseline;
}
.pricing-header-section .price-container .price {
  font-weight: 600;
  font-size: 1.67em;
}
.pricing-header-section .price-container .price-divider,
.pricing-header-section .price-container .frequency {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-secondary);
}
.theme-classic .pricing-header-section .price-container .price-divider,
.theme-classic .pricing-header-section .price-container .frequency {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .pricing-header-section .price-container .price-divider,
.theme-butter .pricing-header-section .price-container .frequency {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.pricing-header-section .price-container .price-divider {
  padding: 0 4px;
}
.pricing-header-section .workload-included-divider {
  height: 1px;
  width: 100%;
  background-color: var(--b-border-default);
}
.pricing-header-section .workload-included {
  font-size: 12px;
  margin-top: 12px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .plan-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  row-gap: 10px;
}
.pricing-header-section .plan-btn-container .new-button-component {
  height: 35px;
  min-width: 100px;
  padding: 10px 24px;
}

.tooltip_text.pricing-tooltip {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: var(--b-bg-primary);
  color: rgb(0, 0, 0);
  min-height: 32px;
  padding: 12px;
  min-width: 250px;
  box-shadow: 2px 4px 10px -10px rgba(2, 5, 211, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.theme-classic .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.tooltip_text.pricing-toggle-tooltip {
  padding: 8px;
  min-width: fit-content;
}

.property-editor-cta {
  border: 1px solid rgb(85, 91, 94);
  border-radius: 2px;
  margin: 12px 16px;
  padding: 12px 16px;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.property-editor-cta .property-editor-cta-title {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: rgb(255, 255, 255);
}
.property-editor-cta .property-editor-cta-description {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: rgb(196, 196, 196);
}
.property-editor-cta .property-editor-learn-more {
  cursor: pointer;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.select-plan-container {
  max-width: 1312px;
}
.select-plan-container .banner {
  margin: 0 0 20px 0;
}
.select-plan-container.fixed-width {
  width: 1117px;
}
.select-plan-container .bold-text {
  font-weight: 600 !important;
}
.select-plan-container .fake-link {
  color: rgb(2, 5, 211);
  cursor: pointer;
}
.select-plan-container .popup-content {
  width: 556px;
}
.select-plan-container .a {
  color: rgb(2, 5, 211);
}
.select-plan-container .select-app-plan-subtab {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: start;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.select-plan-container {
  max-width: 1312px;
}
.select-plan-container .banner {
  margin: 0 0 20px 0;
}
.select-plan-container.fixed-width {
  width: 1117px;
}
.select-plan-container .bold-text {
  font-weight: 600 !important;
}
.select-plan-container .fake-link {
  color: rgb(2, 5, 211);
  cursor: pointer;
}
.select-plan-container .popup-content {
  width: 556px;
}
.select-plan-container .a {
  color: rgb(2, 5, 211);
}
.select-plan-container .select-app-plan-subtab {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: start;
}

.pricing-toggle {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
}
.pricing-toggle .toggle-common {
  align-items: center;
  display: flex;
  width: 78px;
  height: 32px;
  padding: 12px;
  gap: 10px;
}
.pricing-toggle .toggle-selected {
  background-color: var(--b-bg-primary);
}
.pricing-toggle .toggle-selected.disabled {
  background-color: #ffffff;
  color: rgb(136, 136, 136);
  cursor: not-allowed;
}
.pricing-toggle .toggle-unselected {
  background-color: rgb(249, 249, 249);
}
.pricing-toggle .toggle-unselected.disabled {
  background-color: #f9f9f9;
  color: rgba(136, 136, 136, 0.3);
  cursor: not-allowed;
}

.plan-hat-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
}
.plan-hat-table table,
.plan-hat-table th,
.plan-hat-table td {
  empty-cells: show;
  margin: auto;
}

.pricing-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
  margin-top: 27px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
}
.pricing-table table,
.pricing-table th,
.pricing-table td {
  empty-cells: show;
  margin: auto;
}
.pricing-table td {
  text-align: center;
  vertical-align: middle;
}
.pricing-table th,
.pricing-table td {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.pricing-table tbody tr:last-of-type td {
  border-bottom: none;
}
.pricing-table tr th:last-of-type,
.pricing-table tr td:last-of-type {
  border-right: none;
}
.pricing-table tr:first-of-type th:first-of-type {
  border-top-left-radius: 5px;
}
.pricing-table tr:first-of-type th:last-of-type {
  border-top-right-radius: 5px;
}
.pricing-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}
.pricing-table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}
.pricing-table .pricing-table-fix-header {
  position: sticky;
  top: 0px;
}
.pricing-table .pricing-table-header-row .plan-hat-icon {
  display: inline;
  position: relative;
  font-size: 16px;
}
.pricing-table .pricing-table-header-row .plan-hat-container {
  display: flex;
  height: 27px;
  background-color: var(--b-txt-brand, #0c29ab);
  color: var(--b-txt-on-contrast);
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
}
.pricing-table .pricing-table-header-row .plan-hat-container.secondary {
  background-color: rgba(0, 0, 0, 0.54);
}
.pricing-table .pricing-table-header-row .pricing-table-header-cell {
  flex-direction: column;
  background-color: var(--b-bg-secondary);
  position: relative;
  padding: 24px;
}
.pricing-table .pricing-section-row td {
  min-height: 42px;
}
.pricing-table .pricing-section-row .section-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: left;
  padding: 10px;
}
.pricing-table .pricing-section-row .section-subtitle {
  font-weight: 400;
  display: flex;
  text-align: left;
}
.pricing-table .pricing-section-row .info-tooltip-target {
  font-size: 14px;
  width: 14px;
  color: rgba(0, 0, 0, 0.36);
}
.pricing-table .pricing-section-row .section-cell {
  background-color: var(--b-bg-primary);
  font-weight: 400;
  padding: 10px;
  max-width: 161px;
}

.pricing-header-section {
  text-align: left;
  width: 238px;
}
.pricing-header-section .plan-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  line-height: 1.6em !important;
}
.theme-classic .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.pricing-header-section .plan-description {
  font-size: 14px;
  margin-bottom: 1.67em;
  line-height: 1.4em;
  height: 40px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .price-container {
  margin-bottom: 0.5em;
  display: flex;
  align-items: baseline;
}
.pricing-header-section .price-container .price {
  font-weight: 600;
  font-size: 1.67em;
}
.pricing-header-section .price-container .price-divider,
.pricing-header-section .price-container .frequency {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-secondary);
}
.theme-classic .pricing-header-section .price-container .price-divider,
.theme-classic .pricing-header-section .price-container .frequency {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .pricing-header-section .price-container .price-divider,
.theme-butter .pricing-header-section .price-container .frequency {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.pricing-header-section .price-container .price-divider {
  padding: 0 4px;
}
.pricing-header-section .workload-included-divider {
  height: 1px;
  width: 100%;
  background-color: var(--b-border-default);
}
.pricing-header-section .workload-included {
  font-size: 12px;
  margin-top: 12px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .plan-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  row-gap: 10px;
}
.pricing-header-section .plan-btn-container .new-button-component {
  height: 35px;
  min-width: 100px;
  padding: 10px 24px;
}

.tooltip_text.pricing-tooltip {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: var(--b-bg-primary);
  color: rgb(0, 0, 0);
  min-height: 32px;
  padding: 12px;
  min-width: 250px;
  box-shadow: 2px 4px 10px -10px rgba(2, 5, 211, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.theme-classic .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.tooltip_text.pricing-toggle-tooltip {
  padding: 8px;
  min-width: fit-content;
}

.select-workload-tier-container {
  width: 1117px;
  margin-top: 24px;
}
.select-workload-tier-container .main-text {
  margin-bottom: 16px;
}
.select-workload-tier-container .sub-text {
  margin-top: 16px;
  font-size: 12px;
  line-height: 14px;
}
.select-workload-tier-container .sub-text.secondary {
  color: #808080;
}
.select-workload-tier-container a {
  color: var(--b-txt-brand, #0c29ab);
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.settings-card-container {
  border: 1px solid #ececec;
  border-radius: 4px;
  margin-top: -12px;
}
.settings-card-container__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgb(249, 249, 249);
  height: 46px;
  padding: 16px;
  border-bottom: 1px solid #ececec;
}
.settings-card-container__title-text {
  font-size: 14px;
  font-weight: 400;
}
.settings-card-container__body {
  font-size: 16px;
  background-color: var(--b-bg-primary);
  display: flex;
  height: 96px;
  flex-direction: column;
  justify-content: center;
  margin: 20px 20px;
}
.settings-card-container__body-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-card-container__body-main-text {
  color: var(--b-txt-primary, #1a1a1a);
  font-size: 20px;
  font-weight: 400;
}
.settings-card-container__body-sub-text-container {
  display: flex;
  gap: 4px;
}
.settings-card-container__body-sub-text-container-custom {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.settings-card-container__body-sub-text {
  color: #868686;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.settings-card-container__body-sub-text-black {
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}
.settings-card-container__body-label-text-custom {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
}
.settings-card-container__body-value-text-custom {
  color: #868686;
  font-size: 12px;
}
.settings-card-container__body-wide {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 64px;
  align-items: center;
}
.settings-card-container__body-wide-main-text {
  color: var(--b-txt-primary, #1a1a1a);
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 5px;
}
.settings-card-container__body-wide-sub-text {
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 5px;
}
.settings-card-container .card-link {
  color: var(--b-txt-brand, #0c29ab);
  cursor: pointer;
}

.settings-card-light-text {
  color: #868686;
}

.settings-card-warning-text {
  color: #970707;
}

.settings-card-slim-width {
  min-width: 416px;
}

.wide-width {
  min-width: 855px;
}

.subtab-header.extra-margin {
  margin-top: 20px;
}
.subtab-header .subtab-header-navigation {
  display: flex;
  margin: 0 20px 0 0;
  padding: 0;
  align-items: center;
  background: none;
  border: none;
  flex-shrink: 0;
}
.subtab-header .subtab-title-container {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.subtab-header .subtab-header-clickable {
  color: var(--b-txt-brand, #0c29ab);
}

.thumbnail-card {
  height: 180px;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-radius: 5px;
  border: 1px solid var(--border-default, #e6e6e6);
  padding: 12px 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.thumbnail-card:hover {
  background-color: var(--b-bg-secondary);
}
.thumbnail-card.selected {
  background-color: var(--b-bg-brand2);
  border-color: var(--b-border-brand);
}
.thumbnail-card .icon-wrapper {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--b-bg-brand2);
  padding: 16px;
}
.thumbnail-card .icon-wrapper.selected {
  background-color: var(--b-bg-brand1);
}
.thumbnail-card #thumbnail-card-title {
  color: var(--b-livid-80);
}
.thumbnail-card #thumbnail-card-caption {
  color: var(--b-livid-70);
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.trial-upgrade-modal-content {
  color: var(--b-txt-primary);
  padding: 45px 72px;
  min-width: 600px;
}
.trial-upgrade-modal-content .modal-header {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}
.trial-upgrade-modal-content .plan-section-trial {
  width: 50%;
  align-self: stretch;
  border: 1px solid var(--b-border-brand);
  position: relative;
}
.trial-upgrade-modal-content .plan-section-trial::before {
  content: "RECOMMENDED";
  border-radius: 5px;
  background: #a1defb;
  color: #0b259b;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-align: center;
  position: absolute;
  top: -12px;
  left: calc(50% - 65px); /* subtract half of this el width to move to center */
  padding: 4px;
  width: 130px;
}
.trial-upgrade-modal-content .plan-section-trial .plan-section-header {
  padding: 18px 30px;
  font-size: 12px;
  border-bottom: 1px solid var(--b-border-brand);
}
.trial-upgrade-modal-content .plan-section-free {
  width: 50%;
  align-self: stretch;
  border: 1px solid var(--b-border-default);
  border-left: none;
}
.trial-upgrade-modal-content .plan-section-free .plan-section-header {
  padding: 18px 30px;
  font-size: 12px;
  border-bottom: 1px solid var(--b-border-default);
}
.trial-upgrade-modal-content .divider {
  height: 0px;
  border-bottom: 1px solid var(--b-border-default);
  margin: 16px 0;
}
.trial-upgrade-modal-content .button-container {
  width: 160px;
}
.trial-upgrade-modal-content h1 {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}
.trial-upgrade-modal-content h2 {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.trial-upgrade-modal-content h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}
.trial-upgrade-modal-content .plan-cost-text {
  font-size: 24px;
  line-height: 140%;
  font-weight: 600;
  margin-right: 4px;
}
.trial-upgrade-modal-content .plan-cost-subtext {
  color: var(--b-txt-secondary);
  font-weight: 400;
  margin-bottom: 16px;
}
.trial-upgrade-modal-content .plan-detail-section {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.trial-upgrade-modal-content .plan-detail-item {
  padding: 8px 10px;
  gap: 8px;
  align-items: center;
}
.trial-upgrade-modal-content .plan-detail-item span {
  color: var(--b-txt-success);
}
.trial-upgrade-modal-content .plan-detail-item-text {
  color: var(--b-txt-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.trial-upgrade-modal-content .plan-detail-item-subtext {
  color: var(--b-txt-tertiary);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.message-panel-popup.modal-popup.upgrade-bv-popup .popup-title {
  font-size: 22px;
  padding: 0px;
  line-height: normal;
}
.message-panel-popup.modal-popup.upgrade-bv-popup .popup-content {
  width: 550px;
  padding: 24px;
}
.message-panel-popup.modal-popup.upgrade-bv-popup .children > .inner-children {
  padding: 29px 0px;
}
.message-panel-popup.modal-popup.upgrade-bv-popup .children > .inner-children .instruction {
  line-height: normal;
}
.message-panel-popup.modal-popup.upgrade-bv-popup .btn-row {
  margin: 0px;
  gap: 32px;
}
.message-panel-popup.modal-popup.upgrade-bv-popup .btn-row .bubble-ui.btn.btn-create {
  width: fit-content;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  padding: 0px 10px;
}

.see-all-other-plans-btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--b-spacing8) 0;
}
.see-all-other-plans-btn-container .see-all-other-plans-btn {
  border: 0;
  background: 0;
  color: var(--b-txt-secondary);
  cursor: pointer;
}
.see-all-other-plans-btn-container .see-all-other-plans-btn:hover {
  text-decoration: underline;
}

.upgrade-modal-plan-card {
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-spacing12);
  padding: var(--b-spacing16) var(--b-spacing20);
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.verify-email-banner {
  align-items: center;
  background: #fff;
  border-top: 1px solid var(--b-border-default);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 12px 75px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5000001;
}
.verify-email-banner .verify-text {
  color: var(--b-txt-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.version-dropdown.no-arrow {
  border-right: 1px solid rgb(245, 245, 245);
  display: flex;
  align-items: center;
  margin: 0px;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
}
.version-dropdown.no-arrow:after {
  content: none;
}
.version-dropdown.no-arrow.icon:before {
  margin-right: 7px;
  font-size: 17px;
  color: #989898;
  font-family: "FontAwesome";
}
.version-dropdown.no-arrow.icon.fork:before {
  content: "\f126";
}
.version-dropdown.no-arrow.icon.hotfix:before {
  content: "\f0fa";
}
.version-dropdown.no-arrow.icon.live:before {
  content: "\f0ac";
}

.sidepanel.version-control {
  height: 100vh;
  display: flex;
  flex-direction: column;
  --version-control-sidepanel-side-padding: 32px;
  padding-left: var(--version-control-sidepanel-side-padding);
  padding-top: 32px;
  padding-right: var(--version-control-sidepanel-side-padding);
}
.sidepanel.version-control .button-wrapper {
  position: static;
  margin-left: calc(var(--version-control-sidepanel-side-padding) * -1);
  margin-top: auto;
  flex-shrink: 0;
}
.sidepanel.version-control .tabs-container {
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.sidepanel.version-control .tabs-container .tab-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.sidepanel.version-control .tabs-container:has(.changelog-empty-state-container) {
  height: 100%;
}
.sidepanel.version-control.changelog {
  --version-control-sidepanel-side-padding: 24px;
}
.sidepanel.version-control .changelog-card-thumbnail-wrapper {
  width: 100%;
}
.sidepanel.version-control .changelog-filter {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
.sidepanel.version-control .changelog-filter .filter-panel {
  position: fixed;
  background-color: white;
  margin-top: -12px;
}
.sidepanel.version-control .changelog-filter .filter-panel .date-filter {
  width: 184px;
  font-size: 12px;
}
.sidepanel.version-control .changelog-filter .filter-panel .date-filter:focus {
  border: 1px solid #0c29ab !important;
}
.sidepanel.version-control .changelog-filter .filter-panel .date-filter.invalid {
  border: 1px solid #b0200c !important;
}
.sidepanel.version-control .changelog-filter .filter-panel .time-filter {
  width: 80px;
  font-size: 12px;
}
.sidepanel.version-control .changelog-filter .filter-panel .time-filter:focus {
  border: 1px solid #0c29ab !important;
}
.sidepanel.version-control .changelog-filter .filter-panel .time-filter.invalid {
  border: 1px solid #b0200c !important;
}
.sidepanel.version-control .changelog-filter .collaborator-filter-row {
  cursor: pointer;
}
.sidepanel.version-control .changelog-filter .collaborator-filter-row:hover {
  background-color: rgb(249, 249, 249);
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container {
  width: 100%;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-caption-container {
  width: 100%;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-caption-container.selected {
  padding: 0px;
  display: flex;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .autocomplete-input {
  width: 100%;
  padding: 5.5px 8px 6.5px 8px;
  color: black;
  border-color: var(--b-border-brand);
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-items-positioner {
  top: -2px;
  width: 100%;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-items-positioner .dropdown-items-container {
  position: relative;
  padding: 0;
  overflow-y: auto;
  display: flex;
  max-height: 200px;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-items-positioner .dropdown-items-container .section.empty {
  padding-top: 4px;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-items-positioner .dropdown-items-container .section .section-title {
  padding-left: 8px;
}
.sidepanel.version-control .changelog-filter .context-filter-row .context-filter.composer-container .dropdown-items-positioner .dropdown-items-container .dropdown-item-container {
  min-height: 28px;
  padding: 4px var(--b-spacing-padding-list);
  flex-direction: column;
  row-gap: 8px;
}
.sidepanel.version-control .changelog-collaborator-dropdown {
  flex-grow: 1;
}
.sidepanel.version-control .changelog-entries-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  gap: 12px;
  scrollbar-width: none;
  width: 100%;
  height: 100%;
}
.sidepanel.version-control .changelog-entries-container .inner-entry {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  width: 95%;
  border-left: 1px solid #e3e9f1;
  gap: 12px;
}
.sidepanel.version-control .changelog-entries-container .metadata-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: normal;
  flex-direction: row-reverse;
  column-gap: 4px;
}
.sidepanel.version-control .changelog-entries-container .savepoint-card-container {
  height: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
}
.sidepanel.version-control .changelog-entries-container .savepoint-card-container:hover {
  background-color: var(--b-bg-secondary);
  cursor: pointer;
}
.sidepanel.version-control .changelog-entries-container .savepoint-card-container .savepoint-dash-border {
  height: 1px;
  border-bottom: dashed 1px var(--gb--livid-30, #cad5e2);
  width: 100%;
}
.sidepanel.version-control .changelog-entries-container .savepoint-card-container .savepoint-message-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  gap: 2px;
}
.sidepanel.version-control .changelog-entries-container .savepoint-card-container .savepoint-message-container .savepoint-message {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-weight: 600;
  color: var(--b-tertiary-black, #888);
}
.sidepanel.version-control .changelog-entries-container .scroll-list.load-more-container {
  margin-left: auto;
  margin-right: auto;
}
.sidepanel.version-control .changelog-entries-container .scroll-list.load-more-container .currently-loading {
  display: flex;
}
.sidepanel.version-control .changelog-empty-state-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  height: 100%;
}
.sidepanel.version-control .changelog-empty-state-container .changelog-empty-state-caption {
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 4px;
}

.parent-branch-name-and-icon {
  width: 100%;
  display: flex;
  align-items: center;
}
.parent-branch-name-and-icon .parent-branch-icon {
  color: #868686;
  font-size: 14px;
}
.parent-branch-name-and-icon .parent-branch-name {
  margin-left: 5px;
  font-size: 12px;
}

.branch-name-and-options {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
  margin-top: 4px;
}
.branch-name-and-options .branch-name-container {
  width: max-content;
  height: max-content;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.branch-name-and-options .branch-name-container .branch-name {
  color: #0008d0;
  font-size: 20px;
  display: flex;
  align-items: center;
  width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.branch-name-and-options .branch-name-container .branch-name .live-version-name {
  margin-left: 6px;
  display: inline-flex;
  width: max-content;
}
.branch-name-and-options .buttons {
  display: flex;
  align-items: center;
  height: 30px;
  gap: 4px;
}
.branch-name-and-options .dropdown-container.version-control {
  height: 100%;
  width: 30px;
  z-index: 2;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-caption-container.version-control {
  height: 100%;
  font-size: 12px;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-caption-container.version-control.selected {
  outline: 1px solid #0008d0;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-caption-container.version-control.no-outline-hover {
  border: none;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-caption-container.version-control.no-outline-hover:hover {
  background-color: rgb(249, 249, 249);
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control {
  max-width: 150px;
  margin-left: -84px;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container {
  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.98);
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section {
  display: flex;
  flex-direction: column;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section.id-section {
  color: #87888a;
  font-weight: 600;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section.id-section + .main {
  padding-top: 8px;
  border-top-color: #dcddde;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section.id-section > .dropdown-item-container {
  pointer-events: none;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section .dropdown-item-container {
  align-items: flex-start;
}
.branch-name-and-options .dropdown-container.version-control .dropdown-items-container.version-control .items-inner-container .section .dropdown-item-container .dropdown-item.version-control {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 23px;
}

.version-description,
.last-update {
  width: 100%;
  float: left;
  text-align: left;
}

.version-description {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 18px;
}

.last-update {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5333333333);
  width: max-content;
  flex-shrink: 0;
}
.last-update.full-details {
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.version-control-sidepanel-heading {
  width: 100%;
  height: max-content;
  flex-shrink: 0;
}

.version-control-sidepanel-alert {
  padding-top: 8px;
}

.changelog-vc-tooltip {
  cursor: default;
}

.changelog-vc-sidepanel-tooltip-body {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.changelog-vc-sidepanel-tooltip-body a {
  color: var(--b-txt-brand);
}

.out-of-sync-container {
  width: 100%;
  height: 35px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.5px solid #dcddde;
  border-top: 0.5px solid #dcddde;
}
.out-of-sync-container.temporary-branch {
  height: 45px;
}
.out-of-sync-container .out-of-sync-text-and-icon {
  display: flex;
}
.out-of-sync-container .out-of-sync-text-and-icon .out-of-sync-icon {
  font-size: 14px;
  color: var(--b-icon-danger);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.out-of-sync-container .out-of-sync-text-and-icon .out-of-sync-text {
  font: "Open Sans";
  margin-left: 7px;
}
.out-of-sync-container .out-of-sync-text-and-icon .merge-in-progress-container {
  height: fit-content;
  margin-left: 7px;
}
.out-of-sync-container .out-of-sync-text-and-icon .merge-in-progress-container .merge-in-progress-description {
  margin-bottom: 3px;
}
.out-of-sync-container .out-of-sync-text-and-icon .merge-in-progress-container .merge-in-progress-time {
  color: rgba(0, 0, 0, 0.5333333333);
}

.sync-text {
  color: #0008d0;
  cursor: pointer;
  margin-left: auto;
}

.mode-button.version-control {
  width: 33.3333333333%;
  margin-top: 21px;
}

.top-aligned-button-container,
.branches-container,
.merge-selection-container,
.merge-view-manager,
.archived-branches-container {
  width: 100%;
  border-bottom: 0.5px solid #dcddde;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.top-aligned-button-container.end-merge-button-container,
.branches-container.end-merge-button-container,
.merge-selection-container.end-merge-button-container,
.merge-view-manager.end-merge-button-container,
.archived-branches-container.end-merge-button-container {
  border-bottom: none;
  margin-top: 16px;
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button,
.branches-container .bubble-ui.btn.top-aligned-button,
.merge-selection-container .bubble-ui.btn.top-aligned-button,
.merge-view-manager .bubble-ui.btn.top-aligned-button,
.archived-branches-container .bubble-ui.btn.top-aligned-button {
  width: 100%;
  font-size: 12px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button.secondary-background,
.branches-container .bubble-ui.btn.top-aligned-button.secondary-background,
.merge-selection-container .bubble-ui.btn.top-aligned-button.secondary-background,
.merge-view-manager .bubble-ui.btn.top-aligned-button.secondary-background,
.archived-branches-container .bubble-ui.btn.top-aligned-button.secondary-background {
  border-color: var(--b-txt-brand, #0c29ab);
  background-color: white;
  color: var(--b-txt-brand, #0c29ab);
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button.secondary-background:hover,
.branches-container .bubble-ui.btn.top-aligned-button.secondary-background:hover,
.merge-selection-container .bubble-ui.btn.top-aligned-button.secondary-background:hover,
.merge-view-manager .bubble-ui.btn.top-aligned-button.secondary-background:hover,
.archived-branches-container .bubble-ui.btn.top-aligned-button.secondary-background:hover {
  background-color: var(--b-bg-brand1);
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button.cancel-ongoing-merge, .top-aligned-button-container .bubble-ui.btn.top-aligned-button.cancel,
.branches-container .bubble-ui.btn.top-aligned-button.cancel-ongoing-merge,
.branches-container .bubble-ui.btn.top-aligned-button.cancel,
.merge-selection-container .bubble-ui.btn.top-aligned-button.cancel-ongoing-merge,
.merge-selection-container .bubble-ui.btn.top-aligned-button.cancel,
.merge-view-manager .bubble-ui.btn.top-aligned-button.cancel-ongoing-merge,
.merge-view-manager .bubble-ui.btn.top-aligned-button.cancel,
.archived-branches-container .bubble-ui.btn.top-aligned-button.cancel-ongoing-merge,
.archived-branches-container .bubble-ui.btn.top-aligned-button.cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: var(--b-border-danger);
  color: var(--b-txt-danger);
  background-color: white;
  padding-top: 0;
  cursor: pointer;
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button.cancel,
.branches-container .bubble-ui.btn.top-aligned-button.cancel,
.merge-selection-container .bubble-ui.btn.top-aligned-button.cancel,
.merge-view-manager .bubble-ui.btn.top-aligned-button.cancel,
.archived-branches-container .bubble-ui.btn.top-aligned-button.cancel {
  width: 294px;
}
.top-aligned-button-container .bubble-ui.btn.top-aligned-button.fixed,
.branches-container .bubble-ui.btn.top-aligned-button.fixed,
.merge-selection-container .bubble-ui.btn.top-aligned-button.fixed,
.merge-view-manager .bubble-ui.btn.top-aligned-button.fixed,
.archived-branches-container .bubble-ui.btn.top-aligned-button.fixed {
  bottom: 96px !important;
  position: absolute;
}
.top-aligned-button-container .live-environment-container,
.branches-container .live-environment-container,
.merge-selection-container .live-environment-container,
.merge-view-manager .live-environment-container,
.archived-branches-container .live-environment-container {
  width: 100%;
  height: max-content;
  border-bottom: 0.5px solid #dcddde;
}
.top-aligned-button-container .live-environment-container.has-hotfix,
.branches-container .live-environment-container.has-hotfix,
.merge-selection-container .live-environment-container.has-hotfix,
.merge-view-manager .live-environment-container.has-hotfix,
.archived-branches-container .live-environment-container.has-hotfix {
  padding-bottom: 12px;
}
.top-aligned-button-container .branch-env-row,
.branches-container .branch-env-row,
.merge-selection-container .branch-env-row,
.merge-view-manager .branch-env-row,
.archived-branches-container .branch-env-row {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-aligned-button-container .branch-env-row.env,
.branches-container .branch-env-row.env,
.merge-selection-container .branch-env-row.env,
.merge-view-manager .branch-env-row.env,
.archived-branches-container .branch-env-row.env {
  min-height: 35px;
}
.top-aligned-button-container .branch-env-row.env .environment-name-container,
.branches-container .branch-env-row.env .environment-name-container,
.merge-selection-container .branch-env-row.env .environment-name-container,
.merge-view-manager .branch-env-row.env .environment-name-container,
.archived-branches-container .branch-env-row.env .environment-name-container {
  display: flex;
  align-items: center;
  width: max-content;
  float: left;
}
.top-aligned-button-container .branch-env-row.env .environment-name-container .env-icon,
.branches-container .branch-env-row.env .environment-name-container .env-icon,
.merge-selection-container .branch-env-row.env .environment-name-container .env-icon,
.merge-view-manager .branch-env-row.env .environment-name-container .env-icon,
.archived-branches-container .branch-env-row.env .environment-name-container .env-icon {
  color: #868686;
  height: max-content;
  margin-right: 9px;
  font-size: 14px;
}
.top-aligned-button-container .branch-env-row.env .environment-name-container .environment-name,
.branches-container .branch-env-row.env .environment-name-container .environment-name,
.merge-selection-container .branch-env-row.env .environment-name-container .environment-name,
.merge-view-manager .branch-env-row.env .environment-name-container .environment-name,
.archived-branches-container .branch-env-row.env .environment-name-container .environment-name {
  font-size: 12px;
  color: #080808;
  height: max-content;
}
.top-aligned-button-container .branch-env-row.env.live,
.branches-container .branch-env-row.env.live,
.merge-selection-container .branch-env-row.env.live,
.merge-view-manager .branch-env-row.env.live,
.archived-branches-container .branch-env-row.env.live {
  cursor: pointer;
}
.top-aligned-button-container .branch-env-row.env.live.selected .env-icon,
.top-aligned-button-container .branch-env-row.env.live.selected .environment-name,
.branches-container .branch-env-row.env.live.selected .env-icon,
.branches-container .branch-env-row.env.live.selected .environment-name,
.merge-selection-container .branch-env-row.env.live.selected .env-icon,
.merge-selection-container .branch-env-row.env.live.selected .environment-name,
.merge-view-manager .branch-env-row.env.live.selected .env-icon,
.merge-view-manager .branch-env-row.env.live.selected .environment-name,
.archived-branches-container .branch-env-row.env.live.selected .env-icon,
.archived-branches-container .branch-env-row.env.live.selected .environment-name {
  color: var(--b-txt-brand, #0c29ab);
}
.top-aligned-button-container .branch-env-row.env .environment-alert-container,
.branches-container .branch-env-row.env .environment-alert-container,
.merge-selection-container .branch-env-row.env .environment-alert-container,
.merge-view-manager .branch-env-row.env .environment-alert-container,
.archived-branches-container .branch-env-row.env .environment-alert-container {
  display: flex;
  align-items: center;
  width: max-content;
}
.top-aligned-button-container .branch-env-row.env .environment-alert-container .env-icon-alert,
.branches-container .branch-env-row.env .environment-alert-container .env-icon-alert,
.merge-selection-container .branch-env-row.env .environment-alert-container .env-icon-alert,
.merge-view-manager .branch-env-row.env .environment-alert-container .env-icon-alert,
.archived-branches-container .branch-env-row.env .environment-alert-container .env-icon-alert {
  color: var(--b-icon-danger);
  height: max-content;
  margin-right: 4px;
  font-size: 12px;
}
.top-aligned-button-container .branch-env-row.env .environment-alert-container .environment-alert-text,
.branches-container .branch-env-row.env .environment-alert-container .environment-alert-text,
.merge-selection-container .branch-env-row.env .environment-alert-container .environment-alert-text,
.merge-view-manager .branch-env-row.env .environment-alert-container .environment-alert-text,
.archived-branches-container .branch-env-row.env .environment-alert-container .environment-alert-text {
  color: var(--b-txt-danger);
  font-size: 12px;
  height: max-content;
}
.top-aligned-button-container .branch-env-row.branch,
.branches-container .branch-env-row.branch,
.merge-selection-container .branch-env-row.branch,
.merge-view-manager .branch-env-row.branch,
.archived-branches-container .branch-env-row.branch {
  min-height: 22px;
  cursor: pointer;
}
.top-aligned-button-container .branch-env-row.branch.selected .branch-icon,
.top-aligned-button-container .branch-env-row.branch.selected .branch-name,
.branches-container .branch-env-row.branch.selected .branch-icon,
.branches-container .branch-env-row.branch.selected .branch-name,
.merge-selection-container .branch-env-row.branch.selected .branch-icon,
.merge-selection-container .branch-env-row.branch.selected .branch-name,
.merge-view-manager .branch-env-row.branch.selected .branch-icon,
.merge-view-manager .branch-env-row.branch.selected .branch-name,
.archived-branches-container .branch-env-row.branch.selected .branch-icon,
.archived-branches-container .branch-env-row.branch.selected .branch-name {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.top-aligned-button-container .branch-env-row.branch .branch-name-icon-container,
.branches-container .branch-env-row.branch .branch-name-icon-container,
.merge-selection-container .branch-env-row.branch .branch-name-icon-container,
.merge-view-manager .branch-env-row.branch .branch-name-icon-container,
.archived-branches-container .branch-env-row.branch .branch-name-icon-container {
  display: flex;
  align-items: center;
  width: calc(100% - 65px);
}
.top-aligned-button-container .branch-env-row.branch .branch-name-icon-container .branch-icon,
.branches-container .branch-env-row.branch .branch-name-icon-container .branch-icon,
.merge-selection-container .branch-env-row.branch .branch-name-icon-container .branch-icon,
.merge-view-manager .branch-env-row.branch .branch-name-icon-container .branch-icon,
.archived-branches-container .branch-env-row.branch .branch-name-icon-container .branch-icon {
  margin-right: 14px;
  margin-left: 5px;
  color: #868686;
  font-size: 14px;
}
.top-aligned-button-container .branch-env-row.branch .branch-name-icon-container .branch-icon.fa-medkit,
.branches-container .branch-env-row.branch .branch-name-icon-container .branch-icon.fa-medkit,
.merge-selection-container .branch-env-row.branch .branch-name-icon-container .branch-icon.fa-medkit,
.merge-view-manager .branch-env-row.branch .branch-name-icon-container .branch-icon.fa-medkit,
.archived-branches-container .branch-env-row.branch .branch-name-icon-container .branch-icon.fa-medkit {
  margin-right: 10px;
  margin-left: 3px;
}
.top-aligned-button-container .branch-env-row.branch .branch-name-icon-container .branch-name,
.branches-container .branch-env-row.branch .branch-name-icon-container .branch-name,
.merge-selection-container .branch-env-row.branch .branch-name-icon-container .branch-name,
.merge-view-manager .branch-env-row.branch .branch-name-icon-container .branch-name,
.archived-branches-container .branch-env-row.branch .branch-name-icon-container .branch-name {
  font-size: 12px;
  color: #080808;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
}
.top-aligned-button-container .branch-env-row.archived,
.branches-container .branch-env-row.archived,
.merge-selection-container .branch-env-row.archived,
.merge-view-manager .branch-env-row.archived,
.archived-branches-container .branch-env-row.archived {
  cursor: default;
}
.top-aligned-button-container .branch-env-row.archived .branch-name,
.branches-container .branch-env-row.archived .branch-name,
.merge-selection-container .branch-env-row.archived .branch-name,
.merge-view-manager .branch-env-row.archived .branch-name,
.archived-branches-container .branch-env-row.archived .branch-name {
  text-decoration: line-through;
}
.top-aligned-button-container .branch-env-row.selectable-version,
.branches-container .branch-env-row.selectable-version,
.merge-selection-container .branch-env-row.selectable-version,
.merge-view-manager .branch-env-row.selectable-version,
.archived-branches-container .branch-env-row.selectable-version {
  display: flex;
  justify-content: space-between;
}
.top-aligned-button-container .branch-env-row.selectable-version:hover,
.branches-container .branch-env-row.selectable-version:hover,
.merge-selection-container .branch-env-row.selectable-version:hover,
.merge-view-manager .branch-env-row.selectable-version:hover,
.archived-branches-container .branch-env-row.selectable-version:hover {
  background-color: rgb(249, 249, 249);
}
.top-aligned-button-container .branch-list-container,
.branches-container .branch-list-container,
.merge-selection-container .branch-list-container,
.merge-view-manager .branch-list-container,
.archived-branches-container .branch-list-container {
  width: calc(100% - 8px);
  margin-left: 8px;
  border-left: 1px solid #ccc;
  padding-left: 6px;
  float: left;
  display: flex;
  flex-direction: column;
}
.top-aligned-button-container .branch-list,
.branches-container .branch-list,
.merge-selection-container .branch-list,
.merge-view-manager .branch-list,
.archived-branches-container .branch-list {
  display: flex;
  flex-direction: column;
  width: calc(100% - 15px);
}
.top-aligned-button-container .branch-children-container,
.branches-container .branch-children-container,
.merge-selection-container .branch-children-container,
.merge-view-manager .branch-children-container,
.archived-branches-container .branch-children-container {
  display: flex;
  width: 100%;
}
.top-aligned-button-container .branch-children-container .branch-hierarchy-indent,
.branches-container .branch-children-container .branch-hierarchy-indent,
.merge-selection-container .branch-children-container .branch-hierarchy-indent,
.merge-view-manager .branch-children-container .branch-hierarchy-indent,
.archived-branches-container .branch-children-container .branch-hierarchy-indent {
  width: 15px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.top-aligned-button-container .branch-children-container .branch-hierarchy-indent .branch-hierarchy-vertical-line,
.branches-container .branch-children-container .branch-hierarchy-indent .branch-hierarchy-vertical-line,
.merge-selection-container .branch-children-container .branch-hierarchy-indent .branch-hierarchy-vertical-line,
.merge-view-manager .branch-children-container .branch-hierarchy-indent .branch-hierarchy-vertical-line,
.archived-branches-container .branch-children-container .branch-hierarchy-indent .branch-hierarchy-vertical-line {
  height: 100%;
  width: 1px;
  background: #ccc;
}

.top-aligned-button-container {
  padding: 16px 0px;
  gap: 16px;
}

.branches-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.branches-container.viewheight-limit {
  max-height: 35vh;
}

.archived-branches-container {
  border-top: 0.5px solid #dcddde;
  margin-top: 16px;
  border-bottom: none;
  padding-bottom: 0px;
}

.branches-remaining-row {
  width: 100%;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.branches-remaining-row.archived {
  flex-direction: row;
}
.branches-remaining-row .create-new-branch-container {
  width: max-content;
  height: 14px;
  float: left;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.branches-remaining-row .create-new-branch-container .create-branch-icon {
  color: var(--b-txt-brand, #0c29ab);
  margin-right: 4px;
}
.branches-remaining-row .create-new-branch-container .create-new-branch {
  width: max-content;
  font-size: 12px;
  color: var(--b-txt-brand, #0c29ab);
}
.branches-remaining-row .create-new-branch-container.disabled {
  cursor: default;
}
.branches-remaining-row .create-new-branch-container.disabled .create-branch-icon {
  color: rgba(var(--b-txt-brand, #0c29ab), 0.6);
}
.branches-remaining-row .create-new-branch-container.disabled .create-new-branch {
  color: rgba(var(--b-txt-brand, #0c29ab), 0.6);
}
.branches-remaining-row .branches-available {
  font-size: 12px;
  line-height: normal;
  color: #616161;
}
.branches-remaining-row .upgrade-btn {
  width: 100%;
  text-align: center;
  font-size: 12px;
  height: 35px;
}

.branch-menu-dropdown {
  float: right;
  width: 118px;
  margin-top: 32px;
  height: 35px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
}

.history-mode-picker {
  width: 100%;
  border-bottom: 0.5px solid #dcddde;
  height: 43.5px;
  display: flex;
  font-size: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.history-mode-picker .clickable {
  cursor: pointer;
  color: var(--b-txt-brand, #0c29ab);
  display: flex;
}
.history-mode-picker .clickable.custom-time {
  gap: 8px;
}
.history-mode-picker.savepoints {
  justify-content: space-between;
}

.history-mode-content {
  min-height: 125px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-top: 16px;
  font-size: 12px;
}
.history-mode-content.savepoints {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
}
.history-mode-content.custom {
  margin-bottom: 16px;
}

.savepoint-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden auto;
  float: left;
}
.savepoint-list.viewheight-max {
  max-height: 30vh;
}
.savepoint-list .savepoint-row {
  margin-bottom: 12px;
  align-items: flex-start;
}
.savepoint-list .savepoint-row .radio-button {
  margin-top: -5.5px;
}
.savepoint-list .savepoint-row .savepoint-icon {
  margin-left: 3px;
  margin-top: 4px;
  color: #868686;
  display: flex;
  justify-content: center;
  width: 12px;
}
.savepoint-list .savepoint-row .savepoint-description-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  margin-left: 10px;
  border-bottom: 0.5px solid #dcddde;
  padding-bottom: 12px;
  gap: 8px;
}
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-content-row,
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-message-container {
  display: flex;
  gap: 12px;
  align-items: center;
}
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-content-row .savepoint-message,
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-content-row .savepoint-description,
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-message-container .savepoint-message,
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-message-container .savepoint-description {
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-content-row .savepoint-message,
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-message-container .savepoint-message {
  font-size: 12px;
  height: fit-content;
  display: flex;
  white-space: initial;
  line-height: normal;
}
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-message-container {
  align-items: flex-start;
}
.savepoint-list .savepoint-row .savepoint-description-container .savepoint-description {
  font-size: 12px;
  color: #616161;
  line-height: normal;
  width: max-content;
  max-width: 235px;
  padding-left: 28px;
}

.no-savepoint {
  height: max-content;
  font-size: 12px;
  float: left;
  text-align: center;
  width: 80%;
}

.custom-time-entry {
  width: 100%;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
}
.custom-time-entry .custom-time-entry-caption,
.custom-time-entry .date-input {
  width: max-content;
  height: max-content;
  font-style: normal;
  font-size: 12px;
}
.custom-time-entry .custom-time-entry-caption {
  display: inline-block;
  margin-right: 20px;
}
.custom-time-entry .date-input {
  width: 168px;
  height: 30px;
  background: rgba(249, 249, 249, 0.7);
  border: 1px solid #e3e9f1;
  border-radius: 5px;
  padding-left: 16px;
}

.current-time {
  width: max-content;
  height: max-content;
  font-size: 12px;
  float: left;
  width: max-content;
  color: #0008d0;
  cursor: pointer;
  margin-top: 13px;
}

.fail-restore-time {
  color: var(--b-txt-danger);
  height: max-content;
  font-size: 12px;
  text-align: center;
  margin-bottom: 16px;
}
.fail-restore-time.fixed {
  padding-right: var(--version-control-sidepanel-side-padding);
  position: absolute;
  bottom: 134px !important;
  margin-bottom: 0px;
}

.btn.restore-button {
  width: 100%;
  height: 35px;
  font-size: 12px;
  flex-shrink: 0;
  margin-bottom: 16px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.merge-steps-list {
  margin-top: 18px;
  border-top: 1px solid #e3e9f1;
  display: flex;
  flex-direction: column;
  margin-left: calc(var(--version-control-sidepanel-side-padding) * -1);
  margin-right: calc(var(--version-control-sidepanel-side-padding) * -1);
}
.merge-steps-list .merge-step-row {
  background-color: var(--b-bg-secondary, #f7f7f7);
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e9f1;
  padding-left: var(--version-control-sidepanel-side-padding);
  padding-right: var(--version-control-sidepanel-side-padding);
}
.merge-steps-list .merge-step-row.current-merge-step {
  color: var(--b-txt-brand, #0c29ab);
}
.merge-steps-list .merge-step-row .merge-step-icon {
  width: 14px;
  margin-right: 16px;
  border: 2px solid #e3e9f1;
  height: 14px;
  border-radius: 50%;
}
.merge-steps-list .merge-step-row .merge-step-icon.completed {
  color: var(--b-txt-brand, #0c29ab);
  border: 0;
}
.merge-steps-list .merge-step-row .merge-step-icon.current {
  border-color: var(--b-txt-brand, #0c29ab);
  background-color: white;
}
.merge-steps-list .merge-step-row .merge-step-name {
  font-size: 12px;
}

.merge-selection-container {
  border-bottom: 1px solid #e3e9f1;
}
.merge-selection-container .merge-selection-picker {
  padding-left: var(--version-control-sidepanel-side-padding);
  padding-right: var(--version-control-sidepanel-side-padding);
}
.merge-selection-container .merge-selection-picker .merge-selection-prompt {
  font-size: 12px;
  margin-top: 16px;
  margin-bottom: 6px;
}
.merge-selection-container .merge-selection-picker .merge-selection-buttons-container {
  max-height: 150px;
  overflow-y: auto;
}
.merge-selection-container .merge-selection-picker .merge-selection-buttons-container .merge-selection-row .merge-selection-display {
  display: flex;
  width: 100%;
  padding-left: 4px;
}
.merge-selection-container .merge-selection-picker .merge-selection-buttons-container .merge-selection-row .merge-selection-display .merge-selection-text {
  font-size: 12px;
  width: max-content;
  float: left;
  text-align: left;
  white-space: nowrap;
}
.merge-selection-container .merge-selection-picker .merge-selection-buttons-container .merge-selection-row .merge-selection-display .merge-selection-text.merge-selection-branch-name {
  padding-right: 3px;
}

/*----------------
MERGE CONFLICT WINDOW
-------------------*/
.merge-conflict-window,
.merge-changes-window {
  width: 400px;
  max-height: 592px;
}
.merge-conflict-window .conflict-page,
.merge-conflict-window .merge-changes-page,
.merge-changes-window .conflict-page,
.merge-changes-window .merge-changes-page {
  font-size: 12px;
  scrollbar-width: 2px;
}
.merge-conflict-window .conflict-page .conflict-page-header,
.merge-conflict-window .conflict-page .merge-changes-page-header,
.merge-conflict-window .merge-changes-page .conflict-page-header,
.merge-conflict-window .merge-changes-page .merge-changes-page-header,
.merge-changes-window .conflict-page .conflict-page-header,
.merge-changes-window .conflict-page .merge-changes-page-header,
.merge-changes-window .merge-changes-page .conflict-page-header,
.merge-changes-window .merge-changes-page .merge-changes-page-header {
  cursor: pointer;
  display: flex;
  border-bottom: 1px solid var(--b-border, #e6e6e6);
  font-size: 14px;
  gap: 10px;
  background-color: var(--b-bg-secondary, #f7f7f7);
  padding: 12px 24px;
}
.merge-conflict-window .conflict-page .conflict-page-content,
.merge-conflict-window .conflict-page .merge-changes-page-content,
.merge-conflict-window .merge-changes-page .conflict-page-content,
.merge-conflict-window .merge-changes-page .merge-changes-page-content,
.merge-changes-window .conflict-page .conflict-page-content,
.merge-changes-window .conflict-page .merge-changes-page-content,
.merge-changes-window .merge-changes-page .conflict-page-content,
.merge-changes-window .merge-changes-page .merge-changes-page-content {
  padding: 10px;
}
.merge-conflict-window .conflict-page .merge-changes-page-title,
.merge-conflict-window .merge-changes-page .merge-changes-page-title,
.merge-changes-window .conflict-page .merge-changes-page-title,
.merge-changes-window .merge-changes-page .merge-changes-page-title {
  color: #080808;
}
.merge-conflict-window .conflict-page .conflict-page-count,
.merge-conflict-window .conflict-page .merge-changes-page-count,
.merge-conflict-window .merge-changes-page .conflict-page-count,
.merge-conflict-window .merge-changes-page .merge-changes-page-count,
.merge-changes-window .conflict-page .conflict-page-count,
.merge-changes-window .conflict-page .merge-changes-page-count,
.merge-changes-window .merge-changes-page .conflict-page-count,
.merge-changes-window .merge-changes-page .merge-changes-page-count {
  background-color: #323232;
  color: white;
  border-radius: 1rem;
  width: max-content;
  padding: 0px 4px;
  height: 13px;
  line-height: 13px;
  font-size: 10px;
  text-align: center;
}
.merge-conflict-window .conflict-page .conflict-page-icon,
.merge-conflict-window .conflict-page .merge-changes-page-icon,
.merge-conflict-window .merge-changes-page .conflict-page-icon,
.merge-conflict-window .merge-changes-page .merge-changes-page-icon,
.merge-changes-window .conflict-page .conflict-page-icon,
.merge-changes-window .conflict-page .merge-changes-page-icon,
.merge-changes-window .merge-changes-page .conflict-page-icon,
.merge-changes-window .merge-changes-page .merge-changes-page-icon {
  margin-left: auto;
}
.merge-conflict-window .conflict-page .conflict-page-icon::before,
.merge-conflict-window .conflict-page .merge-changes-page-icon::before,
.merge-conflict-window .merge-changes-page .conflict-page-icon::before,
.merge-conflict-window .merge-changes-page .merge-changes-page-icon::before,
.merge-changes-window .conflict-page .conflict-page-icon::before,
.merge-changes-window .conflict-page .merge-changes-page-icon::before,
.merge-changes-window .merge-changes-page .conflict-page-icon::before,
.merge-changes-window .merge-changes-page .merge-changes-page-icon::before {
  font-family: "FontAwesome";
  content: "\f0d7";
}
.merge-conflict-window .conflict-page .conflict-page-icon.showing::before,
.merge-conflict-window .conflict-page .merge-changes-page-icon.showing::before,
.merge-conflict-window .merge-changes-page .conflict-page-icon.showing::before,
.merge-conflict-window .merge-changes-page .merge-changes-page-icon.showing::before,
.merge-changes-window .conflict-page .conflict-page-icon.showing::before,
.merge-changes-window .conflict-page .merge-changes-page-icon.showing::before,
.merge-changes-window .merge-changes-page .conflict-page-icon.showing::before,
.merge-changes-window .merge-changes-page .merge-changes-page-icon.showing::before {
  content: "\f0d8";
}
.merge-conflict-window .conflict-page ::-webkit-scrollbar,
.merge-conflict-window .merge-changes-page ::-webkit-scrollbar,
.merge-changes-window .conflict-page ::-webkit-scrollbar,
.merge-changes-window .merge-changes-page ::-webkit-scrollbar {
  min-width: 2px;
}
.merge-conflict-window .conflict-page .conflicts-list-container,
.merge-conflict-window .merge-changes-page .conflicts-list-container,
.merge-changes-window .conflict-page .conflicts-list-container,
.merge-changes-window .merge-changes-page .conflicts-list-container {
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list {
  max-height: 200px;
  font-size: 12px;
  width: 376px;
  padding-bottom: 8px;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflicts-list-content,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflicts-list-content,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflicts-list-content,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflicts-list-content,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflicts-list-content,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflicts-list-content,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflicts-list-content,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflicts-list-content {
  max-height: 160px;
  overflow-y: scroll;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict {
  display: flex;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div {
  width: 50%;
  padding: 4px 0 0 24px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  flex-direction: column;
  overflow-wrap: break-word;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div .caption,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div .caption,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div .caption,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div .caption,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div .caption,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div .caption,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div .caption,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div .caption {
  padding: 8px 8px;
  margin-left: -8px;
  box-sizing: border-box;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div .caption:hover,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div .caption:hover,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div .caption:hover,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div .caption:hover,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div .caption:hover,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div .caption:hover,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div .caption:hover,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div .caption:hover {
  cursor: pointer;
  background-color: var(--b-bg-secondary, #f7f7f7);
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div.theirs,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div.theirs,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div.theirs,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div.theirs,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div.theirs,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div.theirs,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div.theirs,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div.theirs {
  padding-left: 25px;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div.selected,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div.selected,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div.selected,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div.selected,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict > div.selected,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict > div.selected,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict > div.selected,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict > div.selected {
  color: var(--b-txt-brand, #0c29ab);
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header {
  border-bottom: 1px solid var(--b-border, #e6e6e6);
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header .header-caption,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header .header-caption,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header .header-caption,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header .header-caption,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header .header-caption,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header .header-caption,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header .header-caption,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header .header-caption {
  font-size: 12;
  margin-top: 7px;
}
.merge-conflict-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header > div,
.merge-conflict-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header > div,
.merge-conflict-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header > div,
.merge-conflict-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header > div,
.merge-changes-window .conflict-page .conflicts-list-container .conflicts-list .conflict.conflicts-header > div,
.merge-changes-window .conflict-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header > div,
.merge-changes-window .merge-changes-page .conflicts-list-container .conflicts-list .conflict.conflicts-header > div,
.merge-changes-window .merge-changes-page .conflicts-list-container .merge-changes-list .conflict.conflicts-header > div {
  flex-direction: row;
  padding: 4px 0 12px 24px;
  align-items: center;
}
.merge-conflict-window .conflict-page .merge-changes-list-container,
.merge-conflict-window .merge-changes-page .merge-changes-list-container,
.merge-changes-window .conflict-page .merge-changes-list-container,
.merge-changes-window .merge-changes-page .merge-changes-list-container {
  margin: 16px 36px;
  overflow-y: scroll;
}
.merge-conflict-window .conflict-page .merge-changes-list-container .merge-change,
.merge-conflict-window .merge-changes-page .merge-changes-list-container .merge-change,
.merge-changes-window .conflict-page .merge-changes-list-container .merge-change,
.merge-changes-window .merge-changes-page .merge-changes-list-container .merge-change {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px;
}
.merge-conflict-window .conflict-page .merge-changes-list-container .merge-change.clickable:hover,
.merge-conflict-window .merge-changes-page .merge-changes-list-container .merge-change.clickable:hover,
.merge-changes-window .conflict-page .merge-changes-list-container .merge-change.clickable:hover,
.merge-changes-window .merge-changes-page .merge-changes-list-container .merge-change.clickable:hover {
  background-color: rgb(249, 249, 249);
  cursor: pointer;
}
.merge-conflict-window .conflict-page .merge-changes-list-container .merge-change .merge-change-caption.selected,
.merge-conflict-window .merge-changes-page .merge-changes-list-container .merge-change .merge-change-caption.selected,
.merge-changes-window .conflict-page .merge-changes-list-container .merge-change .merge-change-caption.selected,
.merge-changes-window .merge-changes-page .merge-changes-list-container .merge-change .merge-change-caption.selected {
  color: var(--b-txt-brand, #0c29ab);
}
.merge-conflict-window .conflict-page .component-checkbox,
.merge-conflict-window .merge-changes-page .component-checkbox,
.merge-changes-window .conflict-page .component-checkbox,
.merge-changes-window .merge-changes-page .component-checkbox {
  width: 18px;
  height: 18px;
  float: left;
  cursor: pointer;
  margin-top: 7px;
  border: 1px solid var(--b-border, #e6e6e6);
  border-radius: 4px;
  box-sizing: border-box;
}
.merge-conflict-window .conflict-page .component-checkbox:before,
.merge-conflict-window .merge-changes-page .component-checkbox:before,
.merge-changes-window .conflict-page .component-checkbox:before,
.merge-changes-window .merge-changes-page .component-checkbox:before {
  content: "";
  display: block;
  text-align: center;
  margin-top: 2px;
  color: #9ea5a7;
}
.merge-conflict-window .conflict-page .component-checkbox.checked:before,
.merge-conflict-window .merge-changes-page .component-checkbox.checked:before,
.merge-changes-window .conflict-page .component-checkbox.checked:before,
.merge-changes-window .merge-changes-page .component-checkbox.checked:before {
  font-family: "FontAwesome";
  content: "\f00c";
}
.merge-conflict-window .no-merge-conflicts-container,
.merge-changes-window .no-merge-conflicts-container {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: move;
}
.merge-conflict-window .no-merge-conflicts-container .fa-check-circle,
.merge-changes-window .no-merge-conflicts-container .fa-check-circle {
  color: #0008d0;
  font-size: 30px;
}
.merge-conflict-window .no-merge-conflicts-container .fa-exclamation-triangle,
.merge-changes-window .no-merge-conflicts-container .fa-exclamation-triangle {
  font-size: 30px;
  color: var(--b-txt-danger);
}
.merge-conflict-window .no-merge-conflicts-container .no-merge-conflicts-text,
.merge-changes-window .no-merge-conflicts-container .no-merge-conflicts-text {
  font-size: 14px;
  text-align: center;
  max-width: calc(100% - 40px);
}

.vc-popup.modal-popup {
  z-index: 50000003;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 521px;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .popup-title {
  padding: 26px 0px;
  font-size: 20px;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .vc-upgrade-modal-text-container {
  width: 521px;
  padding: 0px 58px;
  font-family: Open Sans;
  line-height: 19px;
  font-size: 13px;
  height: 370px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .vc-upgrade-modal-text-container .vc-upgrade-modal-text.bold {
  font-weight: bold;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .vc-upgrade-modal-button-containers {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 20px 0px;
  width: 300px;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .vc-upgrade-modal-button-containers .bubble-ui.btn.btn-confirm {
  width: 120px;
  margin: 0px !important;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-popup.modal-popup.vc-upgrade-modal .popup-content .vc-upgrade-modal-button-containers .btn.btn-cancel {
  margin: 0px !important;
}
.vc-popup.modal-popup.message-panel-popup .popup-content {
  width: 498px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .popup-title {
  font-size: 20px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children {
  overflow: hidden;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children {
  padding-right: 29px;
  padding-left: 29px;
  padding-bottom: 30px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .instruction {
  margin-bottom: 30px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .details {
  text-align: center;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .post-details-instruction {
  margin-top: 30px;
  margin-bottom: 30px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 41px;
  padding-right: 41px;
  padding-top: 20px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .live-site-url-caption {
  font-size: 12px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .live-site-url-entry {
  width: 235px;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .live-site-url-entry .bubble-ui.input {
  width: 100%;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .copy-url-icon {
  height: 30px;
  width: 30px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e9f1;
  border-radius: 5px;
  cursor: pointer;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .copy-url-icon.not-selectable {
  cursor: default;
}
.vc-popup.modal-popup.message-panel-popup .popup-content .children .inner-children .live-url-row .copy-url-icon .clone-icon {
  font-size: 16px;
  color: #868686;
}
.vc-popup.modal-popup.input-popup .input-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.vc-popup.modal-popup.input-popup .input-row .small-text-field-input {
  width: 225px;
}
.vc-popup.modal-popup.input-popup .input-row .large-text-field-input,
.vc-popup.modal-popup.input-popup .input-row .text-area-input {
  width: 60%;
}
.vc-popup.modal-popup.input-popup .input-row .bubble-ui.textarea {
  width: 60%;
  min-height: 80px;
}
.vc-popup.modal-popup.input-popup .input-row .bubble-ui.input {
  width: 100%;
}
.vc-popup.modal-popup .btn-and-warnings {
  display: flex;
  flex-direction: column;
}
.vc-popup.modal-popup .btn-and-warnings .invalid-caption {
  align-self: center;
}
.vc-popup.modal-popup .btn-row {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}
.vc-popup.modal-popup .btn-row .bubble-ui.btn.btn-create {
  width: 120px;
  margin: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-popup.modal-popup .btn-row .bubble-ui.btn.btn-create.caution {
  border: 1px solid var(--b-border-danger);
  background-color: #ffffff;
  font-size: 14px;
  color: var(--b-txt-danger);
}
.vc-popup.modal-popup .btn-row .btn.btn-cancel {
  margin: 0px !important;
}

.savepoint-tooltip-container {
  width: 211px;
  padding: var(--gb--spacing-12, 12px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid var(--border-default, #e6e6e6);
  background-color: white;
  gap: var(--gb-spacing-8, 8px);
}
.savepoint-tooltip-container .savepoint-tooltip-caption {
  color: var(--text-primary, #1a1a1a);
  line-height: 16px;
  font-size: 12px;
}
.savepoint-tooltip-container .savepoint-tooltip-timestamp {
  align-self: stretch;
  color: var(--text-tertiary, #a6a6a6);
  line-height: 16px;
  font-size: 12px;
}

.settings-editor {
  padding-top: 0px;
  padding-left: 0px;
  width: 100%;
}
.settings-editor .vertical-settings-tabs {
  display: flex !important;
  width: 100%;
  height: 100%;
}
.settings-editor .vertical-settings-tabs nav {
  width: 240px;
  min-width: 240px;
  border-right: 1px solid var(--b-border-default);
  overflow-y: auto;
  overflow-x: hidden;
}
.settings-editor .vertical-settings-tabs nav.hidden {
  display: none;
}
.settings-editor .vertical-settings-tabs nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.settings-editor .vertical-settings-tabs nav ul #general-heading {
  margin-top: 6px;
}
.settings-editor .vertical-settings-tabs nav ul li {
  margin-bottom: 16px;
  padding: 4px 0px;
}
.settings-editor .vertical-settings-tabs nav ul li:last-child {
  margin-bottom: 0px;
}
.settings-editor .vertical-settings-tabs nav ul li h3 {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 8px 8px 12px;
}
.settings-editor .vertical-settings-tabs nav ul li ul {
  padding: 0px;
}
.settings-editor .vertical-settings-tabs nav ul li ul li {
  padding: 0px;
  margin-bottom: 0px;
}
.settings-editor .vertical-settings-tabs nav ul li ul li button {
  width: 100%;
  padding-left: 12px;
}
.settings-editor .vertical-settings-tabs nav ul li ul li button:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 3px var(--b-border-focus) !important;
}
.settings-editor [role=tabpanel] {
  flex: 1;
  overflow: auto;
}
.settings-editor [role=tabpanel] input,
.settings-editor [role=tabpanel] textarea {
  background: transparent;
  color: var(--b-txt-primary, #1a1a1a);
  border: 1px solid var(--b-border, #e6e6e6);
}
.settings-editor [role=tabpanel] input:focus, .settings-editor [role=tabpanel] input:hover,
.settings-editor [role=tabpanel] textarea:focus,
.settings-editor [role=tabpanel] textarea:hover {
  background: white;
}
.settings-editor [role=tabpanel] .text-area-error {
  border: 1px solid var(--b-txt-danger) !important;
}
.settings-editor [role=tabpanel] .composer-dropdown .spot {
  background-color: white !important;
  color: var(--b-txt-primary, #1a1a1a) !important;
}
.settings-editor [role=tabpanel] .composer-dropdown .spot:hover, .settings-editor [role=tabpanel] .composer-dropdown .spot.selected {
  background: white !important;
}
.settings-editor [role=tabpanel] .tab-wrapper {
  padding: 8px 20px 20px 20px;
}
.settings-editor [role=tabpanel] .tab-wrapper:has(.plan) {
  padding: var(--b-spacing24);
}
.settings-editor [role=tabpanel] .tab-panel.sub.apps {
  width: 100%;
}
.settings-editor [role=tabpanel] .tab-panel.sub.apps .sub-apps-inner {
  width: 100%;
}
.settings-editor [role=tabpanel] .tab-panel.sub.apps .parent-pane {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.settings-editor [role=tabpanel] .tab-panel.sub.apps .parent-pane .left-pane {
  width: 50% !important;
  max-width: 50%;
  float: none !important;
}
.settings-editor [role=tabpanel] .tab-panel.sub.apps .parent-pane .right-pane {
  width: 50% !important;
  max-width: 50%;
  float: none !important;
}
.settings-editor [role=tabpanel] .tab-panel.general .access-gated-settings-container {
  padding-right: 30px;
}
.settings-editor .meta-tag-section-title {
  font-size: 18px !important;
  font-weight: 600;
  margin-top: var(--b-spacing20) !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  line-height: 28px;
  border-bottom: none !important;
  color: #000000;
}
.settings-editor .meta-tag-section-subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px !important;
  color: var(--b-txt-secondary);
  float: none;
  clear: both;
}
.settings-editor .meta-tag-section-subtitle a {
  color: var(--b-txt-brand);
}
.settings-editor .meta-tag-section-divider {
  float: none !important;
  clear: both !important;
  background: var(--b-bg-secondary2);
  height: 1px;
  margin-bottom: var(--b-spacing16);
}
.settings-editor .pop-subtabs-fill-space {
  display: flex;
  width: 100%;
  min-height: 64px;
}
.settings-editor span:has(> .connected-badge) {
  width: 100%;
}

.parent-pane {
  display: flex;
}

.left-pane,
.right-pane {
  flex: 1;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

.visual-indicator-wrapper {
  display: flex;
  position: absolute;
  min-width: max-content;
  height: 20px;
  gap: 2px;
  top: -24px;
}
.visual-indicator-wrapper .element-info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 6px 2px 2px;
  border-radius: 2px;
  height: 20px;
  gap: 2px;
}
.visual-indicator-wrapper .element-info-container.contains-input {
  padding: 2px;
}
.visual-indicator-wrapper .element-info-container.plugin-element {
  gap: 4px;
}
.visual-indicator-wrapper .element-info-container.plugin-element .visual-indicator-icon {
  margin-left: 2px;
}
.visual-indicator-wrapper.selected .element-info-container {
  color: var(--b-txt-on-contrast);
  background-color: rgb(61, 122, 221);
}
.visual-indicator-wrapper.selected .element-info-container.reusable {
  background-color: rgb(123, 77, 222);
}
.visual-indicator-wrapper.hovered .element-info-container {
  color: rgb(61, 122, 221);
}
.visual-indicator-wrapper.hovered .element-info-container.reusable {
  color: rgb(123, 77, 222);
}
.visual-indicator-wrapper .visual-indicator-icon.workflow .element_icon {
  margin-right: 3px;
}
.visual-indicator-wrapper .visual-indicator-icon .element_icon:before {
  margin-left: 3px;
}
.visual-indicator-wrapper .element_icon {
  font-size: 10px;
  display: flex;
}
.visual-indicator-wrapper .element-name {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theme-classic .visual-indicator-wrapper .element-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .visual-indicator-wrapper .element-name {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.visual-indicator-wrapper .input.bubble-ui.element-name {
  color: rgb(61, 122, 221);
  line-height: 16px !important;
  border: none !important;
  border-radius: 1px;
  padding: revert;
}
.visual-indicator-wrapper .link-indicator-container {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
.visual-indicator-wrapper .link-indicator-container .link-indicator-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  border-radius: 2px;
  background-color: rgb(216, 228, 248);
  color: rgb(50, 84, 243);
  cursor: pointer;
}
.visual-indicator-wrapper .link-indicator-container .link-indicator-wrapper.danger {
  background-color: rgb(255, 0, 0);
  color: var(--b-txt-on-contrast);
}
.visual-indicator-wrapper .link-indicator-container .link-indicator-wrapper.warning {
  background-color: var(--b-bg-primary);
  border: 1px dashed rgb(255, 163, 26);
  color: rgb(255, 163, 26);
}
.visual-indicator-wrapper .link-indicator-icon.workflow .element_icon:before {
  font-family: "bubble";
  content: "\e62b";
}
.visual-indicator-wrapper .link-indicator-icon.data .element_icon:before {
  font-family: "bubble";
  content: "\e627";
}
.visual-indicator-wrapper .link-indicator-icon.comment .element_icon:before {
  font-family: "FontAwesome";
  content: "\f075";
  font-size: 12px;
  margin-bottom: 3px;
}
.visual-indicator-wrapper.popup-indicator {
  position: fixed;
}

.visual-indicator-icon .element_icon:before {
  font-family: "Ionicons";
}

.visual-indicator-icon.text .element_icon:before {
  font-family: "bubble";
  content: "\e641";
}

.visual-indicator-icon.image .element_icon:before {
  content: "\e63c";
  font-family: "bubble";
}

.visual-indicator-icon.button .element_icon:before {
  content: "\e637";
  font-family: "bubble";
  font-size: 12px;
}

.visual-indicator-icon.link .element_icon:before {
  content: "\e63d";
  font-family: "bubble";
}

.visual-indicator-icon.shape .element_icon:before {
  font-family: "bubble";
  content: "\e63f";
}

.visual-indicator-icon.video .element_icon:before {
  content: "\e642";
  font-size: 12px;
  font-family: "bubble";
}

.visual-indicator-icon.googlemap .element_icon:before {
  content: "\f1ff";
  font-size: 18px;
}

.visual-indicator-icon.poweredbybubble .element_icon:before {
  content: "\e914";
  font-family: "newbubble";
}

.visual-indicator-icon.html .element_icon:before {
  content: "\e63a";
  font-family: "bubble";
}

.visual-indicator-icon.alert .element_icon:before {
  font-family: "bubble";
  content: "\e636";
}

.visual-indicator-icon.group .element_icon:before {
  font-family: "bubble";
  content: "\e60e";
}

.visual-indicator-icon.repeatinggroup .element_icon:before {
  content: "\e61a";
  font-family: "bubble";
}

.visual-indicator-icon.popup .element_icon:before {
  content: "\e617";
  font-family: "bubble";
}

.visual-indicator-icon.floatinggroup .element_icon:before {
  font-family: "bubble";
  content: "\e60c";
}

.visual-indicator-icon.groupfocus .element_icon:before {
  font-family: "bubble";
  content: "\e60f";
}

.visual-indicator-icon.table .element_icon:before {
  font-family: "FontAwesome";
  content: "\f0ce";
}

.visual-indicator-icon.input .element_icon:before {
  content: "\e62f";
  font-family: "bubble";
}

.visual-indicator-icon.checkbox .element_icon:before {
  font-family: bubble;
  content: "\e62c";
}

.visual-indicator-icon.pictureinput .element_icon:before {
  font-family: bubble;
  content: "\e631";
}

.visual-indicator-icon.fileinput .element_icon:before {
  font-family: bubble;
  content: "\e62e";
}

.visual-indicator-icon.dropdown .element_icon:before {
  font-family: bubble;
  content: "\e62d";
}

.visual-indicator-icon.radiobuttons .element_icon:before {
  content: "\f3a7";
}

.visual-indicator-icon.visual-indicator-icon.autocompletedropdown .element_icon:before {
  content: "\f4a4";
}

.visual-indicator-icon.multilineinput .element_icon:before {
  font-family: bubble;
  content: "\e630";
}

.visual-indicator-icon.icon .element_icon:before {
  content: "\f024";
  font-family: "FontAwesome";
}

.visual-indicator-icon.dateinput .element_icon:before {
  content: "\f3b3";
  font-family: Ionicons;
}

.visual-indicator-icon.sliderinput .element_icon:before {
  content: "\f1de";
  font-family: "FontAwesome";
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.select-plan-container {
  max-width: 1312px;
}
.select-plan-container .banner {
  margin: 0 0 20px 0;
}
.select-plan-container.fixed-width {
  width: 1117px;
}
.select-plan-container .bold-text {
  font-weight: 600 !important;
}
.select-plan-container .fake-link {
  color: rgb(2, 5, 211);
  cursor: pointer;
}
.select-plan-container .popup-content {
  width: 556px;
}
.select-plan-container .a {
  color: rgb(2, 5, 211);
}
.select-plan-container .select-app-plan-subtab {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: start;
}

.pricing-toggle {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
}
.pricing-toggle .toggle-common {
  align-items: center;
  display: flex;
  width: 78px;
  height: 32px;
  padding: 12px;
  gap: 10px;
}
.pricing-toggle .toggle-selected {
  background-color: var(--b-bg-primary);
}
.pricing-toggle .toggle-selected.disabled {
  background-color: #ffffff;
  color: rgb(136, 136, 136);
  cursor: not-allowed;
}
.pricing-toggle .toggle-unselected {
  background-color: rgb(249, 249, 249);
}
.pricing-toggle .toggle-unselected.disabled {
  background-color: #f9f9f9;
  color: rgba(136, 136, 136, 0.3);
  cursor: not-allowed;
}

.plan-hat-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
}
.plan-hat-table table,
.plan-hat-table th,
.plan-hat-table td {
  empty-cells: show;
  margin: auto;
}

.pricing-table {
  width: 1117px;
  background-color: rgb(249, 249, 249);
  position: relative;
  margin-top: 27px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
}
.pricing-table table,
.pricing-table th,
.pricing-table td {
  empty-cells: show;
  margin: auto;
}
.pricing-table td {
  text-align: center;
  vertical-align: middle;
}
.pricing-table th,
.pricing-table td {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.pricing-table tbody tr:last-of-type td {
  border-bottom: none;
}
.pricing-table tr th:last-of-type,
.pricing-table tr td:last-of-type {
  border-right: none;
}
.pricing-table tr:first-of-type th:first-of-type {
  border-top-left-radius: 5px;
}
.pricing-table tr:first-of-type th:last-of-type {
  border-top-right-radius: 5px;
}
.pricing-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}
.pricing-table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}
.pricing-table .pricing-table-fix-header {
  position: sticky;
  top: 0px;
}
.pricing-table .pricing-table-header-row .plan-hat-icon {
  display: inline;
  position: relative;
  font-size: 16px;
}
.pricing-table .pricing-table-header-row .plan-hat-container {
  display: flex;
  height: 27px;
  background-color: var(--b-txt-brand, #0c29ab);
  color: var(--b-txt-on-contrast);
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
}
.pricing-table .pricing-table-header-row .plan-hat-container.secondary {
  background-color: rgba(0, 0, 0, 0.54);
}
.pricing-table .pricing-table-header-row .pricing-table-header-cell {
  flex-direction: column;
  background-color: var(--b-bg-secondary);
  position: relative;
  padding: 24px;
}
.pricing-table .pricing-section-row td {
  min-height: 42px;
}
.pricing-table .pricing-section-row .section-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: left;
  padding: 10px;
}
.pricing-table .pricing-section-row .section-subtitle {
  font-weight: 400;
  display: flex;
  text-align: left;
}
.pricing-table .pricing-section-row .info-tooltip-target {
  font-size: 14px;
  width: 14px;
  color: rgba(0, 0, 0, 0.36);
}
.pricing-table .pricing-section-row .section-cell {
  background-color: var(--b-bg-primary);
  font-weight: 400;
  padding: 10px;
  max-width: 161px;
}

.pricing-header-section {
  text-align: left;
  width: 238px;
}
.pricing-header-section .plan-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  line-height: 1.6em !important;
}
.theme-classic .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .pricing-header-section .plan-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.pricing-header-section .plan-description {
  font-size: 14px;
  margin-bottom: 1.67em;
  line-height: 1.4em;
  height: 40px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .price-container {
  margin-bottom: 0.5em;
  display: flex;
  align-items: baseline;
}
.pricing-header-section .price-container .price {
  font-weight: 600;
  font-size: 1.67em;
}
.pricing-header-section .price-container .price-divider,
.pricing-header-section .price-container .frequency {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-secondary);
}
.theme-classic .pricing-header-section .price-container .price-divider,
.theme-classic .pricing-header-section .price-container .frequency {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .pricing-header-section .price-container .price-divider,
.theme-butter .pricing-header-section .price-container .frequency {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.pricing-header-section .price-container .price-divider {
  padding: 0 4px;
}
.pricing-header-section .workload-included-divider {
  height: 1px;
  width: 100%;
  background-color: var(--b-border-default);
}
.pricing-header-section .workload-included {
  font-size: 12px;
  margin-top: 12px;
  color: var(--b-txt-secondary);
}
.pricing-header-section .plan-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  row-gap: 10px;
}
.pricing-header-section .plan-btn-container .new-button-component {
  height: 35px;
  min-width: 100px;
  padding: 10px 24px;
}

.tooltip_text.pricing-tooltip {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: var(--b-bg-primary);
  color: rgb(0, 0, 0);
  min-height: 32px;
  padding: 12px;
  min-width: 250px;
  box-shadow: 2px 4px 10px -10px rgba(2, 5, 211, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.theme-classic .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .tooltip_text.pricing-tooltip {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.tooltip_text.pricing-toggle-tooltip {
  padding: 8px;
  min-width: fit-content;
}

.credit-card-container {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 5px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  font-size: 12px;
  width: fit-content;
}
.credit-card-container:hover {
  opacity: 0.8;
}
.credit-card-container .font-awesome-icon {
  color: #868686;
  padding: 0;
  font-size: 12px;
}

.tooltip_text.credit-card-tooltip {
  line-height: 17px;
  padding: 8px;
  white-space: pre-line;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.workload-tier-adoption {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px 20px;
  width: 376px;
  z-index: 50000005;
  justify-content: space-between;
}
.workload-tier-adoption .workload-tier-adoption-header {
  flex-shrink: 0;
}
.workload-tier-adoption .workload-tier-selection-section {
  overflow-y: auto;
}
.workload-tier-adoption .btn.workload-checkout {
  width: 100%;
  background-color: var(--b-bg-on-brand1);
  color: var(--b-txt-on-contrast);
}
.workload-tier-adoption .button-wrapper {
  margin-left: 0px;
  width: 336px;
  border-top: none;
}
.workload-tier-adoption .pricing-toggle .toggle-common {
  font-size: 14px;
  width: 168px;
  justify-content: center;
  color: var(--b-txt-secondary);
}
.workload-tier-adoption .pricing-toggle .toggle-common.toggle-selected {
  color: var(--b-txt-primary);
}
.workload-tier-adoption .cost-summary-section {
  flex-shrink: 0;
  margin-top: 2px;
}
.workload-tier-adoption .cost-summary-section .overages-section {
  display: flex;
  justify-content: space-between;
  height: 40px;
  background-color: var(--b-bg-secondary);
  border: 1px solid var(--b-cobalt-20);
  border-radius: 4px;
  padding: 8px 10px;
  margin-bottom: 16px;
}
.workload-tier-adoption .cost-summary-section .overages-section .tooltip::after {
  font-size: 12px;
  margin-left: 4px;
  color: var(--b-txt-tertiary);
  font-family: "FontAwesome";
  content: "\f29c";
}
.workload-tier-adoption .cost-summary-section .plan-and-units-cost {
  padding: 16px 0px 16px 10px;
}
.workload-tier-adoption .total-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 16px 0px 10px 10px;
  margin-bottom: 60px;
}

.tooltip_text.workload-overages-tooltip {
  width: 316px;
  height: 42px;
  background-color: var(--b-bg-primary);
  color: black;
  border: 1px solid var(--b-cobalt-20);
  padding: 12px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  z-index: 50000007;
}

.infinite-recursion-protection {
  width: 100%;
}
.infinite-recursion-protection .section-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.infinite-recursion-protection .section-container .section-description {
  line-height: 16px;
}
.infinite-recursion-protection .section-container .section-description .learn-more {
  color: var(--text-brand, #0c29ab);
  cursor: pointer;
}
.infinite-recursion-protection .section-container .setting-row-container {
  padding: 10px 0;
}
.infinite-recursion-protection .section-container .setting-row-container .setting-row {
  display: flex;
  gap: 30px;
  align-items: center;
}
.infinite-recursion-protection .section-container .setting-row-container .setting-row .setting-caption {
  width: 330px;
}
.infinite-recursion-protection .section-container .setting-row-container .setting-row .dropdown-caption-container.recursive-depth-dropdown {
  padding: 8px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.purple-badge {
  background-color: var(--b-periwinkle-20);
  color: var(--b-periwinkle-60);
  border-radius: 2px;
}

.ai-chat-dialog {
  background: var(--b-bg-primary);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 240px;
  min-height: 200px;
}

.history-pane {
  overflow-y: auto;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.ai-chat-header {
  width: 100%;
  cursor: move;
}

.ai-chat-messages {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}

.ai-chat-message-loading .purple-wand-icon {
  animation: spin 1s linear infinite;
}

.history-item-card {
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.history-item-card:hover {
  background-color: var(--b-bg-secondary);
}
.history-item-card:hover .trash-icon {
  opacity: 1;
}
.history-item-card.active {
  background-color: var(--b-cobalt-20);
}

.trash-icon {
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease;
  background-color: var(--b-bg-secondary);
}
.trash-icon:hover {
  background-color: var(--b-bg-tertiary);
}
.trash-icon.active {
  background-color: var(--b-cobalt-20);
}
.trash-icon.active:hover {
  background-color: var(--b-cobalt-30);
}

.danger-border {
  border: 1px solid #fdeae7 !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.modal-popup.generate-ai-page {
  background: rgba(255, 255, 255, 0.9);
}
.modal-popup.generate-ai-page .popup-content {
  width: fit-content;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid var(--light-divider, #e4f0f4);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  cursor: auto;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage {
  padding: 24px;
  max-width: 668px;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage .close {
  color: var(--b-txt-secondary, #525252);
  line-height: 16px;
  font-weight: 600;
  font-size: 32px;
  height: 16px;
  width: 16px;
  padding: 0;
  background: transparent;
  cursor: pointer;
  border: none;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage .close:hover {
  color: #424242;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage textarea {
  font-size: 14px;
  line-height: 16px;
  padding: 8px;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage #ai-popup-warning {
  height: 19px;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage #prompt-stage-inputs {
  padding: 24px 0;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage #existing-styles-checkbox input {
  height: auto;
}
.modal-popup.generate-ai-page .popup-content .ai-popup-input-stage a {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
.modal-popup.generate-ai-page .popup-content #ai-popup-loading-stage {
  width: 400px;
  padding: 32px 24px;
}
.modal-popup.generate-ai-page .popup-content #ai-popup-loading-stage #ai-popup-new-tab {
  line-height: 16px;
  font-size: 14px;
  padding: 8px;
  height: 40px;
  padding: 8px 16px;
}
.modal-popup.generate-ai-page .popup-content .heading {
  font-size: 20px;
  font-weight: 600;
}
.modal-popup.generate-ai-page .popup-content textarea {
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
}
.modal-popup.generate-ai-page .popup-content #ai-popup-nav .next-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 12px;
}
.modal-popup.generate-ai-page .popup-content #ai-popup-nav button {
  line-height: 16px;
  font-size: 14px;
  padding: 8px;
  height: 40px;
}
.modal-popup.generate-ai-page .popup-content #ai-popup-nav button#ai-popup-next {
  line-height: 16px;
  font-size: 14px;
  padding: 8px;
  height: 40px;
  padding: 8px 16px;
}
.modal-popup.generate-ai-page .popup-content .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Creates a 4-column layout */
  gap: 12px;
}
.modal-popup.generate-ai-page .popup-content #view-more > :first-child,
.modal-popup.generate-ai-page .popup-content #custom-page > :first-child {
  display: inline-flex;
  align-items: center;
}
.modal-popup.generate-ai-page .popup-content .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 12px;
}

.lazy-shimmer-loader {
  border-radius: 4px;
  background: linear-gradient(to right, rgba(104, 91, 197, 0.9) 0%, rgba(104, 91, 197, 0.3) 50%, rgba(104, 91, 197, 0.9) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s linear infinite;
}
.lazy-shimmer-loader > *::after {
  content: "​";
  display: inline-block;
}

@keyframes shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.solid-markdown-content > * {
  margin: 8px 0px !important;
}
.solid-markdown-content code {
  font-size: 12px;
}
.solid-markdown-content code:not(pre code) {
  padding: 3px 4px;
  border-radius: 4px;
  background-color: var(--b-bg-tertiary);
}
.solid-markdown-content pre {
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 12px;
  border-radius: 4px;
  background-color: var(--b-bg-tertiary);
}
.solid-markdown-content ul,
.solid-markdown-content ol {
  padding-left: 25px;
}
.solid-markdown-content blockquote {
  border-left: 4px solid var(--b-bg-tertiary);
  padding-left: 16px;
}
.solid-markdown-content table {
  width: 100%;
}
.solid-markdown-content table th,
.solid-markdown-content table td {
  padding: 8px 12px;
  text-align: left;
}
.solid-markdown-content table th {
  background-color: var(--b-bg-tertiary);
}
.solid-markdown-content table td {
  background-color: var(--b-bg-secondary);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
#mvp-studio {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  justify-content: center;
  align-items: center;
  z-index: 50000011;
  flex-direction: column;
  background: #0b143d;
  background-size: cover;
  background-position: center;
  overflow: auto;
}
#mvp-studio .white50 {
  color: rgba(255, 255, 255, 0.5);
}
#mvp-studio .white50 svg,
#mvp-studio .white50 span {
  color: rgba(255, 255, 255, 0.5);
}
#mvp-studio .white60 {
  color: rgba(255, 255, 255, 0.6);
}
#mvp-studio .white60 svg,
#mvp-studio .white60 span {
  color: rgba(255, 255, 255, 0.6);
}
#mvp-studio .white70 {
  color: rgba(255, 255, 255, 0.7);
}
#mvp-studio .white70 svg,
#mvp-studio .white70 span {
  color: rgba(255, 255, 255, 0.7);
}
#mvp-studio .white80 {
  color: rgba(255, 255, 255, 0.8);
}
#mvp-studio .white80 svg,
#mvp-studio .white80 span {
  color: rgba(255, 255, 255, 0.8);
}
#mvp-studio .mvp-prompt-stage {
  box-sizing: border-box;
}
#mvp-studio .mvp-prompt-stage a,
#mvp-studio .restart-container a {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
#mvp-studio .mvp-plan-stage {
  width: 100%;
  flex-grow: 1;
  align-items: stretch;
}
#mvp-studio .mvp-plan-stage .mvp-plan-container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 72px;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    align-items: stretch !important;
  }
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    flex-direction: column;
    padding: 0 20px;
    padding-top: 72px;
  }
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    flex-direction: row;
    padding: 0 24px;
    padding-top: 72px;
  }
}
#mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
  padding-top: 0;
  padding-bottom: 20px;
  margin-right: 20px;
  position: static;
}
#mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane .left-pane-sticky {
  gap: 20px;
  top: 20px;
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane .left-pane-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
    min-width: 475px;
    max-width: 475px;
  }
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
    min-width: 100%;
  }
}
#mvp-studio .mvp-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  height: 72px;
  padding: 24px;
  background-color: #0b143d; /* to avoid transparent overlap */
  box-sizing: border-box;
}
#mvp-studio .mvp-header #mvp-header-logo {
  padding: 8px;
  border-radius: 4px;
  background: rgba(43, 62, 161, 0.2);
}
#mvp-studio .progress-bar {
  height: 8px;
  width: 100%;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#mvp-studio .progress-bar .progress-bar-background {
  background: var(--b-gray-30);
  border: 1px solid var(--b-gray-30);
  width: 99.5%;
  border-radius: inherit;
  height: 100%;
}
#mvp-studio .progress-bar .progress-bar-fill {
  background: var(--b-periwinkle-60);
  transition: width 5s ease-in-out;
  border-radius: inherit;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#mvp-studio .mvp-loader {
  box-sizing: border-box;
  width: 396px;
  min-width: 396px;
  padding: 60px 24px;
}
#mvp-studio .mvp-loader .mvp-loader-tip > span {
  display: block;
}
#mvp-studio .mvp-card {
  min-height: 250px;
  border-radius: 20px;
  margin: 0 auto;
  background: linear-gradient(95deg, var(--gb--sky-blue-50, rgba(97, 202, 255, 0.12)) 0.44%, var(--gb--cobalt-60, rgba(9, 71, 215, 0.12)) 99.77%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#mvp-studio .mvp-card.mvp-prompt-stage {
  padding: 16px;
}
#mvp-studio .mvp-card.mvp-prompt-stage #mvp-prompt-stage-logo {
  padding: 11px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
#mvp-studio .mvp-small-heading {
  font-size: 1.2rem !important;
}
#mvp-studio .mvp-card-big {
  padding: 20px;
  border-radius: 20px;
  background: rgba(43, 62, 161, 0.2);
  backdrop-filter: blur(4px);
}
#mvp-studio .mvp-story-circle {
  border-radius: 50%;
  background: rgba(83, 64, 221, 0.26);
}
#mvp-studio .mvp-story-circle svg {
  color: rgb(207, 143, 254) !important;
}
#mvp-studio .mvp-feature-card {
  height: 100%;
  padding: 16px;
  border-radius: 8px;
  outline: 1px solid rgba(104, 91, 197, 0.3);
  background: rgba(104, 91, 197, 0.3);
}
#mvp-studio .faded-btn > button {
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(77, 95, 183, 0.2);
}
#mvp-studio .faded-btn > button > span {
  display: flex;
  column-gap: 4px;
}
#mvp-studio .faded-btn > button:not(:disabled):hover {
  background: rgba(77, 95, 183, 0.4);
}
#mvp-studio .faded-btn > button:disabled {
  background: rgba(77, 95, 183, 0.2);
}
#mvp-studio .faded-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .vibrant-btn > button {
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid rgba(151, 6, 236, 0.9);
  background: linear-gradient(90deg, rgb(103, 0, 235) -59.94%, #d357ff 128.14%);
  box-shadow: 2px 2px 2px 0px rgba(174, 7, 218, 0.1) inset, 2px 2px 2px 0px rgba(174, 7, 218, 0.12), 0px 3px 7px 0px rgba(174, 7, 218, 0.03), 3px 3px 24px 0px rgba(207, 143, 254, 0.04);
  background-clip: padding-box !important;
}
#mvp-studio .vibrant-btn > button:not(:disabled):hover {
  background: linear-gradient(88deg, rgb(144, 56, 255) -49.14%, #d357ff 162.07%);
  box-shadow: 2px 2px 2px 0px rgba(174, 7, 218, 0.1) inset, 2px 2px 2px 0px rgba(174, 7, 218, 0.12), 0px 3px 7px 0px rgba(174, 7, 218, 0.12), 3px 3px 24px 0px rgba(207, 143, 254, 0.3);
}
#mvp-studio .vibrant-btn > button:disabled {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, rgb(103, 0, 235) -59.94%, #d357ff 128.14%);
  border-color: rgba(151, 6, 236, 0.3);
}
#mvp-studio .vibrant-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .circle-btn > button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(151, 6, 236) -59.94%, #d357ff 128.14%), var(--Primary-color--btn-primary--bg, #fff);
  background-clip: padding-box !important;
  margin-top: 12px;
  cursor: pointer;
}
#mvp-studio .circle-btn > button:disabled, #mvp-studio .circle-btn > button:disabled:hover {
  background: linear-gradient(90deg, rgb(151, 6, 236) -59.94%, #d357ff 128.14%), var(--Primary-color--btn-primary--bg, #fff);
  box-shadow: none;
  cursor: pointer;
}
#mvp-studio .translucent-btn > button {
  color: var(--text-onContrast, #fff);
  font-size: 16px;
  font-style: normal;
  display: flex;
  padding: var(--gb--spacing-12, 12px) 14px;
  justify-content: center;
  align-items: center;
  gap: var(--gb--spacing-2, 2px);
  font-weight: 400;
  line-height: 100%;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
  color: var(--Type-Colors-color--text, #f2f2f2);
  cursor: pointer;
  margin-left: 8px;
  font-size: 16px;
}
#mvp-studio .translucent-btn > button > span {
  display: flex;
  column-gap: 4px;
}
#mvp-studio .translucent-btn > button:not(:disabled):hover {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.03);
}
#mvp-studio .translucent-btn > button:disabled {
  background: rgba(255, 255, 255, 0.08);
}
#mvp-studio .translucent-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .fs14 > * {
  font-size: 14px !important;
  line-height: 20px !important;
}
#mvp-studio .fs20 > * {
  font-size: 20px !important;
  line-height: 28px !important;
}
#mvp-studio .lh40 > * {
  line-height: 40px !important;
}
#mvp-studio .mvp-plan-badge {
  padding: 2px 8px;
  border-radius: 4px;
  outline: 1px solid rgba(104, 91, 197, 0.24);
  background: rgba(83, 64, 221, 0.2);
}
#mvp-studio .header {
  padding: 12px 24px;
  box-sizing: border-box;
  background: var(--bg-primary, white);
  border-bottom: 1px solid var(--border-default, #e6e6e6);
}
#mvp-studio .scrollable {
  overflow-y: scroll;
  padding: 24px 0;
}
#mvp-studio .content {
  padding: 24px 32px;
  border-radius: 8px;
  background: var(--bg-primary, white);
  border: 1px solid var(--border-default, #e6e6e6);
}
#mvp-studio .features-list {
  width: 100%;
  display: grid;
  grid-gap: 12px;
}
@media (max-width: 600px) {
  #mvp-studio .features-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 600px) {
  #mvp-studio .features-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
#mvp-studio .mvp-danger {
  color: rgb(253, 175, 196);
}
#mvp-studio .mvp-inactive {
  color: rgb(199, 199, 199);
}

#mvp-entry-point > button > span > span {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

body.mvp-studio-open span[aria-roledescription=tooltip] {
  background: #2b3565;
}

.prompt-refine-scroller {
  padding-right: 16px;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
.prompt-refine-scroller::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.prompt-refine-scroller::-webkit-scrollbar-track {
  background: transparent;
}
.prompt-refine-scroller::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
  transition: background 0.2s;
}
.prompt-refine-scroller:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--b-gray-30) 24%, transparent);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
#mvp-studio {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  justify-content: center;
  align-items: center;
  z-index: 50000011;
  flex-direction: column;
  background: #0b143d;
  background-size: cover;
  background-position: center;
  overflow: auto;
}
#mvp-studio .white50 {
  color: rgba(255, 255, 255, 0.5);
}
#mvp-studio .white50 svg,
#mvp-studio .white50 span {
  color: rgba(255, 255, 255, 0.5);
}
#mvp-studio .white60 {
  color: rgba(255, 255, 255, 0.6);
}
#mvp-studio .white60 svg,
#mvp-studio .white60 span {
  color: rgba(255, 255, 255, 0.6);
}
#mvp-studio .white70 {
  color: rgba(255, 255, 255, 0.7);
}
#mvp-studio .white70 svg,
#mvp-studio .white70 span {
  color: rgba(255, 255, 255, 0.7);
}
#mvp-studio .white80 {
  color: rgba(255, 255, 255, 0.8);
}
#mvp-studio .white80 svg,
#mvp-studio .white80 span {
  color: rgba(255, 255, 255, 0.8);
}
#mvp-studio .mvp-prompt-stage {
  box-sizing: border-box;
}
#mvp-studio .mvp-prompt-stage a,
#mvp-studio .restart-container a {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
#mvp-studio .mvp-plan-stage {
  width: 100%;
  flex-grow: 1;
  align-items: stretch;
}
#mvp-studio .mvp-plan-stage .mvp-plan-container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 72px;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    align-items: stretch !important;
  }
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    flex-direction: column;
    padding: 0 20px;
    padding-top: 72px;
  }
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container {
    flex-direction: row;
    padding: 0 24px;
    padding-top: 72px;
  }
}
#mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
  padding-top: 0;
  padding-bottom: 20px;
  margin-right: 20px;
  position: static;
}
#mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane .left-pane-sticky {
  gap: 20px;
  top: 20px;
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane .left-pane-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
    min-width: 475px;
    max-width: 475px;
  }
}
@media (max-width: 1024px) {
  #mvp-studio .mvp-plan-stage .mvp-plan-container .mvp-plan-left-pane {
    min-width: 100%;
  }
}
#mvp-studio .mvp-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  height: 72px;
  padding: 24px;
  background-color: #0b143d; /* to avoid transparent overlap */
  box-sizing: border-box;
}
#mvp-studio .mvp-header #mvp-header-logo {
  padding: 8px;
  border-radius: 4px;
  background: rgba(43, 62, 161, 0.2);
}
#mvp-studio .progress-bar {
  height: 8px;
  width: 100%;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#mvp-studio .progress-bar .progress-bar-background {
  background: var(--b-gray-30);
  border: 1px solid var(--b-gray-30);
  width: 99.5%;
  border-radius: inherit;
  height: 100%;
}
#mvp-studio .progress-bar .progress-bar-fill {
  background: var(--b-periwinkle-60);
  transition: width 5s ease-in-out;
  border-radius: inherit;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#mvp-studio .mvp-loader {
  box-sizing: border-box;
  width: 396px;
  min-width: 396px;
  padding: 60px 24px;
}
#mvp-studio .mvp-loader .mvp-loader-tip > span {
  display: block;
}
#mvp-studio .mvp-card {
  min-height: 250px;
  border-radius: 20px;
  margin: 0 auto;
  background: linear-gradient(95deg, var(--gb--sky-blue-50, rgba(97, 202, 255, 0.12)) 0.44%, var(--gb--cobalt-60, rgba(9, 71, 215, 0.12)) 99.77%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#mvp-studio .mvp-card.mvp-prompt-stage {
  padding: 16px;
}
#mvp-studio .mvp-card.mvp-prompt-stage #mvp-prompt-stage-logo {
  padding: 11px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
#mvp-studio .mvp-small-heading {
  font-size: 1.2rem !important;
}
#mvp-studio .mvp-card-big {
  padding: 20px;
  border-radius: 20px;
  background: rgba(43, 62, 161, 0.2);
  backdrop-filter: blur(4px);
}
#mvp-studio .mvp-story-circle {
  border-radius: 50%;
  background: rgba(83, 64, 221, 0.26);
}
#mvp-studio .mvp-story-circle svg {
  color: rgb(207, 143, 254) !important;
}
#mvp-studio .mvp-feature-card {
  height: 100%;
  padding: 16px;
  border-radius: 8px;
  outline: 1px solid rgba(104, 91, 197, 0.3);
  background: rgba(104, 91, 197, 0.3);
}
#mvp-studio .faded-btn > button {
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(77, 95, 183, 0.2);
}
#mvp-studio .faded-btn > button > span {
  display: flex;
  column-gap: 4px;
}
#mvp-studio .faded-btn > button:not(:disabled):hover {
  background: rgba(77, 95, 183, 0.4);
}
#mvp-studio .faded-btn > button:disabled {
  background: rgba(77, 95, 183, 0.2);
}
#mvp-studio .faded-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .vibrant-btn > button {
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid rgba(151, 6, 236, 0.9);
  background: linear-gradient(90deg, rgb(103, 0, 235) -59.94%, #d357ff 128.14%);
  box-shadow: 2px 2px 2px 0px rgba(174, 7, 218, 0.1) inset, 2px 2px 2px 0px rgba(174, 7, 218, 0.12), 0px 3px 7px 0px rgba(174, 7, 218, 0.03), 3px 3px 24px 0px rgba(207, 143, 254, 0.04);
  background-clip: padding-box !important;
}
#mvp-studio .vibrant-btn > button:not(:disabled):hover {
  background: linear-gradient(88deg, rgb(144, 56, 255) -49.14%, #d357ff 162.07%);
  box-shadow: 2px 2px 2px 0px rgba(174, 7, 218, 0.1) inset, 2px 2px 2px 0px rgba(174, 7, 218, 0.12), 0px 3px 7px 0px rgba(174, 7, 218, 0.12), 3px 3px 24px 0px rgba(207, 143, 254, 0.3);
}
#mvp-studio .vibrant-btn > button:disabled {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, rgb(103, 0, 235) -59.94%, #d357ff 128.14%);
  border-color: rgba(151, 6, 236, 0.3);
}
#mvp-studio .vibrant-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .circle-btn > button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(151, 6, 236) -59.94%, #d357ff 128.14%), var(--Primary-color--btn-primary--bg, #fff);
  background-clip: padding-box !important;
  margin-top: 12px;
  cursor: pointer;
}
#mvp-studio .circle-btn > button:disabled, #mvp-studio .circle-btn > button:disabled:hover {
  background: linear-gradient(90deg, rgb(151, 6, 236) -59.94%, #d357ff 128.14%), var(--Primary-color--btn-primary--bg, #fff);
  box-shadow: none;
  cursor: pointer;
}
#mvp-studio .translucent-btn > button {
  color: var(--text-onContrast, #fff);
  font-size: 16px;
  font-style: normal;
  display: flex;
  padding: var(--gb--spacing-12, 12px) 14px;
  justify-content: center;
  align-items: center;
  gap: var(--gb--spacing-2, 2px);
  font-weight: 400;
  line-height: 100%;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
  color: var(--Type-Colors-color--text, #f2f2f2);
  cursor: pointer;
  margin-left: 8px;
  font-size: 16px;
}
#mvp-studio .translucent-btn > button > span {
  display: flex;
  column-gap: 4px;
}
#mvp-studio .translucent-btn > button:not(:disabled):hover {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.03);
}
#mvp-studio .translucent-btn > button:disabled {
  background: rgba(255, 255, 255, 0.08);
}
#mvp-studio .translucent-btn > button:disabled > * {
  opacity: 0.3;
}
#mvp-studio .fs14 > * {
  font-size: 14px !important;
  line-height: 20px !important;
}
#mvp-studio .fs20 > * {
  font-size: 20px !important;
  line-height: 28px !important;
}
#mvp-studio .lh40 > * {
  line-height: 40px !important;
}
#mvp-studio .mvp-plan-badge {
  padding: 2px 8px;
  border-radius: 4px;
  outline: 1px solid rgba(104, 91, 197, 0.24);
  background: rgba(83, 64, 221, 0.2);
}
#mvp-studio .header {
  padding: 12px 24px;
  box-sizing: border-box;
  background: var(--bg-primary, white);
  border-bottom: 1px solid var(--border-default, #e6e6e6);
}
#mvp-studio .scrollable {
  overflow-y: scroll;
  padding: 24px 0;
}
#mvp-studio .content {
  padding: 24px 32px;
  border-radius: 8px;
  background: var(--bg-primary, white);
  border: 1px solid var(--border-default, #e6e6e6);
}
#mvp-studio .features-list {
  width: 100%;
  display: grid;
  grid-gap: 12px;
}
@media (max-width: 600px) {
  #mvp-studio .features-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 600px) {
  #mvp-studio .features-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
#mvp-studio .mvp-danger {
  color: rgb(253, 175, 196);
}
#mvp-studio .mvp-inactive {
  color: rgb(199, 199, 199);
}

#mvp-entry-point > button > span > span {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

body.mvp-studio-open span[aria-roledescription=tooltip] {
  background: #2b3565;
}

.prompt-refine-scroller {
  padding-right: 16px;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
.prompt-refine-scroller::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.prompt-refine-scroller::-webkit-scrollbar-track {
  background: transparent;
}
.prompt-refine-scroller::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
  transition: background 0.2s;
}
.prompt-refine-scroller:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--b-gray-30) 24%, transparent);
}

.mvp-text-field {
  width: 100%;
}
.mvp-text-field * {
  font-family: "Open Sans", sans-serif;
}
.mvp-text-field .mvp-text-input {
  display: flex;
  align-items: stretch;
  column-gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  min-height: 109px;
  max-height: 138px;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  border: 1px solid transparent;
  background: rgba(77, 95, 183, 0.12);
  position: relative;
  background: linear-gradient(270deg, rgba(174, 7, 218, 0.4) 0%, rgba(9, 71, 215, 0.4) 100%);
  box-shadow: 0 0 12px 2px rgba(150, 6, 188, 0.12), 0 0 32px 4px rgba(9, 164, 241, 0.12);
  backdrop-filter: blur(20px);
}
.mvp-text-field .mvp-text-input::after {
  content: "";
  inset: 3px;
  position: absolute;
  border-radius: 6px;
  padding: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #020821 0%, #030d35 100%);
  pointer-events: none;
}
.mvp-text-field .mvp-text-input > * {
  position: relative;
  z-index: 1;
}
.mvp-text-field .mvp-text-input:not(.disabled):hover {
  cursor: text;
  background: rgb(97, 202, 255);
  box-shadow: 0 0 12px 2px rgba(97, 202, 255, 0.12), 0 0 32px 4px rgba(9, 71, 215, 0.12);
}
.mvp-text-field .mvp-prompt-input {
  padding: 16px;
  width: 100%;
  align-items: normal;
  border-radius: 12px;
  position: relative;
  background: linear-gradient(270deg, rgba(174, 7, 218, 0.4) 0%, rgba(9, 71, 215, 0.4) 100%);
  box-shadow: 0 0 12px 2px rgba(150, 6, 188, 0.12), 0 0 32px 4px rgba(9, 164, 241, 0.12);
  backdrop-filter: blur(20px);
}
.mvp-text-field .mvp-prompt-input::after {
  content: "";
  inset: 3px;
  position: absolute;
  border-radius: 9px;
  padding: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #020821 0%, #030d35 100%);
  pointer-events: none;
}
.mvp-text-field .mvp-prompt-input > * {
  position: relative;
  z-index: 1;
}
.mvp-text-field .mvp-prompt-input:not(.disabled):hover {
  cursor: text;
  background: rgb(97, 202, 255);
  box-shadow: 0 0 12px 2px rgba(97, 202, 255, 0.12), 0 0 32px 4px rgba(9, 71, 215, 0.12);
}
.mvp-text-field .mvp-prompt-input:not(.disabled):focus-within {
  background: rgb(97, 202, 255);
  box-shadow: 0 0 12px 2px rgba(97, 202, 255, 0.12), 0 0 32px 4px rgba(9, 71, 215, 0.12);
}
.mvp-text-field textarea {
  color: white;
  flex: 1 1 auto;
  line-height: 20px;
  border: none;
  outline: none;
  background: none;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  font-size: 16px;
  overscroll-behavior: contain;
}
.mvp-text-field textarea::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.mvp-text-field textarea::-webkit-scrollbar-track {
  background: transparent;
}
.mvp-text-field textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  transition: background 0.2s;
}
.mvp-text-field textarea:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.mvp-text-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.mvp-text-field,
.mvp-text-field textarea::placeholder {
  transition: color 0.6s ease;
}
.mvp-text-field .mvp-inner-btn {
  display: flex;
  align-items: end;
}
.mvp-text-field .mvp-inner-btn button {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  column-gap: 4px;
  color: rgba(255, 255, 255, 0.7);
  border: none;
  background: none;
  font-weight: 600;
  transition: color 0.3s ease;
}
.mvp-text-field.disabled {
  background: rgba(77, 95, 183, 0.24);
  pointer-events: none;
  cursor: default;
}
.mvp-text-field.disabled textarea,
.mvp-text-field.disabled button {
  color: rgba(255, 255, 255, 0.3);
}
.mvp-text-field.disabled textarea::placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.capacity-section .feature-card-caption {
  flex: 1;
  margin-bottom: 16px;
}
.capacity-section .slider-state-icon-container {
  margin-right: 8px;
  border-radius: 2px;
  background-color: var(--b-bg-secondary);
}
.capacity-section .slider-state-header-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 16px;
  padding-right: 8px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.feature-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.feature-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.feature-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.feature-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.feature-info-card {
  border: 1px var(--b-border-default) solid;
  border-radius: 4px;
  background: var(--b-bg-primary);
  padding: 16px;
  width: 100%;
  height: 82px;
}
.feature-info-card.clickable:hover {
  border-color: var(--pop-color, --b-border-default);
  cursor: pointer;
}
.feature-info-card.clickable:hover .cta-wrapper {
  text-decoration: underline;
}
.feature-info-card.active {
  border-color: var(--pop-color, --b-border-default);
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.extra-pricing-info-card, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content, .danger.feature-info-card {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.extra-pricing-info-card, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content, .caution.feature-info-card {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.extra-pricing-info-card, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content, .success.feature-info-card {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.extra-pricing-info-card, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content, .brand.feature-info-card {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.workload-info-card-container {
  padding: 16px;
  border-radius: 4px;
}

.offline-message-container {
  background: var(--b-bg-danger1);
  width: 100%;
}

.overage-within-grace-period-message-container {
  background: var(--b-bg-caution1);
  width: 100%;
}

.overages-checkbox-area {
  width: 100%;
}

.extra-pricing-info-card {
  background: var(--pop-color-bg);
}

.progress-bar-section {
  width: 100%;
}
.progress-bar-section .progress-bar-section-title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .app-plan-storage-section-content .storage-bar .danger.storage-used-text, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content, .danger.feature-info-card, .danger.extra-pricing-info-card {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .app-plan-storage-section-content .storage-bar .caution.storage-used-text, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content, .caution.feature-info-card, .caution.extra-pricing-info-card {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .app-plan-storage-section-content .storage-bar .success.storage-used-text, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content, .success.feature-info-card, .success.extra-pricing-info-card {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .app-plan-storage-section-content .storage-bar .brand.storage-used-text, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content, .brand.feature-info-card, .brand.extra-pricing-info-card {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.app-plan-storage-section-content .slider-state-header-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 16px;
  padding-right: 8px;
}
.app-plan-storage-section-content .storage-bar {
  margin-top: 32px;
}
.app-plan-storage-section-content .storage-bar .storage-used-text {
  color: var(--pop-color);
  font-size: 18px;
  font-weight: 600;
}

.app-plan-workload-section-content .overages-subtitle h4 {
  line-height: 20px;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.app-plan-plugins-section-content .plugin-container {
  padding: 12px;
  display: flex;
  border-radius: 4px;
  border: 1px solid var(--b-border-default);
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.app-plan-plugins-section-content .plugin-container:hover, .app-plan-plugins-section-content .plugin-container:focus-visible {
  border: 1px solid var(--b-border-brand);
  cursor: pointer;
}
.app-plan-plugins-section-content .plugin-container:hover:has(.plugin-unsubscribe-container:hover), .app-plan-plugins-section-content .plugin-container:focus-visible:has(.plugin-unsubscribe-container:hover) {
  border: 1px solid var(--b-border-danger);
}
.app-plan-plugins-section-content .plugin-container .plugin-unsubscribe-container:hover span {
  color: var(--b-txt-danger);
  text-decoration: underline;
}
.app-plan-plugins-section-content .plugin-icon-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.upsell-popup .popup-content {
  width: 620px;
  height: 325px;
}
.upsell-popup .upsell-popup-close svg:hover,
.upsell-popup .upsell-popup-close svg:focus-visible {
  color: var(--b-icon-tertiary);
}
.upsell-popup .upsell-popup-text-container {
  height: 100%;
  flex: 1;
}
.upsell-popup .upsell-popup-text-container .upsell-popup-text {
  width: auto;
  height: 100%;
  padding: 25px;
}
.upsell-popup .upsell-popup-image-container {
  height: 325px;
  flex: 1;
  overflow: hidden;
}
.upsell-popup .upsell-popup-image-container .upsell-popup-image {
  height: 100%;
  float: left;
  margin-left: 2px;
}

.select-plan-feature-card {
  border: none;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  flex-basis: 50%;
  background: var(--bg-primary);
  padding: 0;
  text-align: start;
}
.select-plan-feature-card .select-plan-feature-text-container {
  height: 100%;
  flex: 1;
}
.select-plan-feature-card .select-plan-feature-text-container .select-plan-feature-text {
  width: auto;
  height: 100%;
  padding: 25px;
}
.select-plan-feature-card .select-plan-feature-image-container {
  height: 325px;
  flex: 1;
  overflow: hidden;
}
.select-plan-feature-card .select-plan-feature-image-container .select-plan-feature-image {
  height: 100%;
  float: left;
  margin-left: 2px;
}
.select-plan-feature-card:hover {
  border: 1px solid var(--border-brand, #0c29ab);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
.table-with-border-radius {
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-spacing12);
}
.table-with-border-radius tr:first-child th:first-child {
  border-top-left-radius: var(--b-spacing12);
}
.table-with-border-radius tr:first-child th:last-child {
  border-top-right-radius: var(--b-spacing12);
}
.table-with-border-radius tr:last-child td:first-child {
  border-bottom-left-radius: var(--b-spacing12);
}
.table-with-border-radius tr:last-child td:last-child {
  border-bottom-right-radius: var(--b-spacing12);
}

.plans-table {
  width: 100%;
  color: var(--b-txt-primary);
  border-collapse: separate;
  border-spacing: 0;
}
.plans-table thead {
  background: var(--b-bg-secondary);
  top: 0px;
  position: sticky;
  z-index: 2;
}
.plans-table thead .header-cell-title {
  padding: 0 20px;
  vertical-align: middle;
  text-align: left;
  min-width: 200px;
}
.plans-table thead .header-cell {
  padding: 12px;
  vertical-align: bottom;
  border-left: 2px var(--b-bg-primary) solid;
  width: 15%;
}
.plans-table thead .header-cell .header-plan-title span {
  line-height: 16px;
}
.plans-table thead .header-cell button {
  margin-top: 8px;
}
.plans-table tbody {
  margin-top: 20px;
}
.plans-table tbody .feature-section-row .feature-section-title-row {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
}
.plans-table tbody .feature-section-row .feature-section-title {
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
}
.plans-table tbody .app-plan-feature-row {
  height: 50px;
  justify-content: center;
}
.plans-table tbody .app-plan-feature-row .feature-header-cell {
  background-color: white;
  padding: 15px 20px;
  border-bottom: 2px var(--b-bg-primary) solid;
}
.plans-table tbody .app-plan-feature-row .column-wrap {
  margin-bottom: 5px;
}
.plans-table tbody .app-plan-feature-row .feature-cell {
  font-size: 14px;
  padding: 15px 20px;
}

.plans-table.deprecated {
  border-collapse: separate;
  border-spacing: 2px;
  border-radius: 0;
  border-color: transparent;
}
.plans-table.deprecated thead {
  background: var(--bg-brand-1, #f5faff);
}
.plans-table.deprecated thead .header-cell {
  height: 60px;
  padding: 0;
  vertical-align: top;
  border: 1px solid var(--b-black-white-10);
  overflow: hidden;
}
.plans-table.deprecated thead .header-cell .header-plan-title span {
  line-height: default;
}
.plans-table.deprecated thead .header-cell button {
  margin-top: 0;
}
.plans-table.deprecated thead .header-cell-hat {
  top: 0;
  text-align: center;
  width: 100%;
}
.plans-table.deprecated thead .header-cell-hat.primary {
  background: var(--bg-brand-2, #ebf3ff);
  color: var(--text-brand, #0c29ab);
}
.plans-table.deprecated thead .header-cell-hat.success {
  background: var(--bg-success-2, #eaf5ed);
  color: var(--text-success, #1e6c30);
}
.plans-table.deprecated thead .header-cell-hat.hidden {
  visibility: hidden;
}
.plans-table.deprecated thead .header-cell-hat .hat-text-container {
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 3px;
}
.plans-table.deprecated thead .header-cell-title {
  padding: 20px;
}
.plans-table.deprecated thead .header-cell-content {
  width: 100%;
  padding: 0px 12px 10px 12px;
  flex: 1;
}
.plans-table.deprecated tbody .feature-section-row .feature-section-title {
  color: var(--text-primary, --b-gray-80);
}
.plans-table.deprecated tbody .app-plan-feature-row .feature-cell {
  font-size: 12px;
}
.plans-table.deprecated tbody .app-plan-feature-row .feature-header-cell {
  background-color: #fafafa;
  border-bottom: none;
}

.select-app-plan-price-display {
  padding-top: 16px;
  padding-bottom: 24px;
  min-width: 150px;
}
.select-app-plan-price-display .hidden {
  visibility: hidden;
}
.select-app-plan-price-display * {
  font-family: var(--b-font-family);
}
.select-app-plan-price-display .custom-price {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.select-app-plan-price-display .dollar-sign {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.select-app-plan-price-display .price-large-number {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
.select-app-plan-price-display .frequency {
  margin-left: 2px;
  margin-bottom: 1px;
  color: var(--b-txt-tertiary);
  font-size: 12px;
}
.select-app-plan-price-display.small {
  min-width: auto;
  padding: 0;
}
.select-app-plan-price-display.small .dollar-sign {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.select-app-plan-price-display.small .price-large-number,
.select-app-plan-price-display.small .custom-price {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.select-app-plan-price-display.small .frequency {
  color: var(--b-txt-primary);
  font-size: 10px;
}
.select-app-plan-price-display.medium {
  min-width: auto;
  padding: 0;
}
.select-app-plan-price-display.medium .dollar-sign {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.select-app-plan-price-display.medium .price-large-number,
.select-app-plan-price-display.medium .custom-price {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.select-app-plan-price-display.medium .frequency {
  color: var(--b-txt-primary);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 0px;
}

.price-header-small {
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 700;
}

.access-gated-settings-container {
  width: 100%;
  min-width: 960px;
  display: flex;
  flex-direction: column;
}

.access-gated-settings {
  border-radius: var(--b-radius-regular);
  overflow: hidden;
  margin-top: var(--b-spacing12);
  width: 100%;
}
.access-gated-settings .access-gated-settings-header {
  background-color: var(--b-bg-success1);
  padding: var(--b-spacing16);
  width: 100%;
}
.access-gated-settings .access-gated-settings-content {
  border: 1px solid var(--b-border-inactive);
  border-radius: var(--b-radius-regular);
  background-color: white;
  margin-top: calc(-1 * var(--b-radius-regular));
  width: 100%;
}
.access-gated-settings .access-gated-settings-content.include-padding {
  padding: 20px;
}

.plan-container {
  width: calc(100% - 2px);
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--b-border-default);
  margin-bottom: var(--b-spacing16);
}
.plan-container .plan-header {
  background-color: var(--b-bg-secondary);
  border-radius: var(--b-radius-regular) var(--b-radius-regular) 0 0;
  padding: var(--b-spacing12);
}
.plan-container .blue-background {
  background-color: var(--b-bg-on-brand1);
}
.plan-container .plan-workload-usage {
  padding: var(--b-spacing12);
}

.workload-container {
  width: calc(100% - 26px);
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--b-border-default);
  margin-top: var(--b-spacing12);
  padding: var(--b-spacing12);
}
.workload-container .workload-section {
  background-color: var(--b-bg-brand1);
  border-radius: var(--b-radius-regular) var(--b-radius-regular) 0 0;
  padding: var(--b-spacing8);
  margin-bottom: var(--b-spacing12);
  width: calc(100% - 16px);
}
.workload-container .disabled {
  background-color: var(--b-bg-secondary);
}
.workload-container a:hover {
  color: var(--b-txt-brand);
}

:root {
  --b-cobalt-10: #F5FAFF;
  --b-cobalt-20: #EBF3FF;
  --b-cobalt-30: #D5E5FB;
  --b-cobalt-40: #AFCEF8;
  --b-cobalt-50: #1E6DF6;
  --b-cobalt-60: #0947D7;
  --b-cobalt-70: #0C29AB;
  --b-cobalt-80: #091E7C;
  --b-cobalt-90: #051043;
  --b-periwinkle-10: #F2F3FD;
  --b-periwinkle-20: #E9EBFB;
  --b-periwinkle-30: #D8DBF9;
  --b-periwinkle-40: #BDC3F4;
  --b-periwinkle-50: #625DFE;
  --b-periwinkle-60: #513EDF;
  --b-periwinkle-70: #401FC1;
  --b-periwinkle-80: #341A9E;
  --b-sky-blue-10: #F5FBFF;
  --b-sky-blue-20: #E6F6FE;
  --b-sky-blue-30: #D3EFFD;
  --b-sky-blue-40: #B0E3FC;
  --b-sky-blue-50: #61CAFF;
  --b-sky-blue-60: #09A4F1;
  --b-sky-blue-70: #0789CA;
  --b-sky-blue-80: #056494;
  --b-red-10: #FEF6F5;
  --b-red-20: #FDEAE7;
  --b-red-30: #FBD0CB;
  --b-red-40: #F9B3A9;
  --b-red-50: #EF2F15;
  --b-red-60: #CD260E;
  --b-red-70: #B0200C;
  --b-red-80: #941B0A;
  --b-yellow-10: #FFFAF0;
  --b-yellow-20: #FFF4DB;
  --b-yellow-30: #FFEFC7;
  --b-yellow-40: #FFDC8A;
  --b-yellow-50: #FFB505;
  --b-yellow-60: #EBA500;
  --b-yellow-70: #DCA114;
  --b-yellow-80: #B88100;
  --b-green-10: #F5FAF6;
  --b-green-20: #EAF5ED;
  --b-green-30: #CFE8D5;
  --b-green-40: #B7DCBF;
  --b-green-50: #2EA84A;
  --b-green-60: #26883C;
  --b-green-70: #1E6C30;
  --b-green-80: #175425;
  --b-purple-10: #FAF4FB;
  --b-purple-20: #F6ECF8;
  --b-purple-30: #E9D2EF;
  --b-purple-40: #DEBBE7;
  --b-purple-50: #AE07DA;
  --b-purple-60: #9606BC;
  --b-purple-70: #79059A;
  --b-purple-80: #5B0372;
  --b-orange-10: #FFFAF5;
  --b-orange-20: #FFF4E5;
  --b-orange-30: #FFE3C2;
  --b-orange-40: #FFD6A3;
  --b-orange-50: #FF9A1F;
  --b-orange-60: #F58700;
  --b-orange-70: #D17400;
  --b-orange-80: #8F4F00;
  --b-gray-10: #F7F7F7;
  --b-gray-20: #F2F2F2;
  --b-gray-30: #E6E6E6;
  --b-gray-40: #C7C7C7;
  --b-gray-50: #A6A6A6;
  --b-gray-60: #8A8A8A;
  --b-gray-70: #525252;
  --b-gray-80: #1A1A1A;
  --b-livid-10: #F2F5F9;
  --b-livid-20: #E4EAF1;
  --b-livid-30: #CAD5E2;
  --b-livid-40: #AFC0D4;
  --b-livid-50: #849FBD;
  --b-livid-60: #69809B;
  --b-livid-70: #415162;
  --b-livid-80: #14191F;
  --b-black-white-10: #FFFFFF;
  --b-black-white-20: #000000;
  --b-cyan-10: #F2FEFD;
  --b-cyan-30: #BBF9F7;
  --b-cyan-60: #34C3BE;
}

:root {
  --b-burst-product-yellow: #FFEFC7;
  --b-burst-product-purple: #E9D2EF;
  --b-burst-product-blue: #D3EFFD;
  --b-burst-product-orange: #FFE3C2;
  --b-burst-primary: #0C29AB;
  --b-burst-primary-hover: #091E7C;
  --b-burst-error: #B0200C;
  --b-burst-error-hover: #941B0A;
}

@font-face {
  src: url("/static/fonts/founders-grotesk-light.woff2") format("woff2");
  font-weight: 300;
  font-family: FoundersGrotesk;
}
@font-face {
  src: url("/static/fonts/founders-grotesk-regular.woff2") format("woff2");
  font-weight: 400;
  font-family: FoundersGrotesk;
}
@font-face {
  src: url("/static/fonts/founders-grotesk-medium.woff2") format("woff2");
  font-weight: 500;
  font-family: FoundersGrotesk;
}
@font-face {
  src: url("/static/fonts/founders-grotesk-semibold.woff2") format("woff2");
  font-weight: 600;
  font-family: FoundersGrotesk;
}
@font-face {
  src: url("/static/fonts/founders-grotesk-bold.woff2") format("woff2");
  font-weight: 700;
  font-family: FoundersGrotesk;
}
:root {
  --b-burst-font-family: FoundersGrotesk;
}

div[data-popper-positioner] {
  pointer-events: none;
}

._1b0dh4w0 {
  color: var(--b-burst-product-yellow);
}

._1b0dh4w1 {
  color: var(--b-burst-product-purple);
}

._1b0dh4w2 {
  color: var(--b-burst-product-blue);
}

._1b0dh4w3 {
  color: var(--b-burst-product-orange);
}

._1b0dh4w4 {
  color: var(--b-burst-primary);
}

._1b0dh4w5 {
  color: var(--b-burst-error);
}

._1i5egv51 {
  --_1i5egv50: var(--b-icon-secondary);
  background: var(--b-bg-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  cursor: pointer;
}

._1i5egv51:hover {
  --_1i5egv50: var(--b-icon-secondary);
  background: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}

._1i5egv52 {
  --_1i5egv50: var(--b-icon-brand);
  color: var(--b-txt-brand);
  background: var(--b-bg-brand2);
  height: 32px;
  cursor: default;
}

._1i5egv52:hover {
  --_1i5egv50: var(--b-icon-brand);
  color: var(--b-txt-brand);
  background: var(--b-bg-brand2);
}

._1i5egv53 {
  --_1i5egv50: var(--b-icon-primary);
  color: var(--b-txt-primary);
  background: var(--b-bg-primary);
}

._1i5egv53:hover {
  --_1i5egv50: var(--b-icon-primary);
  background: var(--b-bg-secondary);
  color: var(--b-txt-primary);
}

._1i5egv54 {
  cursor: default;
}

._1i5egv54:hover {
  --_1i5egv50: var(--b-icon-tertiary);
  background: var(--b-bg-primary);
}

._1i5egv55 {
  display: flex;
  flex-direction: row;
  width: 180px;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;
}

._1i5egv56 {
  height: 28px;
}

._1i5egv57 {
  height: 32px;
}

._1i5egv5v {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
}

._1i5egv5w {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._1i5egv5x {
  color: var(--_1i5egv50);
  padding-right: var(--b-spacing4);
  flex: none;
}

._1i5egv5y {
  --_1i5egv50: var(--b-icon-tertiary);
  padding-left: var(--b-spacing-padding-list);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

._1i5egv5z {
  flex: 1;
  width: 0;
}

._1i5egv510 {
  display: flex;
  margin-left: auto;
  padding-left: var(--b-spacing-padding-list);
  padding-right: var(--b-spacing-padding-list);
}

._1i5egv511 {
  padding-right: var(--b-spacing-padding-list);
}

._1i5egv512 {
  margin-left: auto;
}

._1j9j5lk0 {
  display: flex;
  margin-left: auto;
}

._1j9j5lk1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._1j9j5lk2 {
  display: flex;
  align-items: center;
  padding-right: var(--b-spacing4);
}

._6diudk0 {
  display: flex;
  align-items: center;
  margin-right: var(--b-spacing-padding-list);
}

._6diudk1 {
  background: inherit;
  border: 0;
  padding: 0;
  outline: none;
  flex-grow: 1;
}

._6diudk1:focus-visible {
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
}

._6diudk2 {
  display: flex;
  justify-content: space-between;
}

._6diudk2:hover {
  background: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}

._6diudk2:focus-within {
  background: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}

._6diudk2 > button > div {
  background: inherit;
}

._6diudk3 {
  visibility: hidden;
}

._6diudk2:hover > ._6diudk3 {
  visibility: visible;
}

._6diudk2:focus-within > ._6diudk3 {
  visibility: visible;
}

._6diudk4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._6diudk5 {
  display: flex;
  align-items: center;
  padding-right: var(--b-spacing4);
}

.tfd0h80 {
  padding: var(--b-spacing16);
  display: flex;
  align-items: center;
  gap: var(--b-spacing8);
  color: var(--b-gray-80);
}

.tfd0h88 {
  padding: var(--b-spacing12);
  gap: var(--b-spacing4);
}

.tfd0h8a {
  border-radius: 0px;
  border: none;
}

.tfd0h8b {
  border-radius: var(--b-card-radius);
  border: 1px solid;
}

.tfd0h8e {
  background: var(--b-green-10);
  border-color: var(--b-green-40);
}

.tfd0h8f {
  background: var(--b-green-60);
  color: var(--b-black-white-10);
  border-color: var(--b-green-60);
}

.tfd0h8g {
  background: var(--b-orange-10);
  border-color: var(--b-orange-40);
}

.tfd0h8h {
  background: var(--b-orange-60);
  border-color: var(--b-orange-60);
}

.tfd0h8i {
  background: var(--b-red-10);
  border-color: var(--b-red-40);
}

.tfd0h8j {
  background: var(--b-red-60);
  border-color: var(--b-red-60);
  color: var(--b-black-white-10);
}

.tfd0h8k {
  background: var(--b-gray-10);
  border-color: var(--b-gray-40);
}

.tfd0h8l {
  background: var(--b-gray-70);
  border-color: var(--b-gray-70);
  color: var(--b-black-white-10);
}

.tfd0h8m {
  background: var(--b-cobalt-10);
  border-color: var(--b-cobalt-40);
}

.tfd0h8n {
  background: var(--b-sky-blue-60);
  border-color: var(--b-sky-blue-60);
}

.tfd0h8q {
  padding: var(--b-spacing2);
}

._18izqnz0 {
  row-gap: var(--b-spacing24);
}

._18izqnz1 {
  margin-top: 1.5px;
  margin-bottom: 1px;
  margin-left: var(--b-spacing4);
  margin-right: var(--b-spacing4);
  height: 8px;
  width: 8px;
  min-height: 8px;
  min-width: 8px;
}

.ecjc1i0 {
  display: flex;
  align-items: center;
  column-gap: var(--b-spacing8);
  height: 32px;
  padding-left: var(--b-spacing8);
  padding-top: var(--b-spacing8);
  width: 100%;
}

.ecjc1i1 {
  margin: 0;
  display: flex;
  align-items: center;
  padding: var(--b-spacing4);
  width: 100%;
}

.ecjc1i2 {
  height: 32px;
  margin-inline-end: 0;
}

.ecjc1i3 {
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: auto;
  width: 100%;
}

.ecjc1i4 {
  width: 100%;
  padding-top: var(--b-spacing4);
  padding-bottom: var(--b-spacing4);
  padding-right: var(--b-spacing16);
  padding-left: var(--b-spacing8);
}

.k000t50 {
  color: var(--b-txt-primary);
  display: flex;
  cursor: pointer;
}

.k000t51 {
  cursor: default;
}

.k000t51 * {
  color: var(--b-txt-inactive);
}

.k000t52 {
  appearance: none;
  margin: 0;
}

.k000t53 {
  display: flex;
  align-items: center;
  height: 100%;
  column-gap: var(--b-spacing-reg);
  border-radius: var(--b-spacing-sm);
  outline: none;
}

.k000t54 {
  background-color: var(--b-bg-brand1);
  box-shadow: inset 0px 0px 0px 1px var(--b-border-brand);
}

.k000t56 {
  flex-direction: row-reverse;
}

.k000t57 {
  width: 100%;
  padding: var(--b-spacing-reg);
}

.k000t57:hover {
  background-color: var(--b-bg-brand1);
}

.k000t57:focus-visible {
  background-color: var(--b-bg-brand1);
}

._1gr66as0 {
  border: 1px solid var(--b-border-default);
  border-radius: 4px;
  background: var(--b-bg-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.k000t53:hover > ._1gr66asj {
  box-shadow: 0px 0px 1px 2px var(--b-border-brand);
}

.k000t53:focus-visible > ._1gr66asj {
  box-shadow: 0px 0px 0px 1px var(--b-border-brand);
}

.zngtrb0 {
  border: none;
  height: 1px;
  width: 100%;
  background-color: var(--b-gray-30);
  margin-top: var(--b-spacing4);
  margin-bottom: var(--b-spacing4);
}

._1w9wll10:hover {
  background-color: var(--b-bg-secondary);
  box-shadow: none !important;
}

._1w9wll10:active {
  color: var(--b-txt-brand);
  background-color: var(--b-bg-brand2);
}

._1w9wll10:focus-visible {
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}

._1w9wll11 {
  overflow: hidden;
}

._1w9wll12 {
  cursor: pointer;
}

._1w9wll13 {
  color: var(--b-txt-danger);
}

._1w9wll14 {
  color: var(--b-txt-inactive);
}

._1w9wll15 {
  border-radius: var(--b-radius-regular);
  border: 1px solid var(--b-border-default);
  height: var(--b-spacing24);
  width: var(--b-spacing24);
  display: flex;
  justify-content: center;
  align-items: center;
}

._1197hj50 {
  position: absolute;
  width: 240px;
  background-color: white;
  border-radius: var(--b-radius-regular);
  padding-top: var(--b-spacing4);
  padding-bottom: var(--b-spacing4);
  box-shadow: var(--b-level1);
  outline: none;
  z-index: 100000001;
  margin-top: var(--b-spacing4);
}

._1tb7u1w0 {
  border: none;
  height: 1px;
  background-color: var(--b-gray-30);
  margin-top: var(--b-spacing4);
  margin-bottom: var(--b-spacing4);
}

._1g4f1c46 {
  display: grid;
  max-width: var(--_1g4f1c40);
  min-width: var(--_1g4f1c41);
  grid-template-columns: repeat(auto-fill, minmax(var(--_1g4f1c45), 1fr));
  grid-row-gap: var(--_1g4f1c43);
  grid-column-gap: var(--_1g4f1c44);
}

._1d468190 {
  border: 1px solid var(--b-border-brand);
  background: var(--b-bg-brand1);
  cursor: pointer;
}

._1d468190:hover {
  background: var(--b-bg-secondary);
}

._1d468190:focus-visible {
  background: var(--b-bg-secondary);
}

._1d468191 {
  border: 1px solid var(--b-border-inactive);
  background: var(--b-bg-secondary);
  cursor: pointer;
}

._1d468192 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  height: fit-content;
  gap: var(--b-spacing-sm);
  border-radius: 4px;
}

._1d468192:hover {
  background: var(--b-bg-secondary);
}

._1d468192:focus-visible {
  background: var(--b-bg-secondary);
}

._1d468197:hover {
  background: none;
}

._1d468199 {
  display: flex;
  height: 16px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

._1d46819a {
  display: flex;
  align-items: center;
  gap: var(--b-spacing-xs);
  flex: 1 0 0;
}

._1d46819b {
  display: flex;
  align-items: flex-start;
  gap: var(--b-spacing-sm);
  flex: 1 0 0;
}

._1d46819c {
  display: flex;
  align-items: flex-start;
  gap: var(--b-spacing-padding-list);
}

._1d46819d {
  display: flex;
  align-items: flex-start;
  gap: var(--b-spacing-padding-list);
  align-self: stretch;
  color: var(--b-txt-primary);
}

._1t98odd0 {
  background: var(--b-bg-primary);
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
}

._1t98odd0:hover {
  background: var(--b-bg-secondary);
  color: var(--b-txt-secondary);
}

._1t98odd0:focus {
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}

._1t98odd1 {
  color: var(--b-txt-brand);
  background: var(--b-bg-brand2);
  border: none;
  cursor: default;
}

._1t98odd1:hover {
  color: var(--b-txt-brand);
  background: var(--b-bg-brand2);
}

._1t98odd2 {
  display: flex;
  width: 180px;
  height: 32px;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--b-spacing-padding-list);
  box-sizing: border-box;
  text-align: left;
}

._1t98odd5 {
  padding-right: var(--b-spacing4);
  flex: none;
}

@keyframes _145pbvh0 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._145pbvh1 {
  display: inline-block;
  animation: _145pbvh0 1900ms linear infinite;
}

._145pbvhk {
  width: 16px;
  height: 16px;
}

._145pbvhl {
  width: 24px;
  height: 24px;
}

._145pbvhm {
  width: 32px;
  height: 32px;
}

._145pbvhn {
  width: 40px;
  height: 40px;
}

._145pbvho {
  width: 48px;
  height: 48px;
}

._145pbvhp {
  display: block;
  height: 100%;
  width: 100%;
}

.edl3b40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 32px;
  padding: var(--b-spacing4) var(--b-spacing8);
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-input-radius);
  cursor: pointer;
  gap: var(--b-spacing8);
  flex-wrap: nowrap;
  outline: none;
  background-color: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

.edl3b41 {
  opacity: 0.5;
  color: var(--b-txt-tertiary);
}

.edl3b42 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--b-spacing8);
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 1;
  min-width: 0;
  align-items: center;
}

.edl3b43 {
  display: inline-flex;
  align-items: center;
  border-radius: var(--b-input-radius);
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: var(--b-spacing4);
}

.edl3b44 {
  position: relative;
}

.edl3b45 {
  background-color: var(--b-bg-primary);
  border-radius: var(--b-input-radius);
  box-shadow: var(--b-popover-shadow);
  padding: var(--b-spacing4) 0;
  overflow: auto;
}

.edl3b46 {
  display: flex;
  align-items: center;
  padding: var(--b-spacing8) var(--b-spacing12);
  cursor: pointer;
  gap: var(--b-spacing4);
  outline: none;
}

.edl3b46[data-highlighted] {
  background-color: var(--b-bg-secondary);
}

.edl3b47 {
  background-color: var(--b-bg-secondary);
}

.edl3b48 {
  color: var(--b-txt-tertiary);
}

.edl3b49 {
  padding: 0;
  margin: 0;
}

.edl3b49:focus {
  outline: none;
}

.edl3b4a {
  flex-shrink: 0;
  margin-left: auto;
}

._1ms5ccy0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 32px;
  padding: var(--b-spacing4) var(--b-spacing8);
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-input-radius);
  cursor: pointer;
  gap: var(--b-spacing8);
  flex-wrap: nowrap;
  outline: none;
  background-color: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

._1ms5ccy1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--b-spacing8);
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
  min-width: 0;
  align-items: center;
}

._1ms5ccy2 {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  background-color: var(--b-bg-secondary);
  border-radius: var(--b-input-radius);
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: var(--b-spacing4);
}

._1ms5ccy3 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: var(--b-bg-primary);
  border-radius: var(--b-radius-regular);
  box-shadow: var(--b-level1);
  z-index: 1000;
  padding: var(--b-spacing4) 0;
}

._1ms5ccy4 {
  display: flex;
  align-items: center;
  padding: var(--b-spacing8) var(--b-spacing12);
  cursor: pointer;
  gap: var(--b-spacing4);
  outline: none;
}

._1ms5ccy4:focus {
  outline: none;
}

._1ms5ccy4[data-highlighted] {
  background-color: var(--b-bg-secondary);
}

._1ms5ccy5 {
  padding: 0;
  margin: 0;
}

._1ms5ccy5:focus {
  outline: none;
}

._1ms5ccy6 {
  flex-shrink: 0;
  margin-left: auto;
}

._10fw3og0 {
  overflow: visible;
  position: relative;
  color: var(--b-txt-secondary);
}

._10fw3og1 {
  display: flex;
  flex-direction: row;
}

._10fw3og2 {
  --_1uejfp90: 32px;
  --_1uejfp91: 1px;
  flex-direction: row;
  width: 100%;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: var(--b-spacing8);
  padding-top: var(--b-spacing-padding-input);
  padding-bottom: var(--b-spacing-padding-input);
}

._10fw3og3 {
  background-color: var(--b-bg-secondary);
}

._10fw3og4 {
  flex-grow: 1;
  display: flex;
  align-content: start;
  overflow: hidden;
}

._10fw3og5 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  margin-top: var(--b-spacing-sm);
  padding-block: var(--b-spacing-sm);
  border-radius: var(--b-input-radius);
  overflow: hidden;
  box-shadow: var(--b-menu-shadow);
  background-color: var(--b-bg-primary);
}

._10fw3og6 {
  color: var(--b-txt-primary);
  padding: var(--b-spacing-reg);
  background-color: var(--b-bg-primary);
  cursor: default;
}

._10fw3og7 {
  color: var(--b-txt-tertiary);
}

._10fw3og8 {
  background-color: var(--b-bg-secondary);
}

.f4xyi60 {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.f4xyi61 {
  box-sizing: border-box;
  border: none;
  padding-top: 2px;
  cursor: default;
}

.f4xyi62 {
  flex-grow: 1;
}

.f4xyi63 {
  flex-grow: 0;
}

.f4xyi64 {
  background: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  user-select: none;
  padding-bottom: 0px;
  padding-top: 2px;
  padding-right: 0px;
  padding-left: 0px;
}

.f4xyi69 {
  border-radius: 0;
}

.f4xyi6a {
  margin-bottom: -1px;
  z-index: 1;
}

.f4xyi6b {
  margin-bottom: 0px;
}

.f4xyi6c {
  color: var(--b-txt-tertiary);
  height: 32px;
}

.f4xyi6c:hover {
  color: var(--b-txt-brand);
}

.f4xyi6d {
  color: var(--b-txt-tertiary);
  padding: 4px 6px;
  height: 24px;
  border-bottom: 0px;
}

.f4xyi6d:hover {
  color: var(--b-txt-primary);
  background-color: var(--b-bg-secondary);
}

.f4xyi6e {
  color: var(--b-txt-brand);
  border-bottom: 2px solid;
  border-radius: 0;
}

.f4xyi6e:hover {
  background: none;
}

.f4xyi6f {
  color: var(--b-txt-primary);
  background-color: var(--b-bg-secondary2);
  border-radius: 4px;
  border-bottom: 0px;
}

.f4xyi6f:hover {
  background-color: var(--b-bg-secondary2);
}

.f4xyi6g {
  padding-right: var(--b-spacing4);
  flex: none;
}

.f4xyi6g:hover {
  color: var(--b-txt-brand);
}

.f4xyi6h {
  flex: none;
}

.f4xyi6h:hover {
  color: var(--b-txt-brand);
}

.f4xyi6i {
  display: flex;
  align-items: center;
}

.up8wd41 {
  --up8wd40: var(--b-icon-primary);
  background: none;
  border: none;
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  border-radius: var(--b-spacing-sm);
  gap: var(--b-spacing-sm);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.up8wd41:hover {
  --up8wd40: var(--b-icon-primary);
  background: var(--b-bg-secondary2);
}

.up8wd42 {
  --up8wd40: var(--b-icon-brand);
  cursor: default;
  background: var(--b-bg-brand2);
}

.up8wd42:hover {
  --up8wd40: var(--b-icon-brand);
  background: var(--b-bg-brand2);
}

.up8wd43 {
  --up8wd40: var(--b-icon-inactive);
  cursor: default;
  pointer-events: none;
}

.up8wd43:hover {
  --up8wd40: var(--b-icon-inactive);
  background: none;
}

.up8wd44::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--b-icon-danger);
}

.up8wd45 {
  color: var(--up8wd40);
  position: relative;
}

._1y0ufbc0 {
  display: flex;
  width: fit-content;
  row-gap: var(--b-spacing-sm);
  column-gap: var(--b-spacing-sm);
  max-width: 100%;
}

._1y0ufbc2 {
  flex-direction: column;
}

.h7gbdj0 {
  display: flex;
  flex-direction: column;
  height: auto;
  box-shadow: var(--b-level1);
  border-radius: var(--b-radius-regular);
}

._191xcte0 {
  appearance: none;
  border: none !important;
  width: 100%;
  min-width: 150px;
  height: 30px;
  -webkit-appearance: none;
}

._191xcte0::-webkit-slider-runnable-track {
  background: var(--b-border-default);
  cursor: pointer;
  height: 8px;
  border-radius: 4px;
}

._191xcte0::-webkit-slider-thumb {
  width: 10px;
  height: 30px;
  border-radius: 30px;
  background: var(--b-bg-on-brand1);
  cursor: pointer;
  margin-top: -11px;
  -webkit-appearance: none;
}

._191xcte0::-moz-range-track {
  background: var(--b-border-default);
  cursor: pointer;
  height: 8px;
  border-radius: 4px;
}

._191xcte0::-moz-range-thumb {
  width: 10px;
  height: 30px;
  border-radius: 30px;
  background: var(--b-bg-on-brand1);
  cursor: pointer;
  margin-top: -11px;
}

.dwey0p0 {
  background-color: var(--b-bg-secondary2);
  transition: 0.4s;
  border-radius: 80px;
  display: flex;
  padding: 4px;
  gap: 10px;
  width: 50px;
  height: 28px;
  cursor: pointer;
  border: none;
  position: relative;
}

.dwey0p0:focus-visible {
  transition: none;
  border-radius: 50px;
  outline: 1px solid var(--b-border-focus);
  outline-offset: 4px;
}

.dwey0p0:disabled {
  cursor: default;
  background-color: var(--b-bg-secondary);
}

.dwey0p0:before {
  content: "";
  position: absolute;
  left: 4px;
  transform: translateX(0);
  height: 20px;
  width: 20px;
  background-color: var(--b-bg-primary);
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: var(--b-menu-shadow);
}

.dwey0p0:not(:disabled):hover:before {
  box-shadow: var(--b-lightbox-shadow);
}

.dwey0p1 {
  height: 14px;
  padding: var(--b-spacing2);
  width: 24px;
}

.dwey0p1:before {
  left: 2px;
  height: 10px;
  width: 10px;
}

.dwey0p2 {
  height: 18px;
  padding: var(--b-spacing2);
  width: 32px;
}

.dwey0p2:before {
  left: 2px;
  height: 14px;
  width: 14px;
}

.dwey0p3 {
  height: 28px;
  padding: var(--b-spacing4);
  width: 48px;
}

.dwey0p3:before {
  left: 4px;
  height: 20px;
  width: 20px;
}

.dwey0p4 {
  background-color: var(--b-bg-on-brand1);
}

.dwey0p4:before {
  transform: translateX(100%);
}

.dwey0p4:disabled {
  background-color: var(--b-bg-brand2);
}

._3ahyui0 {
  border: none;
  background: none;
  padding: 0px;
}

._3ahyui1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 400px;
  background: var(--b-bg-primary);
  border: 1px solid var(--b-border-default);
  border-radius: 12px;
  min-height: 32px;
  box-shadow: 0px 8px 24px 0px var(--b-border-default), 0px 1px 2px 0px var(--b-border-default);
  z-index: 50000001;
}

._8xw3l90 {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

._8xw3l91 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._1ktgiuk2 {
  width: var(--_1ktgiuk1);
  height: var(--_1ktgiuk1);
  overflow: hidden;
  position: absolute;
  background-color: transparent;
  transform-origin: center;
  box-sizing: content-box;
}

._1ktgiuk3 {
  --_1ktgiuk0: none;
  top: 0;
  left: calc(-1 * var(--_1ktgiuk1) / 2);
  width: calc(var(--_1ktgiuk1) / 2);
  padding: var(--b-spacing12) 0;
}

._1ktgiuk4 {
  --_1ktgiuk0: none;
  bottom: 0;
  left: calc(-1 * var(--_1ktgiuk1) / 2);
  width: calc(var(--_1ktgiuk1) / 2);
  padding: var(--b-spacing12) 0;
}

._1ktgiuk5 {
  --_1ktgiuk0: none;
  top: 0;
  right: calc(-1 * var(--_1ktgiuk1) / 2);
  width: calc(var(--_1ktgiuk1) / 2);
  padding: var(--b-spacing12) 0;
  transform: rotate(180deg);
}

._1ktgiuk6 {
  --_1ktgiuk0: none;
  bottom: 0;
  right: calc(-1 * var(--_1ktgiuk1) / 2);
  width: calc(var(--_1ktgiuk1) / 2);
  padding: var(--b-spacing12) 0;
  transform: rotate(180deg);
}

._1ktgiuk7 {
  --_1ktgiuk0: rotate(90deg);
  top: calc(-1 * var(--_1ktgiuk1) / 2);
  left: 0;
  height: calc(var(--_1ktgiuk1) / 2);
  padding: 0 var(--b-spacing12);
}

._1ktgiuk8 {
  --_1ktgiuk0: rotate(90deg);
  top: calc(-1 * var(--_1ktgiuk1) / 2);
  right: 0;
  height: calc(var(--_1ktgiuk1) / 2);
  padding: 0 var(--b-spacing12);
}

._1ktgiuk9 {
  --_1ktgiuk0: rotate(90deg);
  bottom: calc(-1 * var(--_1ktgiuk1) / 2);
  left: 0;
  height: calc(var(--_1ktgiuk1) / 2);
  padding: 0 var(--b-spacing12);
  transform: rotate(180deg);
}

._1ktgiuka {
  --_1ktgiuk0: rotate(90deg);
  bottom: calc(-1 * var(--_1ktgiuk1) / 2);
  right: 0;
  height: calc(var(--_1ktgiuk1) / 2);
  padding: 0 var(--b-spacing12);
  transform: rotate(180deg);
}

._1ktgiukb {
  display: none;
}

._1ktgiukc {
  transform: var(--_1ktgiuk0);
}

._1ktgiukd {
  padding-top: var(--b-spacing-sm);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: var(--b-spacing-xs);
}

._1ktgiuke {
  --_1ktgiuk1: 24px;
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
  box-shadow: var(--b-lightbox-shadow);
  border-radius: var(--b-modal-radius);
  width: 305px;
  box-sizing: border-box;
}

._1ebj7ke0 {
  background-color: var(--b-bg-secondary2);
  height: 381px;
  width: calc(100% - 25px);
  border: 1px solid var(--b-border-default);
  position: relative;
  overflow: hidden;
}

._1ebj7ke1 {
  border-radius: var(--b-radius-regular);
}

._1ebj7ke2 {
  position: absolute;
  right: var(--b-spacing12);
  bottom: var(--b-spacing12);
  z-index: 10000;
}

._1ebj7ke2.scrollzoom {
  left: var(--b-spacing12);
  width: fit-content;
}

._1ebj7ke3 {
  display: flex;
  justify-content: center;
  height: 100%;
}

.lo1dqw0 {
  border: 1px solid var(--b-border-default);
  color: var(--b-txt-primary);
  display: inline-flex;
  border-radius: var(--b-radius-regular);
  align-items: center;
  background-color: var(--b-bg-primary);
  padding: var(--b-spacing4);
}

.lo1dqw1 {
  width: 32px;
  text-align: center;
}

.zdqoum0 {
  padding: var(--b-spacing8);
  background-color: var(--b-bg-primary);
  border-radius: var(--b-modal-radius);
  box-shadow: var(--b-level1);
  display: inline-block;
}

.zdqoum1 {
  display: flex;
}

.zdqoum3 {
  position: relative;
  overflow-y: hidden;
  max-height: var(--zdqoum2);
}

.zdqoum4 {
  position: relative;
  display: flex;
  top: 0px;
  left: 0px;
}

.zdqoum5 {
  box-sizing: border-box;
  position: absolute;
  border-radius: 2px;
  border: 2px solid var(--b-border-info);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

._1qqkcms0 {
  background: var(--b-bg-primary);
  gap: var(--b-spacing4);
}

._1qqkcms1 {
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-button-radius);
}

._9sqaiy3 {
  --_9sqaiy0: var(--b-icon-primary);
  --_9sqaiy2: var(--b-spacing-reg);
  --_9sqaiy1: 1px;
  width: auto;
  height: 32px;
  background: var(--b-bg-primary);
  border: var(--_9sqaiy1) solid var(--b-border-default);
  box-sizing: border-box;
  border-radius: var(--b-button-radius);
  gap: var(--b-spacing4);
  padding: calc(var(--_9sqaiy2) - var(--_9sqaiy1));
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--b-txt-secondary);
}

._9sqaiy3:hover {
  background: var(--b-bg-secondary);
}

._9sqaiy4 {
  --_9sqaiy0: var(--b-icon-brand);
  background: var(--b-bg-brand2);
  border: var(--_9sqaiy1) solid var(--b-border-brand);
  color: var(--b-txt-brand);
}

._9sqaiy4:hover {
  background: var(--b-bg-brand1);
}

._9sqaiy5 {
  --_9sqaiy0: var(--b-icon-secondary);
  background: var(--b-bg-secondary);
  border: var(--_9sqaiy1) solid var(--b-border-default);
  color: var(--b-txt-primary);
}

._9sqaiy5:hover {
  background: var(--b-bg-secondary2);
}

._9sqaiy6 {
  color: var(--_9sqaiy0);
  position: relative;
}

._9sqaiy7 {
  --_9sqaiy1: 0px;
}

._9sqaiy8 {
  padding: 3px;
  height: 22px;
  border-radius: 3px;
}

._1hu07oo0 {
  height: 24px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: var(--b-card-radius);
  border-width: 0;
  cursor: pointer;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  padding: var(--b-spacing-reg);
  padding-inline: 0;
  color: var(--b-txt-secondary);
}

._1hu07oo0:hover {
  background: var(--b-bg-secondary);
}

._1hu07oo0:focus-visible {
  outline: 2px solid var(--b-border-focus);
}

._1hu07oo1 {
  height: 24px;
}

._1hu07oo2 {
  height: 32px;
}

._1hu07oo3 {
  flex-direction: column;
  height: auto;
}

._1hu07oo4 {
  flex-direction: row;
}

._1hu07oo6 {
  background: var(--b-bg-brand2);
  color: var(--b-txt-brand);
}

._1hu07oo6:hover {
  background: var(--b-bg-brand1);
}

._1hu07oo7 {
  background: var(--b-bg-secondary);
  color: var(--b-txt-primary);
}

._1hu07oo7:hover {
  background: var(--b-bg-secondary2);
}

._1hu07oo9 {
  display: flex;
  padding: 2px;
  background: var(--b-bg-primary);
  border-radius: var(--b-card-radius);
  border-color: var(--b-border-default);
  border-style: solid;
  gap: var(--_1hu07oo8);
}

._1hu07ooa {
  border-width: 1px;
}

._1hu07oob {
  border-width: 0px;
}

.qtwclh4 {
  --qtwclh0: var(--b-icon-primary);
  --qtwclh1: var(--b-icon-brand);
  --qtwclh2: var(--b-icon-tertiary);
  --qtwclh3: var(--b-spacing4);
  background-color: var(--b-bg-primary);
  border: 1px solid transparent;
  color: var(--b-txt-primary);
}

.qtwclh5 {
  --qtwclh3: 0;
}

.qtwclh5:hover {
  --qtwclh2: var(--b-icon-primary);
  background: var(--b-bg-secondary);
  cursor: pointer;
}

.qtwclh6 {
  --qtwclh2: var(--b-icon-primary);
}

.qtwclh7 {
  border: 1px solid var(--b-border-brand);
}

.qtwclh8 {
  background-color: var(--b-bg-brand1);
}

.qtwclh9 {
  --qtwclh0: var(--b-icon-brand);
  background-color: var(--b-bg-brand2);
  color: var(--b-txt-brand);
  border: 1px solid transparent;
}

.qtwclha {
  --qtwclh0: var(--b-icon-tertiary);
  color: var(--b-txt-tertiary);
}

.qtwclhb {
  --qtwclh0: var(--b-icon-tertiary);
}

.qtwclhc {
  background-color: var(--b-bg-brand2);
  border: 1px solid transparent;
}

.qtwclhd {
  --qtwclh0: var(--b-icon-dynamic);
  --qtwclh1: var(--b-icon-dynamic);
  color: var(--b-txt-dynamic);
  padding: 0;
}

.qtwclhe {
  border: 1px solid transparent;
}

.qtwclhf {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--b-border-brand);
  display: none;
}

.qtwclhg {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--b-border-brand);
  display: none;
}

.qtwclhh {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  cursor: default;
  height: 32px;
  padding: 0 var(--b-spacing-padding-list) 0 0;
  column-gap: var(--b-spacing2);
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  box-sizing: border-box;
}

.qtwclhh:focus {
  outline: 1px solid var(--b-border-focus);
}

.qtwclh12 {
  --qtwclh0: var(--b-icon-brand-inactive);
  color: var(--b-txt-brand-inactive);
}

.qtwclh13 {
  --qtwclh0: var(--b-icon-dynamic-inactive);
  color: var(--b-txt-dynamic-inactive);
}

.qtwclh14 {
  flex-grow: 1;
  background-color: var(--b-bg-primary);
}

.qtwclh14:hover {
  background-color: var(--b-bg-primary);
}

.qtwclh15 {
  color: var(--qtwclh0);
}

.qtwclh16 {
  color: var(--qtwclh2);
  position: absolute;
  margin-left: -18px;
}

.qtwclh17 {
  color: var(--b-icon-inactive);
}

.qtwclh18 {
  color: var(--b-icon-tertiary);
}

.qtwclh19 {
  cursor: pointer;
}

.qtwclh19:hover {
  color: var(--qtwclh1);
}

.qtwclh1a {
  padding-left: var(--qtwclh3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._104863e0 {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

._104863e1 {
  opacity: 0;
  pointer-events: none;
}

._104863e2 {
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

._104863e4 {
  position: fixed;
  z-index: 1001;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 2px;
  height: 100%;
  cursor: ew-resize;
  display: flex;
  flex-direction: row;
}

._104863e4:focus {
  outline: none;
}

._104863e4::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}

._104863e5 {
  position: fixed;
  z-index: 1001;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 2px;
  cursor: ns-resize;
  display: flex;
  flex-direction: column;
}

._104863e5:focus {
  outline: none;
}

._104863e5::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  bottom: -5px;
  cursor: ns-resize;
}

._104863e6 {
  position: fixed;
  z-index: 1001;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 4px;
  height: 4px;
}

._104863e6:focus {
  outline: none;
}

._104863e6::before {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
}

._104863e7 {
  left: 0px;
}

._104863e8 {
  right: 0px;
}

._104863e9 {
  top: 0px;
}

._104863ea {
  bottom: 0px;
}

._104863eb {
  top: 0px;
  left: 0px;
  cursor: nwse-resize;
}

._104863ec {
  top: 0px;
  right: 0px;
  cursor: nesw-resize;
}

._104863ed {
  bottom: 0px;
  left: 0px;
  cursor: nesw-resize;
}

._104863ee {
  bottom: 0px;
  right: 0px;
  cursor: nwse-resize;
}

._104863ef {
  cursor: move;
}

._104863ef:active {
  cursor: move;
}

._18scepv4 {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 2px;
  border-style: solid;
  border-color: var(--b-border-default);
  border-width: 1px;
  padding: 0;
  outline: none;
}

._18scepv4:hover {
  border-color: var(--b-border-hover);
}

._18scepv4:focus-visible {
  box-shadow: 0 0 0 3px var(--b-border-focus);
}

._18scepv5 {
  width: 100%;
  height: 100%;
}

._18scepv6 {
  background-color: var(--_18scepv0);
  opacity: var(--_18scepv1);
}

._18scepv7 {
  background-color: var(--_18scepv0);
}

._18scepv8 {
  background: linear-gradient(var(--_18scepv2), var(--_18scepv3));
}

._18scepv9 {
  background-image: var(--_18scepv0);
  background-size: cover;
}

.elamhs0 {
  all: unset;
  display: block;
  width: 100%;
  cursor: text;
  border: none;
  outline: none;
  flex-grow: 1;
  padding: 0;
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.elamhs2 {
  color: var(--b-txt-inactive);
}

.elamhs3::placeholder {
  color: var(--b-txt-primary) !important;
}

.elamhs4::placeholder {
  color: var(--b-txt-tertiary) !important;
}

.elamhs5 {
  display: flex;
  flex-direction: row;
  column-gap: var(--b-spacing-sm);
  width: 100%;
}

.elamhs6 {
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  border-radius: var(--b-spacing-sm);
  overflow: hidden;
}

.elamhs7 {
  border-color: var(--b-border-default);
}

.elamhs7:hover:not(:focus-within) {
  border-color: var(--b-border-hover);
}

.elamhs7:focus-within {
  border-color: var(--b-border-brand);
}

.elamhs8 {
  border-color: var(--b-border-danger);
}

.elamhs9 {
  border-color: var(--b-border-inactive);
}

.elamhsa {
  display: flex;
  width: 100%;
}

.elamhsb {
  padding: 7px;
}

.elamhsc {
  padding: 5px 7px;
}

.elamhse {
  padding-right: 0;
}

._1kmtq230 {
  color: var(--b-txt-primary);
  background: none;
  box-sizing: border-box;
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-button-radius);
  padding-left: calc(var(--b-spacing-reg) - 1px);
  padding-right: calc(var(--b-spacing-reg) - 1px);
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  column-gap: var(--b-spacing-sm);
  border-width: 1px;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: spaceBetween;
}

._1kmtq230:hover {
  text-decoration: none;
  background: none;
  border-color: var(--b-border-hover);
}

._1kmtq230:focus-visible {
  text-decoration: none;
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}

._1kmtq231 {
  border-color: var(--b-border-brand);
}

._1kmtq231:hover {
  border-color: var(--b-border-brand);
}

._1kmtq232 {
  width: 0px;
  height: calc(100% + 2px);
  border-left: 1px solid var(--b-border-default);
}

._1kmtq233 {
  box-shadow: -2px 0px 0px 2px var(--b-border-focus);
}

._1kmtq234 {
  border-color: var(--b-border-hover);
}

._1kmtq235 {
  border-color: var(--b-border-brand);
}

._1kmtq236 {
  color: var(--b-txt-purple);
  background: var(--b-purple-10);
  border: 1px solid var(--b-purple-30);
  border-radius: var(--b-spacing-sm);
  padding-left: var(--b-spacing-sm);
  padding-right: var(--b-spacing-sm);
}

._1kmtq237 {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0;
  text-overflow: ellipsis;
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

._1kmtq238 {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  text-align: end;
  padding: 0;
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

._1kmtq238::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._1kmtq238::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._1kmtq238 {
  -moz-appearance: textfield;
}

._81qwdk2 {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  user-select: none;
  touch-action: none;
  width: var(--_81qwdk0);
  height: var(--_81qwdk1);
}

._81qwdk3 {
  width: var(--_81qwdk0);
  height: var(--_81qwdk1);
}

._81qwdk4 {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  border: 4px solid #fff;
  background: var(--kb-color-current);
  box-sizing: border-box;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

._10u4kho2 {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  user-select: none;
  touch-action: none;
  width: var(--_10u4kho0);
  height: 12px;
  border-radius: 24px;
}

._10u4kho3 {
  background: conic-gradient(#fff 90deg, #F0F0F0 90deg 180deg, #fff 180deg 270deg, #F0F0F0 270deg);
  background-repeat: repeat;
  background-size: 8px 8px;
  background-position: top left;
}

._10u4kho4 {
  width: var(--_10u4kho0);
  height: 12px;
  position: relative;
  border-radius: 24px;
}

._10u4kho5 {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  border: 4px solid #fff;
  box-sizing: border-box;
  background: var(--kb-color-current);
  top: -3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

._1vx4c10 {
  box-sizing: border-box;
  background-color: transparent;
  color: var(--b-txt-primary);
  padding: var(--b-spacing-padding-btn-regular);
  border-radius: var(--b-button-radius);
  border-color: var(--b-border-default);
  border-width: 1px;
  border-style: solid;
  display: flex;
  width: 100%;
  height: 28px;
  justify-content: center;
  align-items: center;
  gap: var(--b-spacing4);
}

._1vx4c10:hover {
  border-color: var(--b-border-hover);
  cursor: pointer;
}

._1vx4c11 {
  width: 100%;
}

._1vx4c12 {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--b-spacing4);
  border-radius: var(--b-button-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--b-border-default);
}

._1vx4c12:hover {
  border-color: var(--b-border-hover);
  cursor: pointer;
}

._1vx4c13 {
  padding: 8px;
}

._1vx4c14 {
  padding: 6px 8px;
}

._1vx4c15 {
  color: var(--b-txt-primary);
}

._1vx4c16 {
  color: var(--b-txt-primary);
}

._1vx4c17 {
  color: var(--b-txt-primary);
}

._1vx4c18 {
  color: var(--b-txt-inactive);
}

._1vx4c18:hover {
  border-color: var(--b-border-default);
  cursor: default;
}

._1vx4c19 {
  color: var(--b-txt-danger);
}

._1vx4c1a {
  color: var(--b-txt-brand);
  background-color: var(--b-livid-10);
}

._1vx4c1b {
  flex-shrink: 0;
  border-radius: var(--b-button-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--b-border-default);
  background-size: cover;
  box-sizing: border-box;
}

._1vx4c1c {
  width: 16px;
  height: 16px;
}

._1vx4c1d {
  width: 32px;
  height: 32px;
}

._1vx4c1e {
  background: conic-gradient(#fff 90deg, #F0F0F0 90deg 180deg, #fff 180deg 270deg, #F0F0F0 270deg);
  background-repeat: repeat;
  background-size: 3px 3px;
  background-position: top left;
}

._1g4cpyb0 {
  box-sizing: border-box;
  background-color: transparent;
  color: var(--b-txt-primary);
  padding: var(--b-spacing-padding-btn-regular);
  border-radius: var(--b-button-radius);
  border-color: var(--b-border-default);
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: center;
  gap: var(--b-spacing4);
  cursor: pointer;
  pointer-events: auto;
}

._1g4cpyb1 {
  pointer-events: auto;
}

._1g4cpyb2 {
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  background-color: var(--b-bg-secondary);
  display: flex;
  align-items: center;
  border-radius: var(--b-button-radius);
  overflow: hidden;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--b-border-default);
  justify-content: center;
  position: relative;
}

._1g4cpyb2:hover {
  border-color: var(--b-border-hover);
}

._1g4cpyb3 {
  border-style: solid;
}

._1g4cpyb4 {
  border-style: dashed;
}

._1g4cpyb5 {
  border-style: dashed;
}

._1g4cpyb5:hover {
  border-color: var(--b-border-default);
}

._1g4cpyb6 {
  border-style: dashed;
}

._1g4cpyb7 {
  border-color: var(--b-border-brand);
  border-style: solid;
}

._1g4cpyb7:hover {
  border-color: var(--b-border-brand);
}

._1g4cpyb8 {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}

._1nxkauo0 {
  cursor: text;
  border: none;
  outline: none;
  padding: 0;
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

._1nxkauo0::placeholder {
  color: var(--b-txt-tertiary);
}

._1nxkauo0:disabled {
  background-color: transparent;
  color: var(--b-txt-inactive);
  cursor: default;
}

._1nxkauo1 {
  display: flex;
  flex-direction: row;
  column-gap: var(--b-spacing-sm);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  border-radius: var(--b-spacing-sm);
  overflow: hidden;
  align-items: center;
  padding: 8px;
}

._1nxkauo2 {
  border-color: var(--b-border-default);
}

._1nxkauo2:hover:not(:focus-within) {
  border-color: var(--b-border-hover);
}

._1nxkauo2:focus-within {
  border-color: var(--b-border-brand);
}

._1nxkauo3 {
  border-color: var(--b-border-danger);
}

._1nxkauo4 {
  border-color: var(--b-border-inactive);
  cursor: default;
}

._1nxkauo5 {
  padding: 8px;
}

._1nxkauo6 {
  padding: 4px 6px;
}

._1rpjqlm0 {
  z-index: 1000000;
  height: 2px;
  cursor: ns-resize;
  border-bottom: 1px solid transparent;
}

._1rpjqlm0:hover {
  border-bottom: 1px solid var(--b-border-brand);
}

._1rpjqlm1 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

._1rpjqlm2 {
  position: absolute;
  height: 100%;
  right: -8px;
  cursor: ew-resize;
  width: 10px;
  z-index: 2;
  display: flex;
  flex-direction: row;
}

._1rpjqlm3 {
  width: 8px;
  height: 100%;
}

._1rpjqlm2:hover ._1rpjqlm3 {
  border-left: 1px solid var(--b-border-brand);
}

._1rpjqlm4 {
  width: 2px;
  height: 100%;
}

._1rpjqlm5 {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

._1rpjqlm6 {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  flex-grow: 0;
  max-height: calc(100% - 64px);
  position: relative;
}

._1rpjqlm7 {
  height: 10px;
  position: absolute;
  width: 100%;
  top: 32px;
}

._1rpjqlm8 {
  height: 10px;
  position: absolute;
  width: 100%;
  bottom: 2px;
}

._1rpjqlm9 {
  display: flex;
  flex-direction: row;
  gap: var(--b-spacing8);
  height: 16px;
}

._149r7jl0 {
  display: flex;
  overflow-x: hidden;
}

._149r7jl1 {
  display: flex;
  width: max-content;
  align-items: center;
  transition: transform 0.3s ease-in-out;
  column-gap: 8px;
}

._1sk6a4y0 {
  flex-grow: 1;
}

._1od9uj90 {
  max-width: 800px;
  border-radius: var(--b-modal-radius);
  border: 1px solid var(--b-border-default);
  overflow: hidden;
  background-color: var(--b-bg);
}

._1od9uj91 {
  border: none;
}

._1o7qv9m0 {
  border: 1px solid var(--b-gray-30);
  border-radius: var(--b-card-radius);
  padding: var(--b-spacing-tv);
  gap: var(--b-spacing-reg);
}

._13jwfz70 {
  color: var(--b-txt-secondary);
  width: 100%;
  cursor: pointer;
  height: 40px;
}

._13jwfz71 {
  width: 100%;
  height: 32px;
  align-items: center;
  color: var(--b-txt-primary);
  cursor: default;
}

._13jwfz72 {
  overflow: hidden;
  display: flex;
}

._13jwfz73 {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  column-gap: sm;
}

._13jwfz74 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: var(--b-spacing4);
  margin-right: var(--b-spacing4);
  flex-shrink: 1;
}

._13jwfz75 {
  border-width: 1px 0px;
  border-style: solid;
  border-color: transparent;
}

._13jwfz76 {
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex: 1 0 0;
  justify-content: space-between;
}

._13jwfz77 {
  background-color: var(--b-bg-brand2);
  color: var(--b-txt-primary);
  height: 40px;
}

._13jwfz78 {
  background-color: var(--b-bg-secondary);
}

._13jwfz79 {
  background-color: var(--b-bg-primary);
  color: var(--b-txt-secondary);
}

._13jwfz7a {
  background-color: var(--b-yellow-40);
  color: var(--b-txt-primary);
  border-radius: var(--b-radius-small);
  font-weight: bold;
  border-color: var(--b-yellow-30);
}

._13jwfz7b {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._13jwfz7c {
  color: var(--b-gray-60);
  line-height: 12px;
  margin-bottom: 3px;
}

._13jwfz7d {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: var(--b-gray-50);
  line-height: 12px;
  padding-bottom: 1.5px;
}

._13jwfz7e {
  background-color: var(--b-bg-brand2);
}

._13jwfz7f {
  background-color: var(--b-bg-brand2);
  color: var(--b-txt-primary);
}

._13jwfz7g {
  background-color: var(--b-bg-secondary);
}

._13jwfz7q {
  display: block;
  height: var(--b-spacing12);
  padding-left: var(--b-spacing4);
  padding-right: var(--b-spacing4);
  text-align: center;
  border-radius: var(--b-radius-small);
}

._1gx473y0 {
  padding: 16px;
  align-items: center;
  box-sizing: border-box;
}

._1gx473y1 {
  width: 280px;
}

._1gx473y2 {
  width: 280px;
  box-sizing: border-box;
  padding-top: var(--b-spacing-reg);
  padding-bottom: var(--b-spacing-reg);
  padding-left: var(--b-spacing-tv);
  padding-right: var(--b-spacing-tv);
}

._101sfx30 {
  width: 264px;
  min-width: 264px;
}

._101sfx31 {
  position: relative;
  width: 1px;
  height: 100%;
  cursor: ew-resize;
  display: flex;
  flex-direction: row;
  background-color: var(--b-bg-tertiary);
  z-index: 1;
}

._101sfx31:hover {
  width: 1px;
  background-color: var(--b-border-brand);
}

._101sfx31:active {
  width: 1px;
  background-color: var(--b-border-brand);
}

._101sfx31::before {
  content: "";
  position: absolute;
  left: 1px;
  width: 9px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
  pointer-events: auto;
}

._8q98z70 {
  width: 100%;
  text-align: start;
  padding-left: var(--b-spacing-xl);
  padding-right: var(--b-spacing-sm);
}

._8q98z71 {
  padding: 6px var(--b-spacing-reg);
  box-sizing: border-box;
  cursor: pointer;
}

._8q98z72 {
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
}

._8q98z73 {
  box-sizing: border-box;
}

._8q98z74 {
  box-sizing: border-box;
}

._901nal0 {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b-icon-tertiary);
  cursor: pointer;
}

._901nal1 {
  cursor: default;
}

._901nal2 {
  color: var(--b-icon-primary);
  border: 1px solid;
  border-radius: 100%;
  border-color: var(--b-border-default);
  box-sizing: border-box;
  background-color: var(--b-icon-on-contrast);
}

._901nal3 {
  border-color: var(--b-border-hover);
}

._901nal4 {
  color: var(--b-icon-brand);
  border: 1px solid;
  border-radius: 100%;
  border-color: var(--b-border-brand);
  background-color: var(--b-bg-brand2);
  box-sizing: border-box;
}

._901nal5 {
  width: 100%;
  height: 8px;
  border-width: 0px;
  border-radius: 0px;
  z-index: -1;
}

._901nal6 {
  margin-top: var(--b-spacing-tv);
}

._901nal7 {
  width: 2px;
  height: 100%;
  background-color: var(--b-border-hover);
}

._901nal8 {
  width: 100%;
  border-radius: 12px;
}

._1mig9480 {
  width: 16px;
  height: 100%;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: -16px;
}

._1mig9481 {
  box-sizing: border-box;
  padding: 6px 8px;
}

._5w5g8c0 {
  align-items: center;
  box-sizing: border-box;
}

._5w5g8c1 {
  width: 232px;
  padding-left: var(--b-spacing16);
  padding-right: var(--b-spacing16);
  padding-top: var(--b-spacing12);
  padding-bottom: var(--b-spacing12);
}

._170hjfu0 {
  width: 16px;
  height: 16px;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: -16px;
}

._170hjfu1 {
  box-sizing: border-box;
  padding: 0px 4px 0px 8px;
  height: 32px;
}

._170hjfu2 {
  background-color: var(--b-bg-secondary);
}

._170hjfu3 {
  border-color: var(--b-border-brand);
  background-color: var(--b-bg-brand2);
}

._170hjfu4 {
  border-radius: 8px;
  border-color: var(--b-bg-primary);
  border-width: 0px;
  border-style: solid;
  height: 32px;
  background-color: var(--b-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

._13xik7n0 {
  background-color: var(--b-bg-secondary2);
  padding: 0px 8px 8px 8px;
  border-radius: 8px;
}

._13xik7n1 {
  min-width: 698px;
  max-width: 1818px;
  padding-top: 36px;
  padding-left: 40px;
  padding-right: clamp(0px, 100% - 698px - 40px, 392px);
}

._13xik7n2 {
  padding-top: 24px;
}

._1e1z5r60 {
  box-sizing: border-box;
  padding: 0px 4px;
  height: 32px;
}

._3fcso0 {
  flex-grow: 1;
}

._3fcso1 {
  padding: var(--b-spacing12) var(--b-spacing8) var(--b-spacing12) var(--b-spacing12);
}

._3fcso2 {
  margin-right: auto;
}

:root {
  --b-spacing-none: 0px;
  --b-spacing-xs: 2px;
  --b-spacing-sm: 4px;
  --b-spacing-reg: 8px;
  --b-spacing-tv: 12px;
  --b-spacing-md: 16px;
  --b-spacing-lg: 24px;
  --b-spacing-xl: 32px;
  --b-spacing-xxl: 40px;
}

:root {
  --b-font-family: "Open Sans", sans-serif;
}

:root {
  --b-txt: var(--b-gray-80);
  --b-txt-primary: var(--b-gray-80);
  --b-txt-secondary: var(--b-gray-70);
  --b-txt-tertiary: var(--b-gray-60);
  --b-txt-inactive: var(--b-gray-40);
  --b-txt-on-contrast: var(--b-black-white-10);
  --b-txt-brand: var(--b-cobalt-70);
  --b-txt-brand-inactive: var(--b-cobalt-40);
  --b-txt-danger: var(--b-red-70);
  --b-txt-caution: var(--b-orange-70);
  --b-txt-success: var(--b-green-70);
  --b-txt-info: var(--b-sky-blue-70);
  --b-txt-dynamic: var(--b-purple-70);
  --b-txt-dynamic-inactive: var(--b-purple-40);
  --b-txt-orange: var(--b-orange-60);
  --b-txt-purple: var(--b-purple-60);
  --b-txt-green: var(--b-green-50);
  --b-icon: var(--b-gray-80);
  --b-icon-primary: var(--b-gray-80);
  --b-icon-secondary: var(--b-gray-70);
  --b-icon-tertiary: var(--b-gray-60);
  --b-icon-inactive: var(--b-gray-40);
  --b-icon-on-contrast: var(--b-black-white-10);
  --b-icon-brand: var(--b-cobalt-70);
  --b-icon-brand-inactive: var(--b-cobalt-40);
  --b-icon-danger: var(--b-red-70);
  --b-icon-caution: var(--b-orange-70);
  --b-icon-success: var(--b-green-70);
  --b-icon-info: var(--b-sky-blue-70);
  --b-icon-dynamic: var(--b-purple-70);
  --b-icon-dynamic-inactive: var(--b-purple-40);
  --b-icon-orange: var(--b-orange-60);
  --b-icon-purple: var(--b-purple-60);
  --b-icon-green: var(--b-green-50);
  --b-icon-green-inactive: var(--b-green-40);
  --b-border: var(--b-gray-30);
  --b-border-default: var(--b-gray-30);
  --b-border-inactive: var(--b-gray-20);
  --b-border-hover: var(--b-gray-40);
  --b-border-on-contrast: var(--b-black-white-10);
  --b-border-contrast: var(--b-gray-70);
  --b-border-brand: var(--b-cobalt-70);
  --b-border-brand2: var(--b-cobalt-30);
  --b-border-focus: var(--b-sky-blue-50);
  --b-border-danger: var(--b-red-70);
  --b-border-caution: var(--b-orange-70);
  --b-border-success: var(--b-green-70);
  --b-border-info: var(--b-sky-blue-70);
  --b-border-dynamic: var(--b-purple-70);
  --b-bg-brand: var(--b-cobalt-70);
  --b-bg: var(--b-black-white-10);
  --b-bg-primary: var(--b-black-white-10);
  --b-bg-secondary: var(--b-gray-10);
  --b-bg-secondary2: var(--b-gray-20);
  --b-bg-tertiary: var(--b-gray-30);
  --b-bg-contrast1: var(--b-gray-70);
  --b-bg-contrast2: var(--b-gray-80);
  --b-bg-brand1: var(--b-cobalt-10);
  --b-bg-brand2: var(--b-cobalt-20);
  --b-bg-tertiary2: var(--b-cobalt-30);
  --b-bg-on-brand1: var(--b-cobalt-70);
  --b-bg-on-brand2: var(--b-cobalt-60);
  --b-bg-danger1: var(--b-red-10);
  --b-bg-danger2: var(--b-red-20);
  --b-bg-danger-disabled: var(--b-red-40);
  --b-bg-on-danger1: var(--b-red-70);
  --b-bg-on-danger2: var(--b-red-60);
  --b-bg-caution1: var(--b-orange-10);
  --b-bg-caution2: var(--b-orange-20);
  --b-bg-caution-disabled: var(--b-yellow-40);
  --b-bg-on-caution1: var(--b-orange-70);
  --b-bg-on-caution2: var(--b-orange-60);
  --b-bg-success1: var(--b-green-10);
  --b-bg-success2: var(--b-green-20);
  --b-bg-success-disabled: var(--b-green-40);
  --b-bg-on-success1: var(--b-green-70);
  --b-bg-on-success2: var(--b-green-60);
  --b-bg-info1: var(--b-sky-blue-10);
  --b-bg-info2: var(--b-sky-blue-20);
  --b-bg-on-info1: var(--b-sky-blue-70);
  --b-bg-on-info2: var(--b-sky-blue-60);
  --b-bg-accent-yellow: var(--b-yellow-30);
  --b-bg-accent-orange: var(--b-orange-30);
  --b-bg-accent-purple: var(--b-purple-30);
  --b-bg-accent-sky-blue: var(--b-sky-blue-30);
  --b-bg-accent-cobalt: var(--b-cobalt-30);
  --b-bg-accent-periwinkle: var(--b-periwinkle-30);
  --b-bg-accent-green: var(--b-green-30);
  --b-bg-green: var(--b-green-50);
  --b-bg-overlay-modal: rgba(0,0,0,0.3);
}

._1ql74v30 {
  flex-direction: row;
}

._1ql74v31 {
  flex-direction: column;
}

._1ql74v32 {
  display: flex;
}

._1ql74v35 {
  flex-direction: row-reverse;
}

._1ql74v36 {
  justify-content: flex-start;
}

._1ql74v37 {
  justify-content: flex-end;
}

._1ql74v38 {
  justify-content: center;
}

._1ql74v39 {
  justify-content: space-between;
}

._1ql74v3a {
  justify-content: space-around;
}

._1ql74v3b {
  align-items: flex-start;
}

._1ql74v3c {
  align-items: flex-end;
}

._1ql74v3d {
  align-items: center;
}

._1ql74v3e {
  align-items: stretch;
}

._1ql74v3f {
  align-items: baseline;
}

._1ql74v3g {
  flex-wrap: wrap;
}

._1ql74v3h {
  flex-wrap: nowrap;
}

._1ql74v3i {
  row-gap: var(--b-spacing-none);
}

._1ql74v3j {
  row-gap: var(--b-spacing-xs);
}

._1ql74v3k {
  row-gap: var(--b-spacing-sm);
}

._1ql74v3l {
  row-gap: var(--b-spacing-reg);
}

._1ql74v3m {
  row-gap: var(--b-spacing-tv);
}

._1ql74v3n {
  row-gap: var(--b-spacing-md);
}

._1ql74v3o {
  row-gap: var(--b-spacing-lg);
}

._1ql74v3p {
  row-gap: var(--b-spacing-xl);
}

._1ql74v3q {
  row-gap: var(--b-spacing-xxl);
}

._1ql74v3r {
  column-gap: var(--b-spacing-none);
}

._1ql74v3s {
  column-gap: var(--b-spacing-xs);
}

._1ql74v3t {
  column-gap: var(--b-spacing-sm);
}

._1ql74v3u {
  column-gap: var(--b-spacing-reg);
}

._1ql74v3v {
  column-gap: var(--b-spacing-tv);
}

._1ql74v3w {
  column-gap: var(--b-spacing-md);
}

._1ql74v3x {
  column-gap: var(--b-spacing-lg);
}

._1ql74v3y {
  column-gap: var(--b-spacing-xl);
}

._1ql74v3z {
  column-gap: var(--b-spacing-xxl);
}

._1ql74v310 {
  flex-direction: column-reverse;
}

._1ql74v311 {
  width: 100%;
}

._1ql74v31 > ._1ql74v311 {
  align-self: stretch;
  width: auto;
}

._1ql74v312 {
  height: 100%;
}

._1ql74v30 > ._1ql74v312 {
  align-self: stretch;
  height: auto;
}

:root {
  --b-radius-small: 2px;
  --b-radius-regular: 4px;
  --b-radius-medium: 8px;
  --b-radius-large: 12px;
}

:root {
  --b-input-radius: var(--b-radius-regular);
  --b-button-radius: var(--b-radius-regular);
  --b-modal-radius: var(--b-radius-regular);
  --b-menu-radius: var(--b-radius-regular);
  --b-card-radius: var(--b-radius-regular);
  --b-badge-circle-radius: var(--b-radius-large);
  --b-badge-square-radius: var(--b-radius-regular);
}

:root {
  --b-level1: 0px 2px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
  --b-level2: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 6px 12px 0px rgba(0, 0, 0, 0.12);
  --b-level3: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

:root {
  --b-lightbox-shadow: var(--b-level3);
  --b-menu-shadow: var(--b-level1);
  --b-popover-shadow: var(--b-level2);
  --b-alert-shadow: var(--b-level1);
}

:root {
  --b-spacing2: 2px;
  --b-spacing4: 4px;
  --b-spacing8: 8px;
  --b-spacing12: 12px;
  --b-spacing16: 16px;
  --b-spacing20: 20px;
  --b-spacing24: 24px;
  --b-spacing28: 28px;
  --b-spacing32: 32px;
  --b-spacing36: 36px;
  --b-spacing40: 40px;
  --b-spacing44: 44px;
  --b-spacing48: 48px;
  --b-spacing52: 52px;
  --b-spacing56: 56px;
  --b-spacing60: 60px;
  --b-spacing64: 64px;
  --b-spacing68: 68px;
  --b-spacing72: 72px;
}

:root {
  --b-spacing-padding-input: var(--b-spacing4);
  --b-spacing-padding-btn-regular: var(--b-spacing8);
  --b-spacing-padding-btn-small: var(--b-spacing4);
  --b-spacing-padding-list: var(--b-spacing8);
}

._1lkv1fw0 {
  font-family: var(--b-font-family);
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
}

._1lkv1fw1 {
  font-family: var(--b-font-family);
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}

._1lkv1fw2 {
  font-family: var(--b-font-family);
  font-size: 22px;
  text-align: initial;
  line-height: 32px;
  font-weight: 600;
}

._1lkv1fw3 {
  font-family: var(--b-font-family);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

._1lkv1fw4 {
  font-family: var(--b-font-family);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

._1lkv1fw5 {
  font-family: var(--b-font-family);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 3px;
  font-weight: 600;
}

._1lkv1fw6 {
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 3px;
  font-weight: 600;
}

._1lkv1fw7 {
  font-family: var(--b-font-family);
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 600;
}

._1lkv1fw8 {
  font-family: var(--b-font-family);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

._1lkv1fw9 {
  font-family: var(--b-font-family);
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}

._1lkv1fwa {
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

._1lkv1fwb {
  font-family: var(--b-font-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

._1lkv1fwc {
  font-weight: 400;
}

._1lkv1fwd {
  font-weight: 700;
}

._1lkv1fwe {
  font-weight: 600;
}

._1ij2r30 {
  color: var(--b-txt);
}

._1ij2r31 {
  color: var(--b-txt-primary);
}

._1ij2r32 {
  color: var(--b-txt-secondary);
}

._1ij2r33 {
  color: var(--b-txt-tertiary);
}

._1ij2r34 {
  color: var(--b-txt-inactive);
}

._1ij2r35 {
  color: var(--b-txt-on-contrast);
}

._1ij2r36 {
  color: var(--b-txt-brand);
}

._1ij2r37 {
  color: var(--b-txt-brand-inactive);
}

._1ij2r38 {
  color: var(--b-txt-danger);
}

._1ij2r39 {
  color: var(--b-txt-caution);
}

._1ij2r3a {
  color: var(--b-txt-success);
}

._1ij2r3b {
  color: var(--b-txt-info);
}

._1ij2r3c {
  color: var(--b-txt-dynamic);
}

._1ij2r3d {
  color: var(--b-txt-dynamic-inactive);
}

._1ij2r3e {
  color: var(--b-txt-orange);
}

._1ij2r3f {
  color: var(--b-txt-purple);
}

._1ij2r3g {
  color: var(--b-txt-green);
}

._1ij2r3h {
  color: var(--b-icon);
}

._1ij2r3i {
  color: var(--b-icon-primary);
}

._1ij2r3j {
  color: var(--b-icon-secondary);
}

._1ij2r3k {
  color: var(--b-icon-tertiary);
}

._1ij2r3l {
  color: var(--b-icon-inactive);
}

._1ij2r3m {
  color: var(--b-icon-on-contrast);
}

._1ij2r3n {
  color: var(--b-icon-brand);
}

._1ij2r3o {
  color: var(--b-icon-brand-inactive);
}

._1ij2r3p {
  color: var(--b-icon-danger);
}

._1ij2r3q {
  color: var(--b-icon-caution);
}

._1ij2r3r {
  color: var(--b-icon-success);
}

._1ij2r3s {
  color: var(--b-icon-info);
}

._1ij2r3t {
  color: var(--b-icon-dynamic);
}

._1ij2r3u {
  color: var(--b-icon-dynamic-inactive);
}

._1ij2r3v {
  color: var(--b-icon-orange);
}

._1ij2r3w {
  color: var(--b-icon-purple);
}

._1ij2r3x {
  color: var(--b-icon-green);
}

._1ij2r3y {
  color: var(--b-icon-green-inactive);
}

._1ij2r3z {
  color: var(--b-border);
}

._1ij2r310 {
  color: var(--b-border-default);
}

._1ij2r311 {
  color: var(--b-border-inactive);
}

._1ij2r312 {
  color: var(--b-border-hover);
}

._1ij2r313 {
  color: var(--b-border-on-contrast);
}

._1ij2r314 {
  color: var(--b-border-contrast);
}

._1ij2r315 {
  color: var(--b-border-brand);
}

._1ij2r316 {
  color: var(--b-border-brand2);
}

._1ij2r317 {
  color: var(--b-border-focus);
}

._1ij2r318 {
  color: var(--b-border-danger);
}

._1ij2r319 {
  color: var(--b-border-caution);
}

._1ij2r31a {
  color: var(--b-border-success);
}

._1ij2r31b {
  color: var(--b-border-info);
}

._1ij2r31c {
  color: var(--b-border-dynamic);
}

._1ij2r31d {
  color: var(--b-bg);
}

._1ij2r31e {
  color: var(--b-bg-brand);
}

._1ij2r31f {
  color: var(--b-bg-primary);
}

._1ij2r31g {
  color: var(--b-bg-secondary);
}

._1ij2r31h {
  color: var(--b-bg-secondary2);
}

._1ij2r31i {
  color: var(--b-bg-tertiary);
}

._1ij2r31j {
  color: var(--b-bg-contrast1);
}

._1ij2r31k {
  color: var(--b-bg-contrast2);
}

._1ij2r31l {
  color: var(--b-bg-brand1);
}

._1ij2r31m {
  color: var(--b-bg-brand2);
}

._1ij2r31n {
  color: var(--b-bg-tertiary2);
}

._1ij2r31o {
  color: var(--b-bg-on-brand1);
}

._1ij2r31p {
  color: var(--b-bg-on-brand2);
}

._1ij2r31q {
  color: var(--b-bg-danger1);
}

._1ij2r31r {
  color: var(--b-bg-danger2);
}

._1ij2r31s {
  color: var(--b-bg-danger-disabled);
}

._1ij2r31t {
  color: var(--b-bg-on-danger1);
}

._1ij2r31u {
  color: var(--b-bg-on-danger2);
}

._1ij2r31v {
  color: var(--b-bg-caution1);
}

._1ij2r31w {
  color: var(--b-bg-caution2);
}

._1ij2r31x {
  color: var(--b-bg-caution-disabled);
}

._1ij2r31y {
  color: var(--b-bg-on-caution1);
}

._1ij2r31z {
  color: var(--b-bg-on-caution2);
}

._1ij2r320 {
  color: var(--b-bg-success1);
}

._1ij2r321 {
  color: var(--b-bg-success2);
}

._1ij2r322 {
  color: var(--b-bg-success-disabled);
}

._1ij2r323 {
  color: var(--b-bg-on-success1);
}

._1ij2r324 {
  color: var(--b-bg-on-success2);
}

._1ij2r325 {
  color: var(--b-bg-info1);
}

._1ij2r326 {
  color: var(--b-bg-info2);
}

._1ij2r327 {
  color: var(--b-bg-on-info1);
}

._1ij2r328 {
  color: var(--b-bg-on-info2);
}

._1ij2r329 {
  color: var(--b-bg-accent-yellow);
}

._1ij2r32a {
  color: var(--b-bg-accent-orange);
}

._1ij2r32b {
  color: var(--b-bg-accent-purple);
}

._1ij2r32c {
  color: var(--b-bg-accent-sky-blue);
}

._1ij2r32d {
  color: var(--b-bg-accent-cobalt);
}

._1ij2r32e {
  color: var(--b-bg-accent-periwinkle);
}

._1ij2r32f {
  color: var(--b-bg-accent-green);
}

._1ij2r32g {
  color: var(--b-bg-green);
}

._1ij2r32h {
  color: var(--b-bg-overlay-modal);
}

._1nfonn87 {
  margin: var(--_1nfonn80);
  padding: var(--_1nfonn85);
  text-align: var(--_1nfonn81);
  white-space: var(--_1nfonn82);
  overflow: var(--_1nfonn83);
  text-overflow: var(--_1nfonn84);
  text-decoration: var(--_1nfonn86);
}

.py18712 {
  box-sizing: border-box;
  background: none;
  border: none;
  display: block;
  min-width: var(--py18711);
  width: var(--py18711);
  height: var(--py18710);
  min-height: var(--py18710);
}

.py1871l {
  --py18711: 12px;
  --py18710: 12px;
}

.py1871m {
  --py18711: 16px;
  --py18710: 16px;
}

.py1871n {
  --py18711: 24px;
  --py18710: 24px;
}

.py1871o {
  --py18711: 32px;
  --py18710: 32px;
}

.py1871p {
  display: block;
  width: 100%;
  height: 100%;
}

._9rzlss0 {
  width: 100%;
}

._9rzlss1 {
  height: 100%;
}

._9rzlss2 {
  overflow: hidden;
}

._1uejfp93 {
  background-color: var(--b-bg-secondary);
}

._1uejfp94 {
  display: flex;
  flex-direction: column;
  row-gap: var(--b-spacing-reg);
}

._1uejfp95 {
  --_1uejfp90: 32px;
  --_1uejfp91: 1px;
  width: 220px;
}

._1uejfp96 {
  --_1uejfp90: 38px;
  --_1uejfp91: 2px;
  width: 260px;
}

._1uejfp97 {
  --_1uejfp90: 38px;
  --_1uejfp91: 2px;
}

._1uejfp9b {
  --_1uejfp90: 24px;
}

._1uejfp9d {
  --_1uejfp92: var(--b-icon-primary);
  display: flex;
  color: var(--b-txt-primary);
  box-sizing: border-box;
  min-height: var(--_1uejfp90);
  height: var(--_1uejfp90);
  border-color: var(--b-border-default);
  border-radius: var(--b-input-radius);
  border-style: solid;
  border-width: var(--_1uejfp91);
}

._1uejfp9d:hover:not(._1uejfp93):not(:focus-within) {
  border-color: var(--b-border-hover);
}

._1uejfp9d:focus-within {
  border-color: var(--b-border-brand);
}

._1uejfp9e {
  border-style: none;
}

._1uejfp9f {
  --_1uejfp92: var(--b-icon-danger);
  border-color: var(--b-border-danger);
}

._1uejfp9f:hover:not(._1uejfp93):not(:focus-within) {
  border-color: var(--b-border-danger);
}

._1uejfp9f:focus-within {
  border-color: var(--b-border-danger);
}

._1uejfp9g {
  --_1uejfp92: var(--b-icon-success);
  border-color: var(--b-border-success);
}

._1uejfp9g:hover:not(._1uejfp93):not(:focus-within) {
  border-color: var(--b-border-success);
}

._1uejfp9g:focus-within {
  border-color: var(--b-border-success);
}

._1uejfp9h:hover:not(._1uejfp93):not(:focus-within) {
  background-color: var(--b-bg-secondary);
  border-color: var(--b-border-default);
  cursor: pointer;
}

._1uejfp9h:focus-within {
  background-color: var(--b-bg-secondary);
  border-color: var(--b-border-default);
}

._1uejfp9i {
  height: unset;
  align-items: center;
}

._1uejfp9j {
  border-radius: var(--b-input-radius);
}

._1uejfp9k {
  border-radius: 0px;
}

._1uejfp9l {
  border-radius: 0px var(--b-input-radius) var(--b-input-radius) 0px;
}

._1uejfp9m {
  border-radius: var(--b-input-radius) 0px 0px var(--b-input-radius);
}

._1uejfp9o {
  all: unset;
  display: block;
  width: 100%;
  cursor: text;
  min-width: 0;
  flex-grow: 1;
  flex-shrink: 1;
  box-sizing: border-box;
  padding: var(--b-spacing8);
  padding-top: var(--b-spacing-padding-input);
  padding-bottom: var(--b-spacing-padding-input);
}

._1uejfp9o::placeholder {
  color: var(--b-txt-tertiary);
}

._1uejfp9p {
  padding-top: var(--b-spacing8);
  padding-bottom: var(--b-spacing8);
}

._1uejfp9q {
  align-items: center;
  line-height: 140%;
  word-wrap: break-word;
  overflow: hidden;
}

._1uejfp9r {
  padding-left: 0;
}

._1uejfp9s {
  padding-right: 0;
}

._1uejfp9t {
  padding-left: 3px;
  width: 100%;
}

._1uejfp9u {
  cursor: default;
}

._1uejfp9v {
  cursor: default;
}

._1uejfp9w {
  color: var(--_1uejfp92);
  flex: none;
  align-self: center;
  border: 0;
  background: transparent;
  cursor: inherit;
}

._1uejfp9x {
  color: var(--b-icon-tertiary);
}

._1uejfp9y {
  padding-right: var(--b-spacing-padding-btn-small);
}

._1uejfp9z {
  padding: var(--b-spacing-padding-btn-regular);
}

._1m0eq2n5 {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-bg-on-brand1);
  --_1m0eq2n2: var(--b-bg-on-brand2);
  --_1m0eq2n3: var(--b-bg-brand1);
  --_1m0eq2n4: var(--b-bg-accent-cobalt);
}

._1m0eq2n6 {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-bg-contrast1);
  --_1m0eq2n2: var(--b-bg-contrast2);
  --_1m0eq2n3: var(--b-bg-secondary);
  --_1m0eq2n4: var(--b-bg-primary);
}

._1m0eq2n7 {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-icon-primary);
  --_1m0eq2n2: var(--b-bg-tertiary);
  --_1m0eq2n3: var(--b-bg-tertiary);
  --_1m0eq2n4: var(--b-bg-primary);
}

._1m0eq2n8 {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-icon-primary);
  --_1m0eq2n2: var(--b-bg-tertiary2);
  --_1m0eq2n3: var(--b-bg-tertiary2);
  --_1m0eq2n4: var(--b-bg-primary);
}

._1m0eq2n9 {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-bg-on-danger1);
  --_1m0eq2n2: var(--b-bg-on-danger2);
  --_1m0eq2n3: var(--b-bg-danger1);
  --_1m0eq2n4: var(--b-bg-danger-disabled);
}

._1m0eq2na {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-bg-on-caution1);
  --_1m0eq2n2: var(--b-bg-on-caution2);
  --_1m0eq2n3: var(--b-bg-caution1);
  --_1m0eq2n4: var(--b-bg-caution-disabled);
}

._1m0eq2nb {
  --_1m0eq2n0: var(--b-txt-on-contrast);
  --_1m0eq2n1: var(--b-bg-on-success1);
  --_1m0eq2n2: var(--b-bg-on-success2);
  --_1m0eq2n3: var(--b-bg-success1);
  --_1m0eq2n4: var(--b-bg-success-disabled);
}

._1m0eq2ni {
  --_1m0eq2nc: var(--b-spacing-reg);
  --_1m0eq2nd: 0px;
  --_1m0eq2nf: var(--b-button-radius);
  box-sizing: border-box;
  border: none;
  border-radius: var(--_1m0eq2nf);
  padding: calc(var(--_1m0eq2nc) - var(--_1m0eq2nd));
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

._1m0eq2ni:hover {
  text-decoration: none;
}

._1m0eq2ni:focus-visible {
  text-decoration: none;
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}

._1m0eq2nq {
  --_1m0eq2ng: var(--b-spacing-reg);
  --_1m0eq2nh: var(--b-spacing-reg);
  --_1m0eq2nc: var(--b-spacing-sm);
  column-gap: var(--b-spacing-sm);
  padding-left: calc(var(--_1m0eq2ng) - var(--_1m0eq2nd));
  padding-right: calc(var(--_1m0eq2nh) - var(--_1m0eq2nd));
}

._1m0eq2nr {
  column-gap: var(--b-spacing-sm);
}

._1m0eq2ns {
  --_1m0eq2nc: var(--b-spacing-md);
}

._1m0eq2nt {
  color: var(--_1m0eq2n0);
  background: var(--_1m0eq2n1);
}

._1m0eq2nt:hover {
  background: var(--_1m0eq2n2);
}

._1m0eq2nt:visited {
  color: var(--_1m0eq2n0);
}

._1m0eq2nu {
  --_1m0eq2ne: var(--_1m0eq2n3);
  color: var(--_1m0eq2n1);
  background: none;
}

._1m0eq2nu:hover {
  background: var(--_1m0eq2n3);
}

._1m0eq2nu:visited {
  color: var(--_1m0eq2n1);
}

._1m0eq2nv {
  --_1m0eq2ne: var(--_1m0eq2n3);
  --_1m0eq2nd: 1px;
  color: var(--_1m0eq2n1);
  background: none;
  border: 1px solid var(--_1m0eq2n1);
}

._1m0eq2nv:hover {
  background: var(--_1m0eq2n3);
}

._1m0eq2nv:visited {
  color: var(--_1m0eq2n1);
}

._1m0eq2nw {
  --_1m0eq2ne: var(--_1m0eq2n3);
  --_1m0eq2nc: 0;
  color: var(--_1m0eq2n1);
  background: none;
}

._1m0eq2nw:hover {
  background: none;
}

._1m0eq2nw:visited {
  color: var(--_1m0eq2n1);
}

._1m0eq2nx {
  --_1m0eq2nd: 1px;
  color: var(--_1m0eq2n0);
  background: var(--_1m0eq2n1);
  border: 1px solid var(--_1m0eq2n0);
}

._1m0eq2nx:hover {
  background: var(--_1m0eq2n2);
}

._1m0eq2nx:visited {
  color: var(--_1m0eq2n0);
}

._1m0eq2ny {
  border-radius: 0;
}

._1m0eq2nz {
  border-radius: var(--b-button-radius);
}

._1m0eq2n10 {
  border-radius: 0px;
}

._1m0eq2n11 {
  border-radius: 0px var(--b-button-radius) var(--b-button-radius) 0px;
}

._1m0eq2n12 {
  border-radius: var(--b-button-radius) 0px 0px var(--b-button-radius);
}

._1m0eq2n13 {
  --_1m0eq2n1: var(--_1m0eq2n4);
  --_1m0eq2n2: var(--_1m0eq2n4);
  --_1m0eq2n3: var(--b-bg-primary);
  --_1m0eq2n0: var(--b-txt-on-contrast);
  cursor: default;
}

._1m0eq2n14 {
  width: 100%;
  justify-content: center;
}

._1m0eq2n15 {
  justify-content: space-between;
}

._1m0eq2n16 {
  background: var(--_1m0eq2ne);
}

._1m0eq2n17 {
  white-space: nowrap;
}

._1m0eq2n18 {
  --_1m0eq2n1: var(--b-txt-primary);
  border-color: var(--b-border-default);
}

._1m0eq2n19 {
  --_1m0eq2n1: var(--b-txt-inactive);
  --_1m0eq2n0: var(--b-txt-inactive);
}

._1m0eq2n1a {
  --_1m0eq2n1: var(--b-bg-secondary);
  --_1m0eq2n2: var(--b-bg-secondary);
}

._1m0eq2n1b {
  --_1m0eq2n1: var(--b-bg-secondary);
  --_1m0eq2n2: var(--b-bg-secondary);
}

._1ox6jxm1 {
  border-radius: var(--_1ox6jxm0);
  position: absolute;
  max-width: 260px;
}

._1ox6jxm2 {
  background-color: var(--b-bg-contrast1);
  color: var(--b-txt-on-contrast);
}

._1ox6jxm3 {
  background-color: var(--b-bg-primary);
  color: var(--b-txt-primary);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
}

._1ox6jxm4 {
  padding: var(--b-spacing4) var(--b-spacing8);
}

._1ox6jxm5 {
  padding: var(--b-spacing8) var(--b-spacing12);
}

._1ox6jxm6 {
  position: relative;
  display: inline-block;
}

.h4hvq90 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: auto;
  min-width: 8px;
  flex-shrink: 0;
}

.h4hvq91 {
  border-radius: var(--b-badge-circle-radius);
}

.h4hvq92 {
  border-radius: var(--b-badge-square-radius);
}

.h4hvq93 {
  background: var(--b-cobalt-20);
  color: var(--b-cobalt-70);
}

.h4hvq94 {
  background: var(--b-red-20);
  color: var(--b-red-70);
}

.h4hvq95 {
  background: var(--b-green-20);
  color: var(--b-green-70);
}

.h4hvq96 {
  background: var(--b-gray-10);
  color: var(--b-gray-80);
}

.h4hvq97 {
  background: var(--b-sky-blue-30);
  color: var(--b-sky-blue-60);
}

.h4hvq98 {
  background: var(--b-red-30);
  color: var(--b-red-60);
}

.h4hvq99 {
  background: var(--b-green-30);
  color: var(--b-green-60);
}

.h4hvq9a {
  background: var(--b-yellow-30);
  color: var(--b-yellow-60);
}

.h4hvq9b {
  background: var(--b-purple-30);
  color: var(--b-purple-60);
}

.h4hvq9c {
  background: var(--b-cyan-30);
  color: var(--b-cyan-60);
}

.h4hvq9d {
  background: var(--b-orange-30);
  color: var(--b-orange-60);
}

.h4hvq9e {
  background: var(--b-livid-30);
  color: var(--b-livid-70);
}

.h4hvq9f {
  background: var(--b-livid-30);
  color: var(--b-livid-70);
}

.h4hvq9g {
  background: var(--b-livid-20);
  color: var(--b-gray-70);
}

._5r6zug0 {
  --_5r6zug1: initial;
  --_5r6zug2: initial;
  --_5r6zug3: initial;
  --_5r6zug4: initial;
  --_5r6zug5: initial;
  --_5r6zug6: initial;
  --_5r6zug7: initial;
  --_5r6zug8: initial;
  --_5r6zug9: initial;
  --_5r6zuga: initial;
  --_5r6zugb: initial;
  --_5r6zugc: initial;
  --_5r6zugd: initial;
  --_5r6zuge: initial;
  --_5r6zugf: initial;
  --_5r6zugg: initial;
  --_5r6zugh: initial;
  --_5r6zugi: initial;
  --_5r6zugj: initial;
  --_5r6zugk: initial;
  --_5r6zugl: initial;
  --_5r6zugm: initial;
  --_5r6zugn: initial;
  --_5r6zugo: initial;
  --_5r6zugp: initial;
  --_5r6zugq: initial;
  --_5r6zugr: initial;
  --_5r6zugs: initial;
  --_5r6zugt: initial;
  --_5r6zugu: initial;
  --_5r6zugv: initial;
  --_5r6zugw: none;
  --_5r6zugx: primary;
  --_5r6zugy: initial;
}

._5r6zugz {
  width: var(--_5r6zug2);
  min-width: var(--_5r6zug3);
  max-width: var(--_5r6zug4);
  height: var(--_5r6zug5);
  min-height: var(--_5r6zug6);
  max-height: var(--_5r6zug7);
  padding-inline-start: var(--_5r6zuga, var(--_5r6zug9));
  padding-inline-end: var(--_5r6zugb, var(--_5r6zug9));
  padding-block-start: var(--_5r6zugc, var(--_5r6zug9));
  padding-block-end: var(--_5r6zugd, var(--_5r6zug9));
  margin-inline-start: var(--_5r6zugf, var(--_5r6zuge));
  margin-inline-end: var(--_5r6zugg, var(--_5r6zuge));
  margin-block-start: var(--_5r6zugh, var(--_5r6zuge));
  margin-block-end: var(--_5r6zugi, var(--_5r6zuge));
  border-inline-start: var(--_5r6zugk, var(--_5r6zugj));
  border-inline-end: var(--_5r6zugl, var(--_5r6zugj));
  border-block-start: var(--_5r6zugm, var(--_5r6zugj));
  border-block-end: var(--_5r6zugn, var(--_5r6zugj));
  border-inline-start-width: var(--_5r6zugp, var(--_5r6zugo));
  border-inline-end-width: var(--_5r6zugq, var(--_5r6zugo));
  border-block-start-width: var(--_5r6zugr, var(--_5r6zugo));
  border-block-end-width: var(--_5r6zugs, var(--_5r6zugo));
  border-radius: var(--_5r6zugt);
  overflow-x: var(--_5r6zugu);
  overflow-y: var(--_5r6zugv);
  box-sizing: var(--_5r6zug1);
  aspect-ratio: var(--_5r6zug8);
  box-shadow: var(--_5r6zugw);
  background-color: var(--_5r6zugx);
  background-clip: var(--_5r6zugy);
}

.yqx71p1 {
  border: none;
  border-radius: 50%;
  cursor: default;
  background: var(--yqx71p0);
  display: flex;
  justify-content: center;
  align-items: center;
}

.yqx71p2 {
  width: var(--b-spacing-md);
  height: var(--b-spacing-md);
  padding: 0;
}

.yqx71p3 {
  width: var(--b-spacing-lg);
  height: var(--b-spacing-lg);
}

.yqx71p4 {
  background-color: var(--b-cobalt-70);
  color: var(--b-black-white-10);
  cursor: pointer;
}

.yqx71p5 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.yqx71p6 {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: var(--b-spacing-reg);
}

.yqx71p7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--b-radius-regular);
}

.yqx71p9 {
  width: var(--b-spacing-xl);
  height: var(--b-spacing-xl);
  padding: 0;
}

.yqx71pa {
  width: var(--b-spacing-xxl);
  height: var(--b-spacing-xxl);
  padding: 0;
}

.yqx71pb {
  cursor: pointer;
}

.yqx71pb:hover {
  background-color: var(--b-bg-secondary);
}

@keyframes z572s60 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes z572s61 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes z572s62 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes z572s63 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
.z572s64 {
  position: fixed;
  inset: 0;
  z-index: 50000002;
  background-color: var(--b-bg-overlay-modal);
  animation: z572s61 250ms ease 100ms forwards;
}

.z572s64[data-expanded] {
  animation: z572s60 250ms ease;
}

.z572s65 {
  position: fixed;
  inset: 0;
  z-index: 50000002;
  display: flex;
  align-items: center;
  justify-content: center;
}

.z572s66 {
  z-index: 50000002;
  border: 1px solid var(--b-border-default);
  border-radius: var(--b-radius-large);
  background-color: var(--b-bg-primary);
  box-shadow: var(--b-popover-shadow);
  overflow: hidden;
  animation: z572s63 300ms ease-in forwards;
}

.z572s66:focus-visible {
  outline: none;
}

.z572s66[data-expanded] {
  animation: z572s62 300ms ease-out;
}

.z572s67 {
  background-color: var(--b-bg-primary);
  border: none;
  border-radius: var(--b-button-radius);
  color: var(--b-icon-primary);
  padding: var(--b-spacing8);
}

.z572s67:hover {
  cursor: pointer;
  text-decoration: none;
  background: var(--b-bg-secondary);
}

.z572s67:focus-visible {
  text-decoration: none;
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}

._16zpnji0 {
  box-sizing: border-box;
  background: var(--b-border-default);
}

._16zpnji1 {
  height: 1px;
  max-height: 1px;
  min-height: 1px;
}

._16zpnji2 {
  width: 1px;
  max-width: 1px;
  min-width: 1px;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content, .danger.feature-info-card, .danger.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .danger.storage-used-text {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content, .caution.feature-info-card, .caution.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .caution.storage-used-text {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content, .success.feature-info-card, .success.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .success.storage-used-text {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content, .brand.feature-info-card, .brand.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .brand.storage-used-text {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.menubar-dropdown {
  position: fixed;
  z-index: 5000001;
}
.menubar-dropdown .context-menu-item-wrapper {
  width: -webkit-fill-available;
}
.menubar-dropdown .context-menu-item {
  padding: 8px;
}
.menubar-dropdown .context-menu-item.selected {
  background-color: var(--b-bg-brand2);
  color: var(--b-txt-brand);
}
.menubar-dropdown .context-menu-item.with-embedded-component {
  padding: 3px 8px;
  width: 240px;
}
.menubar-dropdown .context-menu-item.with-leading-icon {
  padding-left: 24px;
}
.menubar-dropdown .context-menu-item.right-arrow {
  padding-right: 29px;
}
.menubar-dropdown .context-menu-item.right-arrow:after {
  font-family: "FontAwesome";
  content: "\f0da";
  font-size: 12px;
  position: absolute;
  right: 7px;
  text-align: center;
  width: 11px;
  color: #000000;
}
.menubar-dropdown .context-menu-item.right-arrow.disabled:after {
  display: none;
}
.menubar-dropdown .context-menu-item .composer-color {
  width: 100px;
  height: 24px;
  border-radius: var(--padding-input, 4px);
  border: 1px solid var(--border-default, #e6e6e6);
  background: var(--bg-primary, #fff);
  background-color: var(--b-bg);
  color: var(--b-txt-primary, #1f1f1f) !important;
  padding-left: 2px !important;
}
.menubar-dropdown .context-menu-item .composer-color.selected {
  background: var(--bg-primary, #fff);
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.menubar-dropdown .context-menu-item .composer-color .color-input {
  color: var(--b-text-tertiary, #a6a6a6) !important;
}
.menubar-dropdown .context-menu-item .composer-color input {
  background-color: var(--bg-primary, #fff);
}
.menubar-dropdown .context-menu-item .composer-color input.token-chosen {
  color: var(--b-txt-brand, #0c29ab) !important;
}
.menubar-dropdown .context-menu-item .composer-color .color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker {
  background-color: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .hex-input,
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .NumberBox.alpha {
  background-color: var(--bg-primary, #fff) !important;
  border: 1px solid var(--border-default, #e6e6e6) !important;
  color: var(--b-txt-primary, #1f1f1f) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .hex-input input,
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .NumberBox.alpha input {
  font-size: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-primary, #1f1f1f);
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .hex-input:focus-within,
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .NumberBox.alpha:focus-within {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .hex-input:focus-within::placeholder,
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .NumberBox.alpha:focus-within::placeholder {
  color: var(--b-text-tertiary, #a6a6a6);
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .hex-input .a-color-picker-preview,
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .NumberBox.alpha .a-color-picker-preview {
  border: 1px solid var(--border-default, #e6e6e6) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .palette-title .palette-title-text {
  color: var(--b-txt-primary, #1f1f1f) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .palette-title .palette-title-link {
  color: var(--b-text-tertiary, #a6a6a6) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .a-color-picker-palette-color {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.menubar-dropdown .context-menu-item .composer-color .a-color-picker .a-color-picker-palette-color.token-chosen {
  border: 1px solid var(--b-txt-brand, #0c29ab) !important;
}
.menubar-dropdown .app-menu-items-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.menubar-dropdown .app-menu-item {
  padding: 7px 10px;
}
.menubar-dropdown .app-menu-item .beta_badge {
  color: var(--b-txt-brand);
  background: var(--b-bg-brand1);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 4px;
  margin-left: 4px;
  border-radius: 4px;
}
.menubar-dropdown .app-menu-item:not(.section-header) {
  cursor: pointer;
}
.menubar-dropdown .app-menu-item:not(.section-header):hover {
  background-color: var(--b-bg-secondary);
}

.menubar-style {
  height: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.menubar-style .btn:before {
  width: 32px;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  content: "";
  display: block;
  background-color: transparent;
  font-family: "bubble";
  text-align: center;
}
.menubar-style .menubar-divider {
  box-sizing: border-box;
  background: var(--border-default, #e6e6e6);
  height: 24px;
  width: 1px;
  max-width: 1px;
  min-width: 1px;
}
.menubar-style .menubar-badge-circle {
  position: relative;
}
.menubar-style .menubar-badge-circle:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: 7px;
  right: 7px;
  background-color: #ff0000;
}
.menubar-style #upgrade-to-deploy {
  max-width: 250px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  box-sizing: content-box;
}
.menubar-style .menubar-preview-button {
  height: 32px;
  border: 1px solid var(--b-bg-on-brand2, rgb(230, 230, 230));
  border-radius: var(--b-button-radius);
  color: var(--bg-onBrand-2);
}
.menubar-style .menubar-preview-button:has(button:focus-visible) {
  box-shadow: 0 0 0 3px var(--b-border-focus);
  outline: none;
}
.menubar-style .menubar-preview-button .hover-state {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 100%;
}
.menubar-style .menubar-preview-button .hover-state.left {
  border: 0;
  background-color: inherit;
  padding-left: 8px;
  padding-right: 4px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
}
.menubar-style .menubar-preview-button .hover-state.right {
  padding-left: 4px;
  padding-right: 8px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.menubar-style .menubar-preview-button .hover-state:hover {
  background-color: var(--b-bg-brand1);
}
.menubar-style .menubar-upgrade-to-deploy {
  padding-right: 4px;
}
.menubar-style #menubar-version-button-inactive {
  cursor: unset;
}
.menubar-style .menubar-page-search-input-container {
  cursor: pointer;
  width: 220px;
}
.menubar-style .menubar-page-search-input-container .element-label-wrapper {
  max-width: 160px;
}
.menubar-style .menubar-page-search-input-container .element-picker-close-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.menubar-style .menubar-page-search-input-container .element-picker-close-button :hover {
  background-color: inherit;
}
.menubar-style .live-version-button {
  background: var(--b-green-10);
  border-radius: 4px;
  height: 32px;
  padding: 8px;
  border: 0;
}
.menubar-style .live-version-button:hover {
  background: var(--b-green-20);
  cursor: pointer;
}
.menubar-style .live-version-button:focus-visible {
  text-decoration: none;
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}
.menubar-style .label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menubar-style .trigger-button {
  width: 170px;
}
.menubar-style .trigger-button button span {
  overflow: hidden;
}

.magic-wand-button > button {
  background: transparent;
}

.magic-wand-button > button:not(:disabled):hover,
.magic-wand-button.chat-popup-open > button {
  background: #e9ebfb;
}

.preview-panel {
  width: 225px;
}

#main-menu-dropdown .dropdown-link:hover {
  text-decoration: none;
}

.new-menubar-issue-checker {
  white-space: nowrap;
}

#dedicated-button {
  display: flex;
  height: 32px;
  padding: var(--padding-btn-regular, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--gb--spacing-4, 4px);
  border-radius: var(--radius-btn, 4px);
  border: none;
}
#dedicated-button.can-upgrade {
  color: #0c29ab;
  background: #ebf3ff;
}
#dedicated-button.can-upgrade:hover {
  background-color: #d5e5fb;
}
#dedicated-button.upgraded {
  color: #1e6c30;
  background: #eaf5ed;
}
#dedicated-button.upgraded:hover {
  background-color: #cfe8d5;
}
#dedicated-button.upgrading {
  color: #525252;
  background: #f2f2f2;
}
#dedicated-button.upgrading:hover {
  background-color: #e6e6e6;
}

.purple-wand-icon {
  color: var(--b-periwinkle-50) !important;
}

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content, .danger.feature-info-card, .danger.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .danger.storage-used-text {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content, .caution.feature-info-card, .caution.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .caution.storage-used-text {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content, .success.feature-info-card, .success.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .success.storage-used-text {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content, .brand.feature-info-card, .brand.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .brand.storage-used-text {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.left-nav-bottom-container {
  margin-bottom: 12px;
}
.left-nav-bottom-container .leftnav-badge-circle {
  position: relative;
}
.left-nav-bottom-container .leftnav-badge-circle:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: 7px;
  right: 7px;
  background-color: #ff0000;
}

/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger, .danger.progress-indicator-interior, .danger.progress-indicator-value, .select-app-plan-card .danger.plan-card-content, .danger.feature-info-card, .danger.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .danger.storage-used-text {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution, .caution.progress-indicator-interior, .caution.progress-indicator-value, .select-app-plan-card .caution.plan-card-content, .caution.feature-info-card, .caution.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .caution.storage-used-text {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success, .success.progress-indicator-interior, .success.progress-indicator-value, .select-app-plan-card .success.plan-card-content, .success.feature-info-card, .success.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .success.storage-used-text {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand, .brand.progress-indicator-interior, .brand.progress-indicator-value, .select-app-plan-card .brand.plan-card-content, .brand.feature-info-card, .brand.extra-pricing-info-card, .app-plan-storage-section-content .storage-bar .brand.storage-used-text {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.main-menu-color-picker .composer-color {
  width: 94px;
  height: 24px;
  border-radius: var(--padding-input, 4px);
  border: 1px solid var(--border-default, #e6e6e6);
  background: var(--bg-primary, #fff);
  background-color: var(--b-bg);
  color: var(--b-txt-primary, #1f1f1f) !important;
  padding-left: 2px !important;
}
.main-menu-color-picker .composer-color:active, .main-menu-color-picker .composer-color:hover {
  background: var(--bg-primary, #fff);
  background-color: var(--b-bg);
}
.main-menu-color-picker .composer-color.selected {
  background: var(--bg-primary, #fff);
  border: 1px solid var(--b-bg-brand) !important;
}
.main-menu-color-picker .composer-color .color-input {
  color: var(--b-text-tertiary, #a6a6a6) !important;
}
.main-menu-color-picker .composer-color .color-input.disabled {
  background-color: var(--b-bg-secondary);
}
.main-menu-color-picker .composer-color.disabled {
  background-color: var(--b-bg-secondary);
}
.main-menu-color-picker .composer-color input {
  background-color: var(--bg-primary, #fff);
}
.main-menu-color-picker .composer-color input.token-chosen {
  color: var(--b-bg-brand, #0c29ab) !important;
}
.main-menu-color-picker .composer-color .color-swatch {
  border: var(--b-gray-10, rgba(0, 0, 0, 0.05)) !important;
}
.main-menu-color-picker .composer-color .a-color-picker {
  background-color: #fafafa !important;
  border: var(--b-gray-10, rgba(0, 0, 0, 0.05)) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .hex-input,
.main-menu-color-picker .composer-color .a-color-picker .NumberBox.alpha {
  background-color: var(--bg-primary, #fff) !important;
  border: 1px solid var(--border-default, #e6e6e6) !important;
  color: var(--b-txt-primary, #1f1f1f) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .hex-input input,
.main-menu-color-picker .composer-color .a-color-picker .NumberBox.alpha input {
  font-size: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--b-txt-primary, #1f1f1f);
}
.main-menu-color-picker .composer-color .a-color-picker .hex-input:focus-within,
.main-menu-color-picker .composer-color .a-color-picker .NumberBox.alpha:focus-within {
  border: 1px solid var(--b-bg-brand, #0c29ab) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .hex-input:focus-within::placeholder,
.main-menu-color-picker .composer-color .a-color-picker .NumberBox.alpha:focus-within::placeholder {
  color: var(--b-text-tertiary, #a6a6a6);
}
.main-menu-color-picker .composer-color .a-color-picker .hex-input .a-color-picker-preview,
.main-menu-color-picker .composer-color .a-color-picker .NumberBox.alpha .a-color-picker-preview {
  border: 1px solid var(--border-default, #e6e6e6) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .palette-title .palette-title-text {
  color: var(--b-txt-primary, #1f1f1f) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .palette-title .palette-title-link {
  color: var(--b-text-tertiary, #a6a6a6) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .a-color-picker-palette-color {
  border: var(--b-gray-10, rgba(0, 0, 0, 0.05)) !important;
}
.main-menu-color-picker .composer-color .a-color-picker .a-color-picker-palette-color.token-chosen {
  border: 1px solid var(--b-bg-brand, #0c29ab) !important;
}

.dropdown-menu-select-item, .app-switcher-item {
  margin: var(--b-spacing4);
}
.dropdown-menu-select-item:first-of-type, .app-switcher-item:first-of-type {
  margin-top: 0;
}
.dropdown-menu-select-item:last-of-type, .app-switcher-item:last-of-type {
  margin-bottom: 0;
}
.dropdown-menu-select-item > div[role=menuitem], .app-switcher-item > div[role=menuitem] {
  border-radius: var(--b-radius-regular);
}
.dropdown-menu-select-item > div[role=menuitem] > div, .app-switcher-item > div[role=menuitem] > div {
  column-gap: var(--b-spacing8);
}
.dropdown-menu-select-item.selected > div[role=menuitem], .selected.app-switcher-item > div[role=menuitem] {
  color: var(--b-txt-brand);
  background-color: var(--b-bg-brand2);
}
.dropdown-menu-select-item.selected > div[role=menuitem] .badge-wrapper span, .selected.app-switcher-item > div[role=menuitem] .badge-wrapper span {
  background-color: var(--b-cobalt-30);
}

.app-switcher-item .create-app-dropdown-item {
  cursor: pointer;
}
.app-switcher-item .create-app-dropdown-item:hover {
  background-color: var(--b-bg-secondary);
  border: 0;
}
.app-switcher-item .create-app-dropdown-item:focus-visible {
  box-shadow: 0 0 0 3px var(--b-border-focus);
  outline: none;
}
.app-switcher-item .create-app-dropdown-item .create-app-icon {
  background-color: var(--b-bg-secondary2);
  border-radius: var(--b-radius-regular);
  padding: var(--b-spacing4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-interface-manager-side-panel {
  position: fixed;
  width: 508px;
  box-sizing: content-box;
  height: 100%;
  top: var(--menubar-height);
  border-right: 1px;
  border-left: 1px;
  border-color: var(--border-default, #e6e6e6);
  border-style: solid;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.app-interface-list-item {
  width: 234px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--b-spacing8);
  border-radius: var(--b-radius-regular);
  cursor: pointer;
  position: relative;
}
.app-interface-list-item:hover {
  background-color: var(--b-bg-secondary);
}
.app-interface-list-item:has(button.app-interface-list-item-button:focus-visible) {
  box-shadow: 0px 0px 0px 3px var(--b-border-focus);
  outline: none;
}
.app-interface-list-item .app-interface-list-item-button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
  cursor: pointer;
}
.app-interface-list-item .responsive-icon {
  padding: var(--b-spacing8);
}

.current-root {
  background-color: var(--b-bg-brand2);
}

.bubble-ui-dialog .bubble-ui-dialog-header {
  padding-left: 24px !important;
}
.bubble-ui-dialog .bubble-ui-dialog-footer {
  justify-content: flex-end !important;
  gap: 8px !important;
  padding-right: 24px !important;
}

.create-style-popup .input-group {
  margin-bottom: 16px;
}
.create-style-popup .input-group:last-of-type {
  margin-bottom: 0;
}
.create-style-popup .input-group .bubble-ui {
  margin-top: 4px;
}
.create-style-popup .input-group .bubble-ui-typography {
  margin-bottom: 0;
}
.create-style-popup .input-group .new-style-name {
  width: 100%;
}
.create-style-popup .input-group .new-style-name {
  display: flex;
  width: 100%;
}
.create-style-popup .input-group .new-style-name > * {
  flex: 1;
}
.create-style-popup .install-more-link-content {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #0c29ab;
}
.create-style-popup .install-more-link-content:hover {
  color: #0c29ab;
}

/*# sourceMappingURL=editor.css.map */

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 200px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  cursor: pointer;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.tt-hint {
  color: #999;
  border-color: transparent !important;
}

.tt-suggestion > p:hover,
.tt-suggestion > p:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.tt-suggestion.tt-cursor > p {
  color: #ffffff;
  background-color: #428bca;
}

span.twitter-typeahead {
  width: 100%;
}
span.twitter-typeahead pre {
  position: fixed !important;
}

.input-group span.twitter-typeahead {
  display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

/*# sourceMappingURL=typeahead.css.map */

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("/static/fonts/fontawesome-webfont.eot");
  src: url("/static/fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("/static/fonts/fontawesome-webfont.woff2") format("woff2"), url("/static/fonts/fontawesome-webfont.woff") format("woff"), url("/static/fonts/fontawesome-webfont.ttf") format("truetype"), url("/static/fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*# sourceMappingURL=font-awesome.min.css.map */

@charset "UTF-8";
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 300px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}

@media (max-width: 300px) {
  .picker__holder {
    position: fixed;
    left: 0;
    min-width: 100px;
  }
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}

.picker__wrap {
  margin: -1px;
}

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__year {
  color: #999999;
  font-size: 0.8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--outfocus {
  color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--highlighted {
  border-color: #0089ec;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}

.picker:not(.datepicker-legacy-font) .picker__button--today,
.picker:not(.datepicker-legacy-font) .picker__button--clear,
.picker:not(.datepicker-legacy-font) .picker__button--close {
  font-family: inherit;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "×";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff;
}

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
}

/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2;
}

@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: 0.875em;
  }
}
/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
  position: relative;
}

/*# sourceMappingURL=datepicker.css.map */

.radio {
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  display: grid;
  grid-auto-rows: max-content;
  justify-items: stretch;
  padding-left: 20px;
  grid-gap: 10px 20px;
  gap: 10px 20px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
  width: 100%;
}

html[dir=rtl] .radio {
  padding-left: unset;
  padding-right: 20px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  margin-top: -2px;
  height: 15px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

html[dir=rtl] .radio label::before {
  left: unset;
  margin-left: unset;
  right: 0;
  margin-right: -20px;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  margin-top: -2px;
  left: 4px;
  top: 4px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

html[dir=rtl] .radio label::after {
  left: unset;
  margin-left: unset;
  right: 4px;
  margin-right: -20px;
}

.radio input[type=radio] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: -20px;
}

html[dir=rtl] .radio input[type=radio] {
  left: unset;
  right: -20px;
}

.radio input[type=radio]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type=radio]:disabled + label {
  opacity: 0.65;
  cursor: default;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-v0 {
  padding-left: 20px;
  padding-bottom: 5px;
  overflow: hidden;
}

html[dir=rtl] .radio-v0 {
  padding-left: unset;
  padding-right: 20px;
}

.radio-v0 label {
  display: inline-block;
  vertical-align: middle;
  float: left;
  position: relative;
  padding-left: 6px;
  cursor: pointer;
}

html[dir=rtl] .radio-v0 label {
  padding-left: unset;
  padding-right: 6px;
}

.radio-v0 label:nth-child(2) {
  margin-top: 3px;
}

.radio-v0 label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  margin-top: -2px;
  height: 15px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

html[dir=rtl] .radio-v0 label::before {
  left: unset;
  margin-left: unset;
  right: 0;
  margin-right: -20px;
}

.radio-v0 label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  margin-top: -2px;
  left: 4px;
  top: 4px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

html[dir=rtl] .radio-v0 label::after {
  left: unset;
  margin-left: unset;
  right: 4px;
  margin-right: -20px;
}

.radio-v0 input[type=radio] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: -20px;
}

html[dir=rtl] .radio-v0 input[type=radio] {
  left: unset;
  right: -20px;
}

.radio-v0 input[type=radio]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio-v0 input[type=radio]:disabled + label {
  opacity: 0.65;
  cursor: default;
}

.radio-v0.radio-inline {
  margin-top: 0;
}

.radio-primary input[type=radio] + label::after {
  background-color: #337ab7;
}

.radio-primary input[type=radio]:checked + label::before {
  border-color: #337ab7;
}

.radio-primary input[type=radio]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type=radio] + label::after {
  background-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::before {
  border-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type=radio] + label::after {
  background-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::before {
  border-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type=radio] + label::after {
  background-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::before {
  border-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type=radio] + label::after {
  background-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::before {
  border-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::after {
  background-color: #5cb85c;
}

/*# sourceMappingURL=radio.css.map */

/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0; /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/static/img/jquery-ui-smoothness/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("/static/img/jquery-ui-smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("/static/img/jquery-ui-smoothness/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/static/img/jquery-ui-smoothness/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("/static/img/jquery-ui-smoothness/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/static/img/jquery-ui-smoothness/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/static/img/jquery-ui-smoothness/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("/static/img/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("/static/img/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  border-radius: 8px;
}

/*# sourceMappingURL=jquery-ui.slider.css.map */

/* The MIT License */
/* Changed by us */
.dropzone {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: auto;
  padding-bottom: 30px;
}
.dropzone .dz-message {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dropzone .dz-filename {
  word-wrap: break-word;
}
.dropzone .dz-preview {
  position: relative;
  padding: 7px;
  background: #e8ffe6;
}
.dropzone .dz-preview .dz-details {
  position: relative;
}
.dropzone .dz-preview .dz-size {
  display: none; /* we hide the size because it is not compatible with our hack to prepopulate with files */
}
.dropzone .dz-preview img {
  display: none; /* we hide the thumbnail because it is not compatible with our hack to prepopulate with files */
}
.dropzone .dz-preview .dz-error-message {
  display: none; /* not currently using this */
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: center;
  right: 4px;
  top: 4px;
}
.dropzone .dz-preview .dz-success-mark {
  color: #8cc657;
  display: none;
}
.dropzone .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-remove {
  text-decoration: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 0px;
  text-align: center;
  color: #630a0a;
  padding: 7px;
  background: #e8ffe6;
}
.dropzone .dz-preview .dz-progress {
  background: #d7d7d7;
  height: 6px;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  width: 0%;
  background-color: #88a6e4;
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 0%;
  height: 10px;
  background-image: url("/static/img/dropzone/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-progress {
  display: none;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}

/* we hide errored files for now to handle max-files reached.  we have to hide
   them permanently unfortunately */
.dropzone .dz-preview.dz-error {
  display: none;
}

.dropzone.dz-max-files-reached {
  background-color: rgba(248, 248, 248, 0.89);
}
.dropzone.dz-max-files-reached .dz-message {
  display: none;
}

/* More or less legacy dropzone css... should port over to sass style above as
   we modify it. */
.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}

.dropzone .dz-remove:hover,
.dropzone-previews .dz-remove:hover {
  color: #666;
}

@-moz-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

/*# sourceMappingURL=dropzone.css.map */

/*
 * Project: CirclePlayer
 * http://www.jplayer.org
 *
 * Copyright (c) 2012 Happyworm Ltd
 *
 * Author: Silvia Benvenuti
 * Edited by: Mark J Panaghiston
 * Date: 2nd October 2012
 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
 */
.cp-container {
  position: relative;
  width: 104px; /* 200 - (2 * 48) */
  height: 104px;
  background: url("/static/circleplayer/circle.skin/bgr.png") 0 0 no-repeat;
  padding: 48px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cp-container :focus {
  border: none;
  outline: 0;
}

.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 104px;
  clip: rect(0px, 52px, 104px, 0px);
  -moz-border-radius: 52px;
  -webkit-border-radius: 52px;
  border-radius: 52px;
}

.cp-buffer-1,
.cp-buffer-2 {
  background: url("/static/circleplayer/circle.skin/buffer.png") 0 0 no-repeat;
}

/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */
.cp-container .cp-fallback {
  background: url("/static/circleplayer/circle.skin/progress_sprite.png") no-repeat;
  background-position: 0 104px;
}

.cp-progress-1,
.cp-progress-2 {
  background: url("/static/circleplayer/circle.skin/progress.png") 0 0 no-repeat;
}

.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
  position: absolute;
  width: 104px;
  height: 104px;
}

.cp-circle-control {
  cursor: pointer;
}

.cp-buffer-holder,
.cp-progress-holder {
  clip: rect(0px, 104px, 104px, 52px);
  display: none;
}

/* This is needed when progress is greater than 50% or for fallback */
.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback {
  clip: rect(auto, auto, auto, auto);
}

.cp-controls {
  margin: 0;
  padding: 26px;
}

.cp-controls li {
  list-style-type: none;
  display: block;
  /*IE Fix*/
  position: absolute;
}

.cp-controls li a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  z-index: 1;
  cursor: pointer;
}

.cp-controls .cp-play {
  background: url("/static/circleplayer/circle.skin/controls.jpg") 0 0 no-repeat;
}

.cp-controls .cp-play:hover {
  background: url("/static/circleplayer/circle.skin/controls.jpg") -50px 0 no-repeat;
}

.cp-controls .cp-pause {
  background: url("/static/circleplayer/circle.skin/controls.jpg") 0 -50px no-repeat;
}

.cp-controls .cp-pause:hover {
  background: url("/static/circleplayer/circle.skin/controls.jpg") -50px -50px no-repeat;
}

.cp-jplayer {
  width: 0;
  height: 0;
}

/*# sourceMappingURL=circle.player.css.map */

@charset "UTF-8";
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* classes attached to <body> */
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* override events' custom cursors */
  cursor: not-allowed;
}

.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;
  font-size: 1em;
}

.fc,
.fc *,
.fc *:before,
.fc *:after {
  box-sizing: border-box;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  vertical-align: top;
  padding: 0;
}

.fc a[data-navlink] {
  cursor: pointer;
}

.fc a[data-navlink]:hover {
  text-decoration: underline;
}

.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}

.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
.fc-liquid-hack th {
  position: relative;
}

@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {
  /* reset */
}

.fc .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.fc .fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.fc .fc-button {
  -webkit-appearance: button;
}

.fc .fc-button:not(:disabled) {
  cursor: pointer;
}

.fc .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.fc {
  /* theme */
}

.fc .fc-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc .fc-button:hover {
  text-decoration: none;
}

.fc .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button:disabled {
  opacity: 0.65;
}

.fc {
  /* "primary" coloring */
}

.fc .fc-button-primary {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2c3e50;
  background-color: var(--fc-button-bg-color, #2c3e50);
  border-color: #2c3e50;
  border-color: var(--fc-button-border-color, #2c3e50);
}

.fc .fc-button-primary:hover {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1e2b37;
  background-color: var(--fc-button-hover-bg-color, #1e2b37);
  border-color: #1a252f;
  border-color: var(--fc-button-hover-border-color, #1a252f);
}

.fc .fc-button-primary:disabled {
  /* not DRY */
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2c3e50;
  background-color: var(--fc-button-bg-color, #2c3e50);
  border-color: #2c3e50;
  border-color: var(--fc-button-border-color, #2c3e50); /* overrides :hover */
}

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1a252f;
  background-color: var(--fc-button-active-bg-color, #1a252f);
  border-color: #151e27;
  border-color: var(--fc-button-active-border-color, #151e27);
}

.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc {
  /* icons within buttons */
}

.fc .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
}

.fc .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}

.fc .fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}

.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

.fc .fc-toolbar-title {
  font-size: 1.3em;
  margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em; /* space between */
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em; /* space between */
}

.fc-direction-rtl .fc-toolbar-ltr {
  /* when the toolbar-chunk positioning system is explicitly left-to-right */
  flex-direction: row-reverse;
}

.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative; /* for abs-positioned elements within */
}

.fc .fc-scroller-liquid {
  height: 100%;
}

.fc .fc-scroller-liquid-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fc .fc-scroller-harness {
  position: relative;
  overflow: hidden;
  direction: ltr;
  /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
  /* TODO: demonstrate in codepen */
}

.fc .fc-scroller-harness-liquid {
  height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
  /* undo above hack */
  direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
  /* all tables (self included) */
  width: 100%; /* because tables don't normally do this */
  table-layout: fixed;
}

.fc .fc-scrollgrid table {
  /* inner tables */
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}

.fc .fc-scrollgrid {
  border-collapse: separate;
  border-right-width: 0;
  border-bottom-width: 0;
}

.fc .fc-scrollgrid-liquid {
  height: 100%;
}

.fc .fc-scrollgrid-section {
  /* a <tr> */
  height: 1px; /* better than 0, for firefox */
}

.fc .fc-scrollgrid-section > td {
  height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
}

.fc .fc-scrollgrid-section table {
  height: 1px;
  /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
  /* serves as a min-height. harmless */
}

.fc .fc-scrollgrid-section-liquid {
  height: auto;
}

.fc .fc-scrollgrid-section-liquid > td {
  height: 100%; /* better than `auto`, for firefox */
}

.fc .fc-scrollgrid-section > * {
  border-top-width: 0;
  border-left-width: 0;
}

.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
  border-bottom-width: 0;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
  border-bottom-style: hidden; /* head keeps its bottom border tho */
}

.fc {
  /* stickiness */
}

.fc .fc-scrollgrid-section-sticky > * {
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
  position: -webkit-sticky;
  position: sticky;
  z-index: 2; /* TODO: var */
  /* TODO: box-shadow when sticking */
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0; /* because border-sharing causes a gap at the top */
  /* TODO: give safari -1. has bug */
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
}

.fc .fc-scrollgrid-sticky-shim {
  /* for horizontal scrollbar */
  height: 1px; /* needs height to create scrollbars */
  margin-bottom: -1px;
}

.fc-sticky {
  /* no .fc wrap because used as child of body */
  position: -webkit-sticky;
  position: sticky;
}

.fc .fc-view-harness {
  flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
  position: relative;
}

.fc {
  /* when the harness controls the height, make the view liquid */
}

.fc .fc-view-harness-active > .fc-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block; /* x-browser for when sticky (when multi-tier header) */
  padding: 2px 4px;
}

.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
  /* will always have a harness with position:relative/absolute, so absolutely expand */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc .fc-non-business {
  background: rgba(215, 215, 215, 0.3);
  background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}

.fc .fc-bg-event {
  background: rgb(143, 223, 130);
  background: var(--fc-bg-event-color, rgb(143, 223, 130));
  opacity: 0.3;
  opacity: var(--fc-bg-event-opacity, 0.3);
}

.fc .fc-bg-event .fc-event-title {
  margin: 0.5em;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  font-style: italic;
}

.fc .fc-highlight {
  background: rgba(188, 232, 241, 0.3);
  background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}

/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
  position: relative;
  z-index: 2;
}

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) {
  /* MOUSE */
  opacity: 0.75;
}

.fc-event-dragging.fc-event-selected {
  /* TOUCH */
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
  display: none;
  position: absolute;
  z-index: 4;
}

.fc-event:hover,
.fc-event-selected {
  /* TOUCH */
}

.fc-event:hover .fc-event-resizer,
.fc-event-selected .fc-event-resizer {
  display: block;
}

.fc-event-selected .fc-event-resizer {
  border-radius: 4px;
  border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
  border-width: 1px;
  border-width: var(--fc-event-resizer-dot-border-width, 1px);
  width: 8px;
  width: var(--fc-event-resizer-dot-total-width, 8px);
  height: 8px;
  height: var(--fc-event-resizer-dot-total-width, 8px);
  border-style: solid;
  border-color: inherit;
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
  /* expand hit area */
}

.fc-event-selected .fc-event-resizer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}

/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* expand hit area (subclasses should expand) */
}

.fc-event-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-event-selected {
  /* dimmer effect */
}

.fc-event-selected:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  z-index: 1;
  /* assume there's a border on all sides. overcome it. */
  /* sometimes there's NOT a border, in which case the dimmer will go over */
  /* an adjacent border, which looks fine. */
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

/*
A HORIZONTAL event
*/
.fc-h-event {
  /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}

.fc-h-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
}

.fc-h-event .fc-event-main-frame {
  display: flex; /* for make fc-event-title-container expand */
}

.fc-h-event .fc-event-time {
  max-width: 100%; /* clip overflow on this element */
  overflow: hidden;
}

.fc-h-event .fc-event-title-container {
  /* serves as a container for the sticky cushion */
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0; /* important for allowing to shrink all the way */
}

.fc-h-event .fc-event-title {
  display: inline-block; /* need this to be sticky cross-browser */
  vertical-align: top; /* for not messing up line-height */
  left: 0; /* for sticky */
  right: 0; /* for sticky */
  max-width: 100%; /* clip overflow on this element */
  overflow: hidden;
}

.fc-h-event.fc-event-selected:before {
  /* expand hit area */
  top: -10px;
  bottom: -10px;
}

/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

:root {
  --fc-daygrid-event-dot-width: 8px;
}

.fc .fc-popover {
  position: fixed;
  top: 0; /* for when not positioned yet */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc .fc-popover-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
}

.fc .fc-popover-title {
  margin: 0 2px;
}

.fc .fc-popover-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}

.fc-theme-standard .fc-popover-header {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness {
  /* for event top/bottom margins */
}

.fc-daygrid-day-frame:before,
.fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table;
}

.fc-daygrid-day-frame:after,
.fc-daygrid-day-events:after,
.fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table;
}

.fc .fc-daygrid-body {
  /* a <div> that wraps the table */
  position: relative;
  z-index: 1; /* container inner z-index's because <tr>s can't do it */
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-daygrid-day-frame {
  position: relative;
  min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
}

.fc {
  /* cell top */
}

.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row-reverse;
}

.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 0.3;
}

.fc {
  /* day number (within cell top) */
}

.fc .fc-daygrid-day-number {
  position: relative;
  z-index: 4;
  padding: 4px;
}

.fc {
  /* event container */
}

.fc .fc-daygrid-day-events {
  margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
}

.fc {
  /* positioning for balanced vs natural */
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  position: absolute;
  left: 0;
  right: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: relative; /* for containing abs positioned event harnesses */
  min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
}

.fc .fc-daygrid-body-natural {
  /* can coexist with -unbalanced */
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 1em;
}

.fc {
  /* event harness */
}

.fc .fc-daygrid-event-harness {
  position: relative;
}

.fc .fc-daygrid-event-harness-abs {
  position: absolute;
  top: 0; /* fallback coords for when cannot yet be computed */
  left: 0; /* */
  right: 0; /* */
}

.fc .fc-daygrid-bg-harness {
  position: absolute;
  top: 0;
  bottom: 0;
}

.fc {
  /* bg content */
}

.fc .fc-daygrid-day-bg .fc-non-business {
  z-index: 1;
}

.fc .fc-daygrid-day-bg .fc-bg-event {
  z-index: 2;
}

.fc .fc-daygrid-day-bg .fc-highlight {
  z-index: 3;
}

.fc {
  /* events */
}

.fc .fc-daygrid-event {
  z-index: 6;
  margin-top: 1px;
}

.fc .fc-daygrid-event.fc-event-mirror {
  z-index: 7;
}

.fc {
  /* cell bottom (within day-events) */
}

.fc .fc-daygrid-day-bottom {
  font-size: 0.85em;
  margin: 2px 3px 0;
}

.fc .fc-daygrid-more-link {
  position: relative;
  z-index: 4;
  cursor: pointer;
}

.fc {
  /* week number (within frame) */
}

.fc .fc-daygrid-week-number {
  position: absolute;
  z-index: 5;
  top: 0;
  padding: 2px;
  min-width: 1.5em;
  text-align: center;
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  color: #808080;
  color: var(--fc-neutral-text-color, #808080);
}

.fc {
  /* popover */
}

.fc .fc-more-popover {
  z-index: 8;
}

.fc .fc-more-popover .fc-popover-body {
  min-width: 220px;
  padding: 10px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
  left: 0;
  border-radius: 0 0 3px 0;
}

.fc-direction-rtl .fc-daygrid-week-number {
  right: 0;
  border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
  position: static; /* will cause inner absolute stuff to expand to <td> */
}

.fc-daygrid-event {
  /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
  font-weight: bold;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
  padding: 1px;
}

/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0;
}

.fc-daygrid-dot-event .fc-event-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0; /* important for allowing to shrink all the way */
  overflow: hidden;
  font-weight: bold;
}

.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
  background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-selected:before {
  /* expand hit area */
  top: -10px;
  bottom: -10px;
}

.fc-daygrid-event-dot {
  /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
  margin-left: 3px;
}

/*
A VERTICAL event
*/
.fc-v-event {
  /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}

.fc-v-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
  height: 100%;
}

.fc-v-event .fc-event-main-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.fc-v-event .fc-event-time {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow: hidden;
}

.fc-v-event .fc-event-title-container {
  /* a container for the sticky cushion */
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0; /* important for allowing to shrink all the way */
}

.fc-v-event .fc-event-title {
  /* will have fc-sticky on it */
  top: 0;
  bottom: 0;
  max-height: 100%; /* clip overflow */
  overflow: hidden;
}

.fc-v-event:not(.fc-event-start) {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event:not(.fc-event-end) {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-v-event.fc-event-selected:before {
  /* expand hit area */
  left: -10px;
  right: -10px;
}

.fc-v-event {
  /* resizer (mouse AND touch) */
}

.fc-v-event .fc-event-resizer-start {
  cursor: n-resize;
}

.fc-v-event .fc-event-resizer-end {
  cursor: s-resize;
}

.fc-v-event {
  /* resizer for MOUSE */
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
  height: 8px;
  height: var(--fc-event-resizer-thickness, 8px);
  left: 0;
  right: 0;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event {
  /* resizer for TOUCH (when event is "selected") */
}

.fc-v-event.fc-event-selected .fc-event-resizer {
  left: 50%;
  margin-left: -4px;
  margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc .fc-timegrid .fc-daygrid-body {
  /* the all-day daygrid within the timegrid view */
  z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}

.fc .fc-timegrid-divider {
  padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}

.fc .fc-timegrid-body {
  position: relative;
  z-index: 1; /* scope the z-indexes of slots and cols */
  min-height: 100%; /* fill height always, even when slat table doesn't grow */
}

.fc .fc-timegrid-axis-chunk {
  /* for advanced ScrollGrid */
  position: relative; /* offset parent for now-indicator-container */
}

.fc .fc-timegrid-axis-chunk > table {
  position: relative;
  z-index: 1; /* above the now-indicator-container */
}

.fc .fc-timegrid-slots {
  position: relative;
  z-index: 1;
}

.fc .fc-timegrid-slot {
  /* a <td> */
  height: 1.5em;
  border-bottom: 0; /* each cell owns its top border */
}

.fc .fc-timegrid-slot:empty:before {
  content: " "; /* make sure there's at least an empty space to create height for height syncing */
}

.fc .fc-timegrid-slot-minor {
  border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
  display: inline-block;
  white-space: nowrap;
}

.fc .fc-timegrid-slot-label {
  vertical-align: middle; /* vertical align the slots */
}

.fc {
  /* slots AND axis cells (top-left corner of view including the "all-day" text) */
}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
  padding: 0 4px;
}

.fc {
  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */
}

.fc .fc-timegrid-axis-frame-liquid {
  height: 100%; /* will need liquid-hack in FF */
}

.fc .fc-timegrid-axis-frame {
  overflow: hidden;
  display: flex;
  align-items: center; /* vertical align */
  justify-content: flex-end; /* horizontal align. matches text-align below */
}

.fc .fc-timegrid-axis-cushion {
  max-width: 60px; /* limits the width of the "all-day" text */
  flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
  text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-timegrid-col-frame {
  min-height: 100%; /* liquid-hack is below */
  position: relative;
}

.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc-media-screen .fc-timegrid-cols {
  position: absolute; /* no z-index. children will decide and go above slots */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-media-screen .fc-timegrid-cols > table {
  height: 100%;
}

.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-media-screen .fc-timegrid-event-harness {
  position: absolute; /* top/left/right/bottom will all be set by JS */
}

.fc {
  /* bg */
}

.fc .fc-timegrid-col-bg {
  z-index: 2; /* TODO: kill */
}

.fc .fc-timegrid-col-bg .fc-non-business {
  z-index: 1;
}

.fc .fc-timegrid-col-bg .fc-bg-event {
  z-index: 2;
}

.fc .fc-timegrid-col-bg .fc-highlight {
  z-index: 3;
}

.fc .fc-timegrid-bg-harness {
  position: absolute; /* top/bottom will be set by JS */
  left: 0;
  right: 0;
}

.fc {
  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */
}

.fc .fc-timegrid-col-events {
  z-index: 3;
  /* child event segs have z-indexes that are scoped within this div */
}

.fc {
  /* now indicator */
}

.fc .fc-timegrid-now-indicator-container {
  bottom: 0;
  overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
  /* z-index is set on the individual elements */
}

.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
  margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event {
  /* events need to be root */
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  border-radius: 3px;
}

.fc-timegrid-event .fc-event-main {
  padding: 1px 1px 0;
}

.fc-timegrid-event .fc-event-time {
  white-space: nowrap;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  margin-bottom: 1px;
}

.fc-timegrid-event-condensed .fc-event-main-frame {
  flex-direction: row;
  overflow: hidden;
}

.fc-timegrid-event-condensed .fc-event-time:after {
  content: " - "; /* dash surrounded by non-breaking spaces */
}

.fc-timegrid-event-condensed .fc-event-title {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

.fc-media-screen .fc-timegrid-event {
  position: absolute; /* absolute WITHIN the harness */
  top: 0;
  bottom: 1px; /* stay away from bottom slot line */
  left: 0;
  right: 0;
}

.fc {
  /* line */
}

.fc .fc-timegrid-now-indicator-line {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
  border-width: 1px 0 0;
}

.fc {
  /* arrow */
}

.fc .fc-timegrid-now-indicator-arrow {
  position: absolute;
  z-index: 4;
  margin-top: -5px; /* vertically center on top coordinate */
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
  left: 0;
  /* triangle pointing right. TODO: mixin */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
  right: 0;
  /* triangle pointing left. TODO: mixin */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-theme-standard .fc-list {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}

.fc {
  /* message when no events */
}

.fc .fc-list-empty {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; /* vertically aligns fc-list-empty-inner */
}

.fc .fc-list-empty-cushion {
  margin: 5em 0;
}

.fc {
  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */
}

.fc .fc-list-table {
  width: 100%;
  border-style: hidden; /* kill outer border on theme */
}

.fc .fc-list-table tr > * {
  border-left: 0;
  border-right: 0;
}

.fc .fc-list-sticky .fc-list-day > * {
  /* the cells */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
}

.fc .fc-list-table th {
  padding: 0; /* uses an inner-wrapper instead... */
}

.fc .fc-list-table td,
.fc .fc-list-day-cushion {
  padding: 8px 14px;
}

.fc {
  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */
}

.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}

.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}

/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
  padding-right: 0;
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
  padding-left: 0;
}

.fc .fc-list-event.fc-event-forced-url {
  cursor: pointer; /* whole row will seem clickable */
}

.fc .fc-list-event:hover td {
  background-color: #f5f5f5;
  background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}

.fc {
  /* shrink certain cols */
}

.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
  white-space: nowrap;
  width: 1px;
}

.fc .fc-list-event-dot {
  display: inline-block;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 5px solid #3788d8;
  border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 5px;
  border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}

.fc {
  /* reset <a> styling */
}

.fc .fc-list-event-title a {
  color: inherit;
  text-decoration: none;
}

.fc {
  /* underline link when hovering over any part of row */
}

.fc .fc-list-event.fc-event-forced-url:hover a {
  text-decoration: underline;
}

.fc-theme-bootstrap a:not([href]) {
  color: inherit; /* natural color for navlinks */
}

/*# sourceMappingURL=fullcalendar-v5.css.map */

.inner-progressbar {
  height: 100%;
  position: relative;
}

.progressbar-label {
  filter: invert(0.3);
  mix-blend-mode: difference;
  text-overflow: ellipsis;
}

.progressbar-label,
.progressbar-label-overlay {
  overflow: hidden;
  position: absolute;
  vertical-align: text-bottom;
  white-space: nowrap;
}

/*# sourceMappingURL=progressbar.css.map */

@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url(/static/slick/ajax-loader.gif) center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: block;
}
.slick-slide img.slick-loading {
  background: white url(/static/slick/ajax-loader.gif) center center no-repeat;
  padding-bottom: 100%;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  direction: ltr;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/static/slick/fonts/slick.eot);
  src: url(/static/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/static/slick/fonts/slick.woff) format("woff"), url(/static/slick/fonts/slick.ttf) format("truetype"), url(/static/slick/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
.slick-prev:before {
  content: "←";
}

.slick-next {
  right: -25px;
}
.slick-next:before {
  content: "→";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

/*# sourceMappingURL=slick.css.map */

/**
 * Square theme
 *
 * This theme is best suited to short toolbars that
 * don't span multiple lines.
 *
 * Copyright (C) 2012, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 *
 * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
 * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
 */
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

div.sceditor-grip,
.sceditor-button div {
  background-image: url("/static/rich_text_input/development/themes/famfamfam.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.sceditor-button-youtube div {
  background-position: 0px 0px;
}

.sceditor-button-link div {
  background-position: 0px -16px;
}

.sceditor-button-unlink div {
  background-position: 0px -32px;
}

.sceditor-button-underline div {
  background-position: 0px -48px;
}

.sceditor-button-time div {
  background-position: 0px -64px;
}

.sceditor-button-table div {
  background-position: 0px -80px;
}

.sceditor-button-superscript div {
  background-position: 0px -96px;
}

.sceditor-button-subscript div {
  background-position: 0px -112px;
}

.sceditor-button-strike div {
  background-position: 0px -128px;
}

.sceditor-button-source div {
  background-position: 0px -144px;
}

.sceditor-button-size div {
  background-position: 0px -160px;
}

.sceditor-button-rtl div {
  background-position: 0px -176px;
}

.sceditor-button-right div {
  background-position: 0px -192px;
}

.sceditor-button-removeformat div {
  background-position: 0px -208px;
}

.sceditor-button-quote div {
  background-position: 0px -224px;
}

.sceditor-button-print div {
  background-position: 0px -240px;
}

.sceditor-button-pastetext div {
  background-position: 0px -256px;
}

.sceditor-button-paste div {
  background-position: 0px -272px;
}

.sceditor-button-outdent div {
  background-position: 0px -288px;
}

.sceditor-button-orderedlist div {
  background-position: 0px -304px;
}

.sceditor-button-maximize div {
  background-position: 0px -320px;
}

.sceditor-button-ltr div {
  background-position: 0px -336px;
}

.sceditor-button-left div {
  background-position: 0px -352px;
}

.sceditor-button-justify div {
  background-position: 0px -368px;
}

.sceditor-button-italic div {
  background-position: 0px -384px;
}

.sceditor-button-indent div {
  background-position: 0px -400px;
}

.sceditor-button-image div {
  background-position: 0px -416px;
}

.sceditor-button-horizontalrule div {
  background-position: 0px -432px;
}

.sceditor-button-format div {
  background-position: 0px -448px;
}

.sceditor-button-font div {
  background-position: 0px -464px;
}

.sceditor-button-emoticon div {
  background-position: 0px -480px;
}

.sceditor-button-email div {
  background-position: 0px -496px;
}

.sceditor-button-date div {
  background-position: 0px -512px;
}

.sceditor-button-cut div {
  background-position: 0px -528px;
}

.sceditor-button-copy div {
  background-position: 0px -544px;
}

.sceditor-button-color div {
  background-position: 0px -560px;
}

.sceditor-button-code div {
  background-position: 0px -576px;
}

.sceditor-button-center div {
  background-position: 0px -592px;
}

.sceditor-button-bulletlist div {
  background-position: 0px -608px;
}

.sceditor-button-bold div {
  background-position: 0px -624px;
}

div.sceditor-grip {
  background-position: 0px -640px;
  width: 10px;
  height: 10px;
}

.rtl div.sceditor-grip {
  background-position: 0px -650px;
  width: 10px;
  height: 10px;
}

/**
 * SCEditor
 * http://www.ssceditor.com/
 *
 * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
 *
 * SCEditor is licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*---------------------------------------------------
    LESS Elements 0.7
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.sceditor-container {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #222;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
  background-clip: padding-box;
}

.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
  padding: 0;
  margin: 0;
  z-index: 3;
}

.sceditor-container iframe,
.sceditor-container textarea {
  line-height: 1;
  border: 0;
  outline: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #111;
  padding: 0;
  margin: 0;
  resize: none;
  background: #fff;
  display: block;
}

div.sceditor-resize-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.3;
}

.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
  background: #efefef;
}

.sceditor-container.ie6 {
  overflow: hidden;
}

div.sceditor-grip {
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.sceditor-maximize {
  position: fixed;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0;
  background-clip: padding-box;
  z-index: 2000;
}

html.sceditor-maximize,
body.sceditor-maximize {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.ie6.sceditor-maximize {
  position: absolute;
}

.sceditor-maximize div.sceditor-grip {
  display: none;
}

.sceditor-maximize div.sceditor-toolbar {
  border-radius: 0;
  background-clip: padding-box;
}

/**
   * Dropdown styleing
   */
div.sceditor-dropdown {
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  z-index: 4000;
  padding: 10px;
  line-height: 1;
  border-radius: 2px;
  background-clip: padding-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
  color: #333;
}

div.sceditor-dropdown form {
  margin: 0;
}

div.sceditor-dropdown label {
  display: block;
  font-weight: bold;
  color: #3c3c3c;
  padding: 4px 0;
}

div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  outline: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-top-color: #888;
  margin: 0 0 0.75em;
  border-radius: 1px;
  background-clip: padding-box;
}

div.sceditor-dropdown textarea {
  padding: 6px;
}

div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
  border-color: #aaa;
  border-top-color: #666;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

div.sceditor-dropdown .button {
  font-weight: bold;
  color: #444;
  padding: 6px 12px;
  background: #ececec;
  border: solid 1px #ccc;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  margin: 0.3em 0 0;
}

div.sceditor-dropdown .button:hover {
  background: #f3f3f3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
  padding: 6px 0;
}

div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
  padding: 0;
}

.sceditor-pastetext textarea {
  border: 1px solid #bbb;
  width: 20em;
}

.sceditor-emoticons img,
.sceditor-more-emoticons img {
  padding: 0;
  cursor: pointer;
  margin: 2px;
}

.sceditor-more {
  border-top: 1px solid #bbb;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 0;
}

.sceditor-dropdown a:hover {
  background: #eee;
}

.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
  display: block;
  padding: 7px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #222;
}

.sceditor-fontsize-option {
  padding: 7px 13px;
}

.sceditor-color-column {
  float: left;
}

.sceditor-color-option {
  display: block;
  border: 1px solid #fff;
  height: 10px;
  width: 10px;
  overflow: hidden;
}

.sceditor-color-option:hover {
  border: 1px solid #333;
}

/**
   * Toolbar styleing
   */
div.sceditor-toolbar {
  overflow: hidden;
  padding: 3px 5px 2px;
  background: #f7f7f7;
  border-bottom: 1px solid #c0c0c0;
  line-height: 0;
  text-align: left;
  user-select: none;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}

div.sceditor-group {
  display: inline-block;
  background: #ddd;
  margin: 1px 5px 1px 0;
  padding: 1px;
  border-bottom: 1px solid #aaa;
  border-radius: 3px;
  background-clip: padding-box;
}

.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
  display: inline;
  zoom: 1;
}

.sceditor-button {
  float: left;
  cursor: pointer;
  padding: 3px 5px;
  width: 16px;
  height: 20px;
  border-radius: 3px;
  background-clip: padding-box;
  /* Needed for Safari 5? */
  text-indent: -9999px;
}

.ie .sceditor-button {
  text-indent: 0;
}

.ie6 .sceditor-button,
.ie7 .sceditor-button {
  float: none !important;
  display: inline;
  zoom: 1;
}

.ie6 .sceditor-button {
  padding: 0;
}

.ie6 .sceditor-button div {
  margin: 5px;
}

.ie7 .sceditor-button div {
  margin: 5px 0;
}

.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
  background: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.sceditor-button:active {
  background: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
}

.sceditor-button.disabled:hover {
  background: inherit;
  cursor: default;
  box-shadow: none;
}

.sceditor-button,
.sceditor-button div {
  display: block;
}

.sceditor-button div {
  margin: 2px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  color: transparent;
}

.sceditor-button.disabled div {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
  width: auto;
  overflow: visible;
  line-height: 16px;
  font-size: 1em;
  color: inherit;
  text-indent: 0;
}

.text .sceditor-button div,
.sceditor-button.text div {
  padding: 0 2px;
  background: none;
}

.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
  padding: 0 2px 0 20px;
}

.rtl div.sceditor-toolbar {
  text-align: right;
}

.rtl .sceditor-button {
  float: right;
}

.rtl div.sceditor-grip {
  right: auto;
  left: 0;
}

.sceditor-container {
  border: 1px solid #d6d6d6;
  border-radius: 0;
  background-clip: padding-box;
}

.sceditor-container textarea {
  font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
  background: #2e3436;
  color: #fff;
  margin: 0;
  padding: 5px;
}

div.sceditor-toolbar,
div.sceditor-group {
  background: #f2f2f2;
  background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 89%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#dddddd", GradientType=0);
}

div.sceditor-toolbar {
  padding: 0;
  border-bottom: 1px solid #bbb;
  background-size: 100% 32px;
}

div.sceditor-group {
  margin: 0;
  padding: 2px 4px;
  border: 0;
  border-right: 1px solid #ccc;
  border-left: 1px solid #eaeaea;
  border-radius: 0;
  background-clip: padding-box;
}

div.sceditor-group:last-child {
  border-right: 0;
}

div.sceditor-group:first-child {
  border-left: 0;
}

.sceditor-button {
  height: 16px;
  padding: 5px;
  margin: 1px;
  border-radius: 0;
  background-clip: padding-box;
}

.sceditor-button div {
  margin: 0;
}

.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
  margin: 0;
  box-shadow: none;
}

.sceditor-button.active {
  background: #f4f4f4;
  border: 1px solid #ccc;
}

.sceditor-button:hover {
  background: #fefefe;
  border: 1px solid #ddd;
}

.sceditor-button.disabled:hover {
  margin: 1px;
  border: 0;
}

.sceditor-button:active {
  background: #eee;
  border: 1px solid #ccc;
}

.sceditor-button.active:hover {
  background: #f8f8f8;
  border: 1px solid #ddd;
}

/*# sourceMappingURL=sceditor_square.css.map */

/*------------------
SLIDEABLE MENU
--------------------*/
.slideable-menu {
  background: #222222;
  color: #f2f2f2;
  padding-top: 48px;
  padding-left: 0;
  overflow-y: auto;
}

.slideable-menu .slideable-option {
  width: 100%;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1em;
}
.slideable-menu .slideable-option > div {
  padding: 1em;
  white-space: pre-wrap;
}
.slideable-menu .slideable-option.non-empty {
  cursor: pointer;
  padding: 0;
}

/*# sourceMappingURL=slideablemenu.css.map */

/**
 * Toggle
 * --------------------------------------------------
 */
.item-toggle {
  pointer-events: none;
}

.ionic-toggle {
  cursor: pointer;
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px;
}
.ionic-toggle input:checked + .ionic-track {
  border-color: #4cd964;
  background-color: #4cd964;
}
.ionic-toggle.dragging .ionic-handle {
  background-color: #f2f2f2 !important;
}

.ionic-toggle.toggle-light input:checked + .ionic-track {
  border-color: #ddd;
  background-color: #ddd;
}
.ionic-toggle.toggle-stable input:checked + .ionic-track {
  border-color: #b2b2b2;
  background-color: #b2b2b2;
}
.ionic-toggle.toggle-positive input:checked + .ionic-track {
  border-color: #387ef5;
  background-color: #387ef5;
}
.ionic-toggle.toggle-calm input:checked + .ionic-track {
  border-color: #11c1f3;
  background-color: #11c1f3;
}
.ionic-toggle.toggle-assertive input:checked + .ionic-track {
  border-color: #ef473a;
  background-color: #ef473a;
}
.ionic-toggle.toggle-balanced input:checked + .ionic-track {
  border-color: #33cd5f;
  background-color: #33cd5f;
}
.ionic-toggle.toggle-energized input:checked + .ionic-track {
  border-color: #ffc900;
  background-color: #ffc900;
}
.ionic-toggle.toggle-royal input:checked + .ionic-track {
  border-color: #886aea;
  background-color: #886aea;
}
.ionic-toggle.toggle-dark input:checked + .ionic-track {
  border-color: #444;
  background-color: #444;
}

.ionic-toggle input {
  display: none;
}

/* the track appearance when the toggle is "off" */
.ionic-toggle .ionic-track {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  display: inline-block;
  box-sizing: border-box;
  width: 51px;
  height: 31px;
  border: solid 2px #e6e6e6;
  border-radius: 20px;
  background-color: #fff;
  content: " ";
  cursor: pointer !important;
  pointer-events: none;
}

/* Fix to avoid background color bleeding */
/* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
.platform-android4_2 .toggle .ionic-track {
  -webkit-background-clip: padding-box;
}

/* the handle (circle) thats inside the toggle's track area */
/* also the handle's appearance when it is "off" */
.ionic-toggle .ionic-handle {
  -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  -webkit-transition-property: background-color, transform;
  transition-property: background-color, transform;
  position: absolute !important;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #fff;
  top: 7px;
  left: 7px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.ionic-toggle .ionic-handle:before {
  position: absolute !important;
  top: -4px;
  left: -21.5px;
  padding: 18.5px 34px;
  content: " ";
}

.ionic-toggle input:checked + .ionic-track .ionic-handle {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background-color: #fff;
}

.item-toggle.active {
  box-shadow: none;
}

.item-toggle,
.item-toggle.item-complex .item-content {
  padding-right: 99px;
}

.item-toggle.item-complex {
  padding-right: 0;
}

.item-toggle .ionic-toggle {
  position: absolute !important;
  top: 10px;
  right: 16px;
  z-index: 3;
}

.ionic-toggle input:disabled + .ionic-track {
  opacity: 0.6;
}

.toggle-small .ionic-track {
  border: 0;
  width: 34px;
  height: 15px;
  background: #9e9e9e;
}
.toggle-small input:checked + .ionic-track {
  background: rgba(0, 150, 137, 0.5);
}
.toggle-small .ionic-handle {
  top: 2px;
  left: 4px;
  width: 21px;
  height: 21px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.toggle-small input:checked + .ionic-track .ionic-handle {
  -webkit-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  background: rgb(0, 150, 137);
}
.toggle-small.item-toggle .ionic-toggle {
  top: 19px;
}
.toggle-small .toggle-light input:checked + .ionic-track {
  background-color: rgba(221, 221, 221, 0.5);
}
.toggle-small .toggle-light input:checked + .ionic-track .ionic-handle {
  background-color: #ddd;
}
.toggle-small .toggle-stable input:checked + .ionic-track {
  background-color: rgba(178, 178, 178, 0.5);
}
.toggle-small .toggle-stable input:checked + .ionic-track .ionic-handle {
  background-color: #b2b2b2;
}
.toggle-small .toggle-positive input:checked + .ionic-track {
  background-color: rgba(56, 126, 245, 0.5);
}
.toggle-small .toggle-positive input:checked + .ionic-track .ionic-handle {
  background-color: #387ef5;
}
.toggle-small .toggle-calm input:checked + .ionic-track {
  background-color: rgba(17, 193, 243, 0.5);
}
.toggle-small .toggle-calm input:checked + .ionic-track .ionic-handle {
  background-color: #11c1f3;
}
.toggle-small .toggle-assertive input:checked + .ionic-track {
  background-color: rgba(239, 71, 58, 0.5);
}
.toggle-small .toggle-assertive input:checked + .ionic-track .ionic-handle {
  background-color: #ef473a;
}
.toggle-small .toggle-balanced input:checked + .ionic-track {
  background-color: rgba(51, 205, 95, 0.5);
}
.toggle-small .toggle-balanced input:checked + .ionic-track .ionic-handle {
  background-color: #33cd5f;
}
.toggle-small .toggle-energized input:checked + .ionic-track {
  background-color: rgba(255, 201, 0, 0.5);
}
.toggle-small .toggle-energized input:checked + .ionic-track .ionic-handle {
  background-color: #ffc900;
}
.toggle-small .toggle-royal input:checked + .ionic-track {
  background-color: rgba(136, 106, 234, 0.5);
}
.toggle-small .toggle-royal input:checked + .ionic-track .ionic-handle {
  background-color: #886aea;
}
.toggle-small .toggle-dark input:checked + .ionic-track {
  background-color: rgba(68, 68, 68, 0.5);
}
.toggle-small .toggle-dark input:checked + .ionic-track .ionic-handle {
  background-color: #444;
}

/*# sourceMappingURL=toggle.css.map */

@charset "UTF-8";
/**
 * Checkbox
 * --------------------------------------------------
 */
.ionic-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ionic-checkbox input:before, .ionic-checkbox .checkbox-icon:before {
  border-color: #ddd;
}
.ionic-checkbox input:checked:before, .ionic-checkbox input:checked + .checkbox-icon:before {
  background: #387ef5;
  border-color: #387ef5;
}
.ionic-checkbox input[type=checkbox] {
  margin: 0;
}
.ionic-checkbox input[type=checkbox]:focus {
  outline: none;
}

.checkbox-light input:before, .checkbox-light .checkbox-icon:before {
  border-color: #ddd;
}
.checkbox-light input:checked:before, .checkbox-light input:checked + .checkbox-icon:before {
  background: #ddd;
  border-color: #ddd;
}

.checkbox-stable input:before, .checkbox-stable .checkbox-icon:before {
  border-color: #b2b2b2;
}
.checkbox-stable input:checked:before, .checkbox-stable input:checked + .checkbox-icon:before {
  background: #b2b2b2;
  border-color: #b2b2b2;
}

.checkbox-positive input:before, .checkbox-positive .checkbox-icon:before {
  border-color: #387ef5;
}
.checkbox-positive input:checked:before, .checkbox-positive input:checked + .checkbox-icon:before {
  background: #387ef5;
  border-color: #387ef5;
}

.checkbox-calm input:before, .checkbox-calm .checkbox-icon:before {
  border-color: #11c1f3;
}
.checkbox-calm input:checked:before, .checkbox-calm input:checked + .checkbox-icon:before {
  background: #11c1f3;
  border-color: #11c1f3;
}

.checkbox-assertive input:before, .checkbox-assertive .checkbox-icon:before {
  border-color: #ef473a;
}
.checkbox-assertive input:checked:before, .checkbox-assertive input:checked + .checkbox-icon:before {
  background: #ef473a;
  border-color: #ef473a;
}

.checkbox-balanced input:before, .checkbox-balanced .checkbox-icon:before {
  border-color: #33cd5f;
}
.checkbox-balanced input:checked:before, .checkbox-balanced input:checked + .checkbox-icon:before {
  background: #33cd5f;
  border-color: #33cd5f;
}

.checkbox-energized input:before, .checkbox-energized .checkbox-icon:before {
  border-color: #ffc900;
}
.checkbox-energized input:checked:before, .checkbox-energized input:checked + .checkbox-icon:before {
  background: #ffc900;
  border-color: #ffc900;
}

.checkbox-royal input:before, .checkbox-royal .checkbox-icon:before {
  border-color: #886aea;
}
.checkbox-royal input:checked:before, .checkbox-royal input:checked + .checkbox-icon:before {
  background: #886aea;
  border-color: #886aea;
}

.checkbox-dark input:before, .checkbox-dark .checkbox-icon:before {
  border-color: #444;
}
.checkbox-dark input:checked:before, .checkbox-dark input:checked + .checkbox-icon:before {
  background: #444;
  border-color: #444;
}

.checkbox input:disabled:before,
.checkbox input:disabled + .checkbox-icon:before {
  border-color: #ddd;
}

.checkbox input:disabled:checked:before,
.checkbox input:disabled:checked + .checkbox-icon:before {
  background: #ddd;
}

.ionic-checkbox.checkbox-input-hidden input {
  display: none !important;
}

.ionic-checkbox input,
.checkbox-icon {
  position: relative;
  width: 28px;
  height: 28px !important;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
.ionic-checkbox input:before,
.checkbox-icon:before {
  display: table;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-width: 1px;
  border-style: solid;
  border-radius: 28px;
  background: #fff;
  content: " ";
  -webkit-transition: background-color 20ms ease-in-out;
  transition: background-color 20ms ease-in-out;
}

.ionic-checkbox input:checked:before,
input:checked + .checkbox-icon:before {
  border-width: 0;
  width: 100%;
  height: 100%;
}

.ionic-checkbox input:after,
.ionic-checkbox-icon:after {
  -webkit-transition: opacity 0.05s ease-in-out;
  transition: opacity 0.05s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 33%;
  left: 26%;
  position: absolute;
  display: table;
  width: 14px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  content: " ";
  opacity: 0;
}

.platform-android .checkbox-platform input:before,
.platform-android .checkbox-platform .checkbox-icon:before,
.checkbox-square input:before,
.checkbox-square .checkbox-icon:before {
  border-radius: 2px;
  width: 72%;
  height: 72%;
  margin-top: 14%;
  margin-left: 14%;
  border-width: 2px;
}

.platform-android .checkbox-platform input:after,
.platform-android .checkbox-platform .checkbox-icon:after,
.checkbox-square input:after,
.checkbox-square .checkbox-icon:after {
  border-width: 2px;
  top: 19%;
  left: 25%;
  width: 13px;
  height: 7px;
}

.grade-c .checkbox input:after,
.grade-c .checkbox-icon:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 3px;
  left: 4px;
  border: none;
  color: #fff;
  content: "✓";
  font-weight: bold;
  font-size: 20px;
}

.ionic-checkbox input:checked:after,
input:checked + .checkbox-icon:after {
  opacity: 1;
}

.item-checkbox {
  padding-left: 60px;
}
.item-checkbox.active {
  box-shadow: none;
}

.item-checkbox .checkbox {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  z-index: 3;
  margin-top: -21px;
}

.item-checkbox.item-checkbox-right {
  padding-right: 60px;
  padding-left: 16px;
}

.item-checkbox-right .checkbox input,
.item-checkbox-right .checkbox-icon {
  float: right;
}

/*# sourceMappingURL=checkbox.css.map */

/**
 * Range
 * --------------------------------------------------
 */
.ionic-range input {
  display: inline-block;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 2px;
  padding-left: 1px;
  width: auto;
  height: 43px;
  outline: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  background-position: center;
  background-size: 99% 2px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
}
.ionic-range input::-webkit-slider-thumb {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-appearance: none;
  border: 0;
}
.ionic-range input::-webkit-slider-thumb:before {
  /* what creates the colorful line on the left side of the slider */
  position: absolute;
  top: 13px;
  left: -2001px;
  width: 2000px;
  height: 2px;
  background: #444;
  content: " ";
}
.ionic-range input::-webkit-slider-thumb:after {
  /* create a larger (but hidden) hit area */
  position: absolute;
  top: -15px;
  left: -15px;
  padding: 30px;
  content: " ";
}

.ionic-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 2px 11px;
}
.ionic-range.range-light input::-webkit-slider-thumb:before {
  background: #ddd;
}
.ionic-range.range-stable input::-webkit-slider-thumb:before {
  background: #b2b2b2;
}
.ionic-range.range-positive input::-webkit-slider-thumb:before {
  background: #387ef5;
}
.ionic-range.range-calm input::-webkit-slider-thumb:before {
  background: #11c1f3;
}
.ionic-range.range-balanced input::-webkit-slider-thumb:before {
  background: #33cd5f;
}
.ionic-range.range-assertive input::-webkit-slider-thumb:before {
  background: #ef473a;
}
.ionic-range.range-energized input::-webkit-slider-thumb:before {
  background: #ffc900;
}
.ionic-range.range-royal input::-webkit-slider-thumb:before {
  background: #886aea;
}
.ionic-range.range-dark input::-webkit-slider-thumb:before {
  background: #444;
}

.ionic-range .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-box-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: block;
  min-width: 24px;
  text-align: center;
  font-size: 24px;
}

.ionic-range input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin-right: 10px;
  margin-left: 10px;
}

.range-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
}

.range-label:first-child {
  padding-left: 5px;
}

.ionic-range input + .range-label {
  padding-right: 5px;
  padding-left: 0;
}

/*# sourceMappingURL=range.css.map */

@charset "UTF-8";
/*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  font-display: "block";
  src: url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272454677x357274544658139300/ionicons.eot");
  src: url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272886250x158303603297099460/ionicons.eot") format("embedded-opentype"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272922381x868922997266054100/ionicons.ttf") format("truetype"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272961822x801320437341928400/ionicons.woff") format("woff"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499273020752x438600089401006700/ionicons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-alert:before {
  content: "\f101";
}

.ion-alert-circled:before {
  content: "\f100";
}

.ion-android-add:before {
  content: "\f2c7";
}

.ion-android-add-circle:before {
  content: "\f359";
}

.ion-android-alarm-clock:before {
  content: "\f35a";
}

.ion-android-alert:before {
  content: "\f35b";
}

.ion-android-apps:before {
  content: "\f35c";
}

.ion-android-archive:before {
  content: "\f2c9";
}

.ion-android-arrow-back:before {
  content: "\f2ca";
}

.ion-android-arrow-down:before {
  content: "\f35d";
}

.ion-android-arrow-dropdown:before {
  content: "\f35f";
}

.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}

.ion-android-arrow-dropleft:before {
  content: "\f361";
}

.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}

.ion-android-arrow-dropright:before {
  content: "\f363";
}

.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}

.ion-android-arrow-dropup:before {
  content: "\f365";
}

.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}

.ion-android-arrow-forward:before {
  content: "\f30f";
}

.ion-android-arrow-up:before {
  content: "\f366";
}

.ion-android-attach:before {
  content: "\f367";
}

.ion-android-bar:before {
  content: "\f368";
}

.ion-android-bicycle:before {
  content: "\f369";
}

.ion-android-boat:before {
  content: "\f36a";
}

.ion-android-bookmark:before {
  content: "\f36b";
}

.ion-android-bulb:before {
  content: "\f36c";
}

.ion-android-bus:before {
  content: "\f36d";
}

.ion-android-calendar:before {
  content: "\f2d1";
}

.ion-android-call:before {
  content: "\f2d2";
}

.ion-android-camera:before {
  content: "\f2d3";
}

.ion-android-cancel:before {
  content: "\f36e";
}

.ion-android-car:before {
  content: "\f36f";
}

.ion-android-cart:before {
  content: "\f370";
}

.ion-android-chat:before {
  content: "\f2d4";
}

.ion-android-checkbox:before {
  content: "\f374";
}

.ion-android-checkbox-blank:before {
  content: "\f371";
}

.ion-android-checkbox-outline:before {
  content: "\f373";
}

.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}

.ion-android-checkmark-circle:before {
  content: "\f375";
}

.ion-android-clipboard:before {
  content: "\f376";
}

.ion-android-close:before {
  content: "\f2d7";
}

.ion-android-cloud:before {
  content: "\f37a";
}

.ion-android-cloud-circle:before {
  content: "\f377";
}

.ion-android-cloud-done:before {
  content: "\f378";
}

.ion-android-cloud-outline:before {
  content: "\f379";
}

.ion-android-color-palette:before {
  content: "\f37b";
}

.ion-android-compass:before {
  content: "\f37c";
}

.ion-android-contact:before {
  content: "\f2d8";
}

.ion-android-contacts:before {
  content: "\f2d9";
}

.ion-android-contract:before {
  content: "\f37d";
}

.ion-android-create:before {
  content: "\f37e";
}

.ion-android-delete:before {
  content: "\f37f";
}

.ion-android-desktop:before {
  content: "\f380";
}

.ion-android-document:before {
  content: "\f381";
}

.ion-android-done:before {
  content: "\f383";
}

.ion-android-done-all:before {
  content: "\f382";
}

.ion-android-download:before {
  content: "\f2dd";
}

.ion-android-drafts:before {
  content: "\f384";
}

.ion-android-exit:before {
  content: "\f385";
}

.ion-android-expand:before {
  content: "\f386";
}

.ion-android-favorite:before {
  content: "\f388";
}

.ion-android-favorite-outline:before {
  content: "\f387";
}

.ion-android-film:before {
  content: "\f389";
}

.ion-android-folder:before {
  content: "\f2e0";
}

.ion-android-folder-open:before {
  content: "\f38a";
}

.ion-android-funnel:before {
  content: "\f38b";
}

.ion-android-globe:before {
  content: "\f38c";
}

.ion-android-hand:before {
  content: "\f2e3";
}

.ion-android-hangout:before {
  content: "\f38d";
}

.ion-android-happy:before {
  content: "\f38e";
}

.ion-android-home:before {
  content: "\f38f";
}

.ion-android-image:before {
  content: "\f2e4";
}

.ion-android-laptop:before {
  content: "\f390";
}

.ion-android-list:before {
  content: "\f391";
}

.ion-android-locate:before {
  content: "\f2e9";
}

.ion-android-lock:before {
  content: "\f392";
}

.ion-android-mail:before {
  content: "\f2eb";
}

.ion-android-map:before {
  content: "\f393";
}

.ion-android-menu:before {
  content: "\f394";
}

.ion-android-microphone:before {
  content: "\f2ec";
}

.ion-android-microphone-off:before {
  content: "\f395";
}

.ion-android-more-horizontal:before {
  content: "\f396";
}

.ion-android-more-vertical:before {
  content: "\f397";
}

.ion-android-navigate:before {
  content: "\f398";
}

.ion-android-notifications:before {
  content: "\f39b";
}

.ion-android-notifications-none:before {
  content: "\f399";
}

.ion-android-notifications-off:before {
  content: "\f39a";
}

.ion-android-open:before {
  content: "\f39c";
}

.ion-android-options:before {
  content: "\f39d";
}

.ion-android-people:before {
  content: "\f39e";
}

.ion-android-person:before {
  content: "\f3a0";
}

.ion-android-person-add:before {
  content: "\f39f";
}

.ion-android-phone-landscape:before {
  content: "\f3a1";
}

.ion-android-phone-portrait:before {
  content: "\f3a2";
}

.ion-android-pin:before {
  content: "\f3a3";
}

.ion-android-plane:before {
  content: "\f3a4";
}

.ion-android-playstore:before {
  content: "\f2f0";
}

.ion-android-print:before {
  content: "\f3a5";
}

.ion-android-radio-button-off:before {
  content: "\f3a6";
}

.ion-android-radio-button-on:before {
  content: "\f3a7";
}

.ion-android-refresh:before {
  content: "\f3a8";
}

.ion-android-remove:before {
  content: "\f2f4";
}

.ion-android-remove-circle:before {
  content: "\f3a9";
}

.ion-android-restaurant:before {
  content: "\f3aa";
}

.ion-android-sad:before {
  content: "\f3ab";
}

.ion-android-search:before {
  content: "\f2f5";
}

.ion-android-send:before {
  content: "\f2f6";
}

.ion-android-settings:before {
  content: "\f2f7";
}

.ion-android-share:before {
  content: "\f2f8";
}

.ion-android-share-alt:before {
  content: "\f3ac";
}

.ion-android-star:before {
  content: "\f2fc";
}

.ion-android-star-half:before {
  content: "\f3ad";
}

.ion-android-star-outline:before {
  content: "\f3ae";
}

.ion-android-stopwatch:before {
  content: "\f2fd";
}

.ion-android-subway:before {
  content: "\f3af";
}

.ion-android-sunny:before {
  content: "\f3b0";
}

.ion-android-sync:before {
  content: "\f3b1";
}

.ion-android-textsms:before {
  content: "\f3b2";
}

.ion-android-time:before {
  content: "\f3b3";
}

.ion-android-train:before {
  content: "\f3b4";
}

.ion-android-unlock:before {
  content: "\f3b5";
}

.ion-android-upload:before {
  content: "\f3b6";
}

.ion-android-volume-down:before {
  content: "\f3b7";
}

.ion-android-volume-mute:before {
  content: "\f3b8";
}

.ion-android-volume-off:before {
  content: "\f3b9";
}

.ion-android-volume-up:before {
  content: "\f3ba";
}

.ion-android-walk:before {
  content: "\f3bb";
}

.ion-android-warning:before {
  content: "\f3bc";
}

.ion-android-watch:before {
  content: "\f3bd";
}

.ion-android-wifi:before {
  content: "\f305";
}

.ion-aperture:before {
  content: "\f313";
}

.ion-archive:before {
  content: "\f102";
}

.ion-arrow-down-a:before {
  content: "\f103";
}

.ion-arrow-down-b:before {
  content: "\f104";
}

.ion-arrow-down-c:before {
  content: "\f105";
}

.ion-arrow-expand:before {
  content: "\f25e";
}

.ion-arrow-graph-down-left:before {
  content: "\f25f";
}

.ion-arrow-graph-down-right:before {
  content: "\f260";
}

.ion-arrow-graph-up-left:before {
  content: "\f261";
}

.ion-arrow-graph-up-right:before {
  content: "\f262";
}

.ion-arrow-left-a:before {
  content: "\f106";
}

.ion-arrow-left-b:before {
  content: "\f107";
}

.ion-arrow-left-c:before {
  content: "\f108";
}

.ion-arrow-move:before {
  content: "\f263";
}

.ion-arrow-resize:before {
  content: "\f264";
}

.ion-arrow-return-left:before {
  content: "\f265";
}

.ion-arrow-return-right:before {
  content: "\f266";
}

.ion-arrow-right-a:before {
  content: "\f109";
}

.ion-arrow-right-b:before {
  content: "\f10a";
}

.ion-arrow-right-c:before {
  content: "\f10b";
}

.ion-arrow-shrink:before {
  content: "\f267";
}

.ion-arrow-swap:before {
  content: "\f268";
}

.ion-arrow-up-a:before {
  content: "\f10c";
}

.ion-arrow-up-b:before {
  content: "\f10d";
}

.ion-arrow-up-c:before {
  content: "\f10e";
}

.ion-asterisk:before {
  content: "\f314";
}

.ion-at:before {
  content: "\f10f";
}

.ion-backspace:before {
  content: "\f3bf";
}

.ion-backspace-outline:before {
  content: "\f3be";
}

.ion-bag:before {
  content: "\f110";
}

.ion-battery-charging:before {
  content: "\f111";
}

.ion-battery-empty:before {
  content: "\f112";
}

.ion-battery-full:before {
  content: "\f113";
}

.ion-battery-half:before {
  content: "\f114";
}

.ion-battery-low:before {
  content: "\f115";
}

.ion-beaker:before {
  content: "\f269";
}

.ion-beer:before {
  content: "\f26a";
}

.ion-bluetooth:before {
  content: "\f116";
}

.ion-bonfire:before {
  content: "\f315";
}

.ion-bookmark:before {
  content: "\f26b";
}

.ion-bowtie:before {
  content: "\f3c0";
}

.ion-briefcase:before {
  content: "\f26c";
}

.ion-bug:before {
  content: "\f2be";
}

.ion-calculator:before {
  content: "\f26d";
}

.ion-calendar:before {
  content: "\f117";
}

.ion-camera:before {
  content: "\f118";
}

.ion-card:before {
  content: "\f119";
}

.ion-cash:before {
  content: "\f316";
}

.ion-chatbox:before {
  content: "\f11b";
}

.ion-chatbox-working:before {
  content: "\f11a";
}

.ion-chatboxes:before {
  content: "\f11c";
}

.ion-chatbubble:before {
  content: "\f11e";
}

.ion-chatbubble-working:before {
  content: "\f11d";
}

.ion-chatbubbles:before {
  content: "\f11f";
}

.ion-checkmark:before {
  content: "\f122";
}

.ion-checkmark-circled:before {
  content: "\f120";
}

.ion-checkmark-round:before {
  content: "\f121";
}

.ion-chevron-down:before {
  content: "\f123";
}

.ion-chevron-left:before {
  content: "\f124";
}

.ion-chevron-right:before {
  content: "\f125";
}

.ion-chevron-up:before {
  content: "\f126";
}

.ion-clipboard:before {
  content: "\f127";
}

.ion-clock:before {
  content: "\f26e";
}

.ion-close:before {
  content: "\f12a";
}

.ion-close-circled:before {
  content: "\f128";
}

.ion-close-round:before {
  content: "\f129";
}

.ion-closed-captioning:before {
  content: "\f317";
}

.ion-cloud:before {
  content: "\f12b";
}

.ion-code:before {
  content: "\f271";
}

.ion-code-download:before {
  content: "\f26f";
}

.ion-code-working:before {
  content: "\f270";
}

.ion-coffee:before {
  content: "\f272";
}

.ion-compass:before {
  content: "\f273";
}

.ion-compose:before {
  content: "\f12c";
}

.ion-connection-bars:before {
  content: "\f274";
}

.ion-contrast:before {
  content: "\f275";
}

.ion-crop:before {
  content: "\f3c1";
}

.ion-cube:before {
  content: "\f318";
}

.ion-disc:before {
  content: "\f12d";
}

.ion-document:before {
  content: "\f12f";
}

.ion-document-text:before {
  content: "\f12e";
}

.ion-drag:before {
  content: "\f130";
}

.ion-earth:before {
  content: "\f276";
}

.ion-easel:before {
  content: "\f3c2";
}

.ion-edit:before {
  content: "\f2bf";
}

.ion-egg:before {
  content: "\f277";
}

.ion-eject:before {
  content: "\f131";
}

.ion-email:before {
  content: "\f132";
}

.ion-email-unread:before {
  content: "\f3c3";
}

.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}

.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}

.ion-eye:before {
  content: "\f133";
}

.ion-eye-disabled:before {
  content: "\f306";
}

.ion-female:before {
  content: "\f278";
}

.ion-filing:before {
  content: "\f134";
}

.ion-film-marker:before {
  content: "\f135";
}

.ion-fireball:before {
  content: "\f319";
}

.ion-flag:before {
  content: "\f279";
}

.ion-flame:before {
  content: "\f31a";
}

.ion-flash:before {
  content: "\f137";
}

.ion-flash-off:before {
  content: "\f136";
}

.ion-folder:before {
  content: "\f139";
}

.ion-fork:before {
  content: "\f27a";
}

.ion-fork-repo:before {
  content: "\f2c0";
}

.ion-forward:before {
  content: "\f13a";
}

.ion-funnel:before {
  content: "\f31b";
}

.ion-gear-a:before {
  content: "\f13d";
}

.ion-gear-b:before {
  content: "\f13e";
}

.ion-grid:before {
  content: "\f13f";
}

.ion-hammer:before {
  content: "\f27b";
}

.ion-happy:before {
  content: "\f31c";
}

.ion-happy-outline:before {
  content: "\f3c6";
}

.ion-headphone:before {
  content: "\f140";
}

.ion-heart:before {
  content: "\f141";
}

.ion-heart-broken:before {
  content: "\f31d";
}

.ion-help:before {
  content: "\f143";
}

.ion-help-buoy:before {
  content: "\f27c";
}

.ion-help-circled:before {
  content: "\f142";
}

.ion-home:before {
  content: "\f144";
}

.ion-icecream:before {
  content: "\f27d";
}

.ion-image:before {
  content: "\f147";
}

.ion-images:before {
  content: "\f148";
}

.ion-information:before {
  content: "\f14a";
}

.ion-information-circled:before {
  content: "\f149";
}

.ion-ionic:before {
  content: "\f14b";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-alarm-outline:before {
  content: "\f3c7";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-albums-outline:before {
  content: "\f3c9";
}

.ion-ios-americanfootball:before {
  content: "\f3cc";
}

.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-analytics-outline:before {
  content: "\f3cd";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-left:before {
  content: "\f3d2";
}

.ion-ios-arrow-right:before {
  content: "\f3d3";
}

.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}

.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}

.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}

.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-at-outline:before {
  content: "\f3d9";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-barcode-outline:before {
  content: "\f3db";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-baseball-outline:before {
  content: "\f3dd";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-basketball-outline:before {
  content: "\f3df";
}

.ion-ios-bell:before {
  content: "\f3e2";
}

.ion-ios-bell-outline:before {
  content: "\f3e1";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-body-outline:before {
  content: "\f3e3";
}

.ion-ios-bolt:before {
  content: "\f3e6";
}

.ion-ios-bolt-outline:before {
  content: "\f3e5";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-book-outline:before {
  content: "\f3e7";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}

.ion-ios-box:before {
  content: "\f3ec";
}

.ion-ios-box-outline:before {
  content: "\f3eb";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-browsers-outline:before {
  content: "\f3ef";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calculator-outline:before {
  content: "\f3f1";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-calendar-outline:before {
  content: "\f3f3";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-camera-outline:before {
  content: "\f3f5";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cart-outline:before {
  content: "\f3f7";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}

.ion-ios-chatbubble:before {
  content: "\f3fc";
}

.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}

.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}

.ion-ios-circle-filled:before {
  content: "\f400";
}

.ion-ios-circle-outline:before {
  content: "\f401";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-clock-outline:before {
  content: "\f402";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-empty:before {
  content: "\f404";
}

.ion-ios-close-outline:before {
  content: "\f405";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-download-outline:before {
  content: "\f407";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}

.ion-ios-cloudy-outline:before {
  content: "\f40f";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-cog-outline:before {
  content: "\f411";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-filter-outline:before {
  content: "\f413";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-color-wand-outline:before {
  content: "\f415";
}

.ion-ios-compose:before {
  content: "\f418";
}

.ion-ios-compose-outline:before {
  content: "\f417";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contact-outline:before {
  content: "\f419";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-copy-outline:before {
  content: "\f41b";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-crop-strong:before {
  content: "\f41d";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-download-outline:before {
  content: "\f41f";
}

.ion-ios-drag:before {
  content: "\f421";
}

.ion-ios-email:before {
  content: "\f423";
}

.ion-ios-email-outline:before {
  content: "\f422";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-outline:before {
  content: "\f424";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-fastforward-outline:before {
  content: "\f426";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-filing-outline:before {
  content: "\f428";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-film-outline:before {
  content: "\f42a";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flag-outline:before {
  content: "\f42c";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flame-outline:before {
  content: "\f42e";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flask-outline:before {
  content: "\f430";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-flower-outline:before {
  content: "\f432";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-outline:before {
  content: "\f434";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-football-outline:before {
  content: "\f436";
}

.ion-ios-game-controller-a:before {
  content: "\f439";
}

.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}

.ion-ios-game-controller-b:before {
  content: "\f43b";
}

.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}

.ion-ios-gear:before {
  content: "\f43d";
}

.ion-ios-gear-outline:before {
  content: "\f43c";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-glasses-outline:before {
  content: "\f43e";
}

.ion-ios-grid-view:before {
  content: "\f441";
}

.ion-ios-grid-view-outline:before {
  content: "\f440";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-outline:before {
  content: "\f442";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-empty:before {
  content: "\f444";
}

.ion-ios-help-outline:before {
  content: "\f445";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-home-outline:before {
  content: "\f447";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-infinite-outline:before {
  content: "\f449";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-empty:before {
  content: "\f44b";
}

.ion-ios-information-outline:before {
  content: "\f44c";
}

.ion-ios-ionic-outline:before {
  content: "\f44e";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-keypad-outline:before {
  content: "\f44f";
}

.ion-ios-lightbulb:before {
  content: "\f452";
}

.ion-ios-lightbulb-outline:before {
  content: "\f451";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-outline:before {
  content: "\f453";
}

.ion-ios-location:before {
  content: "\f456";
}

.ion-ios-location-outline:before {
  content: "\f455";
}

.ion-ios-locked:before {
  content: "\f458";
}

.ion-ios-locked-outline:before {
  content: "\f457";
}

.ion-ios-loop:before {
  content: "\f45a";
}

.ion-ios-loop-strong:before {
  content: "\f459";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medical-outline:before {
  content: "\f45b";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-medkit-outline:before {
  content: "\f45d";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-mic-outline:before {
  content: "\f460";
}

.ion-ios-minus:before {
  content: "\f464";
}

.ion-ios-minus-empty:before {
  content: "\f462";
}

.ion-ios-minus-outline:before {
  content: "\f463";
}

.ion-ios-monitor:before {
  content: "\f466";
}

.ion-ios-monitor-outline:before {
  content: "\f465";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-moon-outline:before {
  content: "\f467";
}

.ion-ios-more:before {
  content: "\f46a";
}

.ion-ios-more-outline:before {
  content: "\f469";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-navigate-outline:before {
  content: "\f46d";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-nutrition-outline:before {
  content: "\f46f";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-outline:before {
  content: "\f471";
}

.ion-ios-paperplane:before {
  content: "\f474";
}

.ion-ios-paperplane-outline:before {
  content: "\f473";
}

.ion-ios-partlysunny:before {
  content: "\f476";
}

.ion-ios-partlysunny-outline:before {
  content: "\f475";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-pause-outline:before {
  content: "\f477";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-paw-outline:before {
  content: "\f479";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-people-outline:before {
  content: "\f47b";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-outline:before {
  content: "\f47d";
}

.ion-ios-personadd:before {
  content: "\f480";
}

.ion-ios-personadd-outline:before {
  content: "\f47f";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-photos-outline:before {
  content: "\f481";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pie-outline:before {
  content: "\f483";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pint-outline:before {
  content: "\f485";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-outline:before {
  content: "\f487";
}

.ion-ios-plus:before {
  content: "\f48b";
}

.ion-ios-plus-empty:before {
  content: "\f489";
}

.ion-ios-plus-outline:before {
  content: "\f48a";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetag-outline:before {
  content: "\f48c";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-pricetags-outline:before {
  content: "\f48e";
}

.ion-ios-printer:before {
  content: "\f491";
}

.ion-ios-printer-outline:before {
  content: "\f490";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-pulse-strong:before {
  content: "\f492";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-rainy-outline:before {
  content: "\f494";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-recording-outline:before {
  content: "\f496";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-redo-outline:before {
  content: "\f498";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-empty:before {
  content: "\f49a";
}

.ion-ios-refresh-outline:before {
  content: "\f49b";
}

.ion-ios-reload:before {
  content: "\f49d";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-rewind-outline:before {
  content: "\f4a0";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-rose-outline:before {
  content: "\f4a2";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-search-strong:before {
  content: "\f4a4";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-settings-strong:before {
  content: "\f4a6";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}

.ion-ios-skipbackward:before {
  content: "\f4ab";
}

.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}

.ion-ios-skipforward:before {
  content: "\f4ad";
}

.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}

.ion-ios-snowy:before {
  content: "\f4ae";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-speedometer-outline:before {
  content: "\f4af";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-sunny-outline:before {
  content: "\f4b6";
}

.ion-ios-telephone:before {
  content: "\f4b9";
}

.ion-ios-telephone-outline:before {
  content: "\f4b8";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-time-outline:before {
  content: "\f4be";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-timer-outline:before {
  content: "\f4c0";
}

.ion-ios-toggle:before {
  content: "\f4c3";
}

.ion-ios-toggle-outline:before {
  content: "\f4c2";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trash-outline:before {
  content: "\f4c4";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-undo-outline:before {
  content: "\f4c6";
}

.ion-ios-unlocked:before {
  content: "\f4c9";
}

.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}

.ion-ios-upload:before {
  content: "\f4cb";
}

.ion-ios-upload-outline:before {
  content: "\f4ca";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-videocam-outline:before {
  content: "\f4cc";
}

.ion-ios-volume-high:before {
  content: "\f4ce";
}

.ion-ios-volume-low:before {
  content: "\f4cf";
}

.ion-ios-wineglass:before {
  content: "\f4d1";
}

.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}

.ion-ios-world:before {
  content: "\f4d3";
}

.ion-ios-world-outline:before {
  content: "\f4d2";
}

.ion-ipad:before {
  content: "\f1f9";
}

.ion-iphone:before {
  content: "\f1fa";
}

.ion-ipod:before {
  content: "\f1fb";
}

.ion-jet:before {
  content: "\f295";
}

.ion-key:before {
  content: "\f296";
}

.ion-knife:before {
  content: "\f297";
}

.ion-laptop:before {
  content: "\f1fc";
}

.ion-leaf:before {
  content: "\f1fd";
}

.ion-levels:before {
  content: "\f298";
}

.ion-lightbulb:before {
  content: "\f299";
}

.ion-link:before {
  content: "\f1fe";
}

.ion-load-a:before {
  content: "\f29a";
}

.ion-load-b:before {
  content: "\f29b";
}

.ion-load-c:before {
  content: "\f29c";
}

.ion-load-d:before {
  content: "\f29d";
}

.ion-location:before {
  content: "\f1ff";
}

.ion-lock-combination:before {
  content: "\f4d4";
}

.ion-locked:before {
  content: "\f200";
}

.ion-log-in:before {
  content: "\f29e";
}

.ion-log-out:before {
  content: "\f29f";
}

.ion-loop:before {
  content: "\f201";
}

.ion-magnet:before {
  content: "\f2a0";
}

.ion-male:before {
  content: "\f2a1";
}

.ion-man:before {
  content: "\f202";
}

.ion-map:before {
  content: "\f203";
}

.ion-medkit:before {
  content: "\f2a2";
}

.ion-merge:before {
  content: "\f33f";
}

.ion-mic-a:before {
  content: "\f204";
}

.ion-mic-b:before {
  content: "\f205";
}

.ion-mic-c:before {
  content: "\f206";
}

.ion-minus:before {
  content: "\f209";
}

.ion-minus-circled:before {
  content: "\f207";
}

.ion-minus-round:before {
  content: "\f208";
}

.ion-model-s:before {
  content: "\f2c1";
}

.ion-monitor:before {
  content: "\f20a";
}

.ion-more:before {
  content: "\f20b";
}

.ion-mouse:before {
  content: "\f340";
}

.ion-music-note:before {
  content: "\f20c";
}

.ion-navicon:before {
  content: "\f20e";
}

.ion-navicon-round:before {
  content: "\f20d";
}

.ion-navigate:before {
  content: "\f2a3";
}

.ion-network:before {
  content: "\f341";
}

.ion-no-smoking:before {
  content: "\f2c2";
}

.ion-nuclear:before {
  content: "\f2a4";
}

.ion-outlet:before {
  content: "\f342";
}

.ion-paintbrush:before {
  content: "\f4d5";
}

.ion-paintbucket:before {
  content: "\f4d6";
}

.ion-paper-airplane:before {
  content: "\f2c3";
}

.ion-paperclip:before {
  content: "\f20f";
}

.ion-pause:before {
  content: "\f210";
}

.ion-person:before {
  content: "\f213";
}

.ion-person-add:before {
  content: "\f211";
}

.ion-person-stalker:before {
  content: "\f212";
}

.ion-pie-graph:before {
  content: "\f2a5";
}

.ion-pin:before {
  content: "\f2a6";
}

.ion-pinpoint:before {
  content: "\f2a7";
}

.ion-pizza:before {
  content: "\f2a8";
}

.ion-plane:before {
  content: "\f214";
}

.ion-planet:before {
  content: "\f343";
}

.ion-play:before {
  content: "\f215";
}

.ion-playstation:before {
  content: "\f30a";
}

.ion-plus:before {
  content: "\f218";
}

.ion-plus-circled:before {
  content: "\f216";
}

.ion-plus-round:before {
  content: "\f217";
}

.ion-podium:before {
  content: "\f344";
}

.ion-pound:before {
  content: "\f219";
}

.ion-power:before {
  content: "\f2a9";
}

.ion-pricetag:before {
  content: "\f2aa";
}

.ion-pricetags:before {
  content: "\f2ab";
}

.ion-printer:before {
  content: "\f21a";
}

.ion-pull-request:before {
  content: "\f345";
}

.ion-qr-scanner:before {
  content: "\f346";
}

.ion-quote:before {
  content: "\f347";
}

.ion-radio-waves:before {
  content: "\f2ac";
}

.ion-record:before {
  content: "\f21b";
}

.ion-refresh:before {
  content: "\f21c";
}

.ion-reply:before {
  content: "\f21e";
}

.ion-reply-all:before {
  content: "\f21d";
}

.ion-ribbon-a:before {
  content: "\f348";
}

.ion-ribbon-b:before {
  content: "\f349";
}

.ion-sad:before {
  content: "\f34a";
}

.ion-sad-outline:before {
  content: "\f4d7";
}

.ion-scissors:before {
  content: "\f34b";
}

.ion-search:before {
  content: "\f21f";
}

.ion-settings:before {
  content: "\f2ad";
}

.ion-share:before {
  content: "\f220";
}

.ion-shuffle:before {
  content: "\f221";
}

.ion-skip-backward:before {
  content: "\f222";
}

.ion-skip-forward:before {
  content: "\f223";
}

.ion-social-android:before {
  content: "\f225";
}

.ion-social-android-outline:before {
  content: "\f224";
}

.ion-social-angular:before {
  content: "\f4d9";
}

.ion-social-angular-outline:before {
  content: "\f4d8";
}

.ion-social-apple:before {
  content: "\f227";
}

.ion-social-apple-outline:before {
  content: "\f226";
}

.ion-social-bitcoin:before {
  content: "\f2af";
}

.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}

.ion-social-buffer:before {
  content: "\f229";
}

.ion-social-buffer-outline:before {
  content: "\f228";
}

.ion-social-chrome:before {
  content: "\f4db";
}

.ion-social-chrome-outline:before {
  content: "\f4da";
}

.ion-social-codepen:before {
  content: "\f4dd";
}

.ion-social-codepen-outline:before {
  content: "\f4dc";
}

.ion-social-css3:before {
  content: "\f4df";
}

.ion-social-css3-outline:before {
  content: "\f4de";
}

.ion-social-designernews:before {
  content: "\f22b";
}

.ion-social-designernews-outline:before {
  content: "\f22a";
}

.ion-social-dribbble:before {
  content: "\f22d";
}

.ion-social-dribbble-outline:before {
  content: "\f22c";
}

.ion-social-dropbox:before {
  content: "\f22f";
}

.ion-social-dropbox-outline:before {
  content: "\f22e";
}

.ion-social-euro:before {
  content: "\f4e1";
}

.ion-social-euro-outline:before {
  content: "\f4e0";
}

.ion-social-facebook:before {
  content: "\f231";
}

.ion-social-facebook-outline:before {
  content: "\f230";
}

.ion-social-foursquare:before {
  content: "\f34d";
}

.ion-social-foursquare-outline:before {
  content: "\f34c";
}

.ion-social-freebsd-devil:before {
  content: "\f2c4";
}

.ion-social-github:before {
  content: "\f233";
}

.ion-social-github-outline:before {
  content: "\f232";
}

.ion-social-google:before {
  content: "\f34f";
}

.ion-social-google-outline:before {
  content: "\f34e";
}

.ion-social-googleplus:before {
  content: "\f235";
}

.ion-social-googleplus-outline:before {
  content: "\f234";
}

.ion-social-hackernews:before {
  content: "\f237";
}

.ion-social-hackernews-outline:before {
  content: "\f236";
}

.ion-social-html5:before {
  content: "\f4e3";
}

.ion-social-html5-outline:before {
  content: "\f4e2";
}

.ion-social-instagram:before {
  content: "\f351";
}

.ion-social-instagram-outline:before {
  content: "\f350";
}

.ion-social-javascript:before {
  content: "\f4e5";
}

.ion-social-javascript-outline:before {
  content: "\f4e4";
}

.ion-social-linkedin:before {
  content: "\f239";
}

.ion-social-linkedin-outline:before {
  content: "\f238";
}

.ion-social-markdown:before {
  content: "\f4e6";
}

.ion-social-nodejs:before {
  content: "\f4e7";
}

.ion-social-octocat:before {
  content: "\f4e8";
}

.ion-social-pinterest:before {
  content: "\f2b1";
}

.ion-social-pinterest-outline:before {
  content: "\f2b0";
}

.ion-social-python:before {
  content: "\f4e9";
}

.ion-social-reddit:before {
  content: "\f23b";
}

.ion-social-reddit-outline:before {
  content: "\f23a";
}

.ion-social-rss:before {
  content: "\f23d";
}

.ion-social-rss-outline:before {
  content: "\f23c";
}

.ion-social-sass:before {
  content: "\f4ea";
}

.ion-social-skype:before {
  content: "\f23f";
}

.ion-social-skype-outline:before {
  content: "\f23e";
}

.ion-social-snapchat:before {
  content: "\f4ec";
}

.ion-social-snapchat-outline:before {
  content: "\f4eb";
}

.ion-social-tumblr:before {
  content: "\f241";
}

.ion-social-tumblr-outline:before {
  content: "\f240";
}

.ion-social-tux:before {
  content: "\f2c5";
}

.ion-social-twitch:before {
  content: "\f4ee";
}

.ion-social-twitch-outline:before {
  content: "\f4ed";
}

.ion-social-twitter:before {
  content: "\f243";
}

.ion-social-twitter-outline:before {
  content: "\f242";
}

.ion-social-usd:before {
  content: "\f353";
}

.ion-social-usd-outline:before {
  content: "\f352";
}

.ion-social-vimeo:before {
  content: "\f245";
}

.ion-social-vimeo-outline:before {
  content: "\f244";
}

.ion-social-whatsapp:before {
  content: "\f4f0";
}

.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}

.ion-social-windows:before {
  content: "\f247";
}

.ion-social-windows-outline:before {
  content: "\f246";
}

.ion-social-wordpress:before {
  content: "\f249";
}

.ion-social-wordpress-outline:before {
  content: "\f248";
}

.ion-social-yahoo:before {
  content: "\f24b";
}

.ion-social-yahoo-outline:before {
  content: "\f24a";
}

.ion-social-yen:before {
  content: "\f4f2";
}

.ion-social-yen-outline:before {
  content: "\f4f1";
}

.ion-social-youtube:before {
  content: "\f24d";
}

.ion-social-youtube-outline:before {
  content: "\f24c";
}

.ion-soup-can:before {
  content: "\f4f4";
}

.ion-soup-can-outline:before {
  content: "\f4f3";
}

.ion-speakerphone:before {
  content: "\f2b2";
}

.ion-speedometer:before {
  content: "\f2b3";
}

.ion-spoon:before {
  content: "\f2b4";
}

.ion-star:before {
  content: "\f24e";
}

.ion-stats-bars:before {
  content: "\f2b5";
}

.ion-steam:before {
  content: "\f30b";
}

.ion-stop:before {
  content: "\f24f";
}

.ion-thermometer:before {
  content: "\f2b6";
}

.ion-thumbsdown:before {
  content: "\f250";
}

.ion-thumbsup:before {
  content: "\f251";
}

.ion-toggle:before {
  content: "\f355";
}

.ion-toggle-filled:before {
  content: "\f354";
}

.ion-transgender:before {
  content: "\f4f5";
}

.ion-trash-a:before {
  content: "\f252";
}

.ion-trash-b:before {
  content: "\f253";
}

.ion-trophy:before {
  content: "\f356";
}

.ion-tshirt:before {
  content: "\f4f7";
}

.ion-tshirt-outline:before {
  content: "\f4f6";
}

.ion-umbrella:before {
  content: "\f2b7";
}

.ion-university:before {
  content: "\f357";
}

.ion-unlocked:before {
  content: "\f254";
}

.ion-upload:before {
  content: "\f255";
}

.ion-usb:before {
  content: "\f2b8";
}

.ion-videocamera:before {
  content: "\f256";
}

.ion-volume-high:before {
  content: "\f257";
}

.ion-volume-low:before {
  content: "\f258";
}

.ion-volume-medium:before {
  content: "\f259";
}

.ion-volume-mute:before {
  content: "\f25a";
}

.ion-wand:before {
  content: "\f358";
}

.ion-waterdrop:before {
  content: "\f25b";
}

.ion-wifi:before {
  content: "\f25c";
}

.ion-wineglass:before {
  content: "\f2b9";
}

.ion-woman:before {
  content: "\f25d";
}

.ion-wrench:before {
  content: "\f2ba";
}

.ion-xbox:before {
  content: "\f30c";
}

/*# sourceMappingURL=ionicons.min.css.map */

/*!
 * @copyright &copy; Kartik Visweswaran, Krajee.com, 2013 - 2015
 * @version 3.5.2
 *
 * A simple yet powerful JQuery star rating plugin that allows rendering
 * fractional star ratings and supports Right to Left (RTL) input.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.rating-loading {
  width: 25px;
  height: 25px;
  font-size: 0;
  color: #fff;
  background: transparent url(/static/img/loading.gif) top left no-repeat;
  border: none;
}

.rating-fa {
  font-family: FontAwesome;
  padding-left: 1px;
}

.rating-fa .rating-stars:before {
  padding-left: 1px;
}

.rating-gly {
  font-family: "Glyphicons Halflings";
}

.rating-gly-star {
  font-family: "Glyphicons Halflings";
  padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
  padding-left: 2px;
}

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
  padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
  padding-left: 2px;
}

.rating-active {
  cursor: default;
}

.rating-disabled {
  cursor: not-allowed;
}

.rating-uni {
  font-size: 1.2em;
  margin-top: -5px;
}

.rating-container {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #e3e3e3;
  overflow: hidden;
}

.rating-container:before {
  content: attr(data-content);
}

.rating-container .rating-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #fde16d;
  transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
  content: attr(data-content);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  color: #fde16d;
}

.rating-container-rtl:before {
  content: attr(data-content);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #e3e3e3;
  transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
  content: attr(data-content);
}

.rating-xl {
  font-size: 4.89em;
}

.rating-lg {
  font-size: 3.91em;
}

.rating-md {
  font-size: 3.13em;
}

.rating-sm {
  font-size: 2.5em;
}

.rating-xs {
  font-size: 2em;
}

.rating-xxs {
  font-size: 1.5em;
}

.rating-xxxs {
  font-size: 1em;
}

.star-rating .clear-rating, .star-rating-rtl .clear-rating {
  color: #aaa;
  cursor: not-allowed;
  display: inline-block;
  vertical-align: middle;
  font-size: 60%;
}

.clear-rating-active {
  cursor: pointer !important;
}

.clear-rating-active:hover {
  color: #843534;
}

.star-rating .clear-rating {
  padding-right: 5px;
}

.star-rating .caption, .star-rating-rtl .caption {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  font-size: 55%;
}

.star-rating .caption {
  padding-left: 5px;
}

.star-rating-rtl .caption {
  padding-right: 5px;
}

/*# sourceMappingURL=star-rating.min.css.map */

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

/* Wrapper with padding */
.tinderslide {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
}

.tinderslide ul {
  margin: 0;
  position: relative;
  display: block;
  height: 100%;
}

.tinderslide li {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  background: #eee;
  font-size: 20px;
  color: #000;
  border: 1px solid #fff;
  border: 1px solid #dfdfdf;
  border: 1px solid rgba(96, 96, 96, 0.2);
  -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Image text */
.tinderslide li h2 {
  color: #fff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

/* Image rotation */
.tinderslide li.pane1 {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

.tinderslide li.pane2 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

/* Like & dislike badge images */
.tinderslide .like,
.tinderslide .dislike {
  opacity: 0;
  height: 80px;
  position: absolute;
  width: 170px;
  left: 35px;
  top: 40px;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tinderslide .dislike {
  right: 35px;
  left: auto;
}

/* Image container */
.tinderslide .img {
  height: 90%;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform-style: preserve-3d;
}

/*# sourceMappingURL=jtinder.css.map */

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/static/fonts/MaterialIcons-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Material Icons Outline";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/fonts/MaterialIcons-Outlined.woff2) format("woff2"), url(/static/fonts/MaterialIconsOutlined-Regular.otf) format("opentype");
}
.material-icons {
  font-family: "Material Icons";
}

.material-icons-outline {
  font-family: "Material Icons Outline";
}

.material-icons,
.material-icons-outline {
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.bubble-element.materialicons-Materialicon svg {
  vertical-align: bottom;
}

/*# sourceMappingURL=material-icons.css.map */

@charset "UTF-8";
/*!
(The MIT License)

Copyright (c) 2012-2014 Marcin Warpechowski
Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
'Software'), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
.handsontable {
  position: relative;
}

.handsontable .hide {
  display: none;
}

.handsontable .relative {
  position: relative;
}

.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}

.handsontable .wtHider {
  width: 0;
}

.handsontable .wtSpreader {
  position: relative;
  width: 0;
  height: auto;
}

.handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.handsontable input, .handsontable textarea {
  min-height: initial;
}

.handsontable table.htCore {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  max-width: none;
  max-height: none;
}

.handsontable col {
  width: 50px;
}

.handsontable col.rowHeader {
  width: 50px;
}

.handsontable th, .handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
}

.handsontable td.htInvalid {
  background-color: #ff4c42 !important;
}

.handsontable td.htNoWrap {
  white-space: nowrap;
}

.handsontable th:last-child {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}

.handsontable th:first-child, .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td {
  border-left: 1px solid #CCC;
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #CCC;
}

.handsontable tr:first-child th, .handsontable tr:first-child td {
  border-top: 1px solid #CCC;
}

.ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  border-right-width: 0;
}

.ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.handsontable th {
  background-color: #EEE;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

.handsontable thead th {
  padding: 0;
}

.handsontable th.active {
  background-color: #CCC;
}

.handsontable thead th .relative {
  padding: 2px 4px;
}

.handsontable .manualColumnMover {
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualRowMover {
  position: fixed;
  left: -4px;
  top: 0;
  background-color: transparent;
  height: 5px;
  width: 50px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualColumnMoverGuide, .handsontable .manualRowMoverGuide {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #CCC;
  width: 25px;
  height: 25px;
  opacity: 0.7;
  display: none;
}

.handsontable .manualColumnMoverGuide.active, .handsontable .manualRowMoverGuide.active {
  display: block;
}

.handsontable .manualColumnMover:hover, .handsontable .manualColumnMover.active, .handsontable .manualRowMover:hover, .handsontable .manualRowMover.active {
  background-color: #88F;
}

.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}

.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}

.handsontable .manualColumnResizer:hover, .handsontable .manualColumnResizer.active, .handsontable .manualRowResizer:hover, .handsontable .manualRowResizer.active {
  background-color: #AAB;
}

.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #AAB;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}

.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}

.handsontable .manualColumnResizerGuide.active, .handsontable .manualRowResizerGuide.active {
  display: block;
}

.handsontable .columnSorting {
  position: relative;
}

.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}

.handsontable .columnSorting.ascending::after {
  content: "▲";
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable .columnSorting.descending::after {
  content: "▼";
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable th.beforeHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after, .handsontable th.afterHiddenColumn::before {
  content: "◀";
  color: #bbb;
  position: absolute;
  right: 1px;
  top: 2px;
  font-size: 5pt;
}

.handsontable th.afterHiddenColumn {
  position: relative;
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  top: 2px;
  right: auto;
  content: "▶";
}

.handsontable td.afterHiddenColumn.firstVisible {
  border-left: 1px solid #CCC;
}

.handsontable thead th.hiddenHeader {
  display: none;
}

.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}

.handsontable .wtBorder.hidden {
  display: none !important;
}

.handsontable td.area {
  background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34)));
  background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
  background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
  background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
  background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#57b5d1ff",endColorstr="#57b5d1ff",GradientType=0);
  background-color: #fff;
}

.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}

.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border: 0;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292f7 inset;
  resize: none;
  display: inline-block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}

.handsontable .htDimmed {
  color: #777;
}

.handsontable .htSubmenu {
  position: relative;
}

.handsontable .htSubmenu :after {
  content: "▶";
  color: #777;
  position: absolute;
  right: 5px;
}

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

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

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

.handsontable .htJustify {
  text-align: justify;
}

.handsontable .htTop {
  vertical-align: top;
}

.handsontable .htMiddle {
  vertical-align: middle;
}

.handsontable .htBottom {
  vertical-align: bottom;
}

.handsontable .htPlaceholder {
  color: #999;
}

.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}

.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}

.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}

.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}

.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

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

.htCommentCell {
  position: relative;
}

.htCommentCell:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}

.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}

.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}

.handsontable.listbox {
  margin: 0;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}

.handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td {
  border-color: transparent;
}

.handsontable.listbox th, .handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}

.handsontable.listbox .wtBorder {
  visibility: hidden;
}

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
  background: #eee;
}

.ht_clone_top {
  z-index: 101;
}

.ht_clone_left {
  z-index: 102;
}

.ht_clone_top_left_corner, .ht_clone_bottom_left_corner {
  z-index: 103;
}

.ht_clone_debug {
  z-index: 103;
}

.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}

.htBordered {
  border-width: 1px;
}

.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}

.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}

.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}

.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}

.htCommentTextArea {
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
  background-color: #fffacd;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #bbb;
  font-family: "Arial";
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}

.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}

.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  bottom: 10px;
}

thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}

thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}

.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}

.handsontable thead tr th .htExpandButton {
  top: 5px;
}

.handsontable tr th .htExpandButton.clickable {
  display: block;
}

.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 5px;
  border: 1px solid #a6a6a6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  box-shadow: 0 0 0 6px rgb(238, 238, 238);
  background: #eee;
}

.handsontable col.hidden {
  width: 0 !important;
}

.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #e6e6e6;
}

.handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th {
  display: none;
}

.ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom {
  overflow: hidden;
}

.ht_master .wtHolder {
  overflow: auto;
}

.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto;
}

.ht_clone_top .wtHolder, .ht_clone_bottom .wtHolder {
  overflow-x: auto;
  overflow-y: hidden;
}

.wtDebugHidden {
  display: none;
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-duration: 0.5s;
  animation-name: wtFadeInFromNone;
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.handsontable.mobile, .handsontable.mobile .wtHolder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}

.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}

.topLeftSelectionHandle, .topLeftSelectionHandle-HitArea, .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htMobileEditorContainer.active {
  display: block;
}

.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}

.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}

.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}

.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}

.htMobileEditorContainer .cellPointer:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}

.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0;
  cursor: move;
  z-index: 9999;
}

.htMobileEditorContainer .moveHandle:after {
  content: "..\a..\a..\a..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}

.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}

.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}

.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}

.htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after, .htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}

.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
}

.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
}

.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .upButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
}

.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
}

.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}

.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
} /*!
* Handsontable ContextMenu
*/
.htContextMenu {
  display: none;
  position: absolute;
  z-index: 1060;
}

.htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug {
  display: none;
}

.htContextMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htContextMenu .wtBorder {
  visibility: hidden;
}

.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htContextMenu table tbody tr td:first-child {
  border: 0;
}

.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
  cursor: default;
}

.htContextMenu table tbody tr td.htDisabled {
  color: #999;
}

.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr.htHidden {
  display: none;
}

.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
} /*!
* Pikaday
* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev, .pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: 0;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover, .pika-next:hover {
  opacity: 1;
}

.pika-prev, .is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next, .is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled, .pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th, .pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: 0;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #3af;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #3af;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-inrange .pika-button {
  background: #d5e9f7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #3af;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

.pika-table abbr {
  border-bottom: 0;
  cursor: help;
}

/*# sourceMappingURL=handsontable.full.min.css.map */

.grabbable {
  cursor: move !important; /* fallback if grab cursor is unsupported */
  cursor: grab !important;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}

.movable {
  cursor: move !important;
}

/*# sourceMappingURL=draggableui.css.map */

/*
All typefaces used in Butter, available by class and as mixins.

Replaces a few styles in global.scss, but largely represents a new level
of component hierarchy
*/
.h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.theme-butter .h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.theme-butter .h5 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.subhead1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.subhead2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .subhead2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.theme-butter .subhead2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.body1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.theme-butter .body1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.theme-classic .body2 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.theme-butter .body2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.line-height-18 {
  line-height: 18px !important;
}

/*
All colors for both themes, concieved as a grid of color x opacity

*/
/* Note on SASS variables as of 4/15/24
 * - $action has not been updated to latest brand color as its descendents need verifcation in components
 * - $bubble_blue also should be updated to latest brand color
 * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below
 * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase
 * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase
*/
/* Theme mapper */
/*
Globally relevant dimensions/numbers/etc go here

NOTE: filename begins with underscore, thus its variables can be used globally

*/
/* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */
/*

Terrible z-indexes responsible for all the evils of the world

*/
.highlight-dom-changes {
  animation-duration: 1s;
  animation-name: highlight-in;
  animation-timing-function: ease-out;
}

@keyframes highlight-in {
  from {
    background-color: rgb(200, 0, 0);
  }
}
/* MIXINS */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* TAGS */
address {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%; /* sub/sup is relative to the surrounding text */
  line-height: 0; /* line-height doesn't interfere with the positioning */
  position: relative; /* Makes all browsers position relative to the surrounding text */
  vertical-align: baseline; /* if you're using reset.css, you can remove this rule */
}

sup {
  top: -0.5em; /* Move the superscripted text up */
}

sub {
  bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */
}

input:focus,
textarea:focus {
  outline: none;
}

/*
GLOBALLY USEFUL CLASSES (formerly tab_common)
For the sake of avoiding specific classes and elaborate rules for spacing

To live here you must:
  a) do exactly one thing
  b) be named something that makes it extremely clear what that one thing is

Note: this was originally applied to .data-user-types, .data-editor,
.maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete
this list when proved not buggy
*/
.code {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  background-color: antiquewhite;
  color: maroon;
  padding: 0px 4px;
  border-radius: 2px;
}

.maison-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-row,
.maison-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  justify-content: flex-start !important;
}

.center {
  justify-content: center !important;
}

.flex-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.flex-1 {
  flex: 1;
}

.pos-rel {
  position: relative;
}

.suspension-vertical {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
}

.horizontal-rule {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.margin-left-300 {
  margin-left: 300px !important;
}

.margin-right-minus20 {
  margin-right: -20px !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-top-minus20 {
  margin-top: -20px !important;
}

.margin-top-minus10 {
  margin-top: -10px !important;
}

.margin-top-minus16 {
  margin-top: -16px !important;
}

.margin-top-minus5 {
  margin-top: -5px !important;
}

.margin-top-minus3 {
  margin-top: -3px !important;
}

.margin-top-minus2 {
  margin-top: -2px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.width-5 {
  width: 5px !important;
}

.width-10 {
  width: 10px !important;
}

.width-15 {
  width: 15px !important;
}

.width-20 {
  width: 20px !important;
}

.width-25 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-35 {
  width: 35px !important;
}

.width-40 {
  width: 40px !important;
}

.width-45 {
  width: 45px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-75 {
  width: 75px !important;
}

.width-80 {
  width: 80px !important;
}

.width-85 {
  width: 85px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px !important;
}

.width-145 {
  width: 145px !important;
}

.width-150 {
  width: 150px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-190 {
  width: 190px !important;
}

.width-195 {
  width: 195px !important;
}

.width-200 {
  width: 200px !important;
}

.width-210 {
  width: 210px !important;
}

.width-220 {
  width: 220px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-320 {
  width: 320px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-500 {
  width: 500px !important;
}

.width-540 {
  width: 540px !important;
}

.width-600 {
  width: 600px !important;
}

.width-640 {
  width: 640px !important;
}

.width-700 {
  width: 700px !important;
}

.width-fill {
  width: 100% !important;
}

.width-fit-content {
  width: fit-content !important;
}

.min-width-50 {
  min-width: 50px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-85 {
  min-width: 85px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-85 {
  max-width: 85px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-180 {
  max-width: 180px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.width-one-tenth {
  width: 10% !important;
}

.width-two-tenth {
  width: 20% !important;
}

.width-one-quarter {
  width: 25% !important;
}

.width-three-tenth {
  width: 30% !important;
}

.width-one-third {
  width: 33.334% !important;
}

.width-four-tenth {
  width: 40% !important;
}

.width-half {
  width: 50% !important;
}

.width-six-tenth {
  width: 60% !important;
}

.width-two-third {
  width: 66.667% !important;
}

.width-seven-tenth {
  width: 70% !important;
}

.width-three-quarter {
  width: 75% !important;
}

.width-eight-tenth {
  width: 80% !important;
}

.width-nine-tenth {
  width: 90% !important;
}

.width-eighty-five-percent {
  width: 85% !important;
}

.height-5 {
  height: 5px !important;
}

.height-10 {
  height: 10px !important;
}

.height-15 {
  height: 15px !important;
}

.height-20 {
  height: 20px !important;
}

.height-25 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-35 {
  height: 35px !important;
}

.height-40 {
  height: 40px !important;
}

.height-45 {
  height: 45px !important;
}

.height-50 {
  height: 50px !important;
}

.height-55 {
  height: 55px !important;
}

.height-60 {
  height: 60px !important;
}

.height-85 {
  height: 85px !important;
}

.height-100 {
  height: 100px !important;
}

.height-120 {
  height: 120px !important;
}

.height-125 {
  height: 125px !important;
}

.height-150 {
  height: 150px !important;
}

.height-190 {
  height: 190px !important;
}

.height-195 {
  height: 195px !important;
}

.height-200 {
  height: 200px !important;
}

.height-210 {
  height: 210px !important;
}

.height-220 {
  height: 220px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-307 {
  height: 307px !important;
}

.height-320 {
  height: 320px !important;
}

.height-400 {
  height: 400px !important;
}

.height-435 {
  height: 435px !important;
}

.height-540 {
  height: 540px !important;
}

.height-fill {
  height: 100% !important;
}

.height-one-tenth {
  height: 10% !important;
}

.height-two-tenth {
  height: 20% !important;
}

.height-one-quarter {
  height: 25% !important;
}

.height-three-tenth {
  height: 30% !important;
}

.height-one-third {
  height: 33.334% !important;
}

.height-four-tenth {
  height: 40% !important;
}

.height-half {
  height: 50% !important;
}

.height-six-tenth {
  height: 60% !important;
}

.height-two-third {
  height: 66.667% !important;
}

.height-seven-tenth {
  height: 70% !important;
}

.height-three-quarter {
  height: 75% !important;
}

.height-eight-tenth {
  height: 80% !important;
}

.height-nine-tenth {
  height: 90% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.strikethrough {
  text-decoration: line-through;
}

.no-select {
  user-select: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

.overflow-initial {
  overflow: initial !important;
}

.overflow-overlay {
  overflow: overlay !important;
}

.overflow-revert {
  overflow: revert !important;
}

.overflow-unset {
  overflow: unset !important;
}

.overflow-visible {
  overflow: visible !important;
}

.word-wrap-break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.align-with-composer-input {
  margin-top: calc(12px + 5px + 16px - 9px);
}

.align-items-baseline {
  align-items: baseline;
}

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

.align-items-start {
  align-items: start;
}

.align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.pop-color-variables.danger {
  --pop-color: var(--b-txt-danger);
  --pop-color-bg: var(--b-bg-danger1);
}
.pop-color-variables.caution {
  --pop-color: var(--b-txt-caution);
  --pop-color-bg: var(--b-bg-caution1);
}
.pop-color-variables.success {
  --pop-color: var(--b-txt-success);
  --pop-color-bg: var(--b-bg-success1);
}
.pop-color-variables.brand {
  --pop-color: var(--b-txt-brand);
  --pop-color-bg: var(--b-bg-brand1);
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 0px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: visible;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
  overflow: hidden;
  max-width: 100%;
}

.select2-container .select2-selection__choice {
  overflow: hidden;
  max-width: 100%;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  border: 0px solid #aaa;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.bubble-r-vertical-center > .select2-container {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open {
  z-index: 10000000;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 0px solid #aaa;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 0px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 0px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  border: 0px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 0px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  border: 0px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 0px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 0px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*# sourceMappingURL=select2.min.css.map */

@font-face {
  font-family: "newbubble";
  font-display: "block";
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw);
  src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw#iefix) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285379584x602803728543221900/newbubble.ttf?7ieipw) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285427644x842161195585504100/newbubble.woff?7ieipw) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285461448x702500568004325000/newbubble.svg?7ieipw#newbubble) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "newbubble" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\e913";
}

.icon-logo-b:before {
  content: "\e914";
}

.icon-applications:before {
  content: "\e900";
}

.icon-plugins:before {
  content: "\e901";
}

.icon-account:before {
  content: "\e902";
}

.icon-templates:before {
  content: "\e903";
}

.icon-logout:before {
  content: "\e904";
}

.icon-buy:before {
  content: "\e905";
}

.icon-facebook:before {
  content: "\e906";
  color: #4a67ad;
}

.icon-link:before {
  content: "\e907";
}

.icon-medium .path1:before {
  content: "\e908";
  color: rgb(220, 238, 238);
}

.icon-medium .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-twitter:before {
  content: "\e90a";
  color: #1da1f2;
}

.icon-trash:before {
  content: "\e90b";
}

.icon-share:before {
  content: "\e90c";
}

.icon-info:before {
  content: "\e90d";
}

.icon-take-off:before {
  content: "\e90e";
}

.icon-play:before {
  content: "\e90f";
}

.icon-copy:before {
  content: "\e910";
}

.icon-eye:before {
  content: "\e911";
}

.icon-edit:before {
  content: "\e912";
}

/*# sourceMappingURL=bubble-icons.css.map */
