html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525f2234698782f41d9_CircularXXWeb-BookItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525c6c2a2989b67b859_CircularXXWeb-Italic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6165552524351226a4731737_CircularXXWeb-BookItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6165552593d87234fcb00d4c_CircularXXWeb-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6165552501a131459737a24d_CircularXXWeb-ExtraBlackItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555268996ce0f0efd4b8f_CircularXXWeb-BlackItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555253b45a2f16e549262_CircularXXWeb-ExtraBlackItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525c1b9a06b4e55243d_CircularXXWeb-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555251717446602fc98eb_CircularXXWeb-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525875e876e0ab3c104_CircularXXWeb-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555263d9f3e742ea16806_CircularXXWeb-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526c9f0184630c87a11_CircularXXWeb-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555260ae2855575ebfe2d_CircularXXWeb-LightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526d03809557ff6e562_CircularXXWeb-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526559babf45d06c510_CircularXXWeb-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555260ae28585acebfe2e_CircularXXWeb-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526fc718058d8fd7d0e_CircularXXWeb-MediumItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526d038093912f6e563_CircularXXWeb-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526a174da029b7f89d7_CircularXXWeb-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555260ae2853a2debfe2f_CircularXXWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526c1b9a07e50552443_CircularXXWeb-Thin.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555262077e51b25449318_CircularXXWeb-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525fab41cbf7bacefb3_CircularXXWeb-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6165552520920dc74e337f7d_CircularXXWeb-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb book;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555250ae2850555ebfe2c_CircularXXWeb-Book.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655525279b9ba677b37cd4_CircularXXWeb-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616552ec8996ceb1d1fd39d5_CircularXXWeb-ThinItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526a82b319f98f1a75f_CircularXXWeb-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616555258996ce196cfd4b8e_CircularXXWeb-Black.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61655526cb704cd71905756d_CircularXXWeb-ExtraBlack.woff") format("woff"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6165552520920d5e3d337f7c_CircularXXWeb-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Franklin 600";
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61e97c59869358684cb374d2_franklin-normal-600.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cheltenham;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61e97c59c456ac6e798f3341_cheltenham-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Imperial;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61e97c592701ea3ff9c9e081_imperial-normal-.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt walsheim pro;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/62a84c1e2723ea6d2584f9ed_GT-Walsheim-Pro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neuehaasgrottext web (1)";
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4d17fc37dfcc84fcb7ec_NeueHaasGrotText-65Medium-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasgrotdisp web;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4d1757b94e0a00f7334b_NeueHaasGrotDisp-65Medium-Web.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4d1757b94e0a00f7334b_NeueHaasGrotDisp-65Medium-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: NeueHaasGrotText-65Medium-Web;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4d17fc37dfcc84fcb7ec_NeueHaasGrotText-65Medium-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialicons;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6559221295abd34586bbdef1_material.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: GoogleMaterialicons;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6559221295abd34586bbdef1_material.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Polysans Median;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a23505530cce26e0d889_PolySans-Median.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Slim;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a23507485da5d2abdc3c_PolySans-Slim.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Bulky;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a2356b7aa0fd3f04dbb5_PolySans-Bulky.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Neutral;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a235c6196bab903c71e7_PolySans-Neutral.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a235ac28170d67e038a8_PolySans-NeutralItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a23569487388cc5126f7_PolySans-SlimItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a235742a87193a099e8b_PolySans-MedianItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6602a235b7b1b9ef7e8790f3_PolySans-BulkyItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Newsroom Sans;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/66e80943507e385502bfbd62_newsroom_sans.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arial;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/670521b06c9fa21d4af9cd35_ARIAL.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialicons_old;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/621e57951196702bcf43850a_MaterialIcons-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: xx_ GoogleMaterialicons;
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/621e57951196702bcf43850a_MaterialIcons-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Itc cheltenham std condensed 2";
  src: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61e97ee6fd77ac664002429a_itc-cheltenham-std-bold-condensed%202.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --royal-blue: #1654ff;
  --blue-nws: #1654ff;
  --light-steel-blue: #a7afcf;
  --ivory: #fafaf0;
  --cornflower-blue: #7a8aca;
  --logo-1: #0053bc;
  --deep-sky-blue: #00b5ea;
  --yellow: #fff42a;
  --purple: #5200ff;
  --white-smoke-inv: #ebebeb;
  --black: #141414;
  --alice-blue: #e9f2f3;
  --ivory-2: #f2f3e9;
  --silver: silver;
  --transparent: var(--ivory);
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.holder {
  background-color: #fff;
  border-radius: 4px;
  align-items: flex-end;
  width: 400px;
  padding: 30px 25px 30px 20px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.allconversations {
  width: 100%;
}

.body {
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.bot {
  border-top: 1px solid #ececec;
  margin-top: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.botimage {
  background-color: #f8f8f8;
  border: 1px solid #cacaca;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-weight: 400;
  display: flex;
}

.botavatar {
  margin-right: 12px;
}

.allconv {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.comp_message {
  color: #252525;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  position: relative;
}

.comp_message.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.comp_message.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.comp_message.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.comp_message.mobile {
  color: #181818;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.comp_message.serif {
  font-family: Imperial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.comp_message.story {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.comp_message.compact {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 0 17px;
}

.comp_message.tiny {
  padding: 3px 10px;
}

.comp_message.swiper {
  padding-top: 20px;
}

.timetsamp {
  color: #c7c7c7;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 300;
  line-height: 11px;
  display: flex;
  position: static;
  top: -1px;
  left: 10px;
}

.timetsamp.right {
  justify-content: flex-end;
}

.timetsamp.invisible {
  display: none;
}

.conversation {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

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

.div-block-7 {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: 400;
}

.client {
  border-top: 1px solid #ececec;
  justify-content: flex-end;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.client-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.clientavatar {
  margin-left: 12px;
}

.clientimage {
  background-color: #f8f8f8;
  border: 1px solid #cacaca;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-weight: 400;
  display: flex;
}

.chatbox-copy {
  color: #000;
  background-color: #dfeaee;
  border: 1px solid #d5c8c8;
  border-radius: 99px 3px 25px 99px;
  margin-top: 0;
  margin-bottom: 4px;
  padding: 11px 20px 11px 15px;
  font-size: 1em;
  font-weight: 400;
}

.chatbox-copy.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.div-block-8 {
  color: #363636;
  letter-spacing: .3px;
  background-color: #f4f5ed;
  border: 1px solid #ececec;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  padding: 2px 8px;
  font-size: .7em;
  font-weight: 400;
  display: flex;
}

.div-block-9 {
  background-color: #cacaca;
  border: 0 solid #cecece;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-left: 2px;
  margin-right: 2px;
}

.div-block-10 {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 150px;
  flex-direction: row;
  padding: 9px;
  display: flex;
}

.comp_multiple_choice {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 15px;
  display: flex;
  position: relative;
}

.comp_multiple_choice.poll {
  border-width: 0;
  border-color: #cecece;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  display: flex;
}

.comp_multiple_choice.right {
  border-width: 1px;
  border-color: #31a802;
}

.comp_multiple_choice.wrong {
  border-width: 1px;
  border-color: #ce1414;
}

.comp_multiple_choice.inactive {
  border-bottom-left-radius: 12px;
}

.comp_multiple_choice.story {
  max-width: 500px;
  padding: 15px 10px 15px 20px;
}

.comp_multiple_choice.story.vertical {
  padding-left: 15px;
  padding-right: 15px;
}

.comp_multiple_choice.story.vertical.v_full {
  padding-left: 0;
  padding-right: 0;
}

.comp_multiple_choice.h_full {
  width: auto;
}

.comp_multiple_choice.tiny {
  padding: 4px 10px 4px 15px;
}

.textoptions_holder {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.textoptions_holder.cloud {
  flex-flow: wrap;
  align-content: stretch;
  align-items: stretch;
}

.textoptions_holder.cloud.poll {
  border: 1px solid #ebebeb;
  border-radius: 14px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 10px;
  position: relative;
  top: -5px;
}

.textoptions_holder.cloud.poll.pluto {
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.textoptions_holder.h_full {
  max-width: 750px;
}

.textoptions_holder.results {
  display: flex;
}

.options {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 300;
}

.options.poll {
  color: #000;
  text-align: left;
  background-color: #f1f1f100;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 10px 18px 0;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.options.poll.pluto {
  background-color: #0000;
  margin-bottom: 14px;
  padding: 0;
}

.options.submitted {
  display: none;
}

.options.story {
  font-size: 20px;
  line-height: 32px;
}

.options.tiny {
  margin-bottom: 3px;
}

.options.hidden {
  display: none;
}

.comp_label {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-right: 17px;
  display: flex;
  position: absolute;
  top: -10px;
}

.comp_label.r {
  justify-content: flex-start;
  padding-left: 17px;
}

.div-block-15 {
  color: #f0f0f0;
  background-color: #043444;
  border: 0 solid #eee;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: .8em;
  font-weight: 500;
  line-height: 11px;
  display: flex;
}

.textoptions_item {
  color: #2b2b2b;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 99px;
  flex-direction: row;
  align-items: center;
  margin: 3px 3px 3px 2px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.textoptions_item:hover {
  filter: sepia(10%) invert(10%);
}

.textoptions_item.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.textoptions_item.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.textoptions_item.bold {
  color: #fff;
  background-color: #3c3fe4;
  border-color: #3c3fe4;
  font-weight: 500;
}

.textoptions_item.red {
  color: red;
  border-color: red;
  font-family: Inconsolata, monospace;
}

.textoptions_item.poll {
  border-width: 1px;
  border-color: #ccc;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-size: 13px;
  display: flex;
}

.textoptions_item.poll:hover {
  border-color: #000;
}

.textoptions_item.poll.pluto {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
}

.textoptions_item.poll.results {
  background-color: #0000;
}

.textoptions_item.right {
  color: #fff;
  background-color: #31a802;
  border-width: 0;
  border-color: #31a802;
}

.textoptions_item.wrong {
  color: #fff;
  background-color: #ce1414;
  border-width: 0;
  border-color: #ce1414;
}

.textoptions_item.wrong.selected {
  color: #fff;
}

.textoptions_item.selected {
  color: #ce1414;
  border-color: #ce1414;
}

.textoptions_item.selected:hover {
  background-color: #fff;
}

.textoptions_item.pluto {
  background-color: #eaf2f9;
  border-width: 1px;
  border-color: #eaf2f9;
  border-radius: 4px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 400;
  transition: background-color 20ms;
}

.textoptions_item.pluto:hover {
  filter: none;
  background-color: #e4e8eb;
  border-color: #d2d9df;
}

.textoptions_item.tiny {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 9px 12px;
}

.textoptions_item.compact {
  border-width: 1px;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 400;
}

.textoptions_item.survey_active {
  padding-left: 22px;
  padding-right: 22px;
}

.textoptions_item.clicked {
  color: #f5f5f5;
  background-color: #000;
  border-color: #1d1d1d;
}

.textoptions_item.checkbox {
  background-color: #eaf2f9;
  border-width: 1px;
  border-color: #eaf2f9;
  border-radius: 4px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 15px;
  font-weight: 500;
  transition: background-color 20ms;
}

.textoptions_item.results {
  display: flex;
}

.fade {
  z-index: 5;
  background-image: linear-gradient(#f7f7f7 2%, #f7f7f800 93%);
  width: 100%;
  height: 200px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.arrow {
  background-color: #f5f5f5;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -5px;
  transform: rotate(45deg);
}

.media {
  border-radius: 3px;
  margin-bottom: 11px;
  overflow: hidden;
}

.media.hidden {
  display: none;
}

.div-block-2698 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  padding: 15px 20px;
  display: flex;
}

.div-block-2698.v2 {
  border-bottom: 1px solid #fafafa;
}

.div-block-2698.cover, .div-block-2698.preview {
  width: 360px;
}

.div-block-2698._450 {
  background-color: #fff;
  border-bottom: 1px solid #f8f8f8;
  border-radius: 0;
  min-width: 450px;
  height: 51px;
  min-height: 80px;
}

.div-block-2698.border {
  border-bottom: 1px solid #cccccc3d;
  height: 51px;
}

.div-block-2698.ismindmap {
  display: none;
}

.maincontainer {
  background-color: #f1f1f1;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.maincontainer.dark {
  background-color: #f1f4f8;
}

.maincontainer.white {
  background-color: #fff;
}

.maincontainer.light {
  background-color: #f8fafc;
}

.maincontainer.responsive {
  flex-direction: row;
  display: flex;
}

.maincontainer.responsive.light.y {
  background-image: linear-gradient(#f9f9f7, #fff);
  justify-content: flex-start;
  overflow: auto;
}

.image-512 {
  width: 20px;
  margin-bottom: 1px;
  margin-right: 3px;
}

.at_center_navigation {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0006;
}

.at_center_navigation.project {
  box-shadow: none;
  background-color: #3b3b3b;
  border-bottom-width: 1px;
  border-bottom-color: #dfdfdf;
  justify-content: space-between;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 0;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
}

.at_center_navigation.project.inactive {
  display: none;
}

.at_center_navigation.project.floating {
  box-shadow: none;
  background-color: #ffffff80;
  border-bottom-color: #53535312;
  width: 100%;
  position: absolute;
}

.at_center_navigation.project.is_playground {
  display: none;
}

.at_center_navigation.project.is_hidden {
  width: 100%;
  position: absolute;
  top: -51px;
}

.at_center_navigation.cover {
  justify-content: space-between;
  padding-left: 0;
}

.at_center_navigation.is_video {
  box-shadow: none;
  background-color: #3b3b3b;
  border-bottom-width: 1px;
  border-bottom-color: #dfdfdf;
  justify-content: space-between;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 0;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
}

.at_center_navigation.is_video.inactive {
  display: none;
}

.at_center_navigation.is_video.floating {
  box-shadow: none;
  background-color: #ffffff80;
  border-bottom-color: #53535312;
  width: 100%;
  position: absolute;
}

.at_center_navigation.is_video.is_playground {
  display: none;
}

.at_center_navigation.is_video.is_hidden {
  width: 100%;
  position: absolute;
  top: -51px;
}

.panel1 {
  z-index: 98;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 400px;
  min-width: 400px;
  padding-bottom: 20px;
  transition: all ease-out, margin 50ms ease-out;
  display: flex;
  position: relative;
}

.panel1.slided {
  margin-left: -360px;
  display: none;
}

.panel1.active {
  display: flex;
}

.panel1.closed {
  margin-left: -363px;
}

.panel1._360 {
  width: 360px;
  min-width: 360px;
}

.panel1.native {
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  width: 406px;
  min-width: 406px;
}

.panel1.larger {
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  width: 470px;
  min-width: 470px;
}

.panel1.larger.inactive {
  display: none;
}

.panel1.larger.native {
  border-left: 0 solid #2c2c2c1c;
  border-right-width: 0;
  width: 350px;
  min-width: 350px;
  padding-bottom: 0;
}

.panel1.larger.native.animator, .panel1.larger.native.ismindmap {
  display: none;
}

.panel1.ismindmap {
  width: 500px;
  min-width: 500px;
}

.panel1.hidden {
  display: none;
}

.div-block-2700 {
  opacity: .32;
  font-size: 12px;
}

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

.scene_holder.story.horizontal {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: none;
}

.scene_holder.side_top {
  justify-content: center;
}

.scene_holder.vertical.side_top.bottom {
  padding-bottom: 80px;
}

.tab {
  color: #3d3d3d;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #e7e7e766;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.tab:hover {
  color: #f5f5f5;
  background-color: #000;
}

.tab.active {
  background-color: #fff;
  border-color: #fff;
}

.tab.active:hover {
  color: #464646;
}

.tab.styles {
  border-color: #e7e7e700;
}

.tab.attachments {
  border-color: #e7e7e700;
  font-size: 12px;
  transition: all .3s;
}

.tab.attachments.dark {
  color: #dee1eb;
}

.tab.attachments.inactive {
  cursor: not-allowed;
  width: 100%;
  display: flex;
  overflow: visible;
}

.tab.attachments.hidden {
  display: none;
}

.tab.attachments.nomouse {
  pointer-events: none;
}

.tab.blocks {
  border-color: #e7e7e700;
}

.tab.blocks.active {
  font-size: 11px;
}

.tab.blocks.dark {
  color: #e9ebf0;
}

.tab.blocks.dark.active {
  background-color: #161616;
}

.tab.blocks.actions.animator, .tab.blocks.share.animator {
  display: none;
}

.tab.v2 {
  background-color: #fff;
  border-color: #e7e7e700;
}

.tab.v2.active {
  background-color: #f1f1f1;
}

.div-block-2699 {
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.configuration_message {
  z-index: 3;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_message.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-2696 {
  color: #000;
  width: 100%;
  margin-bottom: 14px;
}

.image-512-copy {
  width: 13px;
  margin-bottom: 1px;
  margin-left: 3px;
  margin-right: 0;
}

.centerpanel {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 552px;
  height: 100%;
  padding-top: 0;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: auto;
}

.centerpanel.advanced {
  display: none;
}

.centerpanel.noscroll {
  overflow: hidden;
}

.centerpanel.white {
  background-color: #fff;
}

.centerpanel.native.animator {
  display: none;
}

.centerpanel.light {
  min-width: 700px;
}

.centerpanel.is_simplified {
  padding-top: 0;
}

.centerpanel.padded {
  padding-top: 51px;
}

.centerpanel.padded.is_multi {
  min-height: 70vh;
}

.div-block-1166 {
  border: 0 solid #000;
  align-items: center;
  width: 100%;
  display: flex;
}

.scene_container {
  background-color: #f1f1f1;
  border-top: 1px solid #0000;
  border-bottom: 1px dashed #c5c5c5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 95px 100px;
  display: flex;
  position: relative;
  overflow: visible;
}

.scene_container.hide-scrollbar {
  position: relative;
  overflow: hidden;
}

.scene_container.hide-scrollbar.invisible {
  display: none;
}

.scene_container.highlighted {
  background-color: #fff;
}

.scene_container.story {
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.scene_container.story.active {
  background-color: #fafafa;
}

.scene_container.chat.active {
  background-color: #fff;
}

.scene_container.media {
  margin-bottom: 0;
}

.div-block-1527 {
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 7px 20px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.at_contentbox {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.at_contentbox.active {
  border-width: 1px;
  border-color: #2791f4;
}

.at_contentbox.story {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.at_contentbox.story.horizontal {
  height: 100%;
}

.at_contentbox.story.horizontal.side_right {
  justify-content: center;
}

.at_contentbox.story.horizontal.side_left {
  flex-direction: row-reverse;
  justify-content: center;
}

.at_contentbox.story.horizontal.h_full {
  flex-direction: column;
  height: 100%;
  min-height: 250px;
}

.at_contentbox.story.horizontal.split_left {
  flex-direction: row-reverse;
}

.at_contentbox.story.side_bottom {
  flex-direction: column-reverse;
  justify-content: center;
}

.at_contentbox.story.split_bottom {
  flex-direction: column-reverse;
}

.at_contentbox.story.active {
  border-color: #e7ecf0;
  box-shadow: 0 0 5px #0000000d;
}

.at_contentbox.horizontal.side_left, .at_contentbox.horizontal.side_right, .at_contentbox.horizontal.split_right, .at_contentbox.horizontal.split_left {
  height: 100%;
}

.at_contentbox.vertical.story {
  border-width: 0;
  border-radius: 0;
  height: 100%;
}

.at_contentbox.chat.vertical {
  border-radius: 6px;
}

.at_contentbox.chat.vertical.v_full, .at_contentbox.chat.vertical.split_top {
  height: 500px;
}

.at_contentbox.chat.horizontal.split_left {
  flex-direction: row-reverse;
}

.tabswitch-2 {
  background-color: #f1f1f1;
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  flex-direction: row;
  width: 100%;
  padding: 5px;
  display: flex;
}

.tabswitch-2.v2 {
  background-color: #fff;
  border-color: #dfdddd;
}

.tabswitch-2.dark {
  color: #f5f0f0;
  background-color: #313131;
  border-color: #313131;
}

.tabswitch-2.yellow {
  background-color: #f1f1f1;
}

.image-265 {
  filter: invert();
  width: 150px;
  min-width: 150px;
}

.image-265._2 {
  filter: none;
  width: 170px;
  min-width: 170px;
}

.div-block-2701 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  font-size: 25px;
  font-weight: 300;
  display: flex;
}

.body-2 {
  font-family: Circularxxweb, sans-serif;
  overflow: hidden;
}

.html-embed {
  display: none;
}

.chapters_layersholder {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.chapters_layersholder.visible {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.chapters_layersholder.visible.auto {
  overflow: auto;
}

.btn {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #0d3bbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 12px 30px;
  font-size: 11px;
  font-weight: 500;
  transition: all .6s;
  display: flex;
}

.btn:hover {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.btn.exit {
  color: #000;
  background-color: #fff;
  border-color: #929292;
}

.btn.add_scene_v2 {
  color: #363636;
  background-color: #fff;
  border-color: #eee;
  font-size: 12px;
  font-weight: 500;
}

.btn.add_scene_v2:hover {
  border-color: #747474;
}

.btn.save {
  background-color: var(--royal-blue);
}

.btn.nospace {
  margin-right: 0;
}

.btn.nospace._100 {
  width: 100%;
}

.btn.nospace._100.pending {
  cursor: progress;
  background-color: #a3a3a3;
  border-color: #a3a3a3;
}

.btn.nospace.straight {
  background-color: var(--blue-nws);
  border-radius: 6px;
}

.btn.white {
  color: #1d1b1b;
  background-color: #fff;
  border-color: #c3c5c9;
  transition-duration: .25s;
}

.btn.white:hover {
  color: #f0ecec;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.btn.white.inactive {
  display: none;
}

.btn.white.basic {
  opacity: .5;
  color: #adadad;
  background-color: #fff0;
  border-width: 0 0 1px;
  border-bottom-style: dashed;
  border-bottom-color: #96989c;
  border-radius: 0;
  margin-top: 40px;
  margin-right: 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
}

.btn.white.basic:hover {
  opacity: .8;
  color: #adadad;
  background-color: #fff0;
  border-bottom-color: #adadad;
}

.btn.white.compact {
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.btn.white.full {
  width: 100%;
  height: 47px;
  max-height: 47px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition-duration: .1s;
}

.btn.white.hidden {
  display: none;
}

.btn.pending {
  cursor: wait;
  background-color: #2b2b2b;
  border-color: #575757;
}

.btn._100.black {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.btn.delete_content {
  margin-top: 10px;
}

.btn.delete_content.white {
  margin-left: 2px;
  margin-right: 2px;
}

.btn.delete_content.white.small {
  border-width: 0;
  border-radius: 0;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px;
  font-weight: 500;
  transition-property: none;
}

.btn.delete_content.white.small:hover {
  color: #1d1d1d;
  background-color: #fff;
  border-width: 0;
}

.btn.invisible {
  display: none;
}

.btn.small {
  background-color: #202020;
  border-color: #585858;
  border-radius: 3px;
  min-height: 42px;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.btn.small._100 {
  width: 100%;
}

.btn.small._100.pending {
  cursor: progress;
  background-color: #a3a3a3;
  border-color: #a3a3a3;
}

.btn.small.straight {
  background-color: var(--blue-nws);
  border-radius: 6px;
}

.btn.smallest {
  color: #181818;
  border-width: 0;
  border-color: #a1a1a1;
  border-radius: 3px;
  min-height: 39px;
  margin-right: 0;
  padding: 0;
}

.btn.smallest._100 {
  width: 100%;
}

.btn.smallest._100.pending {
  cursor: progress;
  background-color: #a3a3a3;
  border-color: #a3a3a3;
}

.btn.smallest.straight {
  background-color: var(--blue-nws);
  border-radius: 6px;
}

.div-block-2704 {
  justify-content: space-between;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.layer {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 9px;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.layer:hover {
  background-color: #edf3fc;
  border-color: #bdd0d6;
}

.layer.active {
  background-color: #f8faff;
  border-width: 1px;
  border-color: #676769;
  margin-bottom: 48px;
}

.layer.active.nospace {
  margin-bottom: 8px;
}

.layer.reports {
  border-width: 0 0 1px;
  border-bottom-color: #e9e9e9;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
}

.layer.reports.active {
  border-bottom-color: #aaa;
}

.layer.reports.active.nospace {
  margin-bottom: 0;
}

.image-513 {
  width: 16px;
}

.div-block-2706 {
  margin-top: 20px;
}

.div-block-2707 {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.image-514 {
  width: 14px;
  margin-left: 4px;
  transform: rotate(90deg);
}

.image-515 {
  filter: invert();
  width: 20px;
  margin-right: 4px;
}

.image-515.d {
  filter: none;
}

.image-516 {
  width: 16px;
  margin-right: 4px;
  transform: rotate(90deg);
}

.layerholder {
  background-color: #fff;
  border: 0 solid #ece4e4;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
  overflow: hidden;
}

.layerholder.temp {
  padding-bottom: 100px;
}

.div-block-2708 {
  flex-direction: row;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.div-block-2708.reports {
  width: 100%;
}

.layericon {
  background-color: #f1f1f1;
  border: 0 solid #e2e2e2;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.layericon.message {
  background-color: #facd48;
}

.layericon.multi {
  background-color: #afebe4;
}

.layericon.rich {
  background-color: #9dcffb;
}

.layericon.feedback {
  background-color: #eaaecc;
}

.layericon.phone {
  background-color: #d7eccd;
}

.layericon.email {
  background-color: #ffddd0;
}

.layericon.website {
  background-color: #eaaecc;
}

.layericon.input {
  background-color: #9dcffb;
}

.layericon.textoptions {
  background-color: #afebe4;
}

.layericon.media {
  background-color: #f5f5d9;
  margin-bottom: 0;
}

.layericon.timeline {
  background-color: #d5ece9;
}

.layericon.recommendations {
  background-color: #badeca;
}

.layericon.payments {
  background-color: #d9e7ff;
}

.layericon.embeds {
  background-color: #ffcfde;
}

.layericon.social {
  background-color: #bbe2f0;
}

.layericon.start {
  background-color: #deeee4;
}

.layericon.updates {
  background-color: #f5edc8;
}

.layericon.headline {
  background-color: #e4effa;
}

.layericon.products {
  background-color: #daeecb;
}

.layericon.small {
  cursor: pointer;
  border-width: 1px;
  border-color: #d6d6d600;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 400;
}

.layericon.small:hover {
  border-width: 1px;
  border-color: #8f8a8a;
}

.layericon.small.next {
  background-color: #fff;
  border-color: #e4dddd;
  height: 50px;
  min-height: 50px;
}

.layericon.reports {
  font-weight: 400;
}

.div-block-2710 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.at_layerlabel {
  margin-left: 11px;
}

.at_layerlabel.reports {
  border-left: 1px solid #f0f0f0;
  margin-left: 12px;
  padding-left: 12px;
}

.div-block-2712 {
  cursor: pointer;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin-left: 25px;
  padding: 5px;
  display: flex;
}

.div-block-2712:hover {
  background-color: #eee;
  border: 1px solid silver;
}

.div-block-2713 {
  justify-content: space-between;
  display: flex;
}

.div-block-2714 {
  height: 100%;
}

.div-block-2715 {
  align-items: center;
  display: flex;
}

.exitbutton {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 12px 30px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.exitbutton:hover {
  border-color: #000;
}

.div-block-2716 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.mode {
  color: #969696;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

.mode:hover {
  color: #000;
}

.mode.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.mode.design.active {
  border-bottom-width: 3px;
}

.scene_bottom_controls {
  opacity: 1;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-2719 {
  opacity: .24;
  color: #000;
  cursor: pointer;
  border-radius: 2px;
  flex-direction: row;
  padding: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-2719:hover {
  opacity: 1;
}

.div-block-2720 {
  font-size: 12px;
}

.div-block-2721 {
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.topbar_m1 {
  opacity: 1;
  color: #727272;
  align-items: center;
  font-weight: 300;
  display: flex;
  position: absolute;
  left: 20px;
}

.thescene {
  flex-direction: column;
  width: 100%;
  padding-bottom: 100px;
  overflow: auto;
}

.thescene.hide-scrollbar {
  overflow: scroll;
}

.thescene.hidden {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.thescene.story {
  height: 100%;
  min-height: 100px;
  padding-bottom: 0;
  overflow: auto;
}

.div-block-2724 {
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-2719-copy {
  color: #7c7c7c;
  cursor: pointer;
  border-radius: 2px;
  margin-bottom: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
}

.div-block-2719-copy:hover {
  padding-bottom: 4px;
}

.scrollpanel {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.div-block-2725 {
  height: 100%;
  overflow: auto;
}

.div-block-2726 {
  z-index: 99999;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  width: 360px;
  height: 100%;
  position: absolute;
  left: 360px;
}

.div-block-2727 {
  z-index: 9;
  opacity: .62;
  background-color: #535353;
  width: 100%;
  height: 100%;
  position: absolute;
}

.addscene_prompt {
  z-index: 99;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 660px;
  height: 100%;
  padding-left: 0;
  display: none;
  position: absolute;
  left: 80px;
}

.addscene_prompt.active {
  max-width: 100%;
  display: flex;
}

.div-block-2728 {
  z-index: 9;
  background-color: #fff;
  min-width: 660px;
  max-width: 660px;
  height: 100%;
  min-height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  box-shadow: 1px 0 20px 8px #4d4d4d05;
}

.blurlayer {
  z-index: 5;
  opacity: .24;
  cursor: pointer;
  background-color: #5e5959;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-2730 {
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 20px 10px 20px 20px;
  font-size: 12px;
  display: flex;
}

.div-block-2731 {
  justify-content: flex-start;
  align-items: center;
  min-width: 450px;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  display: flex;
}

.image-517 {
  width: 20px;
}

.xbutton {
  cursor: pointer;
  background-color: #fff;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  display: flex;
}

.xbutton:hover {
  filter: invert();
}

.xbutton.addscene {
  border-radius: 99px;
  display: flex;
}

.featurebutton {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding: 22px 20px;
  display: flex;
}

.featurebutton:hover {
  background-color: #f7f7f7;
  border-color: #705353;
}

.div-block-2734 {
  width: 100%;
}

.sceneicon {
  background-color: #f1f1f1;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b1e8782142210e9a0c90a8_chatx.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-right: 8px;
  display: flex;
}

.sceneicon.message {
  background-color: #f2c53d;
  background-size: 20px;
}

.sceneicon.multichoice {
  background-color: #afebe4;
}

.sceneicon.rich {
  background-color: #9dcffb;
}

.sceneicon.feedback {
  background-color: #eaaecc;
}

.sceneicon.email {
  background-color: #ffddd0;
}

.sceneicon.website {
  background-color: #eaaecc;
}

.sceneicon.input {
  background-color: #deceba;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6192ba5e19e2f7097ff5c420_textonly3669202_format_text_ic_icon.svg");
  background-size: 23px;
}

.sceneicon.phone {
  background-color: #d7eccd;
}

.sceneicon.media {
  background-color: #f5f5d9;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6197bcb7b3f5450ee61b92de_videoicon.svg");
  background-size: 15px;
  margin-bottom: 0;
}

.sceneicon.story {
  background-color: #b3d9ff;
}

.sceneicon.textoptions {
  background-color: #afebe4;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6167456b7d67bcf7201d8ee0_choice.svg");
  background-size: 15px;
}

.sceneicon.recommendations {
  background-color: #badeca;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b4b5363de20d61a50fd893_stack.svg");
  background-size: 18px;
}

.sceneicon.payments {
  background-color: #d9e7ff;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b4b55a1e95a29883427f5e_payments.svg");
  background-size: 16px;
}

.sceneicon.embeds {
  background-color: #ffcfde;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b4b5af6f7c396dd9952c2e_embeds.svg");
  background-size: 16px;
}

.sceneicon.ranking {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6167469301e4aef2e6b1d831_star-feedback.svg");
  background-size: 16px;
}

.sceneicon.rounded {
  border-radius: 99px;
}

.sceneicon.social {
  background-color: #bbe2f0;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61bc6e291b5d65deb31091d1_tweet.svg");
  background-size: 16px;
}

.sceneicon.headline {
  background-color: #e4effa;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61f10abdd102a224dfff2e91_important.svg");
  background-size: 20px 20px;
  margin-bottom: 0;
}

.sceneicon.updates {
  background-color: #f5edc8;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61f10ac02e25d752cbe92ac0_rich.svg");
  background-size: 16px 16px;
}

.sceneicon.products {
  background-color: #daeecb;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61f1bfb8b2877f595b300664_license.svg");
  background-size: 20px;
}

.div-block-2736 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-2737 {
  font-size: 14px;
  font-weight: 500;
}

.div-block-2738 {
  color: #858585;
  font-size: 13px;
  font-weight: 300;
}

.featurescontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 21px;
  padding-left: 0;
  padding-right: 10px;
  display: grid;
}

.image-518 {
  width: 17px;
}

.image-518.size2 {
  width: 15px;
}

.radio {
  color: #b3b3b3;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.radio:hover {
  background-color: #fff;
  border-width: 1px;
  border-color: #999;
}

.radioswitch {
  background-color: #d4d7f1;
  border-radius: 20px;
  align-items: center;
  width: 29px;
  height: 18px;
  margin-top: 1px;
  margin-right: 7px;
  padding-left: 4px;
  padding-right: 4px;
  transition: width .22s, background-color .2s;
  display: flex;
}

.radioswitch.active {
  background-color: var(--royal-blue);
  justify-content: flex-end;
  width: 32px;
  margin-right: 7px;
  transition: background-color .2s;
}

.div-block-2742 {
  background-color: #fff;
  border-radius: 99px;
  width: 12px;
  height: 12px;
}

.div-block-2743 {
  margin-right: 6px;
}

.image-518-copy {
  width: 13px;
}

.holder2 {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding: 20px 10px;
}

.avatar-square {
  border: 1px solid #574d4d;
  border-radius: 99px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
  overflow: hidden;
}

.avatar {
  margin-left: 7px;
  margin-right: 7px;
  display: none;
}

.div-block-2745 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 300;
  display: flex;
}

.div-block-2746 {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.image-519 {
  object-fit: none;
  height: 100%;
}

.div-block-2747 {
  background-color: #fff;
  border-radius: 3px;
  flex-flow: wrap;
  justify-content: center;
  width: 46%;
  height: 50%;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0%;
  display: flex;
}

.visualsolutions {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 23px;
  display: grid;
}

.visualsolutions.cloud {
  flex-flow: wrap;
}

.div-block-2748 {
  border-radius: 3px;
  overflow: hidden;
}

.image-520 {
  height: 100%;
}

.div-block-2749 {
  color: #000;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1em;
  font-weight: 300;
}

.div-block-2747-copy {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 99px;
  flex-direction: column;
  width: 10em;
  height: 10em;
  padding: 5px;
  display: flex;
}

.div-block-2748-copy {
  border: 0 solid #0f5d8f;
  border-radius: 99px;
  height: 100%;
  overflow: hidden;
}

.div-block-2750 {
  width: 100%;
  height: 250px;
}

.div-block-2751 {
  opacity: 1;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61681213be089706071c997e_2792947_star_xmas_icon.svg");
  background-position: 50%;
  background-size: contain;
  width: 3em;
  height: 3em;
  margin-right: 12px;
}

.div-block-2751:hover {
  opacity: 1;
}

.div-block-2752 {
  margin-bottom: 12px;
  display: flex;
}

.theform {
  display: flex;
}

.theform.submitted {
  display: none;
}

.text-field {
  background-color: #0000;
  border: 0 solid #000;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.formline {
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.formline.v2 {
  padding-right: 15px;
}

.formline.v2.submitted {
  background-color: #fff;
  display: none;
}

.formline.v2.story {
  background-color: #0000;
  border-width: 0;
  border-bottom-style: solid;
  border-bottom-color: #a19be9;
  border-radius: 0;
}

.formline.multi {
  border: 1px solid #dadde2;
  border-radius: 6px;
  width: 100%;
  height: 56px;
  padding-right: 15px;
  font-family: Inconsolata, monospace;
  display: flex;
  position: relative;
}

.formline.large {
  border-width: 1px;
  border-color: #d1d1d1;
  border-radius: 6px;
  width: 100%;
  height: 220px;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-right: 12px;
  font-family: Inconsolata, monospace;
}

.formline.large.circular {
  height: 150px;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
}

.formline.shadow {
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0 0 5px 2px #20202005;
}

.image-521 {
  width: 20px;
}

.inputicon {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-family: Materialicons, sans-serif;
  font-size: 22px;
  display: flex;
  position: absolute;
  right: 11px;
}

.inputicon.phone {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/616747077e420ffffce23dff_phone1.svg");
}

.inputicon.name {
  opacity: .9;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6168aa100891b0f0c4cd86cd_profile-icon.svg");
  width: 16px;
  min-width: 16px;
}

.inputicon.email {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61674707a6cbef595f5e15f1_email.svg");
}

.inputicon.address {
  background-image: none;
}

.inputicon.number {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6192c65f743b688cc1c113d5_number3.svg");
}

.inputicon.anything {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b71f516bc64eeac31b4d37_type123.svg");
  background-size: 24px;
}

.inputicon.website {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6169b03d03da0bdcb83ecf3d_links3325151_link_icon.svg");
}

.inputicon.short {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b71f516bc64eeac31b4d37_type123.svg");
}

.inputicon.long {
  display: none;
}

.form_submit_buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.form_submit_buttons.submitted {
  display: none;
}

.form_submit_buttons.story {
  align-items: flex-start;
}

.submit_form_button {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0445af;
  border: 1px solid #0445af;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  padding: 16px 36px;
  font-size: 14px;
  font-weight: 400;
  display: none;
}

.submit_form_button:hover {
  color: #000;
  background-color: #fff;
  border-color: #666;
}

.submit_form_button.submitted {
  display: none;
}

.submit_form_button.active {
  color: #fff;
  background-color: #1654ff;
  border-width: 0;
  border-color: #1654ff;
  border-radius: 3px;
  justify-content: space-between;
  width: 100%;
  min-height: 50px;
  margin-bottom: 5px;
  margin-right: 0;
  padding: 15px 20px;
  font-weight: 500;
  display: flex;
}

.submit_form_button.active:hover {
  color: #fff;
  background-color: #1654ff;
}

.submit_form_button.active.noicon {
  justify-content: center;
}

.theform-copy {
  display: flex;
}

.xvisualsolutions-copy {
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-columns: 1fr;
  place-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 23px;
  display: flex;
}

.xvisualsolutions-copy.cloud {
  flex-flow: wrap;
}

.chat-holder {
  z-index: 9999;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-522 {
  width: 17px;
  margin-right: 5px;
}

.status_indicator {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 30px;
  display: flex;
  position: absolute;
  right: 0;
}

.status_indicator.left {
  justify-content: flex-end;
  margin-left: 30px;
  left: 0;
  right: auto;
}

.status_indicator.left.story {
  justify-content: flex-start;
  height: auto;
  padding-top: 10px;
  top: 0;
}

.status_indicator.right.story {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-top: 10px;
  top: 0;
}

.at_storycontrol {
  cursor: pointer;
  border: 1px solid #bebebe;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 10px;
  display: flex;
}

.at_storycontrol:hover {
  color: #000;
  border-color: #000;
}

.at_storycontrol.at_addscene {
  position: relative;
}

.at_storycontrol.at_addscene.story {
  margin-right: 0;
  font-size: 11px;
}

.at_storycontrol.at_moveup.story {
  width: 120px;
  font-size: 11px;
}

.at_storycontrol.at_movedown.story {
  width: 110px;
  font-size: 11px;
}

.at_storycontrol.clone.story, .at_storycontrol.delete {
  font-size: 11px;
}

.at_storycontrol.spaced, .at_storycontrol.story {
  margin-right: 10px;
}

.div-block-2759 {
  background-color: #d4d4d4;
  width: 1px;
  height: 100%;
}

.div-block-2759.first {
  opacity: 0;
}

.div-block-2759.story {
  display: none;
}

.objectholder {
  border: 1px solid #0000;
  justify-content: center;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
}

.objectholder.story {
  border-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
}

.objectholder.story.align_top {
  align-items: flex-start;
}

.objectholder.story.align_bottom {
  align-items: flex-end;
}

.objectholder.story.align_center {
  align-items: center;
}

.objectholder.story.horizontal {
  border-width: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100%;
}

.objectholder.story.horizontal.h_full {
  justify-content: center;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.objectholder.story.vertical {
  width: 100%;
}

.objectholder.highlighted {
  border: 1px solid #4846c5;
}

.objectholder.floating {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.image-522-copy {
  width: 20px;
  margin-right: 5px;
}

.comp_rich_choice {
  background-color: #f5f5f5;
  border: 0 solid #afabab;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.comp_feedback {
  background-color: #f5f5f5;
  border: 0 solid #afabab;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.input_component {
  border: 0 solid #000;
  border-bottom-color: #e7e7e7;
  border-radius: 0;
  width: 100%;
  padding: 5px 20px;
  transition: all .2s;
  position: relative;
}

.input_component.submitted {
  margin-top: 0;
  margin-bottom: 0;
}

.input_component.story {
  padding-left: 10px;
  padding-right: 10px;
}

.comp_email, .comp_website, .comp_consent, .comp_name {
  background-color: #f5f5f5;
  border: 0 solid #afabab;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.editor_items {
  width: 100%;
  padding-bottom: 68px;
}

.div-block-2760 {
  overflow: scroll;
}

.div-block-2761 {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  padding: 12px 36px;
  display: flex;
  position: static;
  bottom: -82px;
}

.image-523 {
  width: 18px;
  margin-right: 0;
}

.div-block-2762 {
  justify-content: space-between;
  width: 50%;
  padding: 20px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.image-523-copy {
  width: 16px;
  margin-right: 0;
  transform: rotate(-90deg);
}

.image-523-copy.r {
  margin-right: 0;
  transform: rotate(90deg);
}

.comp_input {
  background-color: #f5f5f5;
  border: 0 solid #afabab;
  border-radius: 4px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.at_placeholder {
  background-color: #a7a7a71a;
  border-radius: 50px 50px 5px;
  width: 100%;
  height: 36px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.at_placeholder._70 {
  width: 80%;
}

.at_placeholder._80 {
  border-radius: 5px 50px 50px;
  width: 80%;
}

.at_placeholder.client {
  border: 0 solid #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.comp_quiz {
  background-color: #f5f5f5;
  border: 0 solid #afabab;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.div-block-2763 {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-2763.story, .div-block-2763.second.chat {
  display: none;
}

.div-block-2763.one.chat {
  padding-top: 20px;
}

.div-block-2764 {
  flex-direction: column;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.at_initial_placeholder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.at_initial_placeholder.active {
  padding-top: 30px;
  font-weight: 300;
  display: flex;
}

.text-block-3 {
  margin-bottom: 14px;
}

.form {
  align-items: center;
  width: 100%;
  display: flex;
}

.form-block-2 {
  align-items: center;
  width: 100%;
  margin-bottom: auto;
  display: flex;
}

.contentsearch {
  border: 0 solid #000;
  width: 100%;
  height: 45px;
  margin-bottom: auto;
}

.image-524 {
  opacity: .32;
  width: 17px;
  margin-top: 3px;
}

.tagbutton {
  color: #353535;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f100;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 7px 18px;
  font-size: 12px;
  display: flex;
}

.tagbutton:hover {
  background-color: #fff;
  border: 1px solid #aaa;
}

.tagbutton.active {
  background-color: #fff;
  border-color: #929292;
}

.tagbutton.options {
  background-color: #eaaecc;
  margin-bottom: auto;
}

.tagbutton.media {
  margin-bottom: auto;
}

.tagbutton.messages {
  background-color: #facd48;
}

.tagbutton.shoppable {
  background-color: #afebe4;
}

.tagbutton.rating, .tagbutton.upload {
  background-color: #9dcffb;
}

.features_tag_container {
  align-items: center;
  display: flex;
}

.div-block-2767 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.label {
  z-index: 2;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.label.a {
  font-size: 14px;
}

.label.b {
  color: #999;
  margin-top: 2px;
  font-size: 12px;
  display: none;
}

.label.center {
  justify-content: center;
}

.label._100 {
  width: 100%;
}

.label.label2 {
  position: relative;
  top: 40px;
}

.label.results {
  display: flex;
}

.label.small {
  font-size: 15px;
  line-height: 20px;
}

.div-block-2730-copy {
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 20px 135px 20px 20px;
  font-size: 12px;
  display: none;
}

.div-block-2768 {
  display: flex;
}

.shortcut {
  border: 0 solid #b3b3b3;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px 14px 2px;
  display: flex;
}

.div-block-2769 {
  text-transform: uppercase;
  border: 1px solid #cfc9c9;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.div-block-2770 {
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 8px;
  display: flex;
  position: relative;
  bottom: 5px;
}

.pageloader {
  z-index: 999;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.image-525 {
  width: 30px;
}

.div-block-2772 {
  color: #a7a7a7;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.text-block-4 {
  margin-left: 5px;
}

.div-block-2773 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-2774 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.panelcomponent {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.text-field-2 {
  width: 100%;
  height: 300px;
}

.text_input_label {
  z-index: 50;
  color: #505050;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.text_input_label._2 {
  margin-bottom: 10px;
}

.form-2 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.form-2.vertical {
  flex-direction: column;
}

.form-2.h {
  flex-direction: row;
}

.form-2.min {
  border-bottom: 1px solid #eee;
  min-height: 55px;
  margin-bottom: 5px;
  padding-bottom: 16px;
}

.longinput {
  background-color: #0000;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  height: 120px;
  min-height: 168px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}

.longinput:focus {
  border-color: #4745c2;
}

.longinput.textoptions {
  min-height: 336px;
  font-size: 15px;
}

.longinput.textoptionslabel {
  height: 42px;
  min-height: 42px;
}

.longinput.createfromurl {
  height: 255px;
}

.div-block-2777 {
  color: #5c5b51;
  letter-spacing: .3px;
  background-color: #f5f5ee;
  border: 1px solid #e7e7e7;
  border-radius: 5px 99px 99px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 3px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-2778 {
  flex-direction: column;
  margin-top: 15px;
  display: flex;
}

.form-block-3 {
  z-index: 10;
  width: 100%;
  position: relative;
}

.form-block-3.nospace {
  margin-bottom: 0;
}

.form-block-3.nospace.top {
  margin-top: 10px;
}

.form-block-3.hidden {
  display: none;
}

.form-block-3.a, .form-block-3._5 {
  margin-bottom: 0;
}

.form-block-3._5-copy {
  margin-bottom: 0;
  display: none;
}

.form-block-3._5-copy.active {
  flex-direction: column;
  display: flex;
}

.div-block-2779 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-2780 {
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 11px;
  display: flex;
}

.image-526 {
  width: 13px;
  margin-right: 6px;
}

.conversations_tag {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding: 6px 15px 6px 13px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.conversations_tag:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.conversations_tag.last {
  margin-bottom: 0;
  margin-right: 0;
}

.conversations_tag.last.spaced {
  margin-left: 20px;
}

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

.conversations_tag.close.last.spaced, .conversations_tag.savecurrent.spaced {
  margin-right: 5px;
}

.conversations_tag.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.conversations_tag.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.conversations_tag.white {
  background-color: #fff;
}

.conversations_tag.white.hidden {
  display: flex;
}

.conversations_tag.white.mediadelete {
  color: #5c5c5c;
  background-color: #0000;
  border-color: #ebebeb;
  min-height: 34px;
  margin-bottom: 0;
  margin-right: 3px;
  padding-right: 13px;
}

.conversations_tag.white.mediadelete.last {
  margin-right: 0;
  padding-right: 13px;
}

.conversations_tag._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.conversations_tag._50.lt {
  margin-right: 0;
}

.conversations_tag._100 {
  width: 100%;
}

.conversations_tag._100.last {
  color: #444;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.conversations_tag._100.last.break {
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.conversations_tag.active {
  background-color: #fff;
  border-color: #999;
}

.conversations_tag.addpresets {
  display: none;
}

.conversations_tag.full {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
}

.div-block-2782 {
  justify-content: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.styles_setup {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: auto;
}

.styles_setup.b, .styles_setup.social {
  overflow: visible;
}

.div-block-2784 {
  border: 0 solid #000;
  font-size: 11px;
}

.div-block-2785 {
  margin-top: 15px;
}

.div-block-2786 {
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-2787 {
  width: 100%;
}

.body-3 {
  background-color: #f1f1f1;
  font-family: Circularxxweb, sans-serif;
}

.div-block-2788 {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-2788.left {
  justify-content: flex-start;
}

.div-block-2789 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-2790 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 400px;
  display: flex;
}

.div-block-2791 {
  font-size: 16px;
  display: flex;
}

.configpanel {
  transition: all .1s;
}

.configpanel.slided {
  position: absolute;
  right: -460px;
}

.configpanel.coversettings {
  background-image: linear-gradient(#fff, #f1f1f1);
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.message_input_container {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-2794 {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
}

.div-block-2794.hidden {
  display: none;
}

.div-block-2795 {
  opacity: .5;
  border-bottom: 1px dotted #c5b3b3;
  width: 100%;
  height: 42px;
}

.div-block-2795._25 {
  opacity: .25;
}

.div-block-2795._15 {
  opacity: .15;
}

.div-block-2795._5 {
  opacity: .05;
}

.div-block-2795._0 {
  opacity: 0;
}

.image-527 {
  width: 18px;
}

.image-526-copy-copy {
  width: 12px;
  margin-right: 5px;
}

.div-block-2716-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.editor_state {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
}

.topbar_m3 {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #0d3bbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 12px 30px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: absolute;
  right: 20px;
}

.topbar_m3:hover {
  background-color: #1d1d1d;
  border-color: #3b3b3b;
}

.topbar_m3.exit {
  color: #000;
  background-color: #fff;
  border-color: #929292;
}

.topbar_m3.add_scene_v2 {
  color: #363636;
  background-color: #0000;
  border-color: #707070;
}

.display_sizes {
  flex-direction: row;
  display: flex;
  position: absolute;
  right: 20px;
}

.display_sizes.edit {
  position: static;
  left: 20px;
  right: auto;
}

.div-block-2797 {
  color: #cfcfcf;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  font-size: 12px;
  display: flex;
}

.media_type_button {
  color: #000;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 4px 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.media_type_button:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.media_type_button.last {
  margin-right: 0;
}

.media_type_button.last.st {
  border-radius: 6px;
}

.media_type_button.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.media_type_button.blue:hover {
  background-color: #000;
  border-color: #000;
}

.media_type_button.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.media_type_button.tw {
  padding-right: 18px;
}

.media_type_button.astab {
  color: #999;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #fff0;
  border-width: 0 0 3px;
  border-bottom-color: #41414100;
  border-radius: 0;
  height: 100%;
  margin-right: 15px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 11px;
  font-weight: 700;
}

.media_type_button.astab:hover {
  color: #000;
}

.media_type_button.astab.active {
  color: #050505;
  border-bottom-color: #131313;
}

.media_type_button.astab.is_editor {
  color: #adadad;
  text-transform: none;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  bottom: -1px;
}

.media_type_button.astab.is_editor.active {
  color: #272727;
  border-bottom-width: 2px;
}

.media_type_button.astab.hidden, .media_type_button.astab.hidden.is_knowledge, .media_type_button.astab.gen_ai.is_knowledge {
  display: none;
}

.media_type_button.astab.is_knowledge {
  display: flex;
}

.media_type_button.astab.is_library.is_knowledge {
  display: none;
}

.div-block-2798 {
  background-color: #f3f3f1;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  width: 100%;
  padding: 12px 26px 10px 15px;
  font-weight: 300;
}

.div-block-2799 {
  align-items: center;
  padding-bottom: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-2800 {
  border-top: 1px solid #e6e6e6;
  border-bottom: 0 solid #e6e6e6;
  padding: 10px 23px 10px 10px;
}

.comp_message_presets {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.mediasearch_header_top {
  border-bottom: 1px solid #e9e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 300;
  display: none;
  position: static;
  top: 0;
}

.mediasearch_header_top.active {
  border-bottom-color: #f0f0f0;
  display: flex;
}

.presetsholder {
  height: 100%;
  padding: 10px 15px;
  overflow: hidden;
}

.presetsholder.a {
  height: auto;
}

.presetsholder.layers {
  overflow: auto;
}

.presetmessage {
  cursor: pointer;
  border-bottom: 1px solid #f7f7f7;
  border-radius: 1px;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
}

.div-block-2804 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  font-size: 10px;
  display: flex;
}

.div-block-2804:hover {
  color: #fff;
  background-color: #363636;
  border-color: #363636;
}

.image-528 {
  width: 12px;
}

.div-block-2805 {
  flex-direction: column;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.div-block-2806 {
  height: 100%;
  padding-top: 3px;
  font-size: 15px;
}

.panel_content {
  z-index: 99;
  border-bottom: 1px solid #eee;
  padding: 10px 30px 20px;
  position: sticky;
  top: 0;
}

.panel_content.sep {
  background-color: #0000;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.panel_content.textoptions {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.panel_controls {
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.div-block-2809 {
  white-space: nowrap;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.div-block-2809._0 {
  padding-right: 0;
}

.tips {
  padding-left: 30px;
  padding-right: 30px;
}

.nws_placeholder {
  z-index: 3;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_placeholder.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.message_preset {
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  font-size: 14px;
  display: flex;
}

.message_preset:hover {
  background-color: #f1f1f1;
}

.image-529 {
  width: 16px;
  margin-right: 4px;
}

.config_menu {
  background-color: #f6f7f480;
  border-bottom: 1px solid #e9e7e7;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 10px 0;
  font-weight: 300;
  display: flex;
  overflow: visible;
}

.config_menu.emoji {
  padding-top: 8px;
  padding-bottom: 8px;
}

.config_menu.twosides {
  justify-content: space-between;
}

.config_category_navigator {
  color: #a5a5a5;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  margin-bottom: -1px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
}

.config_category_navigator:hover {
  color: #000;
  border-bottom-color: #000;
}

.config_category_navigator.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.comp_emojis {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.image-530 {
  width: 20px;
}

.div-block-2812 {
  justify-content: flex-start;
  width: 100%;
  margin-right: 20px;
  display: flex;
}

.emocontainer {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.emojiunit {
  cursor: pointer;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 26px;
  display: flex;
}

.emojiunit:hover {
  background-color: #e2e2e2;
}

.comp_delay {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.image-531 {
  width: 14px;
}

.div-block-2813 {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}

.comp_emojigroups {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.layers_manager_holder {
  flex-direction: column;
  height: 100%;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  overflow: auto;
}

.layers_manager_holder.active {
  display: flex;
}

.layers_manager_holder.lightscroll {
  width: 100%;
  padding-right: 0;
  display: none;
}

.layers_manager_holder.lightscroll.active {
  display: flex;
}

.layers_manager_holder.lightscroll.active.visible {
  overflow: visible;
}

.layers_manager_holder.lightscroll.active.visible.auto {
  overflow: auto;
}

.message_components {
  z-index: 3;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.message_components.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.comp_variables {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: auto;
}

.text-field-3 {
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 0;
}

.comp_search {
  width: 100%;
  margin-bottom: 0;
}

.compsearch1 {
  width: 100%;
}

.div-block-2816 {
  border: 1px solid #b3b3b3;
  border-radius: 1px;
  margin-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 8px;
  line-height: 14px;
}

.div-block-2817 {
  opacity: .41;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 9px;
  display: flex;
  position: absolute;
  bottom: -21px;
  left: 0;
}

.div-block-2818 {
  z-index: 99;
  background-color: #fff;
  position: relative;
}

.div-block-2818.is_knowledge {
  display: none;
}

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

.config_category_nav {
  color: #a5a5a5;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  margin-bottom: -1px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 3px;
  font-size: 10px;
  font-weight: 500;
}

.config_category_nav:hover {
  color: #000;
}

.config_category_nav.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.config_category_nav_regular {
  color: #a5a5a5;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  margin-bottom: -1px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
}

.config_category_nav_regular:hover {
  color: #000;
  border-bottom-color: #000;
}

.config_category_nav_regular.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.config_category_nav_regular.first {
  margin-left: 0;
}

.config_category_nav_regular.hidden, .config_category_nav_regular.invisible {
  display: none;
}

.config_search_field {
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 0;
}

.div-block-2698-copy {
  justify-content: center;
  align-items: center;
  min-width: 300px;
  margin-right: 10px;
  padding: 15px 0;
  display: flex;
}

.div-block-2819 {
  display: none;
}

.messagepresetsholder {
  padding: 10px 15px;
}

.message_preset_delay {
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  font-size: 14px;
  display: flex;
}

.message_preset_delay:hover, .message_preset_delay.active {
  background-color: #f1f1f1;
}

.presetmessage_delay {
  cursor: pointer;
  border-bottom: 1px solid #f7f7f7;
  border-radius: 1px;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
}

.div-block-2820 {
  max-width: 600px;
}

.div-block-2821 {
  justify-content: center;
  align-items: center;
  padding-top: 36px;
  display: flex;
}

.componentelement {
  background-color: #f1f1f1;
  border-bottom: 1px solid #4e4e4e;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.componentelement.white {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  width: 100%;
  min-height: 500px;
}

.componentelement.white.a {
  height: 500px;
  position: relative;
}

.componentelement.white._100 {
  z-index: 1000;
  position: relative;
}

.componentelement.black {
  background-color: #272727;
}

.componentelement.black.wtext {
  color: #dadada;
}

.tmp_complabel {
  color: #fff;
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 250px;
  padding: 50px 30px 50px 35px;
  font-size: 14px;
  line-height: 25px;
  display: flex;
  transform: translate(0);
}

.tmp_complabel.n {
  background-color: #424242;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
}

.tmp_complabel.n.t {
  font-weight: 700;
}

.tmp_complabel.t {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
}

.tmp_comp {
  justify-content: flex-start;
  align-items: center;
  width: 67%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.tmp_comp.t {
  font-weight: 700;
}

.tmp_comp.white {
  background-color: #fff;
}

.tmp_comp.white.large {
  min-height: 900px;
}

.tmp_comp.gray {
  background-color: #f1f1f1;
  flex-direction: row;
  align-items: center;
  height: 700px;
  box-shadow: -7px 5px 9px -2px #0003;
}

.tmp_comp.gray.top100 {
  justify-content: flex-end;
  min-height: 100vh;
}

.tmp_comp.gray.q {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.tmp_comp.gray.white {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  background-color: #fff;
  width: 100%;
}

.tmp_comp.f8 {
  background-color: #f8f8f8;
}

.tmp_comp.abs {
  justify-content: flex-end;
  min-height: 100vh;
  max-height: 100vh;
}

.component_label {
  color: #fff;
  background-color: #272727;
  width: 100%;
  display: flex;
  position: relative;
}

.tmp_fullscreencomponent {
  font-family: Circularxxweb, sans-serif;
}

.tmp_fullscreencomponent._1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.configuration_textoptions {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 460px;
  min-width: 460px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_textoptions.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.configuration_textoptions.shadow {
  width: 500px;
  min-width: 500px;
}

.blocklabel {
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.blocklabel:focus {
  border: 1px solid #4745c2;
}

.blocklabel.urls {
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  margin-bottom: 0;
  padding-left: 50px;
  font-size: 14px;
}

.blocklabel.urls:focus {
  color: #272727;
  background-color: #fff;
  border-color: #747474;
}

.blocklabel.urls::placeholder {
  font-size: 14px;
}

.available_styles {
  margin-bottom: 6px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
  display: none;
}

.available_styles.active {
  flex-direction: column;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.logic_item_content {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.logic_item_content.active {
  color: #000;
  background-color: #fff;
  border: 1px solid #4e4e4e;
}

.optionscontainer {
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
}

.image-532 {
  width: 12px;
}

.div-block-2806-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  padding-top: 3px;
  font-size: 14px;
  display: flex;
}

.div-block-2805-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.div-block-2824 {
  margin-bottom: 5px;
}

.div-block-2824.b {
  margin-top: 10px;
}

.logiclabel {
  border: 1px solid #b6b6b6;
  border-radius: 99px;
  align-items: center;
  margin-top: 3px;
  padding: 4px 14px 4px 18px;
  font-size: 12px;
  line-height: 17px;
  display: flex;
  position: relative;
}

.logiclabel.regular {
  margin-top: 0;
}

.div-block-2825 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-2825.stacked {
  flex-flow: wrap;
  align-items: center;
}

.logic_item {
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  min-height: 75px;
  margin-top: 3px;
  margin-bottom: 3px;
  display: flex;
}

.logic_item:hover, .logic_item.active {
  background-color: #f1f1f1;
}

.logic_settings_container {
  width: 100%;
  padding: 10px;
}

.textoptions_logic_settings {
  background-image: linear-gradient(#f8f8f8, #fff);
  border: 1px solid #d1d1d1a3;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 25px;
  display: flex;
  overflow: hidden;
}

.div-block-2826 {
  background-color: #fff;
  border-bottom: 1px solid #f7e9e9;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 12px;
  display: flex;
}

.config_category_nav_logic {
  color: #a5a5a5;
  letter-spacing: .3px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  margin-bottom: -1px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
}

.config_category_nav_logic:hover {
  color: #000;
  border-bottom-color: #000;
}

.config_category_nav_logic.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.div-block-2827 {
  width: 100%;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-2828 {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-2829 {
  margin-bottom: 5px;
}

.image-533 {
  width: 13px;
  transform: rotate(90deg);
}

.style_item {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  min-height: 65px;
  display: flex;
}

.style_item:hover, .style_item.active {
  background-color: #f1f1f1;
}

.main_app_container {
  width: 100%;
  position: relative;
}

.notifications_container {
  z-index: 9999;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 366px;
  padding-top: 10px;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 102px;
}

.notifications_container.dashboard {
  z-index: 99999999;
  align-items: flex-end;
  bottom: 20px;
  left: 280px;
  right: auto;
}

.notifications_container.dashboard.sided {
  right: 821px;
}

.notifications_container.create {
  bottom: 90px;
  left: 100px;
  right: auto;
}

.notifications_container.projects, .notifications_container.analytics {
  left: 313px;
}

.notifications_container.strategy {
  position: absolute;
  left: auto;
  right: 20px;
}

.notification_message {
  color: #f1f1e1f7;
  cursor: pointer;
  background-color: #1b1b1be6;
  border: 0 solid #d6d6d6b3;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  box-shadow: 0 0 6px 3px #00000005;
}

.notification_message:hover {
  background-color: #1b1b1bf2;
}

.div-block-2831 {
  color: #000;
  cursor: pointer;
  background-color: #ffffff80;
  border: 1px solid #d4d4d4;
  border-radius: 99px;
  justify-content: flex-end;
  margin-left: 5px;
  padding: 6px 18px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: static;
  top: -36px;
  right: 2px;
}

.div-block-2831:hover {
  color: #000;
  background-color: #fff;
  border-color: #646464;
}

.div-block-2831.invert {
  color: #4d4d4d;
  background-color: #ffffffe6;
  border-color: #a1a1a1;
}

.div-block-2832 {
  border-right: 1px solid #58585887;
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
}

.notification_dismiss_button {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.image-526-copy-copy-copy {
  filter: invert();
  width: 13px;
  margin-left: 5px;
  margin-right: 0;
}

.title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.configpanel0 {
  z-index: 99;
  height: 100%;
}

.configpanel0.advanced {
  width: 100%;
}

.configpanel0.nativefonts {
  background-color: #fff;
  background-image: linear-gradient(#fff 10%, #f8f8f8);
  border-left: 1px solid #e2e2e2cc;
  width: 470px;
  min-width: 470px;
  overflow: auto;
  box-shadow: -8px 4px 10px #00000008;
}

.layer_selector {
  z-index: 3;
  background-color: #fff;
  border-left: 1px solid #f1f1f1;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 380px;
  max-width: 440px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layer_selector.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-2725-copy {
  height: 100%;
  overflow: auto;
}

.logic_layer_holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px 10px;
  display: flex;
}

.logic_layer_holder.a {
  height: 100%;
  display: block;
}

.logic_layer_holder.a-copyb {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.jump_here_label {
  background-color: #f1f1f1;
  border: 1px solid #888;
  border-radius: 99px;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 300;
  display: none;
  position: absolute;
  bottom: 20px;
}

.jump_here_label.active {
  z-index: 99;
  background-color: #fffae0;
  border-color: #dfdfdf;
  display: flex;
}

.image-534 {
  width: 11px;
  margin-top: 1px;
  margin-right: 4px;
}

.logicpanel_jump_to {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.input_search_block_logic {
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 0;
}

.div-block-2833 {
  border-bottom: 1px solid #e9e9e980;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  min-height: 80px;
  padding-left: 20px;
  display: flex;
}

.logic_label {
  opacity: .26;
  color: #0f0f0f;
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.logic_label:hover {
  color: #000;
}

.logic_label.active {
  color: #000;
  border-bottom: 3px solid #000;
}

.logic_label.design.active {
  border-bottom-width: 2px;
}

.div-block-2834 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.btn_notifications {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.btn_notifications:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.btn_notifications.last {
  margin-right: 0;
}

.btn_notifications.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.btn_notifications.blue:hover {
  background-color: #000;
  border-color: #000;
}

.notifications_container_top {
  position: absolute;
}

.notifications_container_top.a {
  position: static;
}

.notifications_dismiss {
  justify-content: space-between;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
}

.configuration_input {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_input.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.input_label {
  color: #727272;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
  box-shadow: 0 0 6px #0000000f;
}

.input_label:hover {
  border: 1px solid var(--light-steel-blue);
  background-color: var(--ivory);
}

.input_label:focus {
  border: 1px solid var(--cornflower-blue);
}

.input_label.bold {
  color: #4b4b4b;
  font-weight: 500;
}

.input_label.nospace, .input_label.zero {
  margin-bottom: 0;
}

.input_cta {
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.input_cta:focus {
  border: 1px solid #4745c2;
}

.input_content_options {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
}

.input_content_type {
  color: #1b1b1b;
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.input_content_type:hover {
  background-color: #f1f1f1;
}

.input_content_type.active {
  background-color: #f1f1f1;
  transition: background-color .2s;
}

.div-block-2806-copy-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 3px;
  font-size: 15px;
  display: flex;
}

.image-535 {
  width: 14px;
}

.div-block-2835 {
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.content_types {
  border-radius: 6px;
  width: 100%;
}

.content_types.active {
  background-color: #f1f1f1;
}

.input_settings {
  z-index: 99;
  border-bottom: 1px solid #eee;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0;
  overflow: auto;
}

.textoptions_image {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.textoptions_image.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.textoptions_image.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.textoptions_image.bold {
  color: #fff;
  background-color: #3c3fe4;
  border-color: #3c3fe4;
  font-weight: 500;
}

.textoptions_image.red {
  color: red;
  border-color: red;
  font-family: Inconsolata, monospace;
}

.textoptions_image.right {
  border-color: #0000;
}

.div-block-2836 {
  background-color: #dfdfdf;
  border: 0 solid #fff6;
  border-radius: 99px;
  width: 99px;
  min-width: 99px;
  height: 99px;
  min-height: 99px;
  position: relative;
  overflow: hidden;
}

.div-block-2836.poll {
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.image-536 {
  object-fit: none;
  height: 100%;
}

.multi_option_group {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: flex;
}

.multi_option_group.nogrid {
  justify-content: flex-start;
  display: flex;
}

.multi_option_group.grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.multi_option_group.coverstyle {
  margin-top: 5px;
  margin-bottom: 16px;
  font-weight: 300;
}

.image-537 {
  width: 16px;
}

.multi_option_item {
  text-align: center;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 86px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
}

.multi_option_item:hover {
  background-color: #f1f1f1;
  border-color: #888;
}

.multi_option_item.active {
  background-color: #fff;
  border-color: #9b9b9b;
}

.multi_option_item.last {
  margin-right: 0;
}

.multi_option_item.last.survey {
  display: flex;
}

.multi_option_item._100 {
  width: 100%;
}

.multi_option_item.hidden {
  display: none;
}

.div-block-2839 {
  padding: 6px 8px 10px;
}

.image-537-copy {
  width: 19px;
}

.image-537-copy.b {
  width: 15px;
}

.image-537-copy.longanswer {
  width: 26px;
}

.image-537-copy.email {
  width: 17px;
}

.image-537-copy.short {
  width: 16px;
}

.image-537-copy.date {
  width: 18px;
}

.image-537-copy.small {
  width: 14px;
}

.image-537-copy.l {
  width: 22px;
}

.radio_selector {
  flex-direction: column;
  margin-bottom: 20px;
  font-weight: 300;
  display: flex;
}

.radio_selector.hidden {
  display: none;
}

.number_indicator {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-right: 10px;
  font-size: 12px;
  display: none;
}

.number_indicator.poll {
  z-index: 2;
  background-color: #fff0;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
  position: relative;
}

.number_indicator.poll.pluto {
  border-width: 1px;
  border-color: #e4e4e400;
}

.number_indicator.poll.results {
  border-width: 1px;
  border-color: #e2dfdf;
  display: flex;
}

.number_indicator.poll.elpaso {
  font-size: 10px;
  line-height: 20px;
}

.image_container {
  z-index: 4;
  opacity: 1;
  background-color: #f7f7f7;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  transition: all .8s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image_container.mediaconfig {
  object-fit: cover;
  min-height: auto;
}

.image_container.tiny {
  border-top-right-radius: 0;
  min-width: auto;
  min-height: 150px;
}

.image_container.wrapped {
  min-width: 150px;
  min-height: 120px;
}

.image_container.regular, .image_container.reset {
  min-width: auto;
  min-height: auto;
}

.image_container.visual {
  object-fit: cover;
  border-radius: 0;
}

.image_container.small {
  border-radius: 0;
  min-height: 80px;
  max-height: 100px;
}

.image_container.pano {
  background-color: #f7f7f700;
}

.image_container.smallest {
  border-radius: 16px;
  min-height: 100%;
}

.div-block-2841 {
  z-index: 10;
  width: 80%;
  position: absolute;
}

.div-block-2842 {
  border: 1px solid #b9b8b81a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
}

.div-block-2842.right {
  background-color: #fff;
  border: 2px solid #31a802;
}

.div-block-2842.wrong {
  border: 2px solid #ce1414;
}

.side_panel {
  z-index: 3;
  background-color: #fff;
  border-left: 1px solid #f1f1f1;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 650px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.side_panel.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.side_panel.advanced {
  width: 100%;
  min-width: 100%;
}

.side_panel.lightscroll {
  overflow: auto;
}

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

.div-block-2833-copy {
  border-bottom: 1px solid #e9e9e980;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding-left: 20px;
  display: flex;
}

.image_indicator {
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 74px;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.image_indicator:hover {
  background-color: #f1f1f1;
}

.image_indicator.active {
  color: #000;
  background-color: #f1f1f1;
  border: 0 solid #000;
}

.image_indicator.correct {
  background-color: #e1eed4;
}

.image_indicator.incorrect {
  background-color: #f7e2df;
}

.div-block-2825-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 14px;
  display: flex;
}

.option_image_holder {
  border-radius: 99px;
  width: 45px;
  height: 45px;
  display: flex;
  overflow: hidden;
}

.image-538 {
  height: 100%;
}

.media_search {
  z-index: 20;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 0;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  top: 0;
  overflow: visible;
}

.loginbox {
  z-index: 10;
  opacity: 1;
  background-color: #fff;
  border: 0 solid #dadada80;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 351px;
  padding-top: 39px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1541-copy {
  margin-right: 15px;
}

.div-block-1833 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  right: 0;
}

.registerelement {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: none;
}

.error {
  color: #3b3b3b;
  background-color: #f5f0ee;
  border: 1px solid #f1e4d3;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 14px;
  display: flex;
}

.text-block-306-copy-copy212 {
  color: #cfcfcf;
}

.form-grid-halves-copy-copy {
  grid-column-gap: 18px;
  grid-row-gap: 37px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
}

.image-377 {
  width: 20px;
  margin-bottom: 0;
}

.div-block-1838 {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: 40px;
}

.form-input-4 {
  background-color: #fafafa;
  border: 1px solid #c0c0c0fc;
  border-radius: 2px;
  height: 55px;
  margin-bottom: 0;
  padding: 16px 20px 16px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: border-color .2s;
}

.form-input-4:focus {
  border-color: #0042f6;
}

.form-input-4::placeholder {
  color: #2c2d3680;
  font-size: 14px;
  line-height: 24px;
}

.div-block-1845 {
  color: #8a8c97;
  justify-content: flex-start;
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: -36.5px;
}

.loginpage {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-1850 {
  align-items: center;
  display: flex;
}

.image-377-copy {
  filter: invert();
  width: 20px;
  margin-bottom: 0;
}

.div-block-1846 {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: none;
}

.div-block-1846.active {
  display: flex;
}

.footer-bottom-links-copy {
  opacity: .5;
  color: #cfcfcf;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-1837 {
  color: #b6b6b6;
  cursor: pointer;
  border-radius: 3px;
  margin-top: 10px;
  padding: 4px 10px;
  font-size: 12px;
}

.div-block-1837:hover {
  color: #d3d3d3;
  background-color: #222;
}

.div-block-1534 {
  position: relative;
}

.text-block-342 {
  margin-left: 10px;
}

.div-block-1849-copy {
  z-index: 9;
  color: #8a8a8a;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  font-size: 14px;
  display: flex;
  position: relative;
}

.div-block-1840 {
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
}

.div-block-1843 {
  opacity: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.text-block-341 {
  white-space: nowrap;
}

.form-error-3 {
  color: #fff;
  text-align: center;
  background-color: #c4c4c4;
  border-radius: 5px;
  height: 60px;
  margin-top: 12px;
  padding: 18px;
  font-size: 15px;
  line-height: 25px;
}

.image-378 {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.link-block-copy {
  margin-right: 15px;
}

.register2 {
  color: #fff;
  cursor: pointer;
  border: 2px solid #ffffff1a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.register2:hover {
  color: #fff;
  background-color: #000;
}

.form-success-2 {
  color: #fff;
  background-color: #0000;
  border-radius: 5px;
  padding: 18px 18px 18px 0;
  font-size: 16px;
  line-height: 25px;
}

.a2 {
  opacity: .88;
  color: #000;
  text-align: left;
}

.div-block-1813-copy {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.div-block-1741 {
  z-index: 99;
  justify-content: flex-start;
  padding-bottom: 3px;
  padding-left: 0;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: static;
  top: -12px;
  left: 10px;
}

.div-block-1839-copy {
  color: #fff;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #3469fe;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 14px;
  display: flex;
}

.div-block-1839-copy:hover {
  color: #fff;
}

.div-block-1849 {
  z-index: 9;
  color: #8a8a8a;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-right: 0;
  font-size: 14px;
  display: flex;
  position: relative;
}

.registerbut-copy {
  cursor: pointer;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 5px 14px;
  display: flex;
}

.registerbut-copy:hover {
  color: #c4c4c4;
  background-color: #202020;
}

.image-376 {
  width: 160px;
}

.div-block-1841 {
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 6px;
  display: flex;
}

.div-block-1813-copy-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin-top: 15px;
  display: flex;
}

.div-block-1835 {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.registerbut {
  color: #b9b9b9;
  cursor: pointer;
  border-radius: 2px;
  margin-left: 0;
  padding: 5px 25px;
}

.registerbut:hover {
  color: #c4c4c4;
  background-color: #404138;
}

.image-379 {
  opacity: .6;
  filter: invert();
  width: 14px;
  margin-right: 6px;
}

.freeze {
  z-index: 30;
  opacity: .83;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.image-304 {
  opacity: 1;
  width: 30px;
}

.div-block-1842 {
  color: #a1a1a1;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
}

.div-block-1739-copy-copy {
  z-index: 1;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 10px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.form-block-4 {
  margin-bottom: 0;
}

.form-block-4.a2 {
  opacity: 1;
  width: 100%;
}

.text-block-306-copy-copy21 {
  color: #cfcfcf;
}

.form-grid-vertical-copy231 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-1814-copy-copy {
  color: #fff;
  cursor: pointer;
  background-color: #050505;
  border: 1px solid #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 60px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.div-block-1814-copy-copy:hover {
  color: #242424;
  background-color: #fff;
  border-color: #888;
}

.div-block-1847 {
  z-index: 10;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 13px;
  position: absolute;
  bottom: 40px;
}

.social_signin {
  color: #131313;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #5c5c5cfc;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.social_signin:hover {
  filter: invert();
}

.loginelement {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.gallery_holder {
  column-count: 3;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(119px, 1fr));
  grid-auto-columns: 1fr;
  column-gap: 6px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.gallery_holder.advanced {
  column-count: 4;
}

.gallery_holder.active {
  display: block;
}

.gallery_holder.simple.active {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  column-count: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery_holder.simple.active._2 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.gallery_holder.simple.active.ai {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.image-539 {
  width: 100%;
}

.media_element {
  background-color: #f8f8f8;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.media_element.selected {
  border: 2px solid var(--royal-blue);
  padding: 4px;
}

.gallery_media_holder {
  opacity: .9;
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 60px;
  position: relative;
}

.gallery_media_holder:hover {
  opacity: 1;
}

.gallery_row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.gallery_row.g_row3 {
  display: none;
}

.media_placeholder {
  opacity: .8;
  background-color: #f1f1f1;
  border-radius: 6px;
  width: 100%;
  height: 130px;
}

.media_placeholder._2 {
  height: 180px;
}

.media_placeholder._3 {
  height: 100px;
}

.layer_type {
  color: #7c7c7c;
  font-size: 10px;
  line-height: 14px;
}

.layer_type.reports {
  color: #b6b6b6;
  font-size: 11px;
}

.correct_answer, .incorrect_answer {
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: none;
}

.image-540 {
  width: 23px;
}

.image_option_container {
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
}

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

.themessage.sans {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 17px;
}

.themessage.story {
  width: 100%;
  height: 100%;
}

.themessage.compact {
  border: 0 solid #000;
}

.media_container_bottom {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-top-width: 0;
  border-radius: 0 0 99px 99px;
  width: 100%;
  height: 12px;
}

.div-block-2846 {
  background-color: #fff;
  border: 0 solid #dfdfdf;
  border-width: 0 1px;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
}

.message_container_top {
  background-color: #ecf5f9;
  border: 1px solid #c3deeb;
  border-bottom: 0 solid #dfdfdf;
  border-radius: 99px 99px 0 0;
  width: 100%;
  height: 12px;
}

.message_container_top.black {
  background-color: #fff;
  border-width: 1px 1px 0;
  border-color: #cccab3 #cccab3 #000;
  border-top-left-radius: 99px;
}

.message_container_top.updates {
  background-color: #fff;
  border-top-color: #c0c3c5;
  border-left-color: #c0c3c5;
  border-right-color: #c0c3c5;
}

.message_container_top.story {
  background-color: #fff;
  border-width: 0;
  border-color: #000;
  border-radius: 0;
  display: none;
}

.message_container_top.compact {
  display: none;
}

.message_container_top.tiny {
  height: 10px;
}

.media_container_top {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-bottom-width: 0;
  border-radius: 20px 99px 0 0;
  width: 100%;
  height: 12px;
}

.message_container_bottom {
  background-color: #ecf5f9;
  border: 1px solid #c3deeb;
  border-top: 0 solid #dfdfdf;
  border-radius: 0 0 99px 20px;
  width: 100%;
  height: 12px;
  transition: border-radius .45s;
}

.message_container_bottom.black {
  background-color: #000;
  border-width: 1px;
  border-color: #000;
}

.message_container_bottom.last {
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 20px;
}

.message_container_bottom.inactive {
  border-bottom-left-radius: 99px;
}

.message_container_bottom.updates {
  background-color: #fff;
  border-bottom-color: #c0c3c5;
  border-left-color: #c0c3c5;
  border-right-color: #c0c3c5;
}

.message_container_bottom.user {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 99px;
}

.message_container_bottom.user.black {
  background-color: #fff;
  border-top-width: 0;
  border-bottom-color: #cccab3;
  border-left-color: #cccab3;
  border-right-color: #cccab3;
}

.message_container_bottom.story {
  background-color: #fff;
  border-width: 0;
  border-color: #000;
  border-radius: 0;
  display: none;
}

.message_container_bottom.compact {
  display: none;
}

.message_container_bottom.tiny {
  height: 10px;
}

.message_body_container {
  background-color: #ecf5f9;
  border: 0 solid #dfdfdf;
  border-left: 1px solid #c3deeb;
  border-right: 1px solid #c3deeb;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
}

.message_body_container.black {
  color: #1b1b1b;
  background-color: #fff;
  border-width: 0 1px;
  border-color: #000 #cccab3;
}

.message_body_container.updates {
  background-color: #fff;
  border-left-width: 0;
  border-right-width: 0;
  border-right-color: #c0c3c5;
  padding-left: 5px;
  padding-right: 5px;
}

.message_body_container.story {
  color: #0f0f0f;
  text-align: center;
  background-color: #fff0;
  border-width: 0;
  border-color: #000;
  flex-direction: column;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 22px;
  padding-right: 25px;
  font-size: 28px;
  line-height: 33px;
}

.message_body_container.compact {
  background-color: #0000;
  border-width: 0;
  border-color: #000;
  padding-left: 5px;
  padding-right: 10px;
}

.message_body_container.tiny {
  padding-left: 10px;
  padding-right: 10px;
}

.message_body_container.large {
  padding-top: 2px;
  padding-bottom: 2px;
}

.media_container_body {
  border: 0 solid #dfdfdf;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.media_container_body.single {
  padding-bottom: 15px;
  padding-right: 20px;
}

.media_container_body.stack {
  padding-right: 40px;
}

.media_container_body.recommendations {
  padding-bottom: 0;
}

.media_container_body.recommendations.single {
  padding-right: 12px;
}

.media_container_body.recommendations.tiny {
  max-height: 224px;
  padding-left: 10px;
}

.media_container_body.social {
  padding-bottom: 10px;
  padding-right: 20px;
}

.media_container_body.media {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 20px;
  font-size: 16px;
}

.media_container_body.media.pano {
  border-radius: 0;
  padding-right: 0;
}

.media_container_body.story {
  font-size: 22px;
}

.media_container_body.desktop {
  padding-bottom: 10px;
  padding-left: 10px;
}

.comp_media {
  border-bottom: 0 solid #e7e7e7;
  flex-direction: column;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  display: none;
  position: relative;
}

.comp_media.active {
  display: flex;
  overflow: hidden;
}

.media_caption {
  flex-direction: column;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
}

.media_caption.hidden {
  display: none;
}

.div-block-2847 {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 60px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-2847.rounded {
  border-radius: 10px;
}

.div-block-2847.pano {
  border-radius: 0;
}

.div-block-2848 {
  color: #f8f8f8;
  background-color: #3f3f3f66;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: absolute;
  top: 7px;
  right: 7px;
}

.image-541 {
  width: 12px;
}

.configuration_media {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_media.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-2849 {
  margin-bottom: 10px;
}

.div-block-2850 {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.div-block-2850.straightcorners {
  border-radius: 3px;
}

.div-block-2851 {
  opacity: 1;
  border-radius: 6px 6px 0 0;
  height: 100%;
  overflow: hidden;
}

.div-block-2852 {
  flex-direction: column;
  display: flex;
}

.div-block-2852.spaced {
  padding: 10px 10px 0;
}

.div-block-2853 {
  border-radius: 6px 6px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.selectmediabutton {
  z-index: 102;
  cursor: pointer;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.selectmediabutton:hover {
  background-color: #0006;
}

.div-block-2855 {
  background-color: #f1f1f1;
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 100%;
}

.input_caption {
  color: #6b6b6b;
  border: 0 solid #000;
  border-bottom: 1px solid #e4e4e400;
  border-radius: 2px;
  height: 34px;
  padding-left: 5px;
  font-size: 13px;
  font-weight: 300;
}

.input_caption:hover {
  background-color: #f5f6ee;
  border-bottom-style: dashed;
  border-bottom-color: #e4e4e4e6;
}

.input_caption:focus {
  color: #494949;
  border: 0 solid #000;
  border-bottom: 1px solid #979797;
}

.input_caption.cta {
  text-align: center;
  background-color: #f1f1f1;
  border-width: 1px;
  border-color: #e6e6e6;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
}

.input_caption.cta:hover {
  background-color: #ffffff80;
  border-style: solid;
  border-width: 1px;
}

.input_caption.cta:focus {
  background-color: #fff;
}

.input_caption.line1 {
  color: #333;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.input_caption.line2 {
  margin-bottom: 5px;
  font-size: 14px;
}

.input_caption.line3 {
  margin-bottom: 0;
  font-size: 14px;
}

.correct_answer_logic {
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
}

.div-block-2856 {
  opacity: .5;
  align-items: center;
  display: flex;
  position: absolute;
  left: -40px;
}

.image-542 {
  width: 54px;
}

.media_element_configurator1 {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  width: 100%;
  min-width: 300px;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.media_element_configurator1.active {
  border-color: #8a8a8a;
}

.mediaconfig_config {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.mediaconfig_config.hidden {
  display: none;
}

.mediaconfig_config.spaced {
  padding: 15px;
}

.mediaconfig_header {
  color: #3a3a3a;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.mediaconfig_header:hover {
  background-color: #f1f1f1;
}

.mediaconfig_header.active {
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  padding-left: 20px;
}

.option_image_holder_media1 {
  border-radius: 99px;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-left: 0;
  margin-right: 8px;
  display: flex;
  overflow: hidden;
}

.option_image_holder_media1.hidden {
  background-color: #f1f1f1;
  display: none;
}

.option_image_holder_media1.twitter {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61bc6e291b5d65deb31091d1_tweet.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #b9b9b9;
}

.option_image_holder_media1.embed {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61b4b5af6f7c396dd9952c2e_embeds.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #e4e4e4;
}

.media_content_holder {
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 15px 15px 5px;
}

.input_focus_options {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  height: 30px;
  padding-right: 2px;
  display: flex;
}

.div-block-2861 {
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-2861:hover {
  background-color: #fff;
  border-color: #d1d1d1;
}

.div-block-2861.last {
  background-color: #f1f1f100;
  border-color: #f1f1f100;
  margin-right: 0;
  padding: 0 0 0 5px;
}

.div-block-2861.last:hover {
  border-color: #ccc0;
}

.div-block-2862 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-2862.top {
  z-index: 5;
}

.image-526-copy {
  width: 12px;
  margin-right: 5px;
}

.at_label {
  margin-right: 5px;
  font-size: 12px;
}

.input_action_helpers {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.div-block-2863 {
  border: 1px solid #000;
  border-radius: 99px;
  width: 5px;
  min-width: 5px;
  height: 5px;
  min-height: 5px;
  margin-left: 1px;
  margin-right: 1px;
}

.div-block-2864 {
  background-color: #4e4d4d;
  width: 36px;
  max-width: 36px;
  height: 1px;
}

.sidebar {
  z-index: 99;
  border-right: 1px solid #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 72px;
  min-width: 72px;
  height: 100%;
  transition: all .65s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar.advanced {
  display: none;
}

.sidebar.dashboard {
  background-color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 320px;
  min-width: 155px;
  padding-bottom: 10px;
  transition: all .3s;
  left: 0;
}

.sidebar.dashboard.small {
  width: 80px;
  min-width: 80px;
  padding-bottom: 0;
}

.sidebar.dashboard.expanded {
  z-index: 9999999;
  width: 800px;
  position: static;
  left: 0;
}

.sidebar.dashboard.faded {
  border-right-color: #e9e9e94d;
  transition: width .2s;
}

.sidebar.dashboard.faded.expanded {
  border-right-color: #a09c9c4d;
  width: 540px;
  min-width: 540px;
  position: relative;
}

.sidebar.dashboard.faded.lightscroll {
  transition: all .2s, width .2s;
}

.sidebar.dashboard.faded.lightscroll.dark {
  background-color: #000;
  border-right-width: 0;
  border-right-color: #0000001a;
}

.sidebar.dashboard.faded.lightscroll.no_h_scroll.dark {
  background-color: #fff;
}

.sidebar.dashboard.faded.lightscroll.no_h_scroll.dark.large {
  width: 350px;
}

.sidebar.dashboard.dark {
  background-color: #fff0;
  border-right-color: #53535321;
}

.sidebar.dashboard.dark._2 {
  background-color: #000;
}

.sidebar.dashboard.smaller {
  width: 0;
  min-width: 0;
}

.sidebar.slided {
  display: none;
}

.sidebar.blue {
  background-image: linear-gradient(#f8fafc, #fff);
}

.sidebar.full {
  background-image: none;
  width: 100%;
  min-width: 205px;
  max-width: 280px;
  overflow: visible;
}

.sidebar.compact {
  background-color: #fff0;
  background-image: linear-gradient(#f8fafc, #fff);
  width: 80px;
  max-width: 80px;
  overflow: visible;
}

.sidebar.analytics {
  border-right-width: 0;
  border-right-color: #fff;
}

.sidebar.dark {
  z-index: 151;
  background-color: #f8f8f8;
  border-right-width: 1px;
  border-right-color: #41414114;
}

.sidebar_logo {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.sidebar_logo.dashboard {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  padding-left: 20px;
}

.sidebar_logo.dashboard.dark {
  background-color: #141414;
  border-right: 1px solid #474747;
}

.sidebar_logo.dashboard.compact {
  justify-content: center;
  padding-left: 0;
  display: none;
}

.sidebar_logo.native_editor {
  background-color: #fff;
  border-bottom-color: #bbbbbb42;
  border-right: 0 solid #7e7e7e;
  height: 51px;
}

.sidebar_logo.native_editor.is_playground {
  display: none;
}

.image-543 {
  width: 36px;
}

.div-block-2867 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.config_buttons {
  display: flex;
}

.config_buttons.hidden {
  align-items: center;
  display: flex;
}

.image-523-copy-copy {
  opacity: .4;
  width: 12px;
  min-width: 12px;
  margin-right: 0;
  transform: rotate(-90deg);
}

.image-523-copy-copy.r {
  margin-right: 0;
  transform: rotate(90deg);
}

.image-523-copy-copy.in_label {
  opacity: .6;
  margin-left: 6px;
  transform: rotate(90deg);
}

.div-block-2868 {
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.div-block-2869 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-2870 {
  display: flex;
}

._1text_input_label-copy {
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
  display: flex;
}

.image-544 {
  width: 12px;
  margin-right: 5px;
}

.text-block-343 {
  opacity: .8;
  margin-right: 4px;
  font-size: 15px;
}

.media_element_configurator {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

.div-block-2871 {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 17px;
  padding-bottom: 14px;
  padding-right: 10px;
  display: flex;
}

.layer_action {
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
}

.layer_action:hover {
  color: #000;
  background-color: #fff;
  border-color: #777;
}

.layer_action.message {
  background-color: #facd48;
}

.layer_action.multi {
  background-color: #afebe4;
}

.layer_action.rich {
  background-color: #9dcffb;
}

.layer_action.feedback {
  background-color: #eaaecc;
}

.layer_action.phone {
  background-color: #d7eccd;
}

.layer_action.email {
  background-color: #ffddd0;
}

.layer_action.website {
  background-color: #eaaecc;
}

.layer_action.input {
  background-color: #9dcffb;
}

.layer_action.textoptions {
  background-color: #afebe4;
}

.layer_action.media {
  margin-bottom: 0;
}

.layer_action.r {
  margin-bottom: 5px;
}

.media_position_controls.hidden {
  display: flex;
}

.media_carousel_container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_carousel_container.social {
  margin-top: 3px;
  padding-bottom: 0;
}

.media_carousel_container.single {
  padding-bottom: 0;
}

.media_carousel_container.client {
  width: auto;
}

.media_carousel_container.story {
  margin-top: 10px;
}

.media_carousel_container.wrapped {
  padding-bottom: 0;
}

.media_carousel_container.pano {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 1px 1px 16px 5px #0000000a;
}

.user_media_element {
  border: 0 solid #c2c2c21a;
  flex-direction: column;
  width: 100%;
  max-height: 450px;
  transition: all .8s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.user_media_element.story {
  background-color: #0000;
}

.user_media_element.pano {
  max-height: 360px;
}

.mediawrapper {
  border-radius: 10px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 200px;
  padding-right: 1px;
  display: flex;
  overflow: visible;
}

.mediawrapper.products {
  border-radius: 0;
  position: relative;
}

.mediawrapper.products.tiny {
  min-height: auto;
}

.mediawrapper.products.small {
  padding-right: 0;
}

.mediawrapper.products.smallest {
  height: 100%;
  min-height: auto;
  padding: 35px 10px 10px;
}

.mediawrapper.products.smallest.chat {
  padding-top: 10px;
  padding-bottom: 0;
}

.mediawrapper.loading {
  background-color: #f5f3f3;
}

.mediawrapper.wrapped {
  flex-wrap: wrap;
  align-content: flex-start;
}

.mediawrapper.tiny.wrapped {
  min-height: auto;
}

.mediawrapper.padded {
  padding-right: 20px;
}

.styleoptionscontainer {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 0 10px;
}

.tooltip {
  flex-direction: column;
  align-items: center;
  max-width: 250px;
  font-weight: 300;
  line-height: 21px;
  display: flex;
  position: relative;
}

.div-block-2872 {
  z-index: 1;
  background-color: #000;
  border-radius: 3px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  position: absolute;
  bottom: -3px;
  transform: rotate(45deg);
}

.div-block-2873 {
  z-index: 5;
  flex-direction: column;
  display: flex;
  position: relative;
}

.media_search_input {
  color: #1d1d1d;
  background-color: #fff0;
  border: 0 solid #000;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.media_search_results {
  z-index: 1;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 0;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0;
  overflow: hidden;
}

.configbtn-copy {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.configbtn-copy:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.configbtn-copy.last {
  margin-right: 0;
}

.configbtn-copy.presets {
  align-items: center;
}

.configbtn-copy.savecurrent.spaced {
  margin-right: 5px;
}

.configbtn-copy.media {
  color: #505050;
  background-color: #ffffffe6;
  border-width: 1px;
  border-color: #ffffffe6;
  margin-right: 0;
}

.configbtn-copy.white {
  background-color: #fff;
}

.configbtn-copy.white.hidden {
  display: flex;
}

.advanced_options {
  height: 100%;
}

.advanced_media_options {
  background-color: #f8f8f8;
  border-right: 1px solid #e9e9e9;
  width: 160px;
  min-width: 160px;
  height: 100%;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  position: sticky;
  top: 0;
}

.advanced_media_options.hidden {
  display: none;
}

.search_label {
  color: #7c7575;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 8px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: -11px;
}

.search_label.searchfield {
  top: 2px;
}

.div-block-2875 {
  border-radius: 6px;
  margin-top: 5px;
  font-weight: 300;
}

.div-block-2875.h {
  display: flex;
}

.div-block-2876 {
  color: #9b9b9b;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 8px 4px;
  font-size: 11px;
  display: flex;
}

.div-block-2876.space {
  color: #727272;
  padding-left: 0;
  padding-right: 10px;
}

.div-block-2876.publish {
  color: #727272;
}

.div-block-2876.ns {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.radiobox {
  border: 1px solid #7a7a7a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-right: 7px;
  display: flex;
}

.radiobox.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
}

.radiobox.square {
  border-radius: 3px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.div-block-2878 {
  background-color: #fff;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
}

.div-block-2878.square {
  border-radius: 1px;
}

.filtercategory {
  border-bottom: 1px solid #d8d8d8;
  flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.image-545 {
  width: 11px;
}

.div-block-2880 {
  border-top: 1px solid #5c5c5c36;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: 300;
  display: flex;
}

.div-block-2880.spaced {
  padding: 5px 5px 0;
}

.div-block-2881 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-2881:hover {
  border-color: #535353;
}

.image-546 {
  width: 19px;
}

.image-526-copy-copy-copy {
  filter: none;
  width: 15px;
  margin-right: 5px;
}

.div-block-2882 {
  background-color: #cf0f0f;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  position: absolute;
  top: 22px;
  right: 21px;
}

.media_item_hover {
  background-image: linear-gradient(#0000000d, #0000001a 19% 81%, #0000000d);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: none;
  position: absolute;
}

.media_item_hover:hover {
  display: none;
}

.media_item_hover.active {
  padding: 15px;
  display: flex;
}

.media_item_cta {
  display: flex;
}

.media_element_label {
  opacity: 1;
  color: #d4d4d4;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.media_element_label.invisible {
  display: none;
}

.image_btn {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.image_btn:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.image_btn.last {
  margin-right: 0;
}

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

.image_btn.savecurrent.spaced {
  margin-right: 5px;
}

.image_btn.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.image_btn.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.image_btn.white {
  color: #000;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}

.image_btn.white.hidden {
  display: flex;
}

.div-block-2883 {
  justify-content: space-between;
  margin-top: 14px;
  margin-bottom: 7px;
  display: flex;
}

.div-block-2884 {
  width: 100%;
  display: flex;
}

.div-block-2885 {
  display: flex;
}

.div-block-2867-copy {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 10px;
  display: flex;
}

.option_image_holder_media.hidden {
  display: none;
}

.media_container {
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  width: 100%;
  min-width: 300px;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.media_container.active {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
}

.media_delete_button {
  z-index: 5;
  color: #7c7c7c;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  font-size: 11px;
  display: flex;
  position: static;
  left: 12px;
}

.media_delete_button:hover {
  color: #0e0e0e;
  background-color: #fff;
  border-color: #acacac;
}

.div-block-2887 {
  align-items: center;
  display: flex;
}

.swiper-pagination {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: -22px;
  overflow: hidden;
}

.swiper-pagination.hidden {
  display: none;
}

.swiper-pagination.bottom {
  z-index: 5;
  align-items: center;
  bottom: -10px;
}

.swiper-pagination.top {
  justify-content: flex-end;
  align-items: center;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  top: -38px;
}

.swiper-pagination.recommendations {
  z-index: 5;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.swiper-pagination.recommendations.horizontal {
  display: none;
}

.div-block-2888 {
  border: 1px solid #cacaca;
  border-radius: 99px;
  margin-bottom: 8px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 300;
}

.div-block-2889 {
  flex-direction: column;
  display: flex;
}

.div-block-2890 {
  margin-top: 12px;
  display: flex;
}

.image-547 {
  width: 12px;
}

.image-547.r {
  transform: rotate(180deg);
}

.div-block-2891 {
  z-index: 5;
  background-color: #31313133;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-2891.faded {
  background-color: #3131310d;
}

.image-548 {
  opacity: .55;
  filter: grayscale();
  padding-top: 60px;
}

.main_app_dashboard {
  position: relative;
}

.at_center_dashboard {
  z-index: 99;
  background-color: #f1f1f1;
  border-bottom: 1px solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.image-275 {
  width: 50px;
}

.image-275._312 {
  width: 26px;
  margin-top: 0;
  margin-left: 2px;
}

.image-275._312.invert {
  filter: invert();
}

.image-275.small {
  opacity: .9;
  width: 20px;
}

.div-block-1892 {
  padding-right: 10px;
}

.div-block-1892.dashboard {
  width: 100%;
  min-width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1892.dashboard.compact {
  display: none;
}

.navigation {
  color: #333;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navigation:hover {
  background-color: #f3f2f2;
}

.navigation.c {
  display: flex;
}

.navigation.small {
  border-top: 0 solid #e7e7e7;
  border-bottom: 1px solid #cecece;
  justify-content: center;
  height: 80px;
  font-size: 11px;
  font-weight: 700;
}

.div-block-2892 {
  flex-direction: column;
  width: 100%;
  padding-top: 28px;
  padding-left: 0;
  display: flex;
}

.text-block-344 {
  font-weight: 300;
}

.skills {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.skills.active {
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding: 0 0 90px 20px;
  display: flex;
}

.div-block-2897 {
  flex-direction: row;
  width: 100%;
  display: none;
}

.div-block-2897.active {
  display: flex;
}

.my_projects_container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  display: flex;
}

.my_projects_container.typo {
  flex-direction: row;
  align-content: flex-start;
  display: flex;
}

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

.div-block-2900 {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 450px;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
}

.myprojects_item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  margin-bottom: 0;
  padding-bottom: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.myprojects_item.active {
  border-color: #000;
}

.myprojects_item.line {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 300px;
  min-height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.myprojects_item.inactive {
  display: none;
}

.block_details {
  color: #f8f6f6;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.block_details_more {
  color: #f5efef;
  letter-spacing: .2px;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-2901 {
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  width: 350px;
  height: 620px;
}

.div-block-2902 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-2903 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-2903.line {
  flex-direction: column;
}

.div-block-2904 {
  border: 1px solid #cecece;
  border-radius: 99px;
  width: 70px;
  height: 70px;
  margin-right: 16px;
  display: none;
}

.image-549 {
  opacity: .18;
  width: 26px;
}

.main_preview_container {
  position: relative;
}

.div-block-2905 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-block-2905.native {
  z-index: 2;
  padding: 0;
}

.experience_container_chat {
  background-color: #ebebeb;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.experience_container_chat.horizontal {
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.project_render {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project_render.horizontal {
  max-width: 750px;
}

.project_render.chat.horizontal {
  max-width: none;
  padding-left: 10px;
}

.render_container {
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  transition: max-height .2s;
  display: flex;
}

.render_container_componentholder {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  transition: max-height .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.render_container_componentholder.user {
  justify-content: flex-end;
}

.bot_details {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  padding: 2px 20px 0 15px;
  display: flex;
  position: relative;
}

.bot_details.user {
  justify-content: flex-end;
}

.bot_details.hidden {
  display: none;
}

.bot_details.tiny {
  padding-left: 10px;
  padding-right: 10px;
}

.bot_name {
  background-color: #e4e4e499;
  border: 0 solid #f1f1f1;
  border-radius: 12px 99px 99px;
  margin-right: 5px;
  padding: 3px 12px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
}

.bot_name.white {
  color: #a5a5a5;
  background-color: #fff9;
  border: 0 solid #e6e6e6;
  padding-left: 0;
  font-weight: 300;
  display: flex;
}

.bot_name.inverted {
  background-color: #fff;
}

.image-550 {
  opacity: .69;
  width: 21px;
}

.div-block-2909 {
  color: #7e7e7e;
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.message_body_animation {
  background-color: #ecf5f9;
  border: 0 solid #dfdfdf;
  border-left: 1px solid #c3deeb;
  border-right: 1px solid #c3deeb;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.message_body_animation.black {
  color: #fff;
  background-color: #000;
  border-width: 1px;
  border-color: #000;
}

.comp_animation {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.comp_animation.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.comp_animation.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.comp_animation.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.div-block-2910 {
  align-items: center;
  margin-left: 6px;
  font-size: 13px;
  display: flex;
}

.div-block-2911 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-2912 {
  border: 1px solid #e2e2e2;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 68px;
  min-width: 68px;
  height: 68px;
  min-height: 68px;
  margin-right: 5px;
  display: flex;
}

.div-block-2912.user {
  margin-left: 5px;
  margin-right: 0;
}

.div-block-2912.large {
  border-color: #f0f0f0;
  min-height: 134px;
}

.div-block-2913 {
  justify-content: center;
  align-items: flex-end;
  display: none;
}

.render_container_user {
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.author_image_intro {
  background-color: #f1f1f1;
  border-radius: 8px;
  width: 100%;
  min-height: 100px;
  overflow: hidden;
}

.author_image_intro.large {
  width: 116px;
  min-width: 116px;
  height: 116px;
  min-height: 116px;
  overflow: hidden;
}

.comp_chat_intro {
  width: 100%;
  max-width: 400px;
  margin-bottom: 10px;
  padding: 20px 20px 10px;
}

.intro_image_container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro_image_container.inactive {
  display: none;
}

.intro_blurb {
  text-align: left;
  letter-spacing: -1px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -10px;
  font-family: "Itc cheltenham std condensed 2", sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 32px;
  display: flex;
}

.div-block-2918 {
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-2918.story {
  padding-top: 0;
}

.div-block-2919 {
  z-index: 1;
  background-color: #f1f1f1;
  border-radius: 2px;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  position: absolute;
  top: -5px;
  left: 39px;
  transform: rotate(45deg);
}

.text-block-346 {
  z-index: 2;
  position: relative;
}

.phone_header {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-bottom-width: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 10px;
  display: none;
}

.phone_header.horizontal {
  display: none;
}

.div-block-2922 {
  background-color: #f1f1f1;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.ios {
  opacity: .85;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.image-551 {
  width: 24px;
}

.div-block-2923 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.image-552 {
  width: 16px;
}

.image-553 {
  width: 24px;
  margin-right: 2px;
}

.image-554 {
  width: 15px;
  margin-right: 2px;
}

.image-555 {
  width: 12px;
  margin-left: 4px;
}

.div-block-2924 {
  display: flex;
}

.div-block-2925 {
  color: #2b2b2b;
  font-weight: 300;
}

.image-556 {
  width: 14px;
}

.div-block-2926 {
  align-items: flex-end;
  display: flex;
}

.text-block-347 {
  font-size: 11px;
  line-height: 11px;
}

.text-block-348 {
  font-size: 14px;
  line-height: 14px;
}

.phone_footer {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  height: 60px;
  display: none;
}

.phone_footer.horizontal {
  display: none;
}

.scrollwindow {
  background-image: linear-gradient(#f9f9f7 8%, #fff);
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  margin-top: auto;
  padding-bottom: 15px;
  transition: background-color .1s;
  display: flex;
  position: relative;
  overflow: auto;
}

.scrollwindow.noscroll {
  overflow: hidden;
}

.scrollwindow.tiny {
  padding-bottom: 10px;
}

.conversation_header {
  z-index: 5;
  background-color: #0000;
  border-bottom: 0 solid #ececec;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.conversation_header.horizontal {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: absolute;
  top: 0;
  left: 0;
}

.conversation_header.horizontal.split_left {
  width: 50%;
  left: auto;
  right: 0;
}

.conversation_header.vertical {
  box-shadow: 1px 1px 13px #0000000d;
}

.all_header_items {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-2931 {
  background-color: #f9f9f7;
  border-radius: 2px 2px 0 0;
  width: 100%;
  height: 5px;
  min-height: 5px;
}

.div-block-2932 {
  border: 0 solid #ebebeb;
  justify-content: flex-start;
  align-items: center;
  max-height: 45px;
  display: flex;
}

.div-block-2932.horizontal {
  border-color: #ddd;
}

.div-block-2932.story {
  border-color: #ebebeb1a;
}

.div-block-2932.smallest {
  display: none;
}

.author_image_head {
  margin-right: 1px;
}

.author_image_head.round {
  border: 1px solid #7a7a7a0d;
  border-radius: 99px;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  overflow: hidden;
}

.author_image_head.square {
  border-radius: 3px;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  overflow: hidden;
}

.author_image_head.square.outlined {
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.author_image_head.square.outlined.line {
  border-radius: 99px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
}

.author_image_head.original {
  border-radius: 0;
  justify-content: flex-start;
  max-width: 170px;
  height: 46px;
  display: flex;
}

.author_image_head.hidden {
  display: none;
}

.image-557 {
  opacity: .76;
  width: 20px;
}

.header_branding {
  flex-direction: row;
  display: none;
}

.header_branding.active {
  display: flex;
}

.header_branding.active.smallest {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.header_branding.clickable {
  cursor: pointer;
  display: flex;
}

.header_branding.clickable:hover {
  display: flex;
}

.div-block-2935 {
  flex-direction: column;
  justify-content: center;
  margin-left: 6px;
  display: flex;
}

.div-block-2935.line {
  display: none;
}

.div-block-2935.smallest {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 0;
}

.the_conversation_status {
  color: #525252;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
}

.author_name_head {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-2938 {
  background-color: #ebebeb;
}

.div-block-2939 {
  z-index: 2;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.chatcontainer {
  border: 0 solid #d6d6d6;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
}

.chatcontainer.horizontal {
  z-index: 10;
  background-color: #fff;
  border-width: 0;
  flex-direction: column;
  width: 50%;
  min-width: 50%;
  height: auto;
  padding-top: 0;
  transition: all .5s;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 0 0 0 12px #0000000d;
}

.chatcontainer.horizontal.expanded {
  width: 100%;
  min-width: 100%;
}

.chatcontainer.chat.horizontal.h_full {
  background-color: #fff0;
  width: 100%;
  min-width: 100%;
}

.div-block-2941 {
  width: 100%;
  display: flex;
}

.div-block-2943 {
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.module_type {
  color: #707070;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 1px 15px;
  font-size: 11px;
  font-weight: 300;
  display: none;
  position: absolute;
  top: -12px;
  right: 19px;
}

.module_type.right {
  color: #fff;
  background-color: #31a802;
  border-width: 1px;
  border-color: #31a802;
}

.module_type.wrong {
  color: #fff;
  background-color: #ce1414;
  border-color: #ce1414;
}

.module_type.poll, .module_type.hidden {
  display: none;
}

.div-block-2944 {
  position: absolute;
  top: -11px;
  right: 18px;
}

.jump_timing {
  z-index: 15;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20px;
}

.jump_timing.active {
  font-size: 13px;
  display: flex;
}

.timing_holder {
  border: 0 solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.timing_holder:hover {
  color: #000;
  background-color: #fff;
  border-color: #888 #888 #000;
}

.timing_holder.alignleft {
  justify-content: flex-start;
}

.timing_holder.nav {
  max-width: none;
}

.timing_holder.other {
  display: none;
}

.timing_holder.other.active {
  display: flex;
}

.image-558 {
  width: 7px;
  margin-bottom: 2px;
}

.div-block-2947 {
  background-color: #e6e6e6;
  height: 100%;
  margin-left: 7px;
  padding-left: 9px;
  padding-right: 9px;
}

.initialwait_text {
  border-bottom: 1px solid #0000;
  margin-right: 5px;
  display: none;
}

.initialwait_text.active {
  display: flex;
}

.andthen_holder {
  white-space: nowrap;
  border-bottom: 1px solid #0000;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}

.andthen_holder.last, .andthen_holder.nospace {
  margin-left: 0;
}

.andthen_holder.active {
  display: flex;
}

.div-block-2950 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.timing_text {
  cursor: pointer;
  border-bottom: 1px dashed #5e5e5e;
}

.div-block-2952 {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.story_tag {
  border: 1px solid #ddd;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.preview_url {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 5px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.preview_url:hover {
  border-color: #9c9c9c;
}

.div-block-2953 {
  border-top: 1px solid #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
  padding-left: 20px;
  display: none;
}

.div-block-2953.active {
  padding-top: 15px;
  display: flex;
}

.div-block-2954 {
  display: flex;
}

.div-block-2955 {
  align-items: center;
  display: flex;
}

.div-block-2956 {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 15px;
}

.div-block-2956:hover {
  text-decoration: underline;
}

.div-block-2957 {
  z-index: 10;
  opacity: 0;
  background-color: #000000bf;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 13px;
  display: flex;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -1px 10px #0000000d;
}

.div-block-2957:hover {
  opacity: 1;
  justify-content: flex-end;
}

.div-block-2957.line {
  display: none;
}

.div-block-2957.story {
  padding-top: 16px;
  padding-bottom: 15px;
}

.div-block-2958 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px;
  display: grid;
  overflow: hidden;
}

.div-block-2959 {
  color: #6d6d6d;
  text-align: center;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 15px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.edit_project {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 5px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.edit_project:hover {
  border-color: #9c9c9c;
}

.image-559 {
  width: 13px;
}

.div-block-2960 {
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
}

.main_project_container {
  position: relative;
}

.delete_project {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 5px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.delete_project:hover {
  border-color: #9c9c9c;
}

.div-block-2961 {
  display: flex;
}

.project_workspace {
  background-color: #fdfeff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.project_workspace.hide-scrollbar {
  overflow: scroll;
}

.project_workspace.hidden {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.project_workspace.ismindmap {
  display: none;
}

.conv_count {
  color: #0e0e0e;
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 5px;
  font-size: 9px;
  display: flex;
}

.div-block-2963 {
  background-color: #fff;
  height: 50px;
}

.attachment_count {
  color: #0e0e0e;
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 5px;
  font-size: 9px;
  display: flex;
}

.div-block-2866-copy {
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-2866-copy:hover {
  background-color: #fff;
}

.div-block-2866-copy.reverse_border {
  letter-spacing: .4px;
  text-transform: none;
  border-top: 1px solid #f1f1f1;
  border-bottom-width: 0;
  height: 80px;
  font-size: 12px;
  font-weight: 300;
}

.modal_container {
  z-index: 99;
  background-image: linear-gradient(#4e504433 10%, #3738701a 93%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  padding-left: 440px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.modal_container.active {
  z-index: 100;
  background-image: linear-gradient(#22241a4d 10%, #3c3c444d 93%);
  flex-direction: column;
  padding-left: 530px;
  display: flex;
}

.modal_container.project {
  z-index: 160;
}

.modal_container.project.active {
  padding-left: 0;
}

.conversation_name {
  background-color: #fff;
  border-radius: 0 1px 2px 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  padding: 30px 25px;
  display: none;
  position: relative;
}

.conversation_name.active {
  border-radius: 1px;
  padding-top: 22px;
  padding-bottom: 16px;
  display: flex;
}

.formcomponent {
  border-bottom: 0 solid #f3eaea;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.formcomponent.small {
  flex-direction: column;
  align-items: flex-start;
}

.form-block-3-copy {
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.form-block-3-copy.nospace {
  margin-bottom: 0;
}

.input_label-copy {
  border-radius: 5px;
  height: 52px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
}

.input_label-copy:focus {
  border: 1px solid #4745c2;
}

.div-block-2967 {
  z-index: 99;
  position: absolute;
  top: 9px;
  right: 3px;
}

.div-block-2968 {
  width: 100%;
}

.div-block-2969 {
  background-color: #fff;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  top: -6px;
  left: 22px;
  transform: rotate(45deg);
}

.div-block-2969.b {
  z-index: 10;
  background-color: #3b3b3a;
  left: auto;
  right: 34px;
}

.div-block-2969.dark {
  background-color: #f3f3f3;
}

.div-block-2970 {
  color: #c7c7c7;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.text-block-349 {
  color: #dbdbdb;
  margin-right: 4px;
  font-weight: 500;
}

.div-block-2971 {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.conversationname_input {
  border-radius: 5px;
  height: 52px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
}

.conversationname_input:focus {
  border: 1px solid #4745c2;
}

.conversationname_input.project {
  margin-bottom: 16px;
}

.conversationname_input.project.small {
  font-size: 14px;
}

.conversationname_input.project.small.last {
  margin-bottom: 0;
}

.conversationname_input.bundled {
  margin-top: 5px;
  font-size: 14px;
}

.image-526-copy-copy-copy {
  width: 11px;
  margin-right: 5px;
}

.image-560 {
  width: 10px;
  margin-left: 4px;
}

.notifications {
  z-index: 111;
  width: 100%;
  display: flex;
}

.save_options {
  z-index: 99;
  background-color: #fff;
  border-radius: 2px;
  width: 250px;
  display: none;
  position: relative;
}

.save_options.active {
  background-color: #0000;
  flex-direction: column;
  width: 200px;
  display: flex;
  position: absolute;
  top: 56px;
  right: -21px;
}

.div-block-2973 {
  justify-content: space-between;
  width: 100%;
  padding-right: 461px;
  display: flex;
  position: static;
}

.div-block-2974 {
  color: #eee;
  cursor: pointer;
  background-color: #3b3b3a;
  border-bottom: 1px solid #535353;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px 20px 20px 15px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-2974:hover {
  color: #fff;
  text-decoration: underline;
}

.div-block-2974.last {
  border-bottom-width: 0;
  border-radius: 0 0 3px 3px;
}

.div-block-2974.middle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.image-561 {
  filter: invert();
  width: 17px;
  margin-right: 6px;
}

.image-562 {
  opacity: .56;
  width: 20px;
}

.div-block-2975 {
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  display: flex;
}

.div-block-2975:hover {
  background-color: #f1f1f1;
}

.scene_timing {
  z-index: 5;
  color: #797777;
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.scene_tip {
  color: #797777;
  text-align: center;
  flex-direction: row;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.experience_preview {
  border: 1px solid #3131311a;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.experience_preview.horizontal {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.experience_preview.sans {
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-family: Circularxxweb, sans-serif;
}

.experience_preview.vertical {
  font-family: Circularxxweb, sans-serif;
}

.experience_preview.native {
  overflow: auto;
}

.experience_preview.noborder {
  border-width: 0;
}

.mediacontainer {
  background-color: #202020;
  height: 100%;
}

.mediacontainer.vertical {
  background-image: linear-gradient(#202020 6%, #000 98%);
  display: none;
}

.mediacontainer.horizontal {
  object-fit: cover;
  background-image: none;
  flex-direction: column;
  width: 50%;
  min-height: 100%;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mediacontainer.horizontal.compact {
  max-width: 0;
}

.mediacontainer.chat.horizontal.h_full {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-563 {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
}

.div-block-2976 {
  position: relative;
}

.righclick_container {
  z-index: 999;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.rightclick_menu {
  background-color: #e0e0e0;
  border: 0 solid #c7c7c7;
  border-radius: 1px;
  width: 205px;
  font-size: 13px;
  position: absolute;
  box-shadow: -8px 9px 0 1px #0000000f;
}

.conv_listing_item {
  color: #5e5e5e;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 120px;
  padding: 14px 25px 14px 14px;
  font-weight: 300;
  display: flex;
}

.conv_listing_item:hover {
  color: #000;
  background-color: #ebebeb;
}

.conv_listing_item.active {
  color: #414141;
  justify-content: flex-start;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 15px;
}

.conv_listing_item.last {
  border-bottom-width: 0;
}

.conv_listing_item.list {
  border-top: 1px solid #f0f0f0;
}

.text-block-350 {
  cursor: pointer;
}

.timing {
  background-color: #4d4d4d;
  border: 0 solid #c7c7c7;
  border-radius: 1px;
  flex-direction: column;
  width: 150px;
  font-size: 13px;
  display: none;
  position: absolute;
  box-shadow: -8px 9px 0 1px #0000000f;
}

.timing.active {
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  bottom: -357.5px;
  overflow: hidden;
  box-shadow: 0 0 8px 1px #0000000d;
}

.action_text {
  text-align: left;
  cursor: pointer;
  border-bottom: 1px dashed #5e5e5e;
  display: flex;
}

.blockactions {
  background-color: #4d4d4d;
  border: 0 solid #c7c7c7;
  border-radius: 1px;
  flex-direction: column;
  width: 150px;
  font-size: 13px;
  display: none;
  position: absolute;
  box-shadow: -8px 9px 0 1px #0000000f;
}

.blockactions.active {
  background-color: #fff;
  border-width: 1px;
  border-color: #f5f5f5;
  border-radius: 6px;
  width: 170px;
  display: flex;
  bottom: -210px;
  overflow: hidden;
  box-shadow: 0 0 8px 1px #0000000d;
}

.blockactions.style {
  background-color: #fff;
  display: flex;
}

.blockactions.style.active {
  bottom: 32px;
}

.div-block-2979 {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 300;
  box-shadow: 14px -8px 7px 5px #6e6e6e80;
}

.conversation_selector {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 0;
  padding-bottom: 5px;
  display: flex;
}

.image-564 {
  width: 14px;
  margin-right: 4px;
}

.div-block-2980 {
  z-index: 5;
  color: #979797;
  background-color: #fff;
  flex-direction: column;
  margin-top: 8px;
  padding-top: 5px;
  padding-bottom: 8px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-2980-copy {
  z-index: 5;
  color: #979797;
  background-color: #fff;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 300;
  position: relative;
}

.image-565 {
  opacity: .8;
  filter: invert();
  width: 12px;
}

.image-565.inv {
  filter: none;
}

.media_settings_holder {
  padding-top: 10px;
}

.media_add_delete {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding: 6px 15px 6px 13px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.media_add_delete:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.media_add_delete.last {
  margin-right: 0;
}

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

.media_add_delete.savecurrent.spaced {
  margin-right: 5px;
}

.media_add_delete.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.media_add_delete.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.media_add_delete.white {
  background-color: #fff;
}

.media_add_delete.white.hidden {
  display: none;
}

.media_add_delete._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.media_add_delete._100 {
  width: 100%;
}

.media_add_delete._100.last {
  justify-content: center;
  align-items: center;
}

.media_add_delete.active {
  background-color: #fff;
  border-color: #999;
}

.media_add_delete.addpresets {
  display: none;
}

.media_add_delete.full {
  color: #444;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-right: 0;
}

.inputarea_label {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  font-weight: 300;
  display: flex;
}

.input_textfield {
  background-color: #0000;
  border: 1px solid #24242400;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding-left: 12px;
  transition: all .1s;
}

.input_textfield:focus {
  color: #141414;
  border-color: #adadad66;
}

.input_textfield::placeholder {
  color: #bebebe80;
  letter-spacing: .5px;
}

.input_textfield.large {
  height: 290px;
}

.input_textfield.story {
  padding-left: 14px;
  font-size: 16px;
  font-weight: 300;
}

.skip_cta {
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.skip_cta:focus {
  border: 1px solid #4745c2;
}

.skipanswer_group {
  flex-direction: column;
  margin-bottom: 18px;
  display: flex;
}

.skipanswer_label {
  border: 0 dashed #000;
  border-bottom: 1px dashed #afafaf;
}

.skipanswer_button {
  color: #474747;
  white-space: nowrap;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
  display: none;
}

.skipanswer_button:hover {
  color: #000;
  background-color: #fff;
  border-color: #666;
}

.skipanswer_button.invisible {
  display: none;
}

.div-block-2981 {
  color: #aca6a6;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 300;
}

.div-block-2981.spaced {
  margin-top: 12px;
  margin-bottom: 5px;
}

.div-block-2981.higher {
  position: relative;
}

.div-block-2982 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 20px;
}

.div-block-2982.top {
  top: 20px;
  bottom: auto;
}

.div-block-2982.center {
  justify-content: center;
  display: none;
}

.div-block-2983 {
  text-align: center;
  cursor: pointer;
  border: 1px solid #bebebe;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-2983:hover {
  background-color: #fff;
  border-color: #555;
}

.div-block-2983.last {
  margin-right: 0;
}

.div-block-2984 {
  display: flex;
}

.image-566 {
  width: 16px;
  margin-right: 6px;
}

.the_conv_name {
  cursor: pointer;
  border-bottom: 1px dashed #5e5e5e;
  display: flex;
}

.the_conv_name.no_underline {
  border-bottom-width: 0;
}

.image-567 {
  width: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

.image-568 {
  width: 10px;
  margin-right: 5px;
}

.div-block-2985 {
  margin-left: 10px;
  margin-right: 10px;
}

.projectlisting {
  background-color: #fff;
  border: 0 solid #c7c7c7;
  border-radius: 1px;
  flex-direction: column;
  width: 100%;
  min-width: 250px;
  font-size: 13px;
  display: none;
  position: absolute;
  top: 50px;
  left: -21px;
}

.projectlisting.active {
  border-width: 0;
  border-radius: 1px 1px 2px 2px;
  width: 100%;
  min-width: 300px;
  max-width: 800px;
  display: flex;
  top: 51px;
  left: -3px;
}

.project_name {
  cursor: pointer;
  border-bottom: 1px dashed #5e5e5e;
  display: flex;
}

.project_name.no_underline {
  border-bottom-width: 0;
}

.project_link_container {
  border: 0 solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.project_link_container:hover {
  color: #000;
  background-color: #fff;
  border-color: #888 #888 #000;
}

.project_link_container.alignleft {
  justify-content: flex-start;
}

.image-569 {
  opacity: .51;
  width: 15px;
}

.conv_listing_item1 {
  color: #333;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding: 14px 12px 14px 16px;
  font-weight: 300;
  display: flex;
}

.conv_listing_item1:hover {
  background-color: #ebebeb;
  text-decoration: none;
}

.conversations_list {
  z-index: 10;
  background-color: #414141;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 11px 11px #00000005;
}

.user_comps {
  background-color: #f1f1f1;
  border-bottom: 1px solid #4e4e4e;
  flex-direction: column;
  display: flex;
}

.user_comps.white {
  background-color: #fff;
}

.user_comps.white.a {
  height: 500px;
  position: relative;
}

.user_comps.black {
  background-color: #272727;
}

.div-block-2986 {
  width: 100%;
  height: 3px;
}

.div-block-2986.recommendations {
  height: 5px;
}

.div-block-2986.recommendations.wrapped, .div-block-2986.hidden, .div-block-2986.smallest {
  display: none;
}

.options_block {
  border: 0 solid #ebebeb;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.options_block.poll {
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.options_block.story {
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
}

.options_block.submitted {
  display: none;
}

.options_block.results {
  display: flex;
}

.regular_input {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.regular_input.story {
  background-color: #fff0;
  border-color: #f0f0f000;
  min-width: 240px;
  max-width: 720px;
  padding: 15px;
}

.regular_input.submitted {
  background-color: #0000;
  border-width: 0;
  padding: 0;
}

.large_input, .address_input {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.multi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-2988 {
  color: #807c7c;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 4px;
  left: 17px;
}

.input_textfield_multi {
  background-color: #0000;
  border: 0 solid #000;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: 7px;
}

.input_textfield_multi.three {
  font-weight: 400;
}

.input_textfield_large {
  border: 0 solid #000;
  height: 100%;
  min-height: 100%;
  font-size: 16px;
  font-weight: 400;
}

.input_textfield_large.regular {
  font-size: 14px;
  font-weight: 300;
}

.input_textfield_large.regular._2 {
  padding-left: 0;
}

.div-block-2989 {
  background-color: #000;
  border-radius: 99px;
  width: 10px;
  height: 10px;
}

.div-block-2989.block {
  border-radius: 2px;
  width: 10px;
  height: 10px;
}

.div-block-2990 {
  border: 1px dashed silver;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.div-block-2990.block {
  border-radius: 2px;
}

.div-block-2842-copy {
  border: 1px solid #eee3;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-2842-copy.right {
  background-color: #e6f8df;
}

.div-block-2842-copy.wrong {
  background-color: #fdf1f1;
}

.textoptions_square {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 2px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.textoptions_square.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.textoptions_square.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.textoptions_square.bold {
  color: #fff;
  background-color: #3c3fe4;
  border-color: #3c3fe4;
  font-weight: 500;
}

.textoptions_square.red {
  color: red;
  border-color: red;
  font-family: Inconsolata, monospace;
}

.textoptions_square.right {
  border-color: #0000;
}

.div-block-2836-copy {
  background-color: #fff;
  border: 0 solid #fff6;
  border-radius: 6px;
  width: 141px;
  min-width: 141px;
  height: 192px;
  min-height: 192px;
  position: relative;
  overflow: hidden;
}

.div-block-2836-copy.poll {
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.div-block-2841-copy {
  z-index: 10;
  color: #2e2e2e;
  text-align: left;
  width: 100%;
  max-width: 110px;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 500;
  position: static;
}

.mediacontrols {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  min-height: 34px;
  margin-bottom: 0;
  margin-right: 3px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.mediacontrols:hover {
  background-color: #fff;
  border: 1px solid gray;
}

.mediacontrols.last {
  margin-bottom: 0;
  margin-right: 0;
}

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

.mediacontrols.savecurrent.spaced {
  margin-right: 5px;
}

.mediacontrols.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.mediacontrols.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.mediacontrols.white {
  background-color: #fff;
}

.mediacontrols.white.hidden {
  display: flex;
}

.mediacontrols.white.mediadelete {
  color: #5c5c5c;
  background-color: #0000;
  border-color: #ebebeb;
  min-height: 34px;
  margin-bottom: 0;
  margin-right: 3px;
  padding-right: 13px;
}

.mediacontrols.white.mediadelete.last {
  margin-right: 0;
  padding-right: 13px;
}

.mediacontrols._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.mediacontrols._50.lt {
  margin-right: 0;
}

.mediacontrols._100 {
  width: 100%;
}

.mediacontrols._100.last {
  justify-content: center;
  align-items: center;
}

.mediacontrols.active {
  background-color: #fff;
  border-color: #999;
}

.mediacontrols.addpresets {
  display: none;
}

.mediacontrols.full {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
}

.mediacontrols.upb {
  left: 13px;
}

.mediacontrols.delete {
  color: #555;
  background-color: #fff;
  margin-top: 0;
  margin-right: 0;
  display: flex;
}

.mediacontrols.delete:hover {
  border-color: gray;
}

.mediacontrols.down {
  margin-right: 3px;
}

.mediacontrols.hidden {
  display: none;
}

.div-block-2991 {
  width: 100%;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 300;
}

.div-block-2992 {
  opacity: .51;
}

.comp_recommendation_item {
  cursor: pointer;
  border: 1px solid #3838381a;
  border-radius: 12px;
  flex-direction: column;
  max-width: 360px;
  height: auto;
  margin: 1px;
  display: flex;
  overflow: hidden;
}

.comp_recommendation_item.tiny {
  flex-direction: row;
}

.comp_recommendation_item.tiny.wrapped {
  max-height: 200px;
}

.comp_recommendation_item.wrapped {
  max-width: 47%;
  max-height: 380px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.comp_recommendation_item.wrapped.tiny {
  max-width: none;
}

.comp_recommendation_item.visual {
  border-width: 0;
  border-color: #0f0f0f0d;
  border-radius: 6px;
  width: 100%;
  max-width: 260px;
  height: 100%;
  min-height: 260px;
  position: relative;
  box-shadow: 3px 3px 13px #0000000d;
}

.rec__image_container {
  background-color: #e7e7e7;
  justify-content: center;
  align-items: center;
  height: 185px;
  min-height: 185px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rec__image_container.vertical.tiny {
  width: 145px;
  height: 100%;
  min-height: 145px;
}

.rec__image_container.tiny {
  width: 150px;
  min-width: 150px;
  height: 100%;
  min-height: auto;
}

.rec__image_container.wrapped {
  height: auto;
  min-height: 120px;
}

.rec__image_container.visual {
  z-index: 1;
  border-radius: 1px;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
}

.div-block-2994-copy {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  font-weight: 300;
  display: flex;
}

.div-block-2994-copy.tiny {
  margin-left: 5px;
  padding-left: 0;
  padding-right: 10px;
}

.div-block-2994-copy.wrapped {
  height: 100%;
}

.div-block-2994-copy.visual {
  z-index: 2;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.div-block-2994-copy.small {
  height: 150px;
}

.div-block-2994-copy.smallest {
  z-index: 6;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.recomm_line1 {
  font-size: 16px;
  font-weight: 500;
}

.recomm_line1.edited {
  background-color: #f8f8ed;
}

.recomm_line1.visual {
  font-size: 17px;
  line-height: 24px;
}

.recomm_line2 {
  color: #616161;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.recomm_line2.edited {
  background-color: #f8f8ed;
}

.recomm_line2.visual {
  opacity: .8;
  color: #ececec;
  font-size: 15px;
  line-height: 23px;
}

.recomm_line3 {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
}

.recomm_line3.edited {
  background-color: #f8f8ed;
}

.recomm_line3.visual {
  display: none;
}

.div-block-2995 {
  padding: 20px 15px;
}

.div-block-2995.tiny {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-2995.visual {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 0;
}

.div-block-2995.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-2996 {
  color: #9e9e9e;
  background-color: #fff;
  border-top: 0 solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-2996.visual {
  background-color: #fff0;
  padding: 14px;
}

.div-block-2996.small {
  background-color: #f1f1f1;
  border: 0 solid #000;
  border-radius: 6px;
  display: flex;
}

.image-570 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.recomm_cta {
  opacity: .87;
  color: #444;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f0f0f0;
  border: 1px solid #eee;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px 24px;
  display: flex;
}

.recomm_cta:hover {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.recomm_cta.visual {
  opacity: .95;
  color: #161616;
  background-color: #fff;
  border-color: #eeeeee2e;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}

.configuration_recommendations {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_recommendations.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.comp_recommendations {
  border: 0 solid #000;
  flex-direction: column;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.comp_recommendations.horizontal {
  border-right: 0 solid #ebebeb;
}

.comp_recommendations.story {
  background-image: none;
}

.comp_recommendations.wrapped {
  margin-bottom: 0;
}

.comp_recommendations.active {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  display: flex;
}

.comp_recommendations.active.tiny {
  padding-bottom: 0;
}

.recommendations_element_configurator {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

.recommendations_form_config {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-2991-copy {
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-2998 {
  padding: 15px 15px 12px;
}

.div-block-2999 {
  border-top: 0 solid #eee;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.div-block-3000 {
  border-radius: 99px 99px 12px;
  width: 100%;
  padding: 2px;
  display: flex;
}

.div-block-3001 {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.image-571 {
  opacity: .9;
  width: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

.div-block-3002 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d5dfe0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.div-block-3002:hover {
  border-color: #8f8f8f;
}

.div-block-3003 {
  z-index: 5;
  opacity: .2;
  background-image: linear-gradient(#0e0e0e00 64%, #00000059);
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}

.div-block-3003.visual {
  opacity: 1;
  background-image: linear-gradient(#0e0e0e00 25%, #00000059);
  border-radius: 0;
}

.modal_container_blur {
  z-index: 999;
  background-color: #1a1a1a40;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
}

.createfrom_url_dialogue {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-radius: 6px;
  width: 750px;
  padding: 20px 30px;
  position: sticky;
  top: 0;
}

.createfrom_url_dialogue.sep {
  background-color: #fff;
  margin-top: 10px;
  padding-top: 0;
}

.create_from_url_input {
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.number_label {
  color: #838383;
  background-color: #f1f1f1;
  border: 1px solid #eee;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  left: 10px;
}

.recomm_delete {
  color: #5e5e5e;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 10px;
}

.recomm_delete:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.recomm_delete.last {
  margin-right: 0;
}

.recomm_delete.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.recomm_delete.blue:hover {
  background-color: #000;
  border-color: #000;
}

.recomm_delete.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.recomm_delete.tw {
  padding-right: 18px;
}

.form-block-5 {
  min-width: 500px;
}

.add_recomm {
  color: #5e5e5e;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 0;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 10px;
}

.add_recomm:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.add_recomm.last {
  margin-right: 0;
}

.add_recomm.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_recomm.blue:hover {
  background-color: #000;
  border-color: #000;
}

.add_recomm.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_recomm.tw {
  padding-right: 18px;
}

.div-block-3004 {
  background-color: #fff;
  border-radius: 99px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  position: absolute;
  right: 0;
}

.text-block-352 {
  color: #b3b3b3;
  font-size: 12px;
  font-weight: 300;
}

.conversations_tag_button {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding: 6px 15px 6px 13px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.conversations_tag_button:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.conversations_tag_button.last {
  margin-bottom: 0;
  margin-right: 0;
}

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

.conversations_tag_button.savecurrent.spaced {
  margin-right: 5px;
}

.conversations_tag_button.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.conversations_tag_button.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.conversations_tag_button.white {
  background-color: #fff;
}

.conversations_tag_button.white.hidden {
  display: flex;
}

.conversations_tag_button.white.mediadelete {
  color: #5c5c5c;
  background-color: #0000;
  border-color: #ebebeb;
  min-height: 34px;
  margin-bottom: 0;
  margin-right: 3px;
  padding-right: 13px;
}

.conversations_tag_button.white.mediadelete.last {
  margin-right: 0;
  padding-right: 13px;
}

.conversations_tag_button._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.conversations_tag_button._50.lt {
  margin-right: 0;
}

.conversations_tag_button._100 {
  width: 100%;
}

.conversations_tag_button._100.last {
  color: #444;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.conversations_tag_button._100.last.break {
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.conversations_tag_button.active {
  background-color: #fff;
  border-color: #999;
}

.conversations_tag_button.addpresets {
  display: none;
}

.conversations_tag_button.full {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
}

.image-572 {
  opacity: .77;
  width: 18px;
  margin-top: 2px;
  margin-right: 8px;
}

.image-573 {
  width: 11px;
  margin-left: 6px;
}

.labelholder {
  display: flex;
}

.text-block-353 {
  margin-right: 5px;
}

.div-block-3005 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.comp_social {
  border-top: 0 solid #e7e7e7;
  border-bottom: 1px solid #e7e7e799;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.configuration_social {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_social.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.comp_social_item {
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 1px;
  display: flex;
  overflow: hidden;
}

.comp_social_item:hover {
  border-color: #cecece;
}

.socialembed {
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.socialembed.hidden {
  width: 0;
  height: 0;
  position: absolute;
  top: -500px;
  left: -500px;
}

.social_element_configurator {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

.embed_input {
  width: 100%;
  height: 300px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 11px;
}

.update_embed {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 99px;
  justify-content: center;
  margin-right: 0;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.update_embed:hover {
  background-color: #fff;
  border: 1px solid #474747;
}

.update_embed.last {
  margin-right: 0;
}

.update_embed.last.st {
  border-radius: 6px;
}

.update_embed.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.update_embed.blue:hover {
  background-color: #000;
  border-color: #000;
}

.update_embed.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.update_embed.tw {
  padding-right: 18px;
}

.social_loader {
  color: #c2c2c2;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  min-height: 230px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.main_attachments_container {
  position: relative;
}

.div-block-3006 {
  background-color: #fff;
  border-radius: 3px;
  width: 340px;
  height: 600px;
}

.attachmentsholder {
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.main_attachments_editor {
  width: 100%;
  position: relative;
}

.div-block-3007 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.attachment_editor {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.attachments_templates_holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 6px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.div-block-3008 {
  background-color: #f1f1f1;
  border-radius: 6px;
  height: 220px;
}

.article_templates {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.article_1 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-3010 {
  width: 100%;
  margin-top: 10px;
}

.image-574 {
  object-fit: none;
  width: 100%;
  max-height: 600px;
}

.div-block-3011 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 30px;
  line-height: 42px;
}

.div-block-3011-copy {
  border-top: 1px solid #eee;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.div-block-3011-copy-copy {
  border-top: 0 solid #dddbdb;
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.article_body1 {
  padding-top: 12px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.div-block-3012 {
  width: 100%;
  height: 30px;
}

.div-block-3013 {
  background-color: #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}

.div-block-3014 {
  color: #c5b8b8;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 300;
}

.image-575 {
  object-fit: cover;
  height: 100%;
}

.mention {
  color: #272747;
  white-space: nowrap;
  cursor: pointer;
  background-color: #e1eff5;
  border: 1px solid #c8dbf5;
  border-radius: 99px;
  align-items: center;
  height: 29px;
  max-height: 29px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 3px 6px 3px 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.mention:hover {
  background-color: #fff;
  border-color: #d4d4d4;
}

.div-block-3015 {
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.mentionholder {
  align-items: center;
  height: 40px;
  min-height: 40px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.mentionmore {
  margin-bottom: 2px;
  margin-left: 4px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
}

.configuration_updates {
  z-index: 3;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_updates.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-3016 {
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 0;
}

.div-block-2792 {
  flex-direction: column;
  display: flex;
  position: relative;
}

.div-block-2792.small {
  height: auto;
}

.comp_updates {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.comp_updates.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.comp_updates.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.comp_updates.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.unit_jump_to {
  display: none;
}

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

.unit_attachments, .unit_url, .unit_addtocart {
  display: none;
}

.logic_menu {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 10px 0 0;
  font-weight: 300;
  display: flex;
  overflow: visible;
}

.logic_menu.emoji {
  padding-top: 8px;
  padding-bottom: 8px;
}

.logic_menu.twosides {
  justify-content: space-between;
}

.logicpanel_story_content {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.logicpanel_story_content.active {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.div-block-3017 {
  opacity: .41;
  padding-top: 10px;
  font-weight: 300;
}

.storyurlinput {
  border-bottom: 0 solid #e9e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 10px;
  font-weight: 300;
  display: flex;
  position: static;
  top: 0;
}

.storyurlinput.active {
  border-bottom-color: #c7c7c7;
}

.logicpanel_story {
  display: none;
}

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

.logicpanel_article {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.logicpanel_link {
  display: none;
}

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

.logicpanel_cart {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.logicoptions {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow: auto;
}

.uploads_holder {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-top-width: 0;
  border-radius: 0 0 6px 6px;
  width: 100%;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0;
  overflow: hidden;
}

.uploads_holder._1 {
  border-width: 0 0 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 10px;
}

.image-576 {
  display: none;
}

.div-block-3018 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.save_story_url {
  border: 0 solid #000;
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
  padding-left: 0;
}

.save_story_url:hover {
  border-bottom-style: dashed;
  border-bottom-color: #cacaca;
}

.save_story_url:focus {
  border-bottom-color: #e4e4e4;
}

.save_link_url {
  border: 0 solid #000;
  border-bottom: 1px dashed #fff;
  margin-bottom: 0;
  padding-left: 0;
}

.save_link_url:hover {
  border-bottom-style: dashed;
  border-bottom-color: #cacaca;
}

.save_link_url:focus {
  border-bottom-style: solid;
  border-bottom-color: #e4e4e4;
}

.div-block-3019 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.div-block-3020 {
  width: 100%;
  max-width: 370px;
  height: 100%;
}

.preview_holder0 {
  z-index: 2;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  border-radius: 0;
  width: 100%;
  min-width: 300px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.preview_holder0.horizontal {
  width: 100%;
  max-height: 100%;
}

.preview_holder0.vertical {
  max-height: none;
}

.preview_holder0.native {
  display: none;
}

.image-577 {
  object-fit: cover;
  height: 100%;
}

.configuration_project {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 460px;
  min-width: 460px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_project.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-3022 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.drawer_button {
  color: #444;
  cursor: pointer;
  border-top: 1px solid #ececec;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  padding-left: 16px;
  padding-right: 20px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.drawer_button:hover {
  background-color: #f8f8f8;
}

.drawer_button.active {
  color: #252525;
  background-color: #fff;
  border-top-width: 0;
  border-bottom: 1px solid #ececec;
  padding-right: 5px;
}

.drawer_button.first {
  border-top-width: 0;
}

.drawer_button.hidden {
  display: none;
}

.image-578 {
  width: 12px;
}

.div-block-3024 {
  color: #777171;
  padding-bottom: 5px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
}

.text-span {
  font-family: Arial, sans-serif;
}

.div-block-3025 {
  align-items: center;
  display: flex;
}

.project_name_panel {
  background-color: #fff;
  border-radius: 0 1px 2px 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  padding: 30px 25px;
  display: flex;
  position: relative;
  left: 551px;
}

.project_name_panel.active {
  display: flex;
  left: 440px;
}

.the_project_name, .the_author_name {
  cursor: pointer;
  border-bottom: 1px dashed #5e5e5e;
  display: flex;
}

.author_settings_panel {
  background-color: #fff;
  border-radius: 0 1px 2px 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  padding: 28px 25px 30px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  left: 440px;
}

.author_settings_panel.active {
  display: flex;
  left: 440px;
}

.div-block-3026 {
  align-items: center;
  margin-bottom: 28px;
  padding-top: 10px;
  display: flex;
}

.body-4 {
  background-color: #e7e7e7;
}

.edit_profile_picture_holder {
  background-color: #f0f0f0;
  border-radius: 99px;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}

.div-block-3028 {
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  padding: 5px;
}

.profileblock {
  border-top: 1px solid #ebebeb;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  padding-top: 17px;
  padding-bottom: 9px;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  display: flex;
  position: relative;
}

.div-block-3030 {
  border-bottom: 1px dashed #cfcfcf00;
  margin-bottom: 5px;
  margin-right: 6px;
  font-size: 20px;
  font-weight: 500;
}

.div-block-3030:hover {
  background-color: #f8fadc;
  border-bottom-color: #bbb;
}

.div-block-3031 {
  color: #929292;
  border: 0 dashed #000;
  border-bottom: 1px dashed #aaa0;
  font-size: 14px;
  font-weight: 300;
}

.div-block-3031:hover {
  border-bottom-color: #bbb;
}

.div-block-3032 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.div-block-3033 {
  color: #fff;
  background-color: #999;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: -13px;
}

.div-block-3033.white {
  color: #686868;
  background-color: #f3f3f3;
}

.editable {
  border-bottom: 1px dashed #cfcfcf00;
  width: 100%;
  padding-left: 5px;
  line-height: 26px;
}

.editable:hover {
  background-color: #f8fadc;
  border-bottom-color: #bbb;
}

.div-block-3034 {
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-3035 {
  border-bottom: 1px dashed #dabdbd;
  font-weight: 300;
}

.div-block-3036 {
  color: #757575;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 17px 16px 17px 12px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.div-block-3036:hover {
  color: #3f3f3f;
  background-color: #fff;
  border-color: #a1a1a1;
}

.image-579 {
  width: 12px;
}

.div-block-3037 {
  height: 100%;
}

.div-block-2966-copy {
  border-bottom: 1px solid #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  display: none;
  position: relative;
}

.div-block-3038 {
  display: flex;
}

.div-block-3030-copy {
  background-color: #0000;
  border-bottom: 1px dashed #cfcfcf00;
  margin-bottom: 5px;
  margin-right: 6px;
  font-size: 20px;
  font-weight: 500;
}

.div-block-3030-copy:hover {
  background-color: #f8fadc;
  border-bottom-color: #bbb;
}

.div-block-3039 {
  margin-left: 6px;
}

.typing_animation {
  flex-direction: row;
  display: flex;
}

.type_animation {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.type_animation.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.type_animation.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.type_animation.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.div-block-3040 {
  display: flex;
}

.conversation_status {
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 300;
  display: none;
}

.image-580 {
  width: 18px;
}

.conversation_status_text {
  color: #969696;
  align-items: center;
  margin-left: 5px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.conversation_status_icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 12px;
  display: flex;
}

.conversation_status_icon.typing {
  opacity: .9;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/61a6258583211270f7088308_animation00.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
}

.message_timestamp {
  color: #a0a0a0;
  font-size: 10px;
}

.message_timestamp.inverted {
  color: #f0e6e6;
}

.div-block-3041 {
  align-items: center;
  display: flex;
}

.drawer_label {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 10px 25px 20px;
  display: flex;
  position: static;
  left: 551px;
}

.drawer_label.active {
  display: flex;
  left: 440px;
}

.drawer_pocket {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.drawer_comp {
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.drawer_comp.active {
  border: 1px solid #ece4e499;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}

.drawer_pockets {
  width: 100%;
  padding-left: 0;
}

.statusarrow {
  opacity: .9;
  transition: all 80ms cubic-bezier(.165, .84, .44, 1);
  transform: rotate(90deg);
}

.statusarrow.active {
  display: none;
  transform: rotate(90deg);
}

.drawer_thirdparty {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  display: flex;
  position: static;
  left: 551px;
}

.drawer_thirdparty.active {
  display: flex;
  left: 440px;
}

.drawer_profile {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 10px 25px 20px;
  display: flex;
  position: static;
  left: 551px;
}

.drawer_profile.active {
  display: flex;
  left: 440px;
}

.div-block-3042 {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.div-block-3043 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  display: grid;
}

.div-block-3043._1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  width: 50%;
}

.div-block-3043.ns {
  margin-top: 20px;
}

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

.div-block-3044 {
  width: 100%;
}

.div-block-3045 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.div-block-3046 {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-3047 {
  border: 1px solid #e9e9e9;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  display: flex;
}

.div-block-3047.branding {
  border-right-color: #dadada;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
}

.div-block-3048 {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.mediauploadcontainer {
  cursor: pointer;
  border-left: 1px solid #eee;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-left: 25px;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 20px;
  display: flex;
}

.mediauploadcontainer.branding {
  border-left-width: 0;
  border-right: 1px solid #eee;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 20px;
}

.profile_photo_edit_profile {
  background-color: #f8f8f8;
  border-radius: 99px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.profile_photo_edit_profile.branding {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.image-581 {
  width: 300px;
  display: block;
}

.caption_component {
  color: #b4b4b4;
  border-radius: 50px;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  display: none;
}

.caption_component.active {
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.caption_component.mediacomp.active {
  align-items: flex-start;
  padding-top: 7px;
  padding-right: 10px;
}

.caption_component.story {
  color: #bebebe;
}

.caption_component.story.horizontal.split_right, .caption_component.story.horizontal.split_left {
  padding-top: 10px;
  padding-bottom: 10px;
}

.caption_component.carousel {
  z-index: 5;
  color: #d6d6d6;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
}

.image-582 {
  opacity: .19;
  width: 17px;
  min-width: 17px;
  margin-bottom: 4px;
}

.div-block-3051 {
  margin-right: 4px;
  font-family: Materialicons, sans-serif;
}

.div-block-3051.story.horizontal.split_left, .div-block-3051.story.horizontal.split_right, .div-block-3051.story.horizontal.h_full, .div-block-3051.split_right, .div-block-3051.split_left, .div-block-3051.v_full {
  display: none;
}

.macros_container {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  flex-direction: column;
  width: 325px;
  min-height: 300px;
  max-height: 700px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 42px;
  left: 24px;
  overflow: scroll;
  box-shadow: 1px 1px 8px -6px #0000004d;
}

.text-block-354 {
  color: #636161;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 11px;
  font-weight: 500;
}

.macro_type {
  border-bottom: 0 dashed #e7e7e7;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  display: flex;
}

.macros_list {
  width: 100%;
}

.macrolabel {
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.macrolabel.a {
  font-size: 14px;
}

.macrolabel.b {
  color: #999;
  margin-top: 2px;
  font-size: 12px;
  display: none;
}

.macrolabel.center {
  justify-content: center;
}

.macros_layer {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 9px;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.macros_layer:hover {
  background-color: #edf3fc;
  border-color: #bdd0d6;
}

.macros_layer.active {
  background-color: #f8faff;
  border-width: 1px;
  border-color: #8d8d8d;
}

.macroshelper {
  color: #797979;
  background-color: #f8f8f8;
  border-radius: 4px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 8px;
  font-size: 11px;
  display: none;
}

.input_identifier {
  border-radius: 5px;
  height: 52px;
  font-size: 13px;
  font-weight: 300;
}

.input_identifier:focus {
  border: 1px solid #4745c2;
}

.identifier {
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.identifier:focus {
  border: 1px solid #4745c2;
}

.identifier.urls {
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  margin-bottom: 0;
  padding-left: 50px;
  font-size: 14px;
}

.identifier.urls:focus {
  color: #272727;
  background-color: #fff;
  border-color: #747474;
}

.identifier.urls::placeholder {
  font-size: 14px;
}

.message_input {
  z-index: 12;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  height: 120px;
  min-height: 168px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  display: flex;
  position: relative;
  overflow: auto;
}

.message_input.active {
  border-color: #8f96e4;
  padding: 8px 12px;
}

.upload_welcome_photo {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding: 6px 15px 6px 13px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.upload_welcome_photo:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.upload_welcome_photo.last {
  margin-right: 0;
}

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

.upload_welcome_photo.savecurrent.spaced {
  margin-right: 5px;
}

.upload_welcome_photo.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.upload_welcome_photo.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.upload_welcome_photo.white {
  background-color: #fff;
}

.upload_welcome_photo.white.hidden {
  display: none;
}

.upload_welcome_photo._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.upload_welcome_photo._100 {
  width: 100%;
}

.upload_welcome_photo._100.last {
  justify-content: center;
  align-items: center;
}

.upload_welcome_photo.active {
  background-color: #fff;
  border-color: #999;
}

.upload_welcome_photo.addpresets {
  display: none;
}

.upload_welcome_photo.full {
  color: #444;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-right: 0;
}

.upload_welcome_photo.floating {
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  position: static;
}

.div-block-3052 {
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-3053 {
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.welcome_photo_container {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 180px;
  max-height: 500px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.welcome_image_container {
  width: 100%;
}

.div-block-3055 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.input_placeholder {
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.input_placeholder:focus {
  border: 1px solid #4745c2;
}

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

.image-583 {
  width: 12px;
}

.comp_user_message {
  color: #252525;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  transition: all .3s;
}

.comp_user_message.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.comp_user_message.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.comp_user_message.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.comp_user_message.mobile {
  color: #181818;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.user_message_holder {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.user_details {
  justify-content: flex-end;
  align-items: center;
  padding: 2px 0 0 20px;
  display: flex;
}

.user_details.user {
  justify-content: flex-end;
}

.user_details.hidden {
  display: none;
}

.user_name {
  background-color: #e4e4e499;
  border: 0 solid #f1f1f1;
  border-radius: 99px 12px 99px 99px;
  margin-left: 5px;
  margin-right: 0;
  padding: 3px 12px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
}

.user_name.white {
  color: #a5a5a5;
  background-color: #fff9;
  border: 0 solid #e6e6e6;
  padding-left: 0;
  font-weight: 300;
  display: flex;
}

.drawer_cover {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 10px 25px 20px;
  display: flex;
  position: static;
  left: 551px;
}

.drawer_cover.active {
  display: flex;
  left: 440px;
}

.div-block-3056 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.formcomponent_radio {
  color: #838383;
  border-bottom: 0 solid #f3eaea;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.formcomponent_radio.small {
  color: #838383;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
}

.project_settings_input {
  color: #727272;
  border: 0 solid #000;
  border-bottom: 1px dashed #d3d3d3;
  border-radius: 0;
  height: 44px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 300;
}

.project_settings_input:focus {
  color: #303030;
  border: 0 solid #4745c2;
  border-bottom-width: 1px;
}

.project_settings_input.project {
  margin-bottom: 16px;
}

.project_settings_input.project.small {
  font-size: 14px;
}

.project_settings_input.project.small.last {
  margin-bottom: 0;
}

.project_settings_input.bundled {
  margin-top: 5px;
  font-size: 14px;
}

.formcomp_holder {
  color: #4b4b4b;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

.formcomp_holder.spaced {
  margin-top: 20px;
}

.formcomp_holder.large {
  justify-content: space-between;
  display: flex;
}

.largeform {
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  height: 150px;
}

.div-block-3057 {
  width: 365px;
  height: 660px;
  overflow: hidden;
}

.div-block-3057.horizontal {
  width: 100%;
  height: 100vh;
}

.covertemplate_template1 {
  z-index: 120;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: relative;
}

.covertemplate_template1.horizontal {
  background-color: #fff;
  flex-direction: row;
  display: flex;
  overflow: hidden;
}

.div-block-3058 {
  display: flex;
}

.image-584 {
  width: 16px;
  margin-right: 5px;
}

.div-block-3059 {
  flex-direction: row;
  width: 100%;
  margin-top: 6px;
  padding-bottom: 10px;
  display: flex;
}

.media_container_cover {
  flex-direction: column;
  width: 30%;
  margin-right: 10px;
  display: flex;
}

.media_container_cover.last {
  width: 70%;
  margin-right: 0;
}

.div-block-3061 {
  background-color: #f8f8f8;
  border-radius: 6px;
  min-height: 175px;
  overflow: hidden;
}

.div-block-3062 {
  margin-top: 8px;
  display: flex;
}

.div-block-3063 {
  color: #b3acac;
  padding-bottom: 5px;
  font-weight: 300;
}

.media_action {
  color: gray;
  cursor: pointer;
  border-bottom: 1px dashed #555;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 300;
}

.media_action:hover {
  color: #0e0e0e;
}

.cover_mobile, .cover_desktop {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.update_project {
  color: #444;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 6px;
  padding: 6px 15px 6px 13px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.update_project:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.update_project.last {
  margin-right: 0;
}

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

.update_project.savecurrent.spaced {
  margin-right: 5px;
}

.update_project.media {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  margin-right: 0;
}

.update_project.media:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.update_project.white {
  background-color: #fff;
}

.update_project.white.hidden {
  display: none;
}

.update_project._50 {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.update_project._100 {
  width: 100%;
}

.update_project._100.last {
  justify-content: center;
  align-items: center;
}

.update_project.active {
  background-color: #f1f1f1;
  border-color: #cacaca00;
  padding-left: 15px;
  display: flex;
}

.update_project.active:hover {
  color: #000;
  background-color: #fff;
  border-color: #a5a5a5;
}

.update_project.addpresets {
  display: none;
}

.update_project.full {
  color: #444;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-right: 0;
}

.div-block-3064 {
  width: 100%;
  margin-bottom: 10px;
}

.div-block-3065 {
  z-index: 99;
  flex-flow: column wrap;
  margin-top: 8px;
  display: flex;
  position: absolute;
  right: 10px;
}

.cover_style {
  color: #424242;
  cursor: pointer;
  border: 1px solid #bebebe;
  border-radius: 99px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.cover_style:hover {
  background-color: #fff;
  border-color: #555;
}

.cover_style.last {
  margin-right: 0;
}

.cover_style.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #e9e9e9;
}

.cover_settings_controls {
  flex-direction: column;
  width: 100%;
  padding-top: 5px;
  display: none;
}

.cover_settings_controls.active {
  display: flex;
}

.cover_background_holder {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.cover_bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.cover_cta {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 25px;
}

.cover_cta.horizontal {
  justify-content: flex-start;
  padding-left: 40px;
}

.div-block-3067 {
  color: #ffffffe6;
  cursor: pointer;
  border: 1px solid #ffffff40;
  border-radius: 99px;
  padding: 11px 30px;
  font-family: "Franklin 600", sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.div-block-3067.editables:hover {
  background-color: #ffffff26;
}

.div-block-3067.horizontal {
  color: #2e2e2e;
  border-color: #a89d9d40;
}

.cover_text {
  z-index: 11;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
}

.cover_text.horizontal {
  text-align: center;
  align-items: center;
  max-width: 750px;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-3069 {
  color: #fff;
  letter-spacing: -1px;
  max-width: 650px;
  padding-top: 6px;
  font-family: "Itc cheltenham std condensed 2", sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 34px;
}

.div-block-3069.editables:hover {
  background-color: #ffffff26;
}

.div-block-3069.horizontal {
  color: #2e2e2e;
  font-size: 36px;
  line-height: 38px;
}

.div-block-3070 {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Franklin 600", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-3070.editables:hover {
  background-color: #ffffff26;
}

.div-block-3070.horizontal {
  color: #2e2e2e;
  padding-left: 0;
}

.div-block-3071 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-family: "Franklin 600", sans-serif;
  font-size: 12px;
}

.div-block-3071.editables:hover {
  background-color: #ffffff26;
}

.div-block-3071.horizontal {
  color: #2e2e2e;
}

.div-block-3072 {
  color: #fff;
  margin-top: 30px;
  font-family: "Franklin 600", sans-serif;
  font-size: 13px;
}

.div-block-3072.editables:hover {
  background-color: #ffffff26;
}

.div-block-3072.horizontal {
  color: #2e2e2e;
}

.cover_overlay {
  z-index: 6;
  opacity: .4;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cover_overlay.horizontal {
  opacity: .1;
}

.cover_date {
  color: #fff;
  font-family: "Franklin 600", sans-serif;
  font-size: 13px;
}

.cover_date.editables:hover {
  background-color: #ffffff26;
}

.cover_date.horizontal {
  color: #2e2e2e;
}

.div-block-3073 {
  opacity: .4;
  background-image: linear-gradient(#fff0 4%, #fff);
  width: 1px;
  height: 100%;
  max-height: 150px;
  margin-top: 30px;
}

.cover_gradient {
  z-index: 7;
  opacity: .38;
  background-image: linear-gradient(#0000 39%, #050505 93%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cover_gradient.horizontal {
  opacity: .1;
}

.cover_container {
  z-index: 11;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.cover_container.active {
  display: flex;
}

.project_preview_holder {
  z-index: 2;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.project_preview_holder.horizontal {
  align-items: center;
  width: 100%;
}

.project_preview_holder.resizing {
  border: 1px dashed #2088e7;
  padding: 10px;
}

.project_preview_holder.inactive, .project_preview_holder.native {
  display: none;
}

.div-block-3076 {
  width: 120px;
  padding-left: 10px;
}

.conversationswitch {
  background-color: #ccc;
  border-radius: 20px;
  align-items: center;
  width: 38px;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.conversationswitch.active {
  background-color: #1654ff;
  justify-content: flex-end;
  transition: background-color .2s;
}

.div-block-2742-copy {
  background-color: #f5f5f5;
  border-radius: 99px;
  width: 16px;
  height: 10px;
}

.div-block-3075-copy {
  color: #b1a6a6;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-2983-copy2 {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  margin-right: 6px;
  padding: 4px 23px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-2983-copy2:hover {
  color: #4e4a4a;
  background-color: #fff;
  border-color: #555;
}

.div-block-2983-copy2.last {
  margin-right: 0;
}

.div-block-3078 {
  display: flex;
}

.drawer_project {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 10px 20px;
  display: flex;
  position: static;
  left: 551px;
}

.drawer_project.active {
  display: flex;
  left: 440px;
}

.div-block-3079 {
  padding-left: 20px;
  font-weight: 300;
}

.comp_chapterlist {
  background-color: #fff;
  border: 1px solid #ece4e4;
  border-radius: 6px;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.chapter_label {
  color: #b1b1b1;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 300;
}

.chapter_label.start.native {
  display: none;
}

.startingpoint_layer_holder {
  border-bottom: 1px dashed #e2e2e2;
  margin-bottom: 18px;
  padding-bottom: 18px;
  display: flex;
}

.startingpoint_layer_holder.native {
  display: none;
}

.image-585 {
  opacity: .82;
  width: 13px;
}

.div-block-3081 {
  background-image: radial-gradient(circle, #000, #1a1a1a00 64%);
  border-radius: 999px;
  width: 120px;
  height: 120px;
  transform: skew(-69deg);
}

.unit_shadow {
  z-index: 1;
  opacity: .04;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 722px;
  display: flex;
  position: absolute;
  transform: rotate(18deg);
}

.unit_shadow.horizontal, .unit_shadow.native {
  display: none;
}

.layer_submenu {
  align-items: center;
  width: 100%;
  display: none;
  position: absolute;
  bottom: -46px;
  left: 29px;
}

.layer_submenu.active {
  min-width: 250px;
  display: flex;
}

.div-block-3084 {
  background-color: #c7c7c7;
  width: 20px;
  min-width: 20px;
  height: 1px;
  margin-left: -1px;
}

.div-block-3085 {
  background-color: #c7c7c7;
  width: 1px;
  min-width: 1px;
  height: 35px;
  position: relative;
  top: -17px;
}

.div-block-3085._2 {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #afa6a6;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  margin-left: 1px;
  position: absolute;
  top: -23px;
  left: -4px;
}

.div-block-3086 {
  color: #5f5f5f;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px dashed #c5c5c5;
  margin-right: 8px;
  padding-bottom: 2px;
  font-size: 12px;
}

.div-block-3086:hover {
  color: #000;
  border-bottom-color: #615e5e;
}

.layer_initialmessage {
  padding-left: 6px;
  display: none;
}

.layer_initialmessage.active {
  display: flex;
}

.div-block-3084-copy {
  align-items: center;
  margin-left: -3px;
  display: flex;
}

.image-586 {
  opacity: .4;
  width: 10px;
  min-width: 10px;
}

.confirm_delete {
  padding-left: 6px;
  display: none;
}

.confirm_delete.active {
  display: flex;
}

.div-block-3086-copy2 {
  color: #5f5f5f;
  white-space: nowrap;
  border-bottom: 1px dashed #c5c5c500;
  margin-right: 8px;
  padding-bottom: 2px;
  font-size: 12px;
}

.div-block-3086-copy2:hover {
  color: #000;
  border-bottom-color: #615e5e;
}

.chapters_emptystate {
  flex-direction: column;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-3087 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3088 {
  padding-bottom: 10px;
  font-weight: 300;
}

.div-block-3089 {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.image-587 {
  filter: grayscale();
}

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

.preview_emptystate.inactive {
  display: none;
}

.image-588 {
  filter: grayscale();
  margin-bottom: 17px;
}

.cover_management_container {
  position: relative;
}

.resizer_holder {
  z-index: 99;
  cursor: col-resize;
  border-radius: 3px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 12px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  bottom: -12px;
}

.resizer_holder.native {
  display: none;
}

.preview_modes {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 200px;
  height: 100%;
  padding-bottom: 2px;
  display: flex;
}

.preview_modes.edit {
  left: 20px;
  right: auto;
}

.customsizes {
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.resizer {
  background-color: #e4e4e4;
  border-radius: 99px;
  width: 120px;
  height: 6px;
}

.resizer:hover {
  background-color: #cacaca;
}

.current_size_indicator {
  color: #c7c7c7;
  line-height: 12px;
  display: none;
  position: absolute;
  top: 10px;
  left: 0;
}

.current_size_indicator.active {
  display: flex;
}

.template_controls {
  z-index: 99;
  justify-content: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  top: 0;
}

.cover_select_media {
  opacity: .99;
  color: #ffffffe6;
  cursor: pointer;
  background-color: #33333380;
  border: 1px solid #3a3a3a80;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 9px 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  display: flex;
}

.cover_select_media:hover {
  background-color: #1a1a1acc;
}

.cover_select_media.license {
  display: none;
}

.cover_select_media.license.active {
  display: flex;
}

.cover_select_media.license.pending {
  cursor: not-allowed;
  background-color: #7a7a7a80;
  display: flex;
}

.text-block-356 {
  padding: 7px 20px;
  font-size: 12px;
  font-weight: 300;
}

.image-589 {
  filter: invert();
  color: #fff;
  width: 15px;
}

.div-block-3091 {
  opacity: .9;
  margin-right: 6px;
}

.div-block-3092 {
  align-items: center;
  display: flex;
}

.image-590 {
  object-fit: cover;
  height: 100%;
}

.side_photo_credits {
  z-index: 99;
  opacity: 1;
  background-color: #16161624;
  border-top: 1px solid #5e5e5e29;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 65px;
  padding: 15px 30px 5px 20px;
  font-weight: 300;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.side_photo_credits.active {
  border-top-color: #bbbbbb1a;
  display: flex;
}

.media_holder {
  z-index: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  overflow: hidden;
}

.creditslabel {
  color: #cfbdbdcc;
  font-size: 13px;
  font-weight: 400;
}

.media_topbar {
  z-index: 10;
  background-color: #0c0c0c08;
  border-bottom: 1px solid #6161611a;
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-3093 {
  z-index: 10;
  background-image: radial-gradient(circle, #000, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.media_overlay {
  z-index: 9;
  background-image: radial-gradient(circle, #0000 68%, #1f1f1f38);
  width: 100%;
  height: 100%;
  position: absolute;
}

.media_overlay.chat {
  display: none;
}

.image-591 {
  opacity: .4;
  filter: invert();
  width: 16px;
  min-width: 16px;
  margin-bottom: 3px;
}

.div-block-3094 {
  margin-bottom: 6px;
  margin-right: 5px;
}

.div-block-3095 {
  border-bottom: 1px dashed #e9e9e9;
  padding-bottom: 5px;
}

.header_timestamp {
  color: #a7a7a7;
  white-space: nowrap;
  padding-top: 3px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 300;
}

.div-block-3096 {
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3097 {
  border-bottom: 1px dashed #ddd;
  width: 100%;
  height: 1px;
  margin-top: 4px;
}

.linkicon {
  align-items: center;
  margin-right: 5px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.linkicon.edited {
  background-color: #f8f8ed;
}

.image-592 {
  opacity: .43;
}

.license_media_button {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 99px;
  justify-content: center;
  margin-right: 0;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.license_media_button:hover {
  background-color: #fff;
  border: 1px solid #474747;
}

.license_media_button.last {
  margin-right: 0;
}

.license_media_button.last.st {
  border-radius: 6px;
}

.license_media_button.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.license_media_button.blue:hover {
  background-color: #000;
  border-color: #000;
}

.license_media_button.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  display: flex;
}

.license_media_button.tw {
  padding-right: 18px;
}

.license_media_button.pending {
  color: #777;
  cursor: not-allowed;
  background-color: #e7e7e7;
  border-color: #d8d8d8;
  display: flex;
}

.input_caption_text {
  color: #a7a7a7;
  cursor: text;
  border-bottom: 1px dashed #d1d1d1;
  flex-direction: column;
  min-width: 60px;
  padding: 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
}

.input_caption_text:hover {
  background-color: #f8f8eb;
}

.input_caption_text.hidden {
  display: none;
}

.div-block-3051-copy {
  margin-top: 2px;
  margin-right: 2px;
}

.image-582-copy {
  opacity: .19;
  width: 17px;
  min-width: 17px;
  margin-bottom: 0;
}

.headline_body {
  letter-spacing: -1px;
  flex-flow: column wrap;
  place-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 29px;
  font-weight: 400;
  line-height: 38px;
}

.subheadline_body {
  opacity: .7;
  white-space: nowrap;
  width: 100%;
  padding-top: 3px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 300;
}

.comp_headline {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  padding: 7px 20px 10px;
  display: flex;
}

.comp_headline.story {
  padding-top: 0;
  padding-bottom: 0;
}

.configuration_headline {
  z-index: 3;
  background-image: linear-gradient(#fff, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_headline.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.div-block-3098 {
  margin-top: 10px;
}

.div-block-3098.spaced {
  width: 100%;
  margin-top: 20px;
}

.div-block-3098.spaced._10 {
  margin-right: 10px;
}

.div-block-3098.spaced._10.nospace, .div-block-3098.nospace {
  margin-top: 0;
}

.form_error_message {
  background-color: #fff5f5;
  border: 1px solid #f3dede;
  border-radius: 6px;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.form_error_message.active {
  display: flex;
}

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

.t1_text_content.horizontal {
  z-index: 4;
  align-items: center;
  width: 50%;
  position: relative;
  box-shadow: -7px 0 0 6px #00000014;
}

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

.t1_media_content.horizontal {
  z-index: 3;
  width: 50%;
  position: relative;
}

.white_pagination_bullet {
  opacity: .5;
  cursor: pointer;
  background-color: #fff;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 4px;
}

.white_pagination_bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #e7e7e7;
}

.white_pagination_bullet.inactive {
  opacity: .5;
}

.comp_payments {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 300;
}

.configuration_payments {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_payments.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.payment_settings {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0;
}

.stripe_holder {
  color: #2c2c2c;
  background-color: #eef4f6;
  border-radius: 6px;
  width: 100%;
  padding: 10px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
}

.stripeelement {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 40px;
}

.payments_form_holder {
  background-color: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.stripeelement-copy {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 40px;
}

.div-block-3099 {
  margin-bottom: 5px;
  padding-top: 5px;
}

.div-block-3100 {
  border-bottom: 1px dashed #ccc;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.div-block-3101 {
  font-weight: 500;
}

.checkout_button {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #3b79c3;
  border: 1px solid #3b79c3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 13px 36px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.checkout_button:hover {
  color: #000;
  background-color: #fff;
  border-color: #666;
}

.checkout_button.submitted {
  display: none;
}

.div-block-3102 {
  color: #8b8b8b;
  justify-content: space-between;
  padding: 12px 20px 12px 15px;
  font-size: 14px;
  display: flex;
}

.div-block-3103 {
  color: #2d2e30;
  font-weight: 500;
}

.div-block-3104 {
  color: #3b79c3;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
  display: flex;
}

.image-593 {
  width: 18px;
  margin-bottom: 2px;
}

.image-594 {
  width: 32px;
}

.div-block-3105 {
  align-items: center;
  margin-left: 2px;
  margin-right: 4px;
  display: flex;
}

.div-block-3106 {
  border-bottom: 1px dashed #e0e0e0;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  margin-bottom: 5px;
  padding-right: 5px;
  font-weight: 300;
  display: flex;
}

.div-block-3107 {
  margin-top: 16px;
}

.create_product {
  background-color: #fff;
  border-top: 0 dashed #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 10px 25px 20px;
  display: flex;
  position: static;
  left: 551px;
}

.create_product.active {
  display: flex;
  left: 440px;
}

.configuration_products {
  z-index: 3;
  background-image: linear-gradient(#fff 1%, #f1f1f1 97%);
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.configuration_products.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.comp_products {
  border-top: 0 solid #f9f9f7;
  border-bottom: 0 solid #f9f9f7;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 7px;
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.comp_products.story {
  background-image: none;
}

.comp_products.active {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 7px;
  display: flex;
  position: relative;
}

.comp_products.active.tiny {
  padding-bottom: 0;
}

.comp_products.active.small {
  height: 250px;
}

.comp_products.active.small.story.horizontal {
  padding-top: 30px;
}

.comp_products.active.smallest {
  height: 250px;
  padding-top: 0;
  padding-bottom: 0;
}

.comp_products.active.smallest.chat {
  height: 220px;
}

.black_pagination_bullet {
  opacity: .5;
  cursor: pointer;
  background-color: #353535;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 4px;
}

.black_pagination_bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #1b1b1b;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.black_pagination_bullet.inactive {
  opacity: .5;
}

.black_pagination_bullet.swiper-pagination-bullet-active {
  background-color: #202020;
}

.recentsearches-copy {
  border-bottom: 1px solid #d8d8d8;
  flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: none;
}

.product_filters {
  background-color: #f0efec;
  border-right: 1px solid #e9e9e9;
  width: 160px;
  min-width: 160px;
  height: 100%;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  position: sticky;
  top: 0;
}

.product_filters.hidden {
  display: none;
}

.product_management {
  width: 100%;
  display: flex;
}

.div-block-3108 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-3109 {
  background-color: #fff;
  width: 350px;
}

.div-block-3110 {
  border-bottom: 2px solid #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 79px;
  padding: 10px 0 10px 12px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.div-block-3110.active {
  background-image: linear-gradient(#f9fbff 4%, #fff);
  border-bottom-color: #0000;
}

.pane_media_search_settings {
  border-top: 1px dashed #dfdfdf;
  width: 100%;
  margin-top: 15px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 0;
  display: none;
}

.pane_media_search_settings.active {
  padding-left: 0;
  display: flex;
  position: relative;
}

.filter_comp {
  border-right: 1px dashed #e4e4e4;
  padding-left: 0;
  padding-right: 5px;
}

.filter_comp.last {
  border-right-width: 0;
}

.filtercategory_media {
  border-bottom: 0 solid #d8d8d8;
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 15px;
  display: flex;
}

.filtercategory_media.first {
  padding-left: 0;
}

.filtercategory_media.first.fonts {
  padding-bottom: 5px;
  padding-right: 55px;
}

.filtercategory_media {
  padding-right: 14px;
}

.filtercategory_media.fonts {
  padding-right: 40px;
}

.panel_media_search {
  flex-direction: column;
  width: 100%;
  height: 0;
  padding-left: 15px;
  transition: height .2s;
  display: flex;
  overflow: hidden;
}

.panel_media_search.active {
  height: auto;
  display: flex;
}

.panel_media_search_source {
  border-top: 1px dashed #dfdfdf;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.panel_media_search_source.gray {
  background-color: #f6f7f480;
  border-top-style: solid;
  border-top-color: #f3f3f3;
}

.panel_media_search_source.gray._2 {
  background-color: #ffffff80;
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  padding-top: 0;
  padding-bottom: 0;
}

.panel_media_search_source.gray._2.is_editor {
  height: 51px;
}

.panel_media_search_source.gray._2.is_knowledge {
  display: none;
}

.panel_media_search_source.gray._3 {
  background-color: #fff;
  border-bottom: 0 solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  padding-top: 0;
  padding-bottom: 0;
}

.panel_media_search_source.inactive {
  display: none;
}

.media_action_button {
  color: #1b1b1b;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-right: 5px;
  padding: 4px 30px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.media_action_button:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.media_action_button.last {
  margin-right: 0;
}

.media_action_button.last.st {
  border-radius: 6px;
}

.media_action_button.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.media_action_button.blue:hover {
  background-color: #000;
  border-color: #000;
}

.media_action_button.blue.waiting {
  color: #2e2e2e;
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #888;
}

.media_action_button.blue._100 {
  max-width: 100%;
  margin-right: 0;
}

.media_action_button.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.media_action_button.tw {
  padding-right: 18px;
}

.media_action_button.small {
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.media_action_button.small.back {
  padding-left: 22px;
  padding-right: 20px;
  font-family: Materialicons, sans-serif;
  font-size: 14px;
}

.media_action_button._46 {
  color: #222;
  white-space: nowrap;
  border-radius: 6px;
  min-height: 48px;
  margin-bottom: 10px;
  margin-right: 0;
  font-size: 13px;
  box-shadow: 0 0 5px #0000000a;
}

.media_action_button._46.nospace {
  margin-bottom: 0;
  font-size: 13px;
}

.media_action_button.search {
  color: #222;
  border-radius: 8px;
  min-height: 46px;
  margin-right: 0;
  font-size: 13px;
}

.media_action_button.smaller {
  color: #303030;
  background-color: #fff;
  padding: 4px 20px;
  font-size: 10px;
  font-weight: 700;
}

.media_action_button.smaller.blue {
  color: #f6eeee;
  background-color: #1654ff;
}

.media_action_button.smaller.blue:hover {
  border-color: #1654ff;
}

.media_action_button.smaller.inactive {
  display: none;
}

.media_action_button.smaller.is_editor {
  border-radius: 3px;
  min-height: 27px;
  padding-left: 15px;
  padding-right: 15px;
}

.media_action_button.hidden {
  display: none;
}

.media_action_button.validate_choices {
  border-radius: 6px;
  width: 100%;
  height: 36px;
  margin-right: 0;
  font-size: 11px;
}

.image-595 {
  filter: invert();
  width: 13px;
  margin-right: 5px;
}

.media_search_input_txt {
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 34px;
  min-height: 34px;
  margin-right: 10px;
  padding-left: 5px;
  display: flex;
}

.media_search_input_txt.active {
  background-color: #f5f8e8;
}

.media_header {
  z-index: 5;
  border-bottom: 0 solid #e9e7e7;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-left: 0;
  font-weight: 300;
  transition: all .25s;
  display: flex;
  position: relative;
  top: 0;
}

.search_indicator {
  color: #7c7575;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 8px;
  font-size: 10px;
  font-weight: 500;
  display: none;
  position: absolute;
  top: -2px;
}

.search_indicator.searchfield {
  top: 2px;
}

.search_indicator.active {
  display: flex;
}

.media_serch_container {
  border-radius: 3px;
  width: 100%;
  margin-right: 10px;
  padding-left: 5px;
  display: flex;
}

.media_serch_container.active {
  background-color: #f9faed;
}

.media_serch_container.ai {
  flex-direction: column;
}

.image-596 {
  width: 19px;
}

.div-block-3112 {
  align-items: center;
  width: 19px;
  margin-right: 5px;
  display: flex;
}

.div-block-3112.top {
  align-items: flex-start;
}

.form-3 {
  width: 100%;
}

.loaderanimation {
  background-color: #e9e7e7;
  width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.z {
  color: #afa9a9;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.z.products {
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 25px;
  display: flex;
}

.media_progress_bar {
  background-color: #1d1d1d;
  width: 100%;
  height: 1px;
  position: absolute;
  left: -100%;
}

.div-block-3113 {
  width: 100%;
}

.product_settings_main {
  z-index: 10;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 0;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.product_settings_comp {
  z-index: 99;
  background-color: #fff;
  width: 100%;
  position: relative;
}

.div-block-3114 {
  background-color: #fff;
  border-left: 1px solid #f1f1f1;
  width: 100%;
  min-width: 400px;
  max-width: 464px;
  margin-left: 10px;
  padding: 20px;
}

.product_settings {
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3115 {
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #e9e7e7;
  border-radius: 6px;
  outline: 3px #555;
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
}

.div-block-3116 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.side_panel_products {
  z-index: 3;
  background-image: linear-gradient(#fff, #f8f8f8);
  border-left: 1px solid #f1f1f1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 460px;
  max-width: 1280px;
  height: 100%;
  margin-left: 85px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.side_panel_products.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.side_panel_products.advanced {
  width: 100%;
  min-width: 100%;
}

.side_panel_products.lightscroll {
  background-color: #f1f1f1;
  width: 100%;
  overflow: auto;
}

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

.products_holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px 10px;
  display: flex;
}

.products_holder.a {
  height: 100%;
  display: block;
}

.products_holder.a-copyb {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.the_products_holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  direction: ltr;
  column-count: 4;
  flex-wrap: wrap;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(175px, auto));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  width: 100%;
  padding-left: 15px;
  padding-right: 20px;
  display: grid;
  overflow: auto;
}

.the_products_holder.advanced {
  column-count: 4;
}

.the_products_holder.active {
  display: block;
}

.the_products_holder.invisible {
  display: none;
}

.div-block-3117 {
  width: 100%;
  display: flex;
}

.product_editor {
  background-color: #fff;
  border-left: 0 solid #ececec;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.scrollwindow_products {
  width: 100%;
  position: relative;
  overflow: auto;
}

.scrollwindow_products.lightscroll {
  background-color: #fff;
  min-width: 320px;
  height: 100vh;
}

.product_item {
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #e9e9e9;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 1px;
  padding-bottom: 5px;
  display: flex;
  overflow: hidden;
}

.product_item.tiny {
  flex-direction: row;
  padding-bottom: 0;
}

.product_item.style1 {
  border-width: 1px;
  border-color: #eeeded;
  border-radius: 12px;
  height: auto;
}

.product_item.wrapped {
  width: auto;
  max-width: 47%;
  margin-bottom: 10px;
  margin-right: 10px;
}

.product_item.wrapped.tiny {
  width: 100%;
  max-width: none;
  padding-bottom: 0;
}

.product_item.small {
  max-width: 300px;
  max-height: 200px;
}

.product_item.style2 {
  border-width: 1px;
  border-color: #eeeded;
  border-radius: 12px;
  height: auto;
}

.product_item.smallest {
  border-width: 1px;
  border-color: #eee;
  border-radius: 16px;
  height: 100%;
  max-height: 198px;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.product_listing_item {
  cursor: pointer;
  border: 0 solid #f2f2f2;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  display: flex;
}

.product_listing_item.active {
  border-color: #6a6a6a;
}

.product_listing_item.small {
  border-style: solid;
  border-color: #fff;
  padding: 5px;
}

.product_listing_item.small.active {
  background-color: #f1f0f0;
}

.product_listing_item.selected {
  border-width: 2px;
  border-color: #1650f0;
}

.div-block-3120 {
  min-height: 1px;
}

.div-block-3120.small {
  background-color: #0000;
  margin-right: 5px;
}

.product_item_image {
  background-color: #f1f1f1;
  border-radius: 12px;
  height: 160px;
  min-height: 150px;
  overflow: hidden;
}

.product_item_image.small {
  border-radius: 99px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.div-block-3122 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 15px;
  display: flex;
}

.div-block-3122.centered {
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
}

.product_item_title {
  color: #13141a;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 15px;
  font-weight: 300;
}

.product_item_price {
  color: #524c4c;
  border: 0 dashed #535050;
  border-bottom: 1px dashed #9b9b9b;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: 300;
}

.product_item_price.inactive {
  display: none;
}

.div-block-3125 {
  flex-direction: column;
  display: flex;
}

.div-block-3126 {
  width: 100%;
}

.body-5 {
  font-family: Circularxxweb, sans-serif;
}

.product_holder_1 {
  border: 1px solid #fff0;
  border-radius: 12px;
  padding: 0;
  transition: padding 30ms ease-out;
  position: relative;
}

.product_holder_1:hover {
  background-color: #fff;
}

.product_holder_1.small {
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.product_editor_headline {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 300;
}

.div-block-3127 {
  padding: 20px 30px 50px 20px;
  overflow: auto;
}

.div-block-3127.lightscroll {
  height: 100%;
  padding-top: 25px;
}

.form_container_text {
  color: #494949;
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 6px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
  position: relative;
}

.product_input {
  color: #000;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  height: 42px;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
  box-shadow: 0 0 2px #00000012;
}

.product_input:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.product_input:focus {
  border-style: solid;
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
  color: #242424;
}

.product_input::placeholder {
  color: #6b6b6b;
}

.product_input.price {
  border-color: #e6e6e6;
  padding-bottom: 9px;
  padding-left: 59px;
}

.product_input.price:focus {
  background-color: #fafcff;
}

.product_input.price.light {
  border-color: #fff;
}

.product_input.small {
  width: 400px;
}

.product_input.padded {
  padding-right: 100px;
}

.product_input.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.product_input.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.product_input.creative_search {
  height: 38px;
  margin-bottom: 0;
  margin-right: 0;
}

.product_input.location {
  margin-bottom: 10px;
}

.product_input.nospace {
  margin-bottom: 0;
}

.product_input.minimal {
  border-width: 0 0 1px;
  border-bottom-color: #ddd;
  border-radius: 0;
}

.formcontainer_input {
  margin-top: 10px;
  margin-bottom: 25px;
  padding-left: 70px;
  padding-right: 30px;
}

.formcontainer_input.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.formcontainer_input.spaced._35 {
  width: 50%;
  padding-right: 15px;
}

.formcontainer_input.spaced._35.tight {
  margin-bottom: 0;
  padding-right: 15px;
}

.formcontainer_input.spaced._35.tight.large {
  width: 100%;
  padding-right: 10px;
}

.formcontainer_input.spaced._35.tight.nospace {
  padding-right: 10px;
}

.formcontainer_input.spaced._35.tight.regular, .formcontainer_input.spaced._35.large {
  width: 100%;
}

.formcontainer_input.spaced.full {
  width: 50%;
  padding-right: 10px;
}

.formcontainer_input.spaced.simple {
  width: auto;
  margin-bottom: 0;
}

.formcontainer_input.spaced.simple.combo {
  padding-right: 5px;
}

.formcontainer_input.nospace {
  width: 50%;
  padding-left: 0;
}

.formcontainer_input.nospace._35 {
  width: 50%;
  padding-right: 10px;
}

.formcontainer_input.nospace._35.tight {
  margin-bottom: 12px;
}

.formcontainer_input.nospace._35.tight.full {
  width: 100%;
}

.formcontainer_input.nospace._40 {
  width: 40%;
  padding-right: 10px;
}

.formcontainer_input.nospace._100 {
  width: 100%;
}

.formcontainer_input.no_space {
  padding-left: 20px;
}

.formcontainer_input._50 {
  width: 50%;
  padding-left: 0;
}

.formcontainer_input._80 {
  width: 80%;
  padding-left: 0;
}

.formcontainer_input._80.nospace {
  padding-right: 10px;
}

.formcontainer_input._20 {
  width: 20%;
  padding-left: 0;
  padding-right: 0;
}

.formcontainer_input.unavailable, .formcontainer_input.inactive {
  display: none;
}

.form_container_input {
  align-items: center;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.form_container_input.status {
  max-width: 278px;
}

.form_container_input.uploads {
  border: 1px dashed #a1a1a1;
  border-radius: 6px;
  min-height: 90px;
  margin-top: 10px;
  transition: all .3s;
}

.form_container_input.uploads:hover {
  background-color: #fafaf0;
  border-color: #a1a1a1;
  min-height: 120px;
}

.form-4 {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.form-4._40 {
  padding-bottom: 80px;
}

.textarea {
  background-color: #0000;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 150px;
  min-height: 150px;
  padding-left: 8px;
  font-size: 13px;
  font-weight: 300;
}

.textarea:hover {
  background-color: #fafaf0;
}

.textarea:focus {
  background-color: #fafaf0;
  border-style: solid;
  border-color: #dadada;
}

.textarea.large {
  z-index: 5;
  width: 400px;
  height: 250px;
  min-height: 250px;
  font-size: 14px;
  line-height: 38px;
  position: relative;
}

.product_separator {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
  max-height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-3129 {
  color: #0a0a0a;
  background-color: #f1f1f1;
  border: 0 solid #ececec;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 9px;
  left: 9px;
  box-shadow: 0 0 2px #0000000f;
}

.div-block-3130 {
  color: #a0a0a0;
  background-color: #fafafa;
  border: 0 solid #ddd;
  border-radius: 6px;
  max-width: 420px;
  margin-top: 10px;
  padding: 10px 14px;
  font-weight: 300;
}

.div-block-3131 {
  border-radius: 3px;
  flex-direction: row;
  padding-left: 70px;
  padding-right: 25px;
  display: flex;
}

.div-block-3131.inactive {
  display: none;
}

.theuploadarea {
  border: 0 dashed #c7c7c7;
  border-top: 0 solid #d1d1d1;
  width: 525px;
  margin-top: 10px;
  padding-top: 10px;
  overflow: hidden;
}

.product_media_item {
  border-top: 1px dashed #d3d3d3;
  border-bottom: 0 solid #ddd1d1;
  justify-content: flex-start;
  padding: 12px 10px 12px 15px;
  display: flex;
}

.product_media_container {
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 120px;
  display: flex;
  overflow: hidden;
}

.div-block-3135 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 10px;
  font-weight: 400;
  display: flex;
}

.media_item_action {
  color: #5a5a5a;
  cursor: pointer;
  border-bottom: 1px dashed #baa;
  margin-left: 9px;
  margin-right: 0;
  font-weight: 300;
}

.media_item_action:hover {
  color: #141414;
  border-bottom-style: dashed;
  border-bottom-color: #524d4d;
}

.product_image_label {
  font-weight: 500;
}

.div-block-3138 {
  border-top: 1px solid #dadada;
  width: 100%;
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-3139 {
  color: #fff;
  text-align: center;
  background-color: #1654ff;
  border-radius: 99px;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 13px;
  font-weight: 300;
}

.group_header {
  cursor: pointer;
  background-color: #f8f8f8;
  border-bottom: 0 dashed #cec1c1;
  border-radius: 10px 10px 0 0;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  min-height: 75px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.group_header:hover {
  background-color: #f5f5f4;
}

.product_pricing.inactive {
  display: none;
}

.product_media {
  margin-bottom: 15px;
  padding-left: 70px;
  padding-right: 40px;
}

.edit_product_window {
  z-index: 5;
  background-color: #61616133;
  border-top-right-radius: 0;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.edit_product_window.active {
  display: flex;
}

.div-block-3141 {
  z-index: 6;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3110-copy {
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 79px;
  padding: 10px 10px 10px 12px;
  display: flex;
  position: relative;
}

.div-block-3110-copy.active {
  background-image: linear-gradient(#f7f7f7, #fff);
}

.products_results {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0;
  overflow: hidden;
}

.image-597 {
  width: 16px;
}

.search_grid_icon {
  opacity: .2;
  margin-right: 4px;
  padding-left: 3px;
  padding-right: 3px;
}

.div-block-3142 {
  display: flex;
}

.overlaying_panel {
  z-index: 1900;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.overlaying_panel.active {
  background-color: #36333380;
  justify-content: flex-end;
  display: flex;
}

.product_hover {
  background-color: #4646464d;
  border: 1px solid #9c9c9c;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
}

.product_hover.active {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: 0;
  overflow: hidden;
}

.product_hover.noborder {
  border-width: 1px;
  border-color: #9c9c9c00;
}

.product_addtoblock {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  margin-bottom: 5px;
  margin-right: 3px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 300;
}

.product_addtoblock:hover {
  color: #e6e6e6;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}

.div-block-3143 {
  z-index: 2;
  justify-content: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.div-block-3144 {
  z-index: 20;
  cursor: pointer;
  background-color: #4b4b4b80;
  border-bottom-left-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 79px;
  display: flex;
  position: absolute;
  top: 0;
  left: -40px;
}

.div-block-3144:hover {
  background-color: #838383;
}

.div-block-3144.invisible {
  display: none;
}

.image-598 {
  filter: invert();
  width: 18px;
}

.image-595-copy {
  width: 13px;
  margin-right: 5px;
}

.div-block-3145 {
  justify-content: flex-end;
  display: flex;
}

.fetch_url {
  color: #383838;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.fetch_url:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.fetch_url.last {
  margin-right: 0;
}

.fetch_url.last.st {
  border-radius: 6px;
}

.fetch_url.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.fetch_url.blue:hover {
  background-color: #000;
  border-color: #000;
}

.fetch_url.active {
  border-color: #e6e6e6;
  display: flex;
}

.fetch_url.tw {
  padding-right: 18px;
}

.div-block-3146 {
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 6px;
  display: flex;
  position: absolute;
  top: 1px;
  right: 1px;
}

.edit_product_window2 {
  background-color: #42424280;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.edit_product_window2.lightscroll {
  background-color: #fff;
  height: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.header_product_name {
  justify-content: flex-start;
  align-items: center;
  font-weight: 300;
  display: flex;
}

.image-599 {
  width: 12px;
}

.product_blockgroup {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  flex-direction: column;
  max-width: 800px;
  height: 75px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  transition: height .2s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product_blockgroup.closed {
  height: 80px;
  overflow: hidden;
}

.product_blockgroup.active {
  flex-direction: column;
  height: auto;
  display: flex;
  overflow: visible;
}

.product_blockgroup.active.spaced {
  padding-bottom: 50px;
}

.div-block-3147 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3148 {
  z-index: 5;
  border: 1px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.div-block-3148.light {
  color: #504b4b;
  background-color: #fff;
  border-color: #ccc;
}

.div-block-3149 {
  margin-left: 20px;
}

.theline {
  background-color: #ececec;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 48px;
  left: 31px;
}

.theline.top {
  height: 20px;
  top: 0;
}

.theline.faded {
  background-image: linear-gradient(#ececec, #fff 66%);
}

.div-block-3150 {
  padding-left: 70px;
}

.product_options_container {
  cursor: pointer;
  background-color: #f5f5f4;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-bottom: 15px;
  padding: 15px 15px 15px 20px;
  font-weight: 300;
  display: flex;
}

.product_options_container:hover {
  background-color: #ecebe3;
}

.product_options_container.active {
  border-color: #cfcfcf;
  font-weight: 500;
}

.div-block-3152 {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.div-block-3152.active {
  border-color: #969696;
}

.div-block-3153 {
  background-color: #4b4b4b;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.image-600 {
  opacity: 0;
  width: 12px;
}

.image-600.active {
  opacity: 1;
}

.option_box {
  margin-bottom: 10px;
  overflow: visible;
}

.option_box.closed {
  height: 75px;
  transition: height .2s ease-out;
  overflow: hidden;
}

.div-block-3154 {
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 40px;
}

.div-block-3155 {
  width: 100%;
  padding-right: 20px;
  position: absolute;
  top: 0;
}

.div-block-3155.large {
  z-index: 1;
  width: 400px;
}

.image-601 {
  width: 17px;
}

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

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

.div-block-3156 {
  color: #8a8a8a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  font-weight: 300;
  display: flex;
}

.image-602 {
  filter: grayscale();
  margin-bottom: 20px;
}

.text-block-359 {
  margin-bottom: 20px;
}

.fetch_message {
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  width: 100%;
  padding: 15px;
  font-weight: 300;
  display: none;
}

.fetch_message.active {
  margin-top: 15px;
  display: flex;
}

.image-595-copy1 {
  width: 13px;
  margin-right: 5px;
}

.image-595-copy1.b {
  width: 14px;
}

.div-block-3157 {
  display: flex;
}

.product_line_item {
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
}

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

.productbox_physical.active {
  display: flex;
}

.multi_option_item_radio {
  color: #7c7c7c;
  text-align: center;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-right: 8px;
  padding: 17px 20px;
  font-size: 13px;
  transition: opacity .2s;
  display: flex;
}

.multi_option_item_radio:hover {
  background-color: #f1f1f1;
  border-color: #888;
}

.multi_option_item_radio.active {
  background-color: #fff;
  border-color: #9b9b9b;
}

.multi_option_item_radio.last {
  margin-right: 0;
}

.multi_option_item_radio._100 {
  width: 100%;
}

.multi_option_item_radio.hidden {
  display: none;
}

.multi_option_item_radio.small {
  color: #2c2c2c;
  min-height: 46px;
  padding: 12px 25px;
}

.multi_option_item_radio.small:hover {
  background-color: #fff;
}

.multi_option_item_radio.small.active {
  color: #fff;
  cursor: auto;
  background-color: #0f69ff;
  border-color: #0f69ff;
}

.multi_option_item_radio.feature {
  background-color: #fff;
  flex-direction: column;
  padding: 10px;
}

.multi_option_item_radio.feature.active {
  border-width: 2px;
  border-color: #383838;
}

.multi_option_group_products {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  margin-top: 6px;
  display: flex;
}

.multi_option_group_products.nogrid {
  justify-content: flex-start;
  display: flex;
}

.multi_option_group_products.grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.multi_option_group_products.coverstyle {
  margin-top: 5px;
  margin-bottom: 16px;
  font-weight: 300;
}

.thecheckbox {
  background-color: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  margin-right: 10px;
  display: flex;
  box-shadow: 1px 1px 3px #0000000d;
}

.thecheckbox.small {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  margin-right: 6px;
}

.thecheckbox.rect {
  border-width: 1px;
  border-color: #c9c9c9;
  border-radius: 3px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.thecheckbox.rect.absolute {
  margin-right: 0;
  position: absolute;
  right: 10px;
}

.thecheckbox.rect.active {
  color: #2b2b2b;
  background-color: #fff;
  border-color: #2162ce;
}

.thecheckbox.rect.white.active {
  color: #1660da;
  background-color: #fff;
  border-color: #0f69ff;
}

.thecheckbox.rect._970x250 {
  margin-right: 6px;
}

.thecheckbox.active {
  color: #383434;
  background-color: #fff;
  border-color: #0f69ff;
}

.image-603 {
  width: 12px;
}

.image-603.active {
  filter: invert();
}

.div-block-3159 {
  opacity: 0;
  margin-bottom: 0;
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-3159.active {
  opacity: 1;
  color: #0f69ff;
  background-color: #0000;
  align-items: center;
  transition: opacity .1s;
  display: flex;
}

.div-block-3159.round {
  background-color: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.div-block-3159.round.active {
  background-color: #0f69ff;
  width: 9px;
  height: 9px;
}

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

.productbox_subscription.active {
  display: flex;
}

.availability_selector {
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 70px;
  padding-right: 20px;
  display: none;
}

.availability_selector.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.availability_selector.nospace {
  width: 50%;
  padding-left: 0;
}

.availability_selector.no_space {
  padding-left: 20px;
}

.availability_selector._50 {
  width: 50%;
  padding-left: 0;
}

.availability_selector.active {
  margin-bottom: 45px;
  display: flex;
}

.billingcycle_selector {
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 70px;
  padding-right: 20px;
  display: none;
}

.billingcycle_selector.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.billingcycle_selector.nospace {
  width: 50%;
  padding-left: 0;
}

.billingcycle_selector.no_space {
  padding-left: 20px;
}

.billingcycle_selector._50 {
  width: 50%;
  padding-left: 0;
}

.billingcycle_selector.active {
  display: flex;
}

.product_details_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.regularlabel.active {
  color: #303030;
  font-weight: 500;
}

.product_line1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.product_line1.edited {
  background-color: #f8f8ed;
}

.product_line1.smallest {
  display: none;
}

.product_line2 {
  letter-spacing: .3px;
  margin-top: 3px;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.product_line2.edited {
  background-color: #f8f8ed;
}

.product_line2.style1 {
  color: #575757;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 12px;
  width: 100%;
  margin-top: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: 300;
}

.product_line2.style1:hover {
  color: #fff;
  background-color: #1654ff;
}

.product_line2.small {
  font-weight: 300;
  display: flex;
}

.product_line2.style2 {
  color: #575757;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 12px;
  width: 100%;
  margin-top: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: 300;
  display: none;
}

.product_line2.style2:hover {
  color: #fff;
  background-color: #1654ff;
}

.product_line2.smallest {
  color: #575757;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 12px;
  width: 100%;
  margin-top: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: 300;
  display: none;
}

.product_line2.smallest:hover {
  color: #fff;
  background-color: #1654ff;
}

.product_cta {
  opacity: .87;
  color: #444;
  white-space: nowrap;
  cursor: pointer;
  border: 0 dashed #c0bebe;
  border-bottom: 1px dashed #a8a8a8;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.product_cta:hover {
  border-width: 0 0 1px;
  border-color: var(--royal-blue) var(--royal-blue) #222;
  color: #202020;
}

.product_cta.small {
  border-width: 0;
  border-color: #000;
  justify-content: center;
}

.product_cta.style1 {
  display: none;
}

.product_cta.style2 {
  opacity: 1;
  color: #575757;
  background-color: #f0f0f0;
  border-width: 0;
  border-color: #000;
  border-radius: 12px;
  justify-content: center;
  padding-top: 9px;
  padding-bottom: 9px;
}

.product_cta.style2:hover {
  color: #fff;
  background-color: #1654ff;
}

.product_cta.smallest {
  opacity: 1;
  color: #575757;
  background-color: #fff;
  border: 0 solid #8a8a8a1a;
  border-radius: 12px;
  justify-content: center;
  padding-top: 9px;
  padding-bottom: 9px;
  box-shadow: 0 0 16px 6px #0000000a;
}

.product_cta.smallest:hover {
  color: #fff;
  background-color: #1654ff;
}

.product_cta.inactive {
  display: none;
}

.add_option_button {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 6px 35px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.add_option_button:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.add_option_button.last {
  margin-right: 0;
}

.add_option_button.last.st {
  border-radius: 6px;
}

.add_option_button.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_option_button.blue:hover {
  background-color: #000;
  border-color: #000;
}

.add_option_button.blue.waiting {
  color: #2e2e2e;
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #888;
}

.add_option_button.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_option_button.tw {
  padding-right: 18px;
}

.add_option_button.small {
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.option_box_container {
  padding-bottom: 20px;
  padding-left: 70px;
  padding-right: 35px;
}

.div-block-3160 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.product_action {
  color: #5a5a5a;
  cursor: pointer;
  border-bottom: 1px dashed #baa;
  margin-left: 9px;
  margin-right: 0;
  font-weight: 300;
  display: none;
}

.product_action:hover {
  color: #141414;
  border-bottom-style: dashed;
  border-bottom-color: #524d4d;
}

.product_action.active {
  margin-right: 6px;
  display: flex;
}

.status_indicator_product {
  display: flex;
}

.status_indicator_product.active {
  display: none;
}

.product_modal {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.product_modal.lightscroll {
  background-color: #fff;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.product_modal.lightscroll.horizontal {
  flex-direction: row;
  max-width: 1280px;
  max-height: 720px;
  overflow: hidden;
}

.product_modal.lightscroll.horizontal.explore {
  min-height: 250px;
}

.product_modal.lightscroll.explore {
  min-height: 300px;
}

.product_modal.explore {
  min-height: 600px;
}

.product_modal_media {
  background-color: #f1f1f1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.product_modal_description {
  width: 100%;
  max-width: 600px;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
}

.product_mondal_details {
  border-bottom: 0 solid #e7e7e7;
  padding-bottom: 5px;
  font-size: 19px;
  font-weight: 500;
}

.product_mondal_details.article {
  border-bottom-width: 1px;
  border-bottom-color: #2424241a;
  flex-direction: column-reverse;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.product_mondal_details.horizontal {
  border-bottom-width: 1px;
  border-bottom-color: #eee;
  padding-top: 5px;
}

.mod_description {
  opacity: .9;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 14px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.mod_description.explore {
  display: none;
}

.mod_description.article {
  border-bottom-width: 0;
  padding-bottom: 5px;
  font-size: 17px;
  line-height: 25px;
}

.modal_options_label {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 500;
}

.product_mondal_options {
  margin-bottom: 22px;
}

.modal_options_container.explore, .modal_options_container.article {
  display: none;
}

.div-block-3165 {
  border-radius: 1px;
  padding: 10px 12px 12px;
}

.div-block-3166 {
  border: 1px solid #e6e6e6;
  flex-flow: wrap;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.units_holder {
  flex-wrap: wrap;
  display: flex;
}

.units_holder.qty {
  border-radius: 99px;
  flex-wrap: nowrap;
  max-height: 47px;
}

.option_unit {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 4px;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
  left: -1px;
}

.option_unit:hover {
  color: #e9e9e9;
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.option_unit.last {
  border-right-width: 1px;
}

.option_unit.active {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.add_to_cart_comp {
  z-index: 10;
  background-color: #fff;
  border-top: 1px solid #f8f8f8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px 20px;
  font-weight: 400;
  display: flex;
}

.add_to_cart_comp.explore {
  background-color: #fff0;
  border-top-width: 0;
  padding-top: 5px;
  padding-bottom: 20px;
}

.add_to_cart_comp.article {
  background-color: #fff0;
  border-top-color: #2424240f;
  padding-top: 20px;
}

.add_to_cart_comp.inactive {
  display: none;
}

.mod_cta_bottom {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border: 0 solid #000;
  border-radius: 2px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.mod_cta_bottom.explore {
  background-color: #1a1a1a;
}

.mod_cta_bottom.explore:hover {
  filter: invert(20%);
}

.mod_cta_bottom.inactive {
  display: none;
}

.image-604 {
  filter: invert();
  width: 18px;
  margin-bottom: 1px;
}

.cta_icon {
  margin-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.qty_product {
  border: 1px solid #dbdbdb;
  border-right-width: 0;
  border-radius: 1px;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
  left: -1px;
}

.qty_product.last {
  border-right-width: 1px;
  margin-right: 10px;
}

.qty_product.symbol {
  justify-content: center;
  align-items: center;
  font-size: 23px;
  font-weight: 400;
  line-height: 23px;
  display: flex;
}

.qty_product.plus {
  cursor: pointer;
  border-right-width: 1px;
  font-size: 23px;
  line-height: 23px;
}

.image-605 {
  width: 14px;
}

.mod_price {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 400;
}

.mod_price.inactive, .mod_price.article {
  display: none;
}

.product_mondal_qty {
  margin-bottom: 15px;
}

.product_mondal_qty.explore, .product_mondal_qty.article, .product_mondal_qty.purchase {
  display: none;
}

.div-block-3172 {
  align-items: center;
  font-weight: 300;
  display: flex;
}

.modal_block {
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: -20px 0 20px #0000000f;
}

.modal_block.horizontal {
  background-color: #222020cc;
  justify-content: center;
  align-items: center;
}

.modal_holder {
  z-index: 9999;
  background-color: #00000026;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.modal_holder.active {
  flex-direction: column;
  display: flex;
  top: 0;
}

.modal_holder.side_left {
  justify-content: flex-start;
}

.modal_holder.side_right {
  justify-content: flex-end;
}

.modal_holder.profile {
  background-color: #0000;
}

.header_right {
  justify-content: flex-end;
  display: flex;
}

.header_dots {
  display: none;
}

.header_dots.active {
  padding-right: 10px;
  display: flex;
}

.mod_cta_top {
  color: #fff;
  background-color: #000;
  border-radius: 1px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 300;
  display: none;
}

.mod_cta_top.active {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  min-width: 45px;
  min-height: 45px;
  font-size: 18px;
  display: flex;
}

.mod_cta_top.active:hover {
  color: #eee8e8;
  background-color: #151236;
}

.image-606 {
  filter: invert();
  width: 18px;
}

.div-block-3174 {
  font-family: GoogleMaterialicons, sans-serif;
  position: relative;
  bottom: 2px;
}

.header_left {
  align-items: center;
  display: flex;
}

.header_left.full {
  display: none;
}

.header_left.smallest {
  justify-content: space-between;
  width: 100%;
}

.header_back {
  display: none;
}

.header_back.active {
  color: #fff;
  cursor: pointer;
  background-color: #2222221a;
  border: 0 solid #2222220a;
  border-right: 1px solid #eeeeee0a;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding-left: 10px;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.header_back.active:hover {
  color: #fff;
  background-color: #1f1f1fe6;
  border-radius: 3px;
}

.header_back.inactive {
  display: none;
}

.image-607 {
  width: 24px;
}

.mod_name {
  line-height: 24px;
}

.mod_name.article {
  letter-spacing: -.5px;
  font-size: 22px;
}

.all_header_items_modal {
  z-index: 5;
  border-bottom: 1px solid #9993931a;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 65px;
  display: flex;
  position: absolute;
  top: 0;
}

.all_header_items_modal.horizontal {
  background-color: #47474705;
  border-radius: 0;
}

.media_element_product_modal {
  width: 100%;
  height: 100%;
}

.div-block-3175 {
  border-bottom: 0 solid #e7e7e7;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.product_pagination {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 15px;
  padding: 4px 10px 10px;
  display: flex;
  position: absolute;
  top: 25px;
}

.product_pagination.article {
  background-image: linear-gradient(#1b1b1b00, #0000001a);
  align-items: flex-end;
  padding-top: 15px;
  top: auto;
  bottom: 0;
}

.product_pagination_bullet {
  background-color: #e2dfdf66;
  border: 0 solid #fff;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-right: 3px;
}

.product_pagination_bullet.swiper-pagination-bullet-active {
  background-color: #f3f3f3;
  border-width: 1px;
  border-color: #999191;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.product_pagination_bullet.article {
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
}

.top_media_holder {
  border-top: 0 solid #f8f8f8;
  border-bottom: 0 solid #f8f8f800;
  align-items: center;
  width: 100%;
  min-height: 300px;
  max-height: 360px;
  display: flex;
  position: relative;
}

.top_media_holder.horizontal {
  justify-content: center;
  height: 100%;
  min-height: auto;
  max-height: none;
}

.top_media_holder.horizontal.explore {
  min-height: auto;
}

.top_media_holder.explore {
  z-index: 1;
  height: 100%;
  min-height: 100%;
  position: absolute;
}

.top_media_holder.empty {
  background-color: #f1f1f100;
  min-height: 80px;
}

.header_left_product {
  cursor: pointer;
  background-image: linear-gradient(#00000008, #38383800);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.qty_product_full {
  text-align: center;
  border: 1px solid #dbdbdb;
  border-right-width: 0;
  border-radius: 1px;
  width: 100%;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
  left: -1px;
}

.qty_product_full.last {
  border-right-width: 1px;
  margin-right: 10px;
}

.qty_product_full.symbol {
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.product_image_container {
  background-color: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.product_image_container.vertical.tiny {
  width: 145px;
  height: 100%;
  min-height: 145px;
}

.product_image_container.tiny {
  width: 150px;
  min-width: 150px;
  height: 100%;
  min-height: auto;
}

.product_image_container.style1 {
  border-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.product_image_container.small {
  overflow: hidden;
}

.product_image_container.style2 {
  border-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.product_image_container.smallest {
  border-width: 0;
  border-color: #998f8f;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-block-2995-copy2 {
  padding: 8px 15px;
}

.div-block-2995-copy2.tiny {
  height: 100%;
  margin-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-2995-copy2.style1 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 14px;
  display: flex;
}

.div-block-2995-copy2.small {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0;
  display: flex;
}

.div-block-2995-copy2.style2 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 14px;
  display: flex;
}

.div-block-2995-copy2.smallest {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-2996-copy {
  color: #9e9e9e;
  background-color: #fff;
  border-top: 0 solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-2996-copy.style1 {
  display: none;
}

.div-block-2996-copy.smallest {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.products_gradient {
  z-index: 5;
  opacity: .05;
  background-image: linear-gradient(#0e0e0e00 64%, #00000059);
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}

.products_gradient.smallest {
  opacity: .1;
  background-image: linear-gradient(#0e0e0e00 35%, #00000059);
}

.product_container_body {
  border: 0 solid #dfdfdf;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 25px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.product_container_body.single {
  padding-bottom: 15px;
  padding-right: 20px;
}

.product_container_body.stack {
  padding-right: 40px;
}

.product_container_body.recommendations {
  padding-bottom: 0;
}

.product_container_body.social {
  padding-bottom: 10px;
}

.product_container_body.media {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 20px;
}

.product_container_body.products {
  justify-content: center;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 0;
}

.product_container_body.products.wrapped {
  padding-bottom: 0;
  padding-right: 10px;
}

.product_container_body.products.tiny {
  justify-content: center;
  padding-bottom: 0;
  padding-right: 0;
}

.product_container_body.products.smallest {
  justify-content: center;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.product_carousel_container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 3px;
  padding-bottom: 5px;
  display: flex;
  overflow: visible;
}

.product_carousel_container.social {
  margin-top: 3px;
  padding-bottom: 0;
}

.product_carousel_container.single {
  padding-bottom: 0;
}

.product_carousel_container.client {
  width: auto;
}

.product_carousel_container.wrapped {
  margin-bottom: 0;
  padding-bottom: 0;
}

.product_carousel_container.tiny {
  padding-bottom: 0;
  padding-right: 20px;
}

.product_carousel_container.small {
  max-height: 200px;
  position: static;
}

.product_carousel_container.story, .product_carousel_container.chat {
  position: static;
}

.product_carousel_container.smallest {
  height: 100%;
  padding-bottom: 0;
}

.swiper_pagination_products {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swiper_pagination_products.hidden {
  display: none;
}

.swiper_pagination_products.bottom {
  z-index: 5;
  align-items: center;
  bottom: 10px;
}

.swiper_pagination_products.top {
  justify-content: flex-end;
  align-items: center;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  top: -38px;
}

.swiper_pagination_products.recommendations {
  padding-top: 10px;
  padding-bottom: 12px;
}

.swiper_pagination_bullet {
  background-color: #dad0d0;
  border: 1px solid #dad0d0;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 3px;
}

.swiper_pagination_bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  border-color: gray;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
}

.product_line0 {
  color: #777;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
}

.product_line0.edited {
  background-color: #f8f8ed;
}

.product_line0.style1 {
  color: #afacac;
  margin-bottom: 2px;
  font-size: 12px;
}

.product_line0.smallest {
  font-weight: 500;
  display: none;
}

.mod_brand {
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
}

.mod_brand.article {
  border-radius: 90px;
  padding-top: 3px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.product_media_panel {
  border-bottom: 1px solid #2424240f;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.product_media_panel.horizontal {
  z-index: 1;
  background-color: #fff;
  width: 50%;
  height: 100%;
}

.product_media_panel.horizontal.explore {
  width: 100%;
}

.product_media_panel.explore {
  z-index: 1;
  height: 100%;
  position: absolute;
  top: 0;
}

.product_media_panel.redirect {
  display: none;
}

.product_media_panel.article {
  border-bottom-width: 0;
}

.create_from_url_container.inactive {
  display: none;
}

.all_product_lines {
  width: 100%;
}

.create_from_url_product {
  width: 100%;
  font-weight: 300;
  position: relative;
}

.remove_item {
  color: #383838;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.remove_item:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.remove_item.last {
  margin-right: 0;
}

.remove_item.last.st {
  border-radius: 6px;
}

.remove_item.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.remove_item.blue:hover {
  background-color: #000;
  border-color: #000;
}

.remove_item.active {
  border-width: 1px;
  border-color: #a0a0a000;
  display: flex;
}

.remove_item.active:hover {
  border-color: #818181;
}

.remove_item.tw {
  padding-right: 18px;
}

.image-595-copy-copy {
  width: 17px;
  margin-right: 5px;
}

.panel_add_fromurl {
  flex-direction: column;
  width: 100%;
  height: 0;
  padding-left: 15px;
  transition: height .2s;
  display: flex;
  overflow: hidden;
}

.panel_add_fromurl.active {
  height: auto;
  display: flex;
  overflow: auto;
}

.div-block-3178 {
  padding-right: 20px;
}

.div-block-3179 {
  border-top: 1px dashed #d8d8d8;
  border-bottom: 1px dashed #d8d8d8;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
}

.div-block-3180 {
  padding: 20px 5px 5px 20px;
}

.div-block-3181 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3182 {
  display: flex;
}

.image-608 {
  width: 13px;
  margin-right: 5px;
}

.cover_settings_panel {
  z-index: 8;
  background-image: linear-gradient(to right, #0003 3%, #3f3f3f1a 96%);
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 80px;
}

.cover_settings_panel.active {
  background-image: none;
  justify-content: flex-end;
  display: flex;
}

.cover_settings_holder {
  background-color: #fff;
  border-left: 1px solid #e0e0e0;
  border-right: 0 solid #e0e0e0;
  width: 100%;
  min-width: 350px;
  max-width: 420px;
  height: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: auto;
}

.div-block-3185 {
  border-bottom: 1px solid #e4e4e4;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  padding: 26px 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3186 {
  border-bottom: 1px solid #e4e4e4;
  margin-top: 15px;
  padding-bottom: 24px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 300;
}

.slider_container {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 10px;
  display: flex;
  position: relative;
}

.div-block-3187 {
  margin-bottom: 10px;
}

.gray_out_settings {
  background-color: #50505066;
  width: 100%;
}

.cover_enable_switch {
  color: #707070;
  cursor: pointer;
  border: 0 solid #e5e5db;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 61px;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
  display: flex;
}

.cover_enable_switch:hover {
  border-color: #8f96e4;
}

.cover_enable_switch.disabled {
  display: none;
}

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

.all_cover_settings.active {
  display: flex;
}

.slider_component {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-3189 {
  color: #8d8d8d;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  font-size: 11px;
  display: flex;
}

.body-6 {
  font-family: Circularxxweb, sans-serif;
}

.dropdown_menu {
  color: #727272;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding-left: 12px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.dropdown_menu:hover {
  color: #252525;
  background-color: #fafaf0;
}

.dropdown_menu.active {
  border-color: #7a8aca;
}

.dropdown_menu.rounded {
  color: #3d3d3d;
  border-width: 1px;
  border-color: #c3c5c9;
  border-radius: 99px;
  justify-content: flex-start;
  width: auto;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 700;
}

.dropdown_menu.rounded:hover {
  border-color: var(--light-steel-blue);
}

.dropdown_menu.rounded.active {
  border-width: 1px;
  border-color: var(--light-steel-blue);
}

.dropdown_menu.rounded.light {
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.dropdown_menu.rounded.blue {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu.rounded.blue:hover {
  background-color: #161616;
  border-color: #0a0a0a;
}

.dropdown_menu.rounded.blue.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu.rounded.blue.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.dropdown_menu.rounded.white {
  color: #1a1a1a;
  background-color: #fff;
  border-color: #e7e7e7;
}

.dropdown_menu.rounded.asbutton {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu.rounded.asbutton:hover {
  background-color: #161616;
  border-color: #0a0a0a;
}

.dropdown_menu.rounded.asbutton.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu.rounded.asbutton.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.dropdown_menu.rounded.asbutton.disabled {
  cursor: progress;
  background-color: #cfcfcf;
  border-color: #cdd0d8;
}

.dropdown_menu.filter {
  background-color: #fff;
  border-color: #dadada;
  box-shadow: 0 0 6px #0000000a;
}

.dropdown_menu.aicreate {
  height: 48px;
  min-height: 48px;
  box-shadow: 0 0 6px #0000000a;
}

.dropdown_menu.aicreate.active {
  background-color: #fafaf000;
  border-color: #dadada05;
  box-shadow: 0 0 6px #0000;
}

.dropdown_menu.filter2 {
  border-color: #ececec;
  border-radius: 3px;
  height: 50px;
  min-height: 50px;
  box-shadow: 0 0 5px 2px #20202005;
}

.dropdown_menu.leadgen {
  background-color: #fff;
  border-color: #dadada;
  box-shadow: 0 0 6px #0000000a;
}

.dropdown_menu.light.rounded {
  border-color: #e6e6e6;
  box-shadow: 2px 0 10px #00000005;
}

.dropdown_menu.small {
  background-color: #fafaf000;
  border-width: 0;
  border-radius: 0;
  height: 25px;
  min-height: 25px;
}

.dropdown_menu.small:hover {
  background-color: #fafaf000;
}

.dropdown_menu.small.rounded {
  border-radius: 12px;
  height: 100%;
  min-height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.dropdown_menu.small.rounded.active {
  border-width: 0;
}

.dropdown_menu.rounded_smallest {
  color: #3d3d3d;
  border-width: 1px;
  border-color: #c3c5c9;
  border-radius: 99px;
  justify-content: flex-start;
  width: auto;
  height: 30px;
  min-height: 30px;
  padding-left: 12px;
  padding-right: 3px;
  font-size: 12px;
  font-weight: 700;
}

.dropdown_menu.rounded_smallest:hover {
  border-color: var(--light-steel-blue);
}

.dropdown_menu.rounded_smallest.active {
  border-width: 1px;
  border-color: var(--light-steel-blue);
}

.dropdown_menu.rounded_smallest.light {
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.dropdown_menu.rounded_smallest.blue {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu.rounded_smallest.blue:hover {
  background-color: #161616;
  border-color: #0a0a0a;
}

.dropdown_menu.rounded_smallest.blue.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu.rounded_smallest.blue.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.dropdown_menu.rounded_smallest.white {
  color: #1a1a1a;
  background-color: #fff;
  border-color: #e7e7e7;
}

.dropdown_menu.rounded_smallest.asbutton {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu.rounded_smallest.asbutton:hover {
  background-color: #161616;
  border-color: #0a0a0a;
}

.dropdown_menu.rounded_smallest.asbutton.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu.rounded_smallest.asbutton.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.dropdown_menu.rounded_smallest.asbutton.disabled {
  cursor: progress;
  background-color: #cfcfcf;
  border-color: #cdd0d8;
}

.image-609 {
  opacity: .6;
  width: 16px;
  min-width: 16px;
}

.image-609.small {
  opacity: 1;
}

.div-block-3190 {
  width: auto;
  max-width: 508px;
}

.exp_panel {
  z-index: 999;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dadada80;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  min-height: 40px;
  margin-top: 5px;
  font-weight: 300;
  display: none;
  position: absolute;
  top: 46.5px;
  left: 0;
  overflow: auto;
  box-shadow: -1px 0 3px -2px #0000001a;
}

.exp_panel.lightscroll {
  z-index: 999;
}

.exp_panel.lightscroll.active {
  border-width: 1px;
  border-color: var(--royal-blue);
  max-height: 232px;
  box-shadow: 16px 18px 0 -5px #00000014;
}

.exp_panel.lightscroll.rounded {
  width: 100%;
}

.exp_panel.lightscroll.rounded.active {
  border-width: 1px;
  border-color: #e6e6e680;
  border-radius: 10px;
  max-height: 300px;
  box-shadow: -1px 9px 12px -3px #0000000d;
}

.exp_panel.lightscroll.up.active {
  border-color: #e4e4e4;
  box-shadow: 4px 4px 6px -3px #00000014;
}

.exp_panel.lightscroll.filter.active {
  border-color: #e6e6e680;
  box-shadow: 4px 4px 5px -3px #0000000d;
}

.exp_panel.lightscroll.aicreate {
  box-shadow: none;
  border-width: 0;
  width: 100%;
  min-height: 0;
  max-height: 0;
  margin-top: 0;
  display: flex;
  top: -1px;
  left: 0;
  overflow: hidden;
}

.exp_panel.lightscroll.aicreate.active {
  border-width: 1px;
  border-color: #bebebe80;
  width: 100%;
  min-width: 100%;
  max-height: 320px;
  margin-top: 0;
  padding: 5px;
  transition-duration: 50ms;
  top: 0;
  left: 0;
  overflow: auto;
  box-shadow: 4px 4px 5px -3px #0000000d;
}

.exp_panel.lightscroll.small {
  color: #363636;
  border-radius: 12px;
  min-width: 110px;
  max-height: 240px;
  font-size: 12px;
  font-weight: 700;
  top: auto;
  bottom: -8px;
  box-shadow: -1px 0 3px -2px #00000026;
}

.exp_panel.lightscroll.small.up {
  bottom: 58px;
}

.exp_panel.lightscroll.small.up.active {
  top: auto;
  bottom: 58px;
}

.exp_panel.lightscroll.small.down {
  top: auto;
  bottom: -258px;
}

.exp_panel.lightscroll.small.down.active {
  border-width: 0;
  top: auto;
  bottom: -236px;
  box-shadow: 0 0 17px -2px #00000026;
}

.exp_panel.lightscroll.small.down.rounded {
  bottom: -239px;
}

.exp_panel.lightscroll.rounded_smallest {
  width: 100%;
}

.exp_panel.lightscroll.rounded_smallest.active {
  border-width: 1px;
  border-color: #e6e6e680;
  border-radius: 10px;
  max-height: 300px;
  box-shadow: -1px 9px 12px -3px #0000000d;
}

.exp_panel.active {
  min-width: 100.5px;
  max-height: 230px;
  padding: 10px;
  display: flex;
  left: -1px;
  box-shadow: 4px 4px 5px -3px #00000026;
}

.exp_panel.lighscroll.active {
  box-shadow: none;
  border-color: #dadada;
  max-height: 231px;
  left: -1px;
}

.exp_panel.lighscroll.up.active {
  border-color: #dadada80;
  top: auto;
  bottom: 46px;
  box-shadow: 13px 16px 6px -15px #00000026;
}

.exp_panel.lighscroll.filter {
  display: flex;
}

.exp_panel.lighscroll.filter.active {
  border-color: #e6e6e680;
  border-radius: 10px;
  box-shadow: 4px 4px 5px -3px #0000000d;
}

.exp_panel.lighscroll.filter.icons {
  flex-flow: wrap;
  padding-top: 5px;
  padding-bottom: 5px;
}

.exp_panel.lighscroll.icons.active {
  flex-flow: wrap;
}

.exp_panel.up.active {
  width: 102%;
  max-height: 420px;
  top: auto;
  bottom: -4px;
}

.exp_panel.rounded.active {
  padding-left: 10px;
  top: 67.5px;
}

.exp_panel.icons {
  flex-flow: wrap;
}

.exp_panel.icons.active {
  min-width: 342px;
  left: auto;
  right: 0;
}

.exp_panel.fullpage {
  box-shadow: none;
  border-width: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin-top: 0;
  position: absolute;
  top: 0;
}

.exp_panel.fullpage.active {
  background-image: linear-gradient(#fff, #f8f8f8 91%);
  border-width: 0;
  width: 100%;
  min-width: 100%;
  height: auto;
  max-height: 100%;
}

.exp_panel.leadgen {
  width: 101.2%;
  display: none;
  top: -116.5px;
  left: -1px;
  box-shadow: 0 0 6px #0000000a;
}

.exp_panel.leadgen.active {
  display: flex;
}

.dropdown_item {
  color: #3f3f3f;
  cursor: pointer;
  border-bottom: 0 solid #e9e9e9;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  min-height: 46px;
  padding-left: 10px;
  padding-right: 12px;
  display: flex;
}

.dropdown_item:hover {
  background-color: #eee;
}

.dropdown_item.rounded {
  color: #292929;
  border-radius: 6px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 500;
}

.dropdown_item.rounded.white {
  font-weight: 500;
}

.dropdown_item.icons {
  padding-left: 14px;
  padding-right: 14px;
  font-family: Materialicons, sans-serif;
  font-size: 22px;
}

.dropdown_item.aicreate {
  color: #252525;
  border-bottom-width: 1px;
  border-radius: 2px;
  height: 51px;
  min-height: 51px;
  padding-left: 14px;
  font-size: 15px;
  font-weight: 300;
}

.dropdown_item.fullpage {
  border-bottom-width: 1px;
  font-weight: 500;
}

.dropdown_item.rounded_smallest {
  color: #292929;
  border-radius: 6px;
  height: 30px;
  min-height: 30px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 500;
}

.dropdown_item.rounded_smallest.white {
  font-weight: 500;
}

.category_and_tags {
  width: 100%;
  margin-right: 0;
}

.category_and_tags.last {
  margin-right: 0;
}

.div-block-3193 {
  display: flex;
}

.dropdown_container_tags {
  flex-flow: wrap;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3194 {
  align-items: center;
  display: flex;
}

.div-block-3195 {
  display: flex;
}

.div-block-3195.blue {
  color: #fff;
}

.add_tag {
  color: #5e5e5e;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: static;
  right: 10px;
}

.add_tag:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.add_tag.last {
  margin-right: 0;
}

.add_tag.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_tag.blue:hover {
  background-color: #000;
  border-color: #000;
}

.add_tag.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  display: flex;
}

.add_tag.tw {
  padding-right: 18px;
}

.div-block-3196 {
  align-items: center;
  display: flex;
}

.add_new_tag {
  color: #383838;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.add_new_tag:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.add_new_tag.last {
  margin-right: 0;
}

.add_new_tag.last.st {
  border-radius: 6px;
}

.add_new_tag.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.add_new_tag.blue:hover {
  background-color: #000;
  border-color: #000;
}

.add_new_tag.active {
  white-space: nowrap;
  margin-right: 0;
  display: flex;
}

.add_new_tag.tw {
  padding-right: 18px;
}

.dropdown_indicator {
  display: none;
}

.dropdown_indicator.active {
  padding-right: 10px;
  font-size: 18px;
  display: flex;
}

.dropdown_indicator.active.blue, .dropdown_indicator.active.asbutton {
  filter: invert();
}

.dropdown_indicator.active.small {
  padding-right: 0;
}

.dropdown_indicator.active.up {
  padding-right: 0;
  transform: rotate(180deg);
}

.dropdown_indicator.active.down {
  padding-top: 2px;
  padding-right: 0;
}

.dropdown_indicator.rounded_smallest, .dropdown_indicator.rounded_smallest.active {
  display: none;
}

.dropdown_input {
  width: 100%;
  margin-right: 10px;
}

.dropdown_input.rounded {
  margin-right: 8px;
}

.dropdown_input.filter {
  color: #3a3a3a;
}

.dropdown_input.filter.icons {
  display: none;
}

.dropdown_input.aicreate {
  color: #000;
  font-size: 15px;
}

.dropdown_input.aicreate.icons {
  display: none;
}

.dropdown_input.nospace {
  margin-right: 0;
}

.dropdown_input.filter2 {
  color: #3a3a3a;
}

.dropdown_input.filter2.icons {
  display: none;
}

.dropdown_input.leadgen {
  color: #3a3a3a;
}

.dropdown_input.leadgen.icons {
  display: none;
}

.dropdown_input.small {
  color: #272727;
  margin-right: 0;
  font-size: 11px;
  font-weight: 500;
}

.dropdown_input.inactive {
  display: none;
}

.dropdown_input.rounded_smallest {
  margin-right: 8px;
  font-size: 10px;
}

.active_tags {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

.generic_tag {
  background-color: #fffdf7;
  border: 1px solid #e7e7dc;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.image-610 {
  width: 10px;
}

.tag_label {
  padding-left: 15px;
  padding-right: 25px;
}

.delete_tag {
  cursor: pointer;
  background-color: #fff;
  border-left: 1px dashed #e7e7e7;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.delete_tag:hover {
  background-color: #f8f8f8;
}

.dropdown_container {
  width: 100%;
  margin-top: 3px;
}

.div-block-3197 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper-button-next {
  filter: invert(50%);
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6166f7db49381ea49cd20521_arrow12(1).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
  position: absolute;
  right: 0;
}

.image-611 {
  width: 24px;
}

.image-611.r {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.swiper-button-prev {
  filter: invert(50%);
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/6166f7db49381ea49cd20521_arrow12(1).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
  position: absolute;
  left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-612 {
  width: 16px;
  margin-bottom: 2px;
  margin-right: 3px;
}

.div-block-3198 {
  flex-direction: row;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-3198.explore, .div-block-3198.article, .div-block-3198.purchase {
  display: none;
}

.image-613 {
  opacity: .4;
  width: 14px;
  margin-bottom: 1px;
  margin-right: 2px;
}

.refresh_library {
  border-bottom: 1px dashed #acacac;
  display: none;
}

.refresh_library.active {
  display: flex;
}

.div-block-3199 {
  border-bottom: 0 dashed #616161;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: flex;
}

.next_page {
  width: 100%;
  padding: 10px 15px 5px;
}

.next_page.hidden {
  display: none;
}

.library_show_more {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 300;
  display: none;
}

.library_show_more:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.library_show_more.active {
  display: flex;
}

.availablefonts {
  border: 0 solid #ece4e4;
  min-height: 400px;
  max-height: 400px;
  padding: 0 15px 0 0;
  overflow: auto;
}

.availablefonts.lightscroll {
  min-height: 100px;
}

.availablefonts.native {
  min-height: 100px;
  max-height: 100%;
}

.availablefonts.native.lightscroll {
  margin-top: 12px;
}

.available_fonts {
  margin-bottom: 6px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
  display: none;
}

.available_fonts.active {
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.available_fonts.native {
  min-height: 150px;
}

.div-block-3200 {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 25px 15px 20px;
}

.div-block-3200.split {
  border-color: #e2e2e280;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3200.split:hover {
  border-color: #8f96e4;
}

.div-block-3200.split.hidden {
  display: none;
}

.div-block-3200.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.div-block-3200.b:hover {
  border-color: #8f96e4;
}

.div-block-3200.b.inactive, .div-block-3200.b.invisible {
  display: none;
}

.div-block-3200.dropdowns {
  padding-bottom: 20px;
  padding-right: 20px;
}

.div-block-3200.dropdowns:hover {
  border-color: #8f96e4;
}

.div-block-3200.dropdowns.input {
  padding-bottom: 0;
}

.div-block-3200.dropdowns._20 {
  padding-bottom: 20px;
}

.div-block-3200.dropdowns.a {
  padding-bottom: 0;
}

.div-block-3200.dropdowns.hidden {
  display: none;
}

.div-block-3200.no_space {
  padding-right: 40px;
}

.div-block-3200.no_space:hover {
  border-color: #8f96e4;
}

.div-block-3200.no_space.invisible {
  display: none;
}

.div-block-3201 {
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
  position: relative;
}

.fonts_search_box {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 0;
  font-size: 13px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.fonts_search_box.active {
  background-color: #f8f7ea;
  border-color: #7a8aca;
}

.image-614 {
  opacity: .6;
  width: 14px;
  min-width: 14px;
  margin-bottom: 2px;
}

.font_search_input {
  color: #333;
  border-radius: 3px;
  width: 100%;
  margin-left: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}

.font_search_input:focus {
  background-color: #f7f8ea;
}

.slider_value {
  color: #9b9b9b;
  background-color: #eeeeee73;
  border-top: 0 solid #dbdbdb;
  width: 1px;
  min-width: 1px;
  height: 10px;
  min-height: 10px;
  font-size: 11px;
}

.slider_value.small {
  color: #645e5e;
  height: 4px;
  min-height: 4px;
  font-size: 4px;
}

.slider_value.small.dark {
  color: #353535;
}

.slider_value.hidden {
  color: #fff;
}

.slider_value.ai {
  color: #f3e9e9;
  white-space: nowrap;
  background-color: #181818;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: 25px;
  min-height: 25px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.slider_value.dark {
  color: #8a8787;
}

.slider_value.ns {
  background-color: #eee0;
  width: auto;
  height: auto;
  min-height: auto;
}

.slider_value.ns.faded {
  opacity: .5;
}

.div-block-3203 {
  font-size: 12px;
}

.font_settings_container {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-left: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.font_settings_container._50 {
  border-bottom-width: 0;
  width: 50%;
  min-width: 104px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 3px;
}

.font_settings_container._50.last {
  margin-right: 0;
}

.font_settings_container._50.first {
  margin-right: 0;
  padding-left: 3px;
}

.font_settings_container.last {
  padding-bottom: 12px;
}

.font_settings_container.no_margin {
  margin-left: 0;
}

.font_settings_container._100 {
  width: 100%;
  margin-left: 0;
}

.font_settings_container._100.nospace {
  margin-left: 0;
}

.font_settings_container._100.hidden {
  display: none;
}

.slidervalues {
  z-index: 4;
  opacity: .5;
  color: #c2c2c2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  font-size: 11px;
  display: flex;
  position: relative;
}

.slidervalues.faded {
  opacity: .5;
}

.slidervalues.inactive {
  display: none;
}

.div-block-3203-copy {
  color: #3a3a3a;
  letter-spacing: .5px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.div-block-3203-copy.padded {
  margin-left: 12px;
}

.div-block-3203-copy.aligned {
  justify-content: flex-end;
}

.slider_label {
  color: #9b9b9b;
  border-bottom: 1px dashed #0000;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.slider_label.active {
  color: #3d61c3;
  cursor: pointer;
  border-bottom-color: #254ec0;
}

.slider_label.bold {
  letter-spacing: 0;
  font-weight: 500;
}

.slider_label.ai {
  color: #444;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.styles_and_fonts {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.fonts_list_container {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 15px;
  display: none;
  position: relative;
}

.fonts_list_container.active {
  border-color: #e2e2e280;
  flex-direction: column;
  display: flex;
}

.font_preview_item {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 65px;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.font_preview_item:hover, .font_preview_item.active {
  background-color: #f1f1f1;
}

.font_preview_item.selected {
  background-color: var(--royal-blue);
  color: #fff;
}

.font_label_preview {
  white-space: nowrap;
  font-size: 17px;
}

.font_label_name {
  color: #a8a8a8;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 300;
}

.font_label_name.selected {
  color: #f0f0f0;
}

.font_preview_item1 {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.font_preview_item1.userfont {
  color: var(--royal-blue);
}

.colour_picker {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  width: 100%;
  height: 45px;
  margin-top: 6px;
  font-size: 13px;
  overflow: hidden;
}

.style_item1 {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.styles_panel {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.font_selector {
  cursor: pointer;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 56px;
  padding-left: 20px;
  font-size: 13px;
  display: flex;
  position: relative;
}

.font_selector:hover {
  border-color: #8f96e4;
}

.font_selection_container {
  border-bottom: 1px solid #e6e6e61a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.font_selection_container._50 {
  width: 50%;
  margin-right: 15px;
}

.font_selection_container._50.last {
  margin-right: 0;
}

.text-block-360 {
  position: relative;
}

.image-615 {
  width: 13px;
  margin-right: 4px;
}

.div-block-3205 {
  text-transform: uppercase;
  background-color: #fbfbfb;
  background-image: linear-gradient(#fff, #fbfbfb);
  flex-direction: row;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  display: flex;
  position: absolute;
  bottom: -10px;
  right: 21px;
}

.font_selector_container {
  background-color: #fff;
  border: 0 solid #e2e2e2;
  border-radius: 0;
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
  display: none;
}

.font_selector_container.split {
  border-color: #e2e2e2;
  display: flex;
}

.font_selector_container.active {
  background-color: #0000;
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
}

.div-block-3206 {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 13px;
}

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

.all_custom_settings.active {
  display: flex;
}

.logic_container {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.div-block-3207 {
  width: 100%;
}

.image-616 {
  opacity: .86;
  width: 14px;
  min-width: 14px;
}

.image-616.reverse {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-616.reverse.larger {
  width: 20px;
}

.image-616.align {
  width: 19px;
  min-width: 21px;
  transform: rotate(0);
}

.image-616.align.l {
  width: 22px;
}

.image-616.align.l.mid {
  transform: rotate(90deg);
}

.image-616.align.left {
  transform: rotate(-90deg);
}

.image-616.align.right {
  transform: rotate(90deg);
}

.div-block-3208 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1d1f63;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-right-color: #d6d6d6;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.div-block-3208:hover {
  background-color: #f5f4f4;
}

.div-block-3208.active {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  transition: background-color 50ms;
}

.div-block-3208.large {
  width: 63px;
}

.div-block-3208.icon {
  color: #272727;
  background-color: #fff;
  border-width: 0;
  border-right-color: #e4e3e3;
  border-radius: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-family: Materialicons, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.div-block-3208.icon:hover {
  color: #181818;
  background-color: #f5f4f4;
}

.div-block-3208.icon.simple {
  border-width: 0;
  border-radius: 0;
  height: 100%;
  margin-right: 0;
}

.div-block-3208.icon.simple:hover {
  color: #fff;
  background-color: #2e2d2d;
}

.div-block-3208.icon.large {
  font-size: 25px;
}

.div-block-3208.icon.large.med {
  width: 43px;
}

.div-block-3208.icon.locked {
  color: #ac1b1b;
}

.div-block-3208.icon.is_hidden {
  display: none;
}

.div-block-3208.icon.is_last {
  border-right-width: 0;
}

.div-block-3208.icon.vertical {
  border-bottom-width: 1px;
  border-bottom-color: #e2e2e2;
  border-right-width: 0;
}

.div-block-3208.picker {
  border-width: 0;
  border-radius: 6px;
  margin-left: 3px;
  padding: 9px;
}

.div-block-3208.picker:hover {
  background-color: #f8f8f8;
  border-width: 0;
}

.div-block-3208.text {
  background-color: #f6f5f5;
  border-width: 0;
  border-radius: 6px;
  width: auto;
  height: 100%;
  min-height: 34px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  text-decoration: none;
  position: relative;
}

.div-block-3208.text:hover {
  background-color: #ebebeb;
}

.div-block-3208.text.blue {
  color: #fff;
  background-color: #1654ff;
}

.div-block-3208.text.last {
  margin-right: 0;
}

.div-block-3208.text.spaced {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  max-height: 34px;
}

.div-block-3208.wide {
  border-color: #bebebe00;
  width: 70px;
}

.div-block-3208.is_last {
  border-right-width: 0;
}

.div-block-3208.is_hidden {
  display: none;
}

.div-block-3208.con_icon {
  color: #1d1f63;
  background-color: #fff;
  border-width: 0 1px 0 0;
  border-right-color: #ececec;
  border-radius: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-family: Materialicons, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.div-block-3208.con_icon:hover {
  color: #181818;
  background-color: #f5f4f4;
}

.div-block-3208.con_icon.simple {
  border-width: 0;
  border-radius: 0;
  height: 100%;
  margin-right: 0;
}

.div-block-3208.con_icon.simple:hover {
  color: #fff;
  background-color: #2e2d2d;
}

.div-block-3208.con_icon.large {
  font-size: 25px;
}

.div-block-3208.con_icon.large.med {
  width: 43px;
}

.div-block-3208.con_icon.locked {
  color: #ac1b1b;
}

.div-block-3208.con_icon.is_hidden {
  display: none;
}

.div-block-3208.con_icon.is_last {
  border-right-width: 0;
}

.div-block-3208.con_icon.vertical {
  border-bottom-width: 1px;
  border-bottom-color: #e2e2e2;
  border-right-width: 0;
}

.div-block-3208.is_highlight {
  background-color: #ecf6ea;
}

.div-block-3208.no_hover {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-3208.no_hover:hover {
  background-color: #fff;
}

.div-block-3209 {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 5px;
  display: flex;
}

.div-block-3210 {
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.break_line {
  background-color: #ececec;
  width: 1px;
  min-width: 1px;
  height: 45px;
  margin-left: 8px;
  margin-right: 8px;
}

.break_line.inactive {
  display: none;
}

.break_line.auto {
  height: 100%;
}

.div-block-3209-copy {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 10px;
  display: flex;
}

.div-block-3209-copy.l {
  justify-content: space-between;
  align-items: center;
  min-height: 53px;
  padding-left: 0;
  font-size: 11px;
  position: relative;
}

.div-block-3209-copy.l._0 {
  padding-right: 0;
}

.div-block-3209-copy.l._0.spaced {
  margin-top: 10px;
  margin-bottom: 14px;
}

.div-block-3212 {
  align-items: center;
  width: 100%;
  display: flex;
}

.image-617 {
  width: 14px;
}

.fonts_filter_button {
  cursor: pointer;
  background-color: #f1f1f1;
  border-left: 1px solid #f1f1f1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.fonts_filter_button:hover {
  background-color: #fff;
  border-left-color: #e2e2e2;
}

.fonts_filter_button.active {
  background-color: #fff;
  border-left-color: #dfdfdf;
}

.font_search_filters {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 5px;
  display: none;
}

.font_search_filters.active {
  border-bottom: 1px solid #f3f3f3;
  flex-direction: column;
  margin-bottom: 5px;
  display: flex;
}

.animate_in_dropdown {
  width: 100%;
  min-height: 5px;
  margin-top: 6px;
}

.copy_style_from {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 5px;
  margin-top: 5px;
  display: flex;
}

.div-block-3213 {
  border-top: 0 solid #ebebeb;
  border-bottom: 0 solid #f7f7f7;
  min-height: 47px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.div-block-3213._50 {
  width: 50%;
  margin-right: 10px;
}

.div-block-3213._50.last {
  margin-right: 0;
}

.div-block-3213.hidden {
  display: none;
}

.div-block-3213.notspaced {
  margin-top: 0;
}

.selection_holder {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.save_style_as_dropdown {
  width: 100%;
  margin-top: 5px;
}

.drodowns_holder {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 5px;
  margin-top: 0;
  display: flex;
}

.drodowns_holder.tags {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 15px;
}

.drodowns_holder.select_brand {
  border-bottom: 1px solid #eee;
  margin-bottom: 22px;
  padding-bottom: 22px;
}

.copy_style_holder {
  border-top: 0 solid #ebebeb;
  border-bottom: 0 solid #f7f7f7;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: none;
}

.copy_style_holder._50 {
  width: 50%;
  margin-right: 10px;
}

.copy_style_holder._50.last {
  margin-right: 0;
}

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

.image-618 {
  width: 13px;
}

.refresh_icon {
  align-items: center;
  margin-right: 2px;
  display: none;
}

.refresh_icon.active {
  display: flex;
}

._2div-block-3203-copy-copy {
  color: #3a3a3a;
  letter-spacing: .5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.slider_progress_bar {
  background-color: #5c5c5c;
  width: 100%;
  height: 2px;
  position: absolute;
  top: -17px;
  overflow: hidden;
}

.slider_progress_bar.ai {
  background-color: #ccc;
}

.slider_bar {
  background-color: #e4e4e4;
  width: 100%;
  height: 2px;
  position: relative;
  left: -80%;
}

.slider_bar.ai {
  background-color: #2b2b2b;
}

.sharing_management_container {
  position: relative;
}

.sharing_source_selector {
  min-width: 360px;
  margin-left: 20px;
}

.div-block-3214 {
  border: 1px solid #ececec;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-3214:hover {
  border-color: var(--light-steel-blue);
}

.div-block-3215 {
  color: #3d3d3d;
  justify-content: center;
  align-items: center;
  width: 151px;
  height: 100%;
  padding-left: 18px;
  display: flex;
}

.div-block-3216 {
  border-left: 0 solid #f3f1f1;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  display: flex;
}

.div-block-3217 {
  color: #3a3a3a;
  cursor: pointer;
  border-left: 1px solid #eee;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-3217:hover {
  background-color: #fff;
}

.image-619 {
  opacity: .22;
  width: 14px;
  margin-right: 6px;
}

.div-block-3218 {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  overflow: hidden;
}

.div-block-3219 {
  white-space: nowrap;
  max-width: 516px;
  overflow: hidden;
}

.preview_modes_dropdown {
  width: 100%;
  min-width: 120px;
  max-width: 220px;
}

.preview_modes_dropdown._10 {
  margin-right: 10px;
}

.cover_settings_dropdown {
  width: 100%;
  max-width: 260px;
  margin-left: 10px;
}

.div-block-3220 {
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 640px;
  height: 100%;
  display: flex;
}

.div-block-3221 {
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 47px;
  margin-left: 10px;
  display: flex;
}

.div-block-3221:hover {
  border-color: var(--cornflower-blue);
}

.image-620 {
  width: 14px;
}

.div-block-3222 {
  background-color: #fff;
  width: 320px;
  height: 600px;
}

.publish_settings {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 100%;
  padding-bottom: 1px;
  display: flex;
}

.publish_settings.edit {
  left: 20px;
  right: auto;
}

.publish_settings.nosize {
  cursor: pointer;
  border: 1px solid #ebebeb00;
  border-radius: 99px;
  width: auto;
  max-width: 300px;
  height: auto;
  max-height: 47px;
  padding: 7px 20px;
  display: flex;
  position: relative;
}

.publish_settings.nosize:hover {
  background-color: #fff;
}

.preview_modes-copy {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 300px;
  padding-bottom: 1px;
  padding-right: 5px;
  display: flex;
}

.preview_modes-copy.edit {
  left: 20px;
  right: auto;
}

.preview_modes-copy.native {
  display: flex;
}

.preview_modes_dropdown_projects {
  width: auto;
}

.preview_modes_dropdown_projects._10 {
  margin-right: 10px;
}

.story_mode_dropdown {
  width: 100%;
  min-width: 120px;
  max-width: 220px;
}

.story_mode_dropdown._10 {
  width: auto;
  min-width: auto;
  max-width: none;
  margin-right: 10px;
}

.publish_settings_dropdown {
  color: #adadad;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 95px;
  font-weight: 300;
  display: flex;
}

.publish_settings_dropdown._10 {
  max-width: 150px;
  margin-right: 10px;
}

.publish_settings_dropdown.hidden {
  display: none;
}

.dropdown_value {
  color: #252525;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 99px;
  margin-right: 5px;
  padding: 0 15px;
  font-size: 9px;
  font-weight: 300;
  display: none;
  position: static;
  top: -12px;
  left: 11px;
}

.dropdown_value.rounded {
  color: #363636;
  text-transform: capitalize;
  border-color: #e6e6e6cc;
  margin-right: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.rounded.light {
  color: #1b1a1a;
  background-color: #f2f5ff;
  font-weight: 500;
}

.dropdown_value.rounded.blue {
  color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded.white {
  color: #f8f8f8;
  background-color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded.asbutton {
  color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded.asbutton.disabled {
  color: #a8a8a8;
}

.dropdown_value.filter {
  color: #242424;
  background-color: #f2f5ff;
  border-color: #b9c4e5;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.filter.icons {
  background-color: #fff;
  border-color: #f1f1f1;
  padding: 1px 8px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
}

.dropdown_value.aicreate {
  color: #242424;
  background-color: #f2f5ff;
  border-color: #b9c4e5;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.aicreate.icons {
  background-color: #fff;
  border-color: #f1f1f1;
  padding: 1px 8px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
}

.dropdown_value.leadgen {
  color: #242424;
  background-color: #f2f5ff;
  border-color: #b9c4e5;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.leadgen.icons {
  background-color: #fff;
  border-color: #f1f1f1;
  padding: 1px 8px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
}

.dropdown_value.small {
  color: #fff;
  background-color: #063cff;
  border-width: 0;
  border-color: #1654ff;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  height: 24px;
  min-height: 24px;
  margin-left: 5px;
  margin-right: 1px;
  padding-top: 0;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
}

.dropdown_value.rounded_smallest {
  color: #363636;
  text-transform: capitalize;
  border-color: #e6e6e6cc;
  margin-right: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.rounded_smallest.light {
  color: #1b1a1a;
  background-color: #f2f5ff;
  font-weight: 500;
}

.dropdown_value.rounded_smallest.blue {
  color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded_smallest.white {
  color: #f8f8f8;
  background-color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded_smallest.asbutton {
  color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded_smallest.asbutton.disabled {
  color: #a8a8a8;
}

.layout_dropdown {
  width: 100%;
  margin-top: 0;
}

.layout_dropdown._10 {
  width: 50%;
  margin-top: 2px;
  margin-left: 10px;
}

.layout_dropdown._20 {
  margin-bottom: 20px;
}

.quiz_container1 {
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.quizz_q_2, .quizz_q_3 {
  border: 1px solid #ece4e4;
  border-radius: 6px;
  padding: 10px;
}

.progress_bar {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 10px 20px 10px 15px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.progress_bar.story {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.progress_bar.story.horizontal {
  padding-left: 20px;
  padding-right: 20px;
}

.progress_bar.chat {
  border-bottom: 1px solid #6161611a;
  align-items: center;
  height: 80px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.progress_bar.chat.horizontal {
  border-bottom-width: 0;
  width: 50%;
}

.progress_bar.top {
  border-bottom: 1px solid #9292920a;
  top: 0;
  bottom: auto;
}

.progress_bar.bottom {
  border-top: 1px solid #9292920a;
  bottom: 0;
}

.progress_bar.inactive {
  display: none;
}

.progress_bar.smallest {
  height: auto;
  padding: 5px 5px 5px 10px;
}

.div-block-3224 {
  background-color: #e7e7e7;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  margin-right: 3px;
}

.editor_modes {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: absolute;
  right: 20px;
}

.editor_modes.edit {
  position: static;
  left: 20px;
  right: auto;
}

.story_content {
  z-index: 2;
  flex-direction: column;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.story_content.story {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.story_content.story.horizontal.side_right, .story_content.story.horizontal.side_left, .story_content.story.horizontal.split_right, .story_content.story.horizontal.split_left {
  overflow: auto;
}

.story_content.story.horizontal.h_full {
  z-index: 3;
  padding: 0;
  position: absolute;
}

.story_content.story.vertical {
  justify-content: center;
}

.story_content.story.vertical.h_full {
  z-index: 4;
}

.story_content.story.vertical.v_full {
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  position: absolute;
}

.story_content.story.vertical.split_bottom.top {
  padding-top: 80px;
}

.story_content.chat {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 0;
}

.story_content.chat.horizontal {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
}

.story_content.top {
  padding-top: 10px;
  padding-bottom: 10px;
}

.story_content.top.vertical {
  padding-top: 10px;
}

.story_content.top.vertical.side_top, .story_content.top.vertical.split_top {
  padding-bottom: 75px;
}

.story_content.bottom {
  padding-top: 10px;
  padding-bottom: 10px;
}

.story_content.small {
  padding-top: 5px;
}

.story_content.small.story.vertical.split_bottom.top {
  padding-top: 10px;
}

.story_content.third_top, .story_content.third_bottom {
  height: 70%;
}

.div-block-3226 {
  width: 150px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
}

.side_media_container {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.side_media_container.story {
  flex-direction: column;
  display: flex;
  position: relative;
}

.side_media_container.story.vertical.side_top {
  max-height: 50%;
  padding: 45px 20px 5px;
}

.side_media_container.story.vertical.side_bottom {
  max-height: 50%;
  padding: 5px 20px 20px;
}

.side_media_container.story.vertical.split_bottom {
  flex-direction: column-reverse;
}

.side_media_container.story.vertical.split_bottom.bottom {
  bottom: 80px;
}

.side_media_container.story.h_full {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.side_media_container.chat.vertical {
  z-index: 1;
  display: flex;
  position: absolute;
  top: 0;
}

.side_media_container.chat.horizontal {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  position: relative;
}

.side_media_container.chat.horizontal.side_right {
  padding: 0;
  position: relative;
}

.side_media_container.chat.horizontal.h_full {
  z-index: 1;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

.side_media_container.side_right {
  padding: 20px;
}

.side_media_container.side_right.bottom {
  padding-bottom: 90px;
}

.side_media_container.side_left {
  padding: 20px;
}

.side_media_container.side_top {
  border-radius: 6px;
  padding: 20px 10px 10px;
}

.side_media_container.side_bottom {
  border-radius: 6px;
  padding: 10px;
}

.side_media_container.hidden {
  display: none;
}

.side_media_container._33_top {
  height: 33%;
  max-height: 33%;
  overflow: hidden;
}

.side_media_container.third_top, .side_media_container.third_bottom {
  height: 33%;
}

.side_media_container.inactive {
  display: none;
}

.image-621 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.editor_device_selector, .edit_story_mode_selector {
  align-items: center;
  display: flex;
}

.close_button_handler {
  letter-spacing: .5px;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #d6d6d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 4px;
  padding: 5px 15px 5px 12px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
  position: static;
  bottom: 15px;
  right: -13px;
}

.close_button_handler:hover {
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
}

.close_button_handler.invisible {
  display: none;
}

.div-block-3228 {
  display: flex;
}

.image-622 {
  opacity: .8;
  width: 16px;
  margin-bottom: 2px;
  transform: rotate(90deg);
}

.div-block-3229 {
  cursor: pointer;
  border-top: 1px solid #e7e7e7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.div-block-3229.hidden {
  display: none;
}

.experience_container_story.story {
  height: 100%;
}

.div-block-3230 {
  background-color: #dbdbdb;
  border-radius: 6px;
  display: flex;
}

.image-623 {
  filter: invert();
  width: 24px;
  min-width: 24px;
}

.image-623.r {
  transform: rotate(180deg);
}

.div-block-3231 {
  padding: 12px;
}

.div-block-3231.a {
  border-right: 1px solid #c7c7c7a3;
}

.div-block-3232 {
  border-radius: 6px;
  display: none;
}

.text-block-361 {
  color: #fff;
  background-color: #2b2b2b;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.generic_dropdown_holder {
  align-items: center;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.generic_dropdown_holder._10 {
  width: auto;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
}

.generic_dropdown_holder._10._15 {
  margin-bottom: 0;
  margin-left: 10px;
}

.generic_dropdown_holder._10.settings {
  border-bottom: 1px solid #f0f0f0;
  margin-top: 0;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

.radio_compact {
  color: #727272;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #dadada;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45px;
  min-height: 45px;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.radio_compact:hover {
  background-color: #fafafa;
}

.radio_compact.light {
  color: #3d3d3d;
  border-color: #f1f1f1;
  min-width: 165px;
}

.radio_compact.light:hover {
  border-color: var(--cornflower-blue);
  background-color: #fff;
}

.radio_compact.small {
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}

.radio_compact.rounded {
  white-space: nowrap;
  border-width: 1px;
  border-color: #f3f3f3;
  border-radius: 99px;
  width: auto;
  padding-left: 10px;
  padding-right: 17px;
}

.div-block-3234 {
  background-color: #fff;
  border: 1px solid #a2b1d3;
  border-radius: 99px;
  width: 11px;
  height: 11px;
}

.div-block-3234.active {
  background-color: #fff;
  border-color: #c7cbd3;
}

.the_radio_switch {
  background-color: #f2f5ff;
  border: 1px solid #b9c4e5;
  border-radius: 99px;
  width: 34px;
  padding: 3px;
  transition: all .2s;
  display: flex;
}

.the_radio_switch.active {
  background-color: #eeeede;
  border-top-color: #c4c4b3;
  justify-content: flex-end;
  width: 34px;
}

.the_radio_switch.light {
  border-color: #e6e6e6cc;
}

.the_radio_switch.small {
  background-color: #fff;
  border-color: #e2e2e2;
}

.the_radio_switch.small.active {
  background-color: #faf9e8;
  border-color: #d6d6cf;
  justify-content: flex-end;
}

.radiolabel {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.radiolabel.small {
  color: #c7c7c7;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
}

.radiolabel.small.text {
  color: #c7c7c7;
  margin-left: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
}

.radiolabel.active {
  color: #5e5e5e;
  font-weight: 400;
}

.div-block-3237 {
  width: 100%;
}

.div-block-3238 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.form_line_item {
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}

.form_line_item.nospace {
  margin-bottom: 0;
}

.form_line_item.h_align {
  flex-direction: row;
  margin-bottom: 0;
}

.form_line_item.h_align.spaced {
  flex-direction: column;
  margin-bottom: 10px;
}

.form_line_item.h_align.spaced.ns {
  margin-bottom: 0;
}

.form_line_item.h_align.spaced.ns.small {
  max-width: 80px;
}

.form_line_item.h_align.last {
  margin-bottom: 10px;
}

.form_line_item.h_align.last.small {
  max-width: 80px;
}

.form_line_item.h_align.last.vertical {
  flex-direction: column;
}

.form_line_item.h_align.last.test {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form_line_item.h_align.last.test.hidden {
  display: none;
}

.form_line_item.h_align._1 {
  padding-top: 10px;
}

.div-block-3239 {
  width: 100%;
  margin-bottom: 10px;
}

.div-block-3240 {
  margin-bottom: 0;
}

.add_media_component {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  max-width: 460px;
  margin-bottom: 20px;
  padding: 20px 25px 15px 20px;
  display: flex;
}

.add_media_component:hover {
  border-color: var(--cornflower-blue);
}

.add_media_component.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.add_media_component.split:hover {
  border-color: #8f96e4;
}

.add_media_component.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.add_media_component.b:hover {
  border-color: #8f96e4;
}

.add_media_component.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.add_media_component.dropdowns:hover {
  border-color: #8f96e4;
}

.add_media_component.no_space {
  padding-bottom: 0;
}

.add_media_component.no_space:hover {
  border-color: #8f96e4;
}

.add_media_component.stand_alone {
  border-width: 0;
  border-radius: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.add_media_component.stand_alone:hover {
  border-color: #7a8aca00;
}

.panel_media_container {
  width: 100%;
  margin-top: 20px;
}

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

.block_media_config_group.active {
  border-top: 1px solid #ececec;
  padding-top: 10px;
  display: flex;
}

.block_media_config_group.active.noline {
  border-top-width: 0;
}

.block_layouts_horizontal {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 0;
  display: none;
}

.block_layouts_horizontal.active {
  display: flex;
}

.layout_media {
  background-color: #d8d8d8;
  border-radius: 3px;
  width: 30px;
  height: 20px;
}

.layout_media.full {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  width: 50%;
  height: 100%;
}

.layout_media.mobile {
  margin-top: 5px;
  margin-bottom: 5px;
}

.layout_media.mobile.full {
  width: 100%;
  height: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.layout_media.mobile.full._33 {
  height: 30%;
}

.layout_sel {
  opacity: .5;
  cursor: pointer;
  border: 1px solid #b9b9b9;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 45px;
  margin-bottom: 8px;
  margin-right: 8px;
  display: flex;
  overflow: hidden;
}

.layout_sel:hover {
  opacity: 1;
  border-color: #818181;
}

.layout_sel.split {
  justify-content: flex-start;
}

.layout_sel.reverse {
  flex-direction: row-reverse;
}

.layout_sel.full {
  background-color: #d8d8d8;
}

.layout_sel.active {
  opacity: 1;
  border-color: #3a3a3a;
}

.layout_sel.mobile {
  flex-direction: column;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 80px;
}

.layout_sel.mobile.reverse {
  flex-direction: column-reverse;
}

.layout_sel.mobile.split {
  justify-content: center;
  align-items: flex-start;
}

.div-block-3243 {
  background-color: #d8d8d8;
  width: 18px;
  height: 3px;
  margin-bottom: 2px;
}

.div-block-3243.large {
  width: 29px;
}

.div-block-3243.last {
  margin-bottom: 0;
}

.div-block-3243.full {
  background-color: #fff;
  width: 100%;
}

.div-block-3243.full.medium {
  width: 70%;
}

.layout_text {
  margin-left: 3px;
  margin-right: 3px;
}

.layout_text.split {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.layout_text.full {
  flex-direction: column;
  width: 62%;
  display: flex;
}

.layout_text.mobile.split {
  align-items: center;
  width: 100%;
  height: 50%;
  margin-left: 0;
  margin-right: 0;
}

.layout_text.mobile.split._70 {
  height: 70%;
}

.block_layouts_vertical {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 0;
  display: none;
}

.block_layouts_vertical.active {
  display: flex;
}

.layouts_selection {
  flex-direction: column;
  margin-bottom: 10px;
  display: none;
}

.layouts_selection.active {
  display: flex;
}

.div-block-3244 {
  background-color: #f1f1f1;
  width: 350px;
  height: 650px;
  display: flex;
}

.div-block-3244.wrap {
  flex-wrap: wrap;
}

.div-block-3244._1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 600px;
}

.input_settings-2 {
  z-index: 99;
  border-bottom: 1px solid #eee;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0;
}

.text_input_label-2 {
  color: #505050;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  font-weight: 300;
  display: flex;
}

.div-block-3245 {
  color: #868686;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 300;
}

.styles_setup-2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.panelcomponent-2 {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.input_label-2 {
  border: 1px solid #dadada;
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.input_label-2:hover {
  background-color: #fafaf0;
  border: 1px solid #a7afcf;
}

.input_label-2:focus {
  border: 1px solid #7a8aca;
}

.div-block-3246 {
  margin-top: 7px;
}

.div-block-3247 {
  flex-direction: column;
  align-items: center;
  width: 80px;
  display: flex;
}

.div-block-3249 {
  width: 1000px;
  max-width: 1000px;
}

.call_to_action {
  color: #525252;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 99px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 16px 15px 20px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.call_to_action:hover {
  filter: invert(99%);
  border-color: #857e7e;
}

.call_to_action.rev {
  border-color: #cfcfcf4d;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.call_to_action.rev.active {
  width: 100%;
  display: flex;
}

.call_to_action.horizontal {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 500;
}

.call_to_action.inactive {
  display: none;
}

.call_to_action.vertical {
  padding-top: 14px;
  padding-bottom: 14px;
}

.call_to_action.active {
  display: flex;
}

.call_to_action.full {
  width: 100%;
}

.image-624 {
  opacity: .7;
  width: 7px;
  min-width: 7px;
}

.image-624._50 {
  opacity: .4;
}

.controls_icon {
  justify-content: center;
  align-items: center;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: none;
}

.controls_icon.rev.active {
  padding-right: 2px;
}

.controls_icon.active {
  display: flex;
}

.cta_label {
  line-height: 14px;
}

.cta_label.next {
  margin-right: 4px;
}

.div-block-3253 {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  margin-right: 6px;
}

.div-block-3253.active {
  background-color: #ebebeb;
  border-color: #ebebeb;
  width: 120px;
}

.left_identity {
  margin-right: 15px;
  display: flex;
}

.left_identity.full {
  display: none;
}

.left_identity.smallest {
  align-items: center;
  width: 100%;
  margin-right: 0;
}

.nav_buttons_holder {
  width: 100%;
  padding: 10px;
  display: none;
}

.nav_buttons_holder.chat {
  display: none;
}

.nav_buttons_holder.full {
  width: 100%;
}

.nav_buttons_holder.inactive {
  display: none;
}

.nav_buttons_holder.active {
  display: flex;
}

.nav_buttons_holder.buttons {
  padding: 15px;
  display: flex;
}

.nav_buttons_holder.buttons.top {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.nav_buttons_holder.horizontal {
  justify-content: flex-end;
}

.nav_buttons_holder.island {
  display: none;
}

.story_media_caption {
  align-items: flex-end;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
  position: static;
  bottom: -33px;
  left: 10px;
}

.story_media_caption.story {
  color: #cfcfcf;
  width: 100%;
}

.story_media_caption.story.horizontal {
  width: 100%;
  height: auto;
}

.story_media_caption.story.horizontal.side_right {
  position: static;
}

.story_media_caption.story.horizontal.side_left {
  padding-left: 0;
  position: static;
}

.story_media_caption.story.vertical.v_full {
  background-image: linear-gradient(#3b3b3b00, #0006);
  padding-bottom: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.story_media_caption.story {
  padding-left: 20px;
  padding-right: 15px;
  display: flex;
}

.story_media_caption.story.side_top, .story_media_caption.story.side_bottom {
  padding-left: 0;
  padding-right: 10px;
}

.story_media_caption.story.horizontal {
  align-items: flex-start;
  height: 60px;
  position: absolute;
  bottom: 0;
}

.story_media_caption.story.active {
  display: flex;
}

.story_media_caption.side_right {
  padding-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.story_media_caption.split_right {
  color: #d4d4d4;
  background-image: linear-gradient(#31313100, #2226);
  padding-bottom: 5px;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.story_media_caption.split_left {
  color: #dadada;
  background-image: linear-gradient(#0000, #11111180);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.story_media_caption.chat {
  width: 100%;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.preview_container {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.preview_container.story.side_top, .preview_container.story.vertical.side_bottom {
  border-radius: 18px;
}

.preview_container.side_right, .preview_container.side_left {
  border-radius: 22px;
}

.preview_container.side_bottom, .preview_container.side_top {
  border-radius: 6px;
}

.preview_container.chat.horizontal.side_right {
  border-radius: 0;
}

.preview_container.chat.vertical.split_top {
  max-height: 50%;
}

.preview_container.hidden, .preview_container.inactive, .story_progress, .story_progress.story {
  display: none;
}

.story_progress.story.horizontal {
  display: flex;
}

.story_progress.story.vertical {
  display: none;
}

.div-block-3256 {
  background-color: #f1f1f1;
  border: 1px solid #c2bdbd;
  border-radius: 99px;
  width: 9px;
  height: 9px;
  margin-right: 5px;
}

.div-block-3256.active {
  width: 50px;
}

.image-625 {
  width: 100%;
}

.compact_layers_panel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3257 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-626 {
  width: 14px;
}

.image-626.rev {
  transform: rotate(180deg);
}

.div-block-3258 {
  z-index: 5;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3258.native, .div-block-3258.inactive {
  display: none;
}

.div-block-3259 {
  color: #928989;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: -2px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-3259:hover {
  border-bottom: 3px solid #e0e0e0;
}

.div-block-3259.a {
  margin-right: 10px;
}

.div-block-3259.active {
  color: #f0f0f0;
  border-bottom-width: 3px;
  border-bottom-color: #fff;
  font-weight: 500;
}

.div-block-3259.invisible {
  display: none;
}

.div-block-3259.last {
  margin-right: 0;
}

.div-block-3259.white {
  color: #5a5a5a;
}

.div-block-3259.white.active {
  color: #313131;
  border-bottom-color: #525252;
}

.div-block-3259.white.reverse {
  border-top: 3px solid #0000;
  border-bottom-width: 0;
  margin-top: -2px;
  margin-bottom: auto;
}

.div-block-3259.white.reverse.active {
  border-top-color: #000;
}

.div-block-3259.hidden {
  display: none;
}

.div-block-3259.hidden.active {
  display: flex;
}

.div-block-3259.video.is_native {
  display: none;
}

.div-block-3259.is_light {
  color: #3a3838;
  border-bottom-color: #292929;
}

.story_mode_navigation {
  display: none;
}

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

.scroll_container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.scroll_container.story {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.scroll_container.story.horizontal {
  overflow: hidden;
}

.scroll_container.story.horizontal.split_left {
  flex-direction: row-reverse;
}

.scroll_container.horizontal {
  flex-direction: row;
}

.scroll_container.horizontal.side_left {
  flex-direction: row-reverse;
}

.scroll_container.vertical.split_bottom, .scroll_container.side_bottom {
  flex-direction: column-reverse;
}

.scroll_container.chat {
  overflow: hidden;
}

.scroll_container.chat.horizontal {
  align-items: stretch;
}

.scroll_container.lightscroll.chat.vertical {
  justify-content: flex-end;
}

.scroll_container.lightscroll.chat.horizontal.split_left {
  flex-direction: row-reverse;
}

.scroll_container.small {
  overflow: hidden;
}

.scroll_container.third_bottom {
  flex-direction: column-reverse;
}

.xp_container_story {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.xp_container_story.chat {
  position: static;
}

.xp_container_story.swiper {
  min-width: 100%;
  position: relative;
  top: auto;
  left: auto;
}

.xp_container_story.swipe {
  position: relative;
  top: auto;
  left: auto;
}

.xp_container_chat {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.xp_container_chat.horizontal {
  flex-direction: row;
  display: flex;
}

.xp_container_chat.horizontal.split_left {
  flex-direction: row-reverse;
}

.editor_selector {
  border: 1px solid #ebebeb;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.editor_selector.chat.vertical {
  width: 370px;
}

.editor_selector.chat.vertical.active {
  border: 1px solid #248ef1;
  border-radius: 6px;
}

.editor_selector.story.vertical {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  height: 640px;
  max-height: 640px;
}

.editor_selector.active {
  border-radius: 6px;
  overflow: hidden;
}

.editor_selector.padded_bottom {
  margin-bottom: 125px;
}

.editor_selector.noradius {
  border-width: 0;
  border-radius: 3px;
}

.block_additional_components {
  width: 100%;
}

.panel_callto_action {
  width: 100%;
  margin-top: 20px;
}

.block_callto_action.rel {
  z-index: 5;
  width: 100%;
  position: relative;
}

.block_callto_action.collapsable {
  padding: 0 20px 0 15px;
}

.story_call_to_action {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  width: 100%;
  max-width: 550px;
  margin-bottom: 20px;
  padding: 20px 25px 5px 20px;
}

.story_call_to_action:hover {
  border-color: var(--cornflower-blue);
}

.story_call_to_action.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.story_call_to_action.split:hover {
  border-color: #8f96e4;
}

.story_call_to_action.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.story_call_to_action.b:hover {
  border-color: #8f96e4;
}

.story_call_to_action.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.story_call_to_action.dropdowns:hover {
  border-color: #8f96e4;
}

.story_call_to_action.no_space {
  padding-bottom: 0;
}

.story_call_to_action.no_space:hover {
  border-color: #8f96e4;
}

.story_call_to_action._25 {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.material-icons-outlined {
  opacity: .9;
  margin-right: 4px;
  font-size: 14px;
}

.text-block-362 {
  color: #353535;
}

.the_media_caption {
  opacity: .5;
  color: #6b6b6b;
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: none;
}

.the_media_caption.split_left, .the_media_caption.split_right, .the_media_caption.h_full, .the_media_caption.v_full {
  color: #e7e7e7;
  background-image: linear-gradient(#24242400 10%, #00000080);
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  position: absolute;
  bottom: 0;
}

.the_media_caption.story.vertical.split_top {
  color: #8f8f8f;
  padding-left: 20px;
}

.the_media_caption.story.vertical.v_full {
  background-image: linear-gradient(#24242400 10%, #0003);
  display: none;
  bottom: 80px;
}

.the_media_caption.story.vertical.split_bottom {
  padding-left: 10px;
}

.the_media_caption.story.horizontal.h_full {
  background-image: linear-gradient(#24242400 10%, #0003);
  bottom: 80px;
}

.the_media_caption.chat {
  color: #c7c7c7;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.the_media_caption.active {
  display: flex;
}

.caption_icon {
  font-family: Materialicons, sans-serif;
}

.div-block-3260 {
  width: 100%;
  position: static;
  overflow: hidden;
}

.div-block-3260.a {
  width: auto;
}

.div-block-3260.relative {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.div-block-3261 {
  display: flex;
  position: absolute;
  top: 9px;
  right: 0;
}

.div-block-3261.fixed {
  top: auto;
  bottom: 29px;
}

.div-block-3262 {
  cursor: pointer;
  border: 1px solid #ebebeb1c;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  display: flex;
}

.div-block-3262:hover {
  border-color: #acacac;
}

.div-block-3262.simple {
  background-color: #ffffff1a;
  border-width: 1px;
  border-color: #e0e0e080;
  width: 26px;
  height: 26px;
  margin-right: 0;
  transition: all .2s;
}

.div-block-3262.simple:hover {
  border-color: #b1b1b1;
}

.div-block-3262.spaced {
  margin-bottom: 3px;
}

.div-block-3262.ns {
  margin-right: 0;
}

.pickerunit {
  cursor: pointer;
  border: 1px solid #e9e9e9;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  max-width: 16px;
  height: 16px;
  max-height: 16px;
  display: flex;
  overflow: hidden;
}

.pickerunit.b {
  background-color: #fff;
}

.pickerunit.b.simple {
  border-color: #cfcfcf;
  transition: all .35s;
}

.div-block-3264 {
  height: 100%;
}

.align_helpers {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.align_helpers.active {
  z-index: 99;
  background-color: #248ef10d;
  border: 1px solid #248ef108;
  display: flex;
}

.align_helpers.top.story.vertical.side_top {
  padding-top: 0;
}

.align_helpers.horizontal.bottom {
  padding-bottom: 80px;
}

.align_helpers.horizontal.top {
  padding-top: 80px;
}

.div-block-3265 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-3266 {
  background-color: #248ef166;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
}

.div-block-3266._2 {
  width: 1px;
  height: 100%;
  top: auto;
  left: 50%;
}

.layout_helper {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.layout_helper.active {
  z-index: 99;
  background-color: #e2dab80d;
  border: 1px solid #248ef108;
  display: flex;
}

.experience {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.experience.vertical_scroll {
  flex-direction: column;
}

.div-block-3267 {
  height: 100%;
  display: flex;
}

.progress_bar_branding {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.progress_bar_branding.vertical {
  font-size: 14px;
}

.progress_bar_branding.smallest {
  margin-bottom: 0;
  font-size: 11px;
}

.indicators_1.story {
  display: flex;
}

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

.indicators_2.story {
  flex-direction: row;
}

.block_label {
  display: none;
}

.block_label.story {
  margin-left: 5px;
  display: flex;
}

.simple_bullet {
  opacity: .5;
  cursor: pointer;
  background-color: #8b8b8b;
  border: 1px solid #0000;
  border-radius: 100px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-right: 4px;
}

.simple_bullet.active {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #818181;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
}

.carousel_count {
  z-index: 99;
  letter-spacing: 1px;
  background-color: #fff;
  border: 1px solid #929292;
  border-radius: 99px;
  padding: 4px 14px;
  font-size: 12px;
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

.carousel_count.active {
  z-index: 18;
  color: #e2e2e2;
  letter-spacing: .5px;
  background-color: #383838e6;
  border-color: #383838;
  padding: 3px 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.carousel_count.loading {
  display: none;
}

.div-block-3268 {
  margin-top: 0;
  display: flex;
}

.div-block-3268.smallest {
  align-items: center;
  margin-left: 5px;
}

.div-block-3269 {
  color: #fff;
  background-color: #f5c643;
  border-radius: 3px;
  margin-right: 5px;
  padding: 1px 8px;
  font-size: 10px;
  display: none;
}

.div-block-3269.active {
  text-decoration: none;
  display: flex;
}

.div-block-3269.active.smallest {
  align-items: center;
  padding: 2px 4px;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px;
}

.div-block-3270 {
  opacity: .5;
  color: #000;
  font-size: 12px;
}

.div-block-3270.smallest {
  margin-bottom: 1px;
  line-height: 12px;
}

.controls_panel_config {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.controls_panel_content {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-3271 {
  width: 100%;
  display: flex;
}

._1div-block-3213-copy {
  border-top: 0 solid #ebebeb;
  border-bottom: 0 solid #f7f7f7;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

._1div-block-3213-copy._50 {
  width: 50%;
  margin-right: 10px;
}

._1div-block-3213-copy._50.last {
  margin-right: 0;
}

.div-block-3273 {
  background-color: #f1f1f1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.div-block-3274 {
  background-color: #fff;
  border-radius: 6px;
  width: 120px;
  height: 120px;
}

.div-block-3275 {
  color: #949494;
  background-color: #fafafa;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.div-block-3275.active {
  display: flex;
}

.div-block-3276 {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-3276.sides {
  justify-content: space-between;
}

.div-block-3276._20 {
  margin-bottom: 20px;
}

.div-block-3276._20._2 {
  margin-top: 10px;
}

.div-block-3277 {
  color: #777;
  cursor: pointer;
  border-bottom: 1px dashed #a8a8a8;
  margin-right: 12px;
  font-size: 12px;
}

.div-block-3277:hover {
  color: #2c2c2c;
  border-bottom-color: #444;
}

.div-block-3277.last {
  margin-right: 0;
}

.div-block-3278 {
  display: flex;
}

.div-block-3278.twolines {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.edit_me_panel {
  cursor: pointer;
  background-color: #e8eaf34d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.edit_me_panel.active {
  background-color: #e8eaf326;
  border: 0 solid #000;
  display: flex;
  left: 0;
}

.div-block-3280 {
  color: #6d6d6d;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 6px 24px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-3281 {
  align-items: center;
  display: flex;
}

.div-block-3281._5 {
  margin-bottom: 5px;
}

.div-block-3282 {
  width: 50%;
}

.progressbar_holder {
  z-index: 5;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta_buttons_config {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 0;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 25px 5px 20px;
  display: none;
}

.cta_buttons_config:hover {
  border-color: var(--cornflower-blue);
}

.cta_buttons_config.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.cta_buttons_config.split:hover {
  border-color: #8f96e4;
}

.cta_buttons_config.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.cta_buttons_config.b:hover {
  border-color: #8f96e4;
}

.cta_buttons_config.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.cta_buttons_config.dropdowns:hover {
  border-color: #8f96e4;
}

.cta_buttons_config.no_space {
  padding-bottom: 0;
}

.cta_buttons_config.no_space:hover {
  border-color: #8f96e4;
}

.cta_buttons_config._25 {
  padding-bottom: 20px;
}

.cta_buttons_config.active {
  padding-bottom: 20px;
  display: block;
}

.cta_buttons_config.active.project {
  z-index: 5;
  padding-top: 15px;
  font-family: Circularxxweb, sans-serif;
  position: relative;
}

.cta_buttons_config.active.project.stay_on_top {
  z-index: 12;
}

.cta_buttons_config.active.project.stay_on_top.spaced {
  border-width: 0;
  margin-bottom: 20px;
  padding: 0;
}

.cta_buttons_config.active.project.collapsable {
  height: 51px;
  min-height: 51px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  overflow: hidden;
}

.cta_buttons_config.active.project.collapsable.opened {
  height: auto;
  overflow: visible;
}

.cta_buttons_config.active.project.collapsable.opened.spaced {
  border-width: 0;
  padding-bottom: 20px;
  transition-duration: .8s;
  overflow: visible;
}

.cta_buttons_config.active.project.collapsable.opened.spaced:hover {
  border-color: #eee;
}

.cta_buttons_config.active.project.collapsable.opened.spaced.invisible {
  display: none;
}

.cta_buttons_config.active.project.collapsable.opened.spaced-copy {
  padding-bottom: 20px;
  transition-duration: .8s;
}

.cta_buttons_config.active.project.collapsable.opened.spaced-copy:hover {
  border-color: #eee;
}

.cta_buttons_config.active.project.collapsable.opened.spaced-copy.invisible {
  display: none;
}

.cta_buttons_config.active.project.collapsable.spaced {
  border-width: 0;
  border-color: #ffffff80;
  border-radius: 1px;
  margin-bottom: 0;
}

.cta_buttons_config.active.project.collapsable.spaced.opened {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.cta_buttons_config.active.project.collapsable.spaced.opened:hover {
  border-color: #a2a5b1;
}

.cta_buttons_config.active.project.collapsable.spaced.opened.top {
  z-index: 10;
}

.cta_buttons_config.active.project.collapsable.spaced.opened.hidden {
  display: none;
}

.cta_buttons_config.active.project.spaced {
  margin-bottom: 20px;
}

.back_button_story {
  z-index: 2;
  color: #525252;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 15px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.back_button_story:hover {
  border-color: #857e7e;
}

.back_button_story.rev {
  border-color: #cfcfcf4d;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.back_button_story.rev.active {
  display: flex;
}

.back_button_story.horizontal {
  font-size: 14px;
  font-weight: 400;
}

.back_button_story.inactive {
  display: none;
}

.back_button_story.top {
  top: auto;
  bottom: 12px;
}

.div-block-3283 {
  width: 350px;
  height: 600px;
  position: relative;
}

.content_config {
  flex-direction: column;
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.content_config.chat.vertical, .content_config.chat.horizontal {
  width: 100%;
}

.content_config.input.horizontal {
  width: 100%;
  max-width: 760px;
}

.content_config.input.story, .content_config.story, .content_config.story.vertical {
  width: 100%;
}

.input_settings_container {
  border-top: 0 solid #ebebeb;
  border-bottom: 0 solid #f7f7f7;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.input_settings_container._50 {
  width: 50%;
  margin-right: 10px;
}

.input_settings_container._50.last {
  margin-right: 0;
}

.input_settings_container.tight {
  margin-bottom: 0;
}

.div-block-3285 {
  margin-top: 10px;
}

.animate_panel {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  width: 100%;
  max-width: 405px;
  margin-bottom: 20px;
  padding: 20px 25px 20px 20px;
  display: none;
}

.animate_panel:hover {
  border-color: var(--cornflower-blue);
}

.animate_panel.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.animate_panel.split:hover {
  border-color: #8f96e4;
}

.animate_panel.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.animate_panel.b:hover {
  border-color: #8f96e4;
}

.animate_panel.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.animate_panel.dropdowns:hover {
  border-color: #8f96e4;
}

.animate_panel.no_space {
  padding-bottom: 0;
}

.animate_panel.no_space:hover {
  border-color: #8f96e4;
}

.animate_panel._25 {
  padding-bottom: 20px;
}

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

.selector_label {
  justify-content: center;
  align-items: center;
  width: 30px;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.selector_label.simple {
  border-bottom: 1px solid #d3c5c500;
  width: auto;
  margin-bottom: 3px;
  margin-right: 0;
  padding-bottom: 2px;
  font-size: 15px;
}

.selector_label.simple.active {
  color: var(--royal-blue);
  cursor: pointer;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}

.selector_label.abs {
  position: absolute;
  top: -28px;
  left: 23px;
}

.selector_label.abs._2 {
  left: 59px;
}

.selector_label.abs._3122-copy {
  margin-right: 0;
  left: auto;
}

.div-block-3287 {
  margin-right: 0;
  display: flex;
}

.div-block-3288 {
  border-bottom: 0 solid #f1f1f1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-3288.spaced {
  margin-right: 10px;
}

.div-block-3288.spaced.double {
  margin-right: 20px;
}

.div-block-3288.spaced.hidden {
  display: none;
}

.div-block-3288.notspaced {
  padding-bottom: 0;
}

.div-block-3289 {
  margin-left: 10px;
}

.div-block-3290 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3290.audio {
  border-top: 1px solid #f7f7f7;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 8px;
}

.div-block-3290.audio.inactive {
  display: none;
}

.div-block-3291 {
  width: 100%;
  display: flex;
}

.div-block-3291.full {
  justify-content: space-between;
  width: 100%;
}

.div-block-3291.right {
  justify-content: flex-end;
}

.div-block-3292 {
  color: #b9b9b9;
  margin-right: 5px;
}

.radio_compact_switch {
  color: #727272;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  min-height: 45px;
  padding-left: 20px;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.radio_compact_switch:hover {
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
}

.radio_compact_switch.light {
  color: #3d3d3d;
  border-color: #f1f1f1;
  min-width: 165px;
}

.radio_compact_switch.light:hover {
  border-color: var(--cornflower-blue);
  background-color: #fff;
}

.radio_compact_switch.small {
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}

.radio_compact_switch.small.transparent {
  background-color: #fff0;
}

.radio_compact_switch.small.full.spaced {
  margin-bottom: 5px;
}

.radio_compact_switch.small._1 {
  width: auto;
}

.radio_compact_switch.small.large {
  padding-top: 15px;
  padding-bottom: 10px;
}

.radio_compact_switch.small.large.spaced {
  margin-bottom: 5px;
}

.sidebar_logo_comp {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cover_settings {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  width: 100%;
  max-width: 405px;
  margin-bottom: 20px;
  padding: 20px 25px 15px 20px;
}

.cover_settings:hover {
  border-color: var(--cornflower-blue);
}

.cover_settings.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.cover_settings.split:hover {
  border-color: #8f96e4;
}

.cover_settings.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.cover_settings.b:hover {
  border-color: #8f96e4;
}

.cover_settings.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.cover_settings.dropdowns:hover {
  border-color: #8f96e4;
}

.cover_settings.no_space {
  padding-bottom: 0;
}

.cover_settings.no_space:hover {
  border-color: #8f96e4;
}

.settings_content {
  display: none;
}

.settings_content.active {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: auto;
}

.div-block-3294 {
  background-color: #f1f1f1;
  border-radius: 3px;
  width: 90px;
  height: 90px;
}

.div-block-3294._169 {
  width: 130px;
  height: 90px;
}

.div-block-3294._916 {
  width: 65px;
  height: 90px;
}

.div-block-3295 {
  border-bottom: 0 dashed silver;
  justify-content: flex-start;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-3296 {
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 5px;
  display: flex;
}

.div-block-3297 {
  justify-content: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.div-block-3298 {
  color: #b1b1b1;
  border-bottom: 1px dashed #8d8d8d;
}

.div-block-3299 {
  z-index: 2;
  color: #a3a3a3;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: 15px;
  right: 7px;
}

.div-block-3299:hover {
  color: #1d1d1d;
}

.all_publish_settings_controls {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  overflow: auto;
}

.div-block-3300, .div-block-3301 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.div-block-3301.spaced {
  z-index: 2;
  margin-right: 10px;
}

.div-block-3302 {
  color: #3d3d3d;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-3302:hover {
  color: #f8f5f5;
  background-color: #252525;
  border-color: #252525;
}

.div-block-3302.active {
  color: #f0e9e9;
  background-color: #181818;
  border-color: #181818;
}

.div-block-3302.active:hover {
  border-color: #252525;
}

.div-block-3302.regular {
  color: #fcf9f9;
  background-color: #333;
  border-color: #474747;
  width: auto;
  height: 45px;
  margin-right: 15px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
}

.div-block-3303 {
  margin-right: 6px;
  display: flex;
}

.div-block-3303.native {
  display: none;
}

.div-block-3304 {
  width: 100%;
}

.share_url_dropdown {
  color: #3a3a3a;
  letter-spacing: .5px;
  border-bottom: 0 solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 11px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.share_url_dropdown.padded {
  margin-left: 12px;
}

.publish_filters {
  flex-direction: row;
  padding-right: 14px;
  display: flex;
}

.publish_filters.fonts {
  padding-right: 40px;
}

.the_publish_filters {
  border-radius: 6px;
  flex-direction: row;
  margin-top: 4px;
  margin-bottom: 8px;
  font-weight: 300;
  display: flex;
}

.the_publish_filters.invisible {
  display: none;
}

.div-block-3305 {
  border-top: 0 solid #f7f7f7;
  border-bottom: 0 solid #ececec;
  flex-direction: column;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 15px;
  display: flex;
}

.div-block-3306 {
  border: 0 solid #dadada;
  border-top-color: #f0f0f0;
  min-width: 88px;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3307 {
  color: #424242;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 5px 18px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-3307:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.div-block-3307.last {
  border-left-width: 1px;
  border-left-color: #ebebeb;
  margin-right: 0;
}

.div-block-3307.a {
  color: #eee;
  background-color: #1d1d1d;
  padding-left: 30px;
}

.div-block-3307.float {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 18px;
  font-size: 9px;
  position: static;
  bottom: 0;
  right: 4px;
}

.div-block-3307.float._2 {
  font-weight: 500;
  position: static;
  right: 70px;
}

.div-block-3307.float-copy {
  margin-right: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 18px;
  font-size: 9px;
  position: static;
  bottom: 0;
  right: 4px;
}

.div-block-3307.float-copy._2 {
  position: static;
  right: 70px;
}

.div-block-3308 {
  z-index: 5;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -42px;
  right: 17px;
}

.div-block-3309 {
  background-color: #c9c9c94d;
  width: 1px;
  height: 45px;
  min-height: 45px;
  position: static;
  top: -4px;
}

.image-627 {
  width: 9px;
  transform: rotate(-90deg);
}

.image-627.reverse, .image-627.r {
  transform: rotate(90deg);
}

.arrow1 {
  background-color: #ececec;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.arrow1.rev {
  position: relative;
  top: -12px;
}

.content_category_selector {
  margin-bottom: 20px;
}

.image-595-copy1-copy {
  opacity: .5;
  width: 13px;
  margin-right: 0;
}

.image-595-copy1-copy.b {
  width: 14px;
}

.image-595-copy1-copy-copy {
  opacity: .5;
  width: 13px;
  margin-right: 0;
}

.image-595-copy1-copy-copy.b {
  width: 14px;
}

.image-595-copy1-copy-copy-copy {
  opacity: .5;
  width: 17px;
  margin-right: 0;
}

.image-595-copy1-copy-copy-copy.b {
  width: 14px;
}

.floating_content {
  display: none;
  position: relative;
}

.floating_content.active {
  z-index: 10;
  background-color: #c5888800;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.floating_settings {
  width: 100%;
  display: none;
}

.floating_settings.active {
  display: flex;
  position: absolute;
  bottom: 0;
}

.product_item_floating {
  background-color: #0000000d;
  border: 1px solid #00000005;
  border-radius: 99px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 5px;
  transition: opacity .1s, height .2s, width .1s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.product_item_floating.dragging {
  background-color: #c0d1e480;
  border-color: #a1c5e026;
  padding: 8px;
}

.product_item_floating.plus {
  -webkit-backdrop-filter: brightness(120%) blur(3px);
  backdrop-filter: brightness(120%) blur(3px);
  width: 70px;
  height: 70px;
  padding: 14px;
  transition: all .2s, opacity .1s, height .2s, width .1s;
}

.product_item_floating.plus:hover {
  background-color: #00000026;
  padding: 21px;
}

.product_item_floating.plus.invisible {
  opacity: 0;
  width: 70px;
  height: 70px;
}

.product_item_floating.extra {
  background-color: #00000008;
  border-color: #00000003;
  border-radius: 2px;
  width: auto;
  height: auto;
  padding: 6px;
  transition: all .2s, opacity .1s, height .2s, width .1s;
}

.product_item_floating.extra.invisible {
  padding: 0;
}

.product_item_floating.extended {
  background-color: #0000;
  flex-direction: row;
  width: 150px;
  height: 56px;
}

.product_item_floating.extended.dragging {
  background-color: #a7afcf33;
  padding: 5px;
}

.product_item_floating.plus_white {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  cursor: pointer;
  width: 70px;
  height: 70px;
  padding: 14px;
  transition: all .2s, opacity .1s, height .2s, width .1s;
}

.product_item_floating.plus_white:hover {
  background-color: #00000026;
  padding: 20px;
}

.product_item_floating.plus_white.invisible {
  opacity: 0;
  width: 70px;
  height: 70px;
}

.product_item_floating.active {
  border-color: #6b7cff;
}

.product_item_floating.invisible {
  opacity: 0;
  overflow: hidden;
}

.product_item_floating.extra_up {
  background-color: #00000008;
  border-color: #00000003;
  border-radius: 2px;
  width: auto;
  height: auto;
  padding: 6px;
}

.product_item_floating.extra_up.active {
  border-color: #6b7cff;
}

.product_item_floating.plus_white_text {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  cursor: pointer;
  width: 70px;
  height: 70px;
  padding: 14px;
  transition: all .5s, opacity .7s, height .2s, width .1s;
}

.product_item_floating.plus_white_text:hover {
  background-color: #00000026;
  padding: 20px;
}

.product_item_floating.plus_white_text.invisible {
  opacity: 0;
}

.product_item_floating.bar {
  -webkit-backdrop-filter: blur(.5px);
  backdrop-filter: blur(.5px);
  cursor: pointer;
  background-color: #f1f1f10d;
  border-width: 2px;
  border-color: #fffffff2;
  border-radius: 99px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 280px;
  height: auto;
  padding: 15px;
}

.product_item_floating.bar:hover {
  background-color: #2b2b2bfa;
  border-color: #3d3d3dfa;
}

.div-block-3311 {
  cursor: pointer;
  background-color: #3131311a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-3311.plus {
  color: #dbd8c6;
  background-color: #1c1b29bf;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.div-block-3311.extra {
  color: #e9e9e9;
  background-color: #252525e6;
  border-radius: 2px;
  max-width: 230px;
  padding: 6px 14px 6px 8px;
}

.div-block-3311.extended {
  width: 50px;
  height: 50px;
  box-shadow: 0 0 12px 5px #0000000d;
}

.div-block-3311.plus_white {
  color: #252525;
  background-color: #ffffffe6;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.div-block-3311.extra_up {
  color: #e9e9e9;
  background-color: #252525e6;
  border-radius: 2px;
  max-width: 230px;
  padding: 6px 14px 6px 8px;
}

.div-block-3311.plus_white_text {
  color: #252525;
  background-color: #ffffffe6;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.div-block-3311.bar {
  background-color: #31313100;
  border-radius: 1px;
  justify-content: flex-start;
  width: auto;
}

.img_holder_floating {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.img_holder_floating.plus, .img_holder_floating.extra, .img_holder_floating.plus_white, .img_holder_floating.extra_up, .img_holder_floating.plus_white_text {
  display: none;
}

.img_holder_floating.bar {
  background-color: #ada4a41a;
  border-radius: 99px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  display: none;
  overflow: hidden;
}

.div-block-3312 {
  margin-right: 4px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.div-block-3312.bar {
  display: none;
}

.price_label_2 {
  color: #e0e0e0;
  white-space: nowrap;
  background-color: #303030d1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  padding: 4px 10px;
  display: none;
  position: absolute;
  bottom: -34px;
  box-shadow: 1px 1px 3px #00000012;
}

.price_label_2.plus {
  display: none;
}

.price_label_2.classic {
  color: #dbd8c6;
  background-color: #1c1b29cc;
  display: flex;
}

.price_label_2.extended {
  color: #dbd8c6;
  background-color: #1c1b29cc;
  border-radius: 99px;
  display: flex;
  bottom: auto;
  left: 61px;
}

.price_label_2.plus_white_text {
  display: none;
}

.price_label_2.bar {
  box-shadow: none;
  color: #2c2c2c;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: auto;
}

.price_label {
  font-size: 12px;
}

.div-block-3314 {
  width: 100%;
}

.floating_timing_settings {
  border-top: 0 solid #eee;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.playhead {
  cursor: ew-resize;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 12px;
  height: 44px;
  display: flex;
  position: absolute;
}

.playhead:hover {
  border-color: #838383;
}

.playhead.in {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  left: 0%;
}

.playhead.out {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  left: 50%;
}

.slider_container_limited {
  z-index: 5;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 44px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.slider_progress_bar_double {
  background-color: #f7f7f7;
  width: 100%;
  height: 36px;
  transition: width .1s, all 60ms, left 60ms;
  position: absolute;
  overflow: hidden;
}

.div-block-3315 {
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  bottom: -35px;
}

.div-block-3315.main {
  top: 6px;
  bottom: auto;
  left: 23.3438px;
}

.div-block-3316 {
  background-color: #dbdbdb;
  width: 1px;
  height: 12px;
}

.the_slider_value {
  color: #ece9e9;
  background-color: #505050;
  border-top: 0 solid #ddd;
  border-radius: 99px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.content_total_time {
  border-top: 0 solid #dbdbdb;
  font-size: 11px;
}

.content_total_time.small {
  color: #645e5e;
  font-size: 4px;
}

.the_highlight_bar {
  background-color: #cad7eb;
  width: 100%;
  height: 100%;
  position: relative;
  left: -80%;
}

.div-block-3317 {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
  display: flex;
  position: relative;
}

.div-block-3317:hover {
  color: #cacaca;
  background-color: #1f1f1f;
}

.div-block-3317.smaller {
  font-size: 20px;
}

.image-628 {
  width: 20px;
}

.video_playhead {
  z-index: 6;
  opacity: .5;
  cursor: ew-resize;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  display: flex;
  position: absolute;
  left: 274px;
}

.video_playhead:hover {
  opacity: 1;
}

.video_playhead.slider_draggable {
  width: 20px;
  height: 100%;
  transition: left 10ms linear;
}

.div-block-3319 {
  background-color: #fff;
  border: 0 solid #7f9197;
}

.div-block-3320 {
  background-color: #7f9197;
  width: 1px;
  height: 100%;
}

.align_group {
  display: none;
}

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

.floating_settings_top {
  z-index: 5;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
}

.floating_settings_top.active {
  display: flex;
}

.floating_timing_settings_top {
  border-top: 0 solid #eee;
  border-bottom: 0 solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0 16px;
  display: flex;
}

.div-block-3321 {
  flex-flow: wrap;
  align-content: flex-start;
  font-weight: 300;
  display: flex;
}

.the_media_progress_bar {
  background-color: #6464641a;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
}

.the_media_progress_bar.inactive {
  display: none;
}

.red_progress_bar {
  background-color: #d81313;
  width: 100%;
  height: 100%;
  position: relative;
  left: -94%;
}

.font_settings_container-copy {
  z-index: 2;
  border-bottom: 1px solid #e6e6e61a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-left: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.font_settings_container-copy._50 {
  min-width: 104px;
  margin-right: 10px;
}

.font_settings_container-copy._50.last {
  margin-right: 0;
}

.plus_holder {
  display: none;
}

.plus_holder.plus, .plus_holder.plus_white, .plus_holder.plus_white_text {
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.extra_holder {
  display: none;
}

.extra_holder.plus {
  font-family: GoogleMaterialicons, sans-serif;
  display: none;
}

.extra_holder.extra, .extra_holder.extra_up {
  color: #dbd8c6;
  flex-direction: column;
  display: flex;
}

.extra_holder.plus_white_text {
  color: #dbd8c6;
  flex-direction: column;
  align-items: center;
  width: 100px;
  font-weight: 500;
  display: flex;
  position: absolute;
  bottom: -7px;
}

.extra_holder.bar {
  display: flex;
}

.div-block-3322 {
  font-family: GoogleMaterialicons, sans-serif;
  display: none;
}

.div-block-3322.bar {
  display: none;
}

.product_name_label {
  color: #ebe9de;
  align-items: center;
  max-width: 220px;
  margin-left: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.product_name_label.plus_white_text {
  color: #f1f1ed;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100px;
  margin-left: 0;
  font-size: 12px;
  position: absolute;
  top: 0;
}

.product_name_label.bar {
  color: #f3eeee;
  padding-right: 10px;
}

.video_timeline {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 150px;
  padding-left: 30px;
  padding-right: 36px;
  display: none;
}

.video_timeline.active {
  border: 1px solid #e7e7e780;
  border-radius: 16px;
  display: flex;
  box-shadow: 1px 1px 13px #00000005;
}

.image-629 {
  width: 12px;
  transform: rotate(180deg);
}

.image-629.r {
  transform: none;
}

.shoppable_indicator {
  color: #1f1f1f;
  white-space: nowrap;
  cursor: pointer;
  background-color: #d6e7c0;
  border: 1px solid #fff0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.shoppable_indicator:hover {
  border-color: #757575fc;
}

.shoppable_indicator.active {
  background-color: #fff;
  border-color: #505050;
}

.div-block-3261-copy {
  display: flex;
}

.color_picker {
  display: none;
  position: absolute;
  bottom: 10px;
}

.color_picker.active {
  z-index: 10;
  display: flex;
}

.color_selector {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.colorobject {
  flex-direction: column;
  align-items: center;
  margin-right: 4px;
  display: none;
}

.colorobject.last {
  margin-right: 0;
}

.colorobject.active {
  color: #c9c9c9;
  margin-right: 7px;
  display: flex;
}

.colorobject.active:hover {
  color: #7c7676;
}

.colorobject.active.last {
  margin-right: 5px;
}

.color_picker_unit {
  padding: 2px 5px;
  display: flex;
}

.div-block-3324 {
  color: #919191;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 8px;
  padding-bottom: 6px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3324.last {
  margin-right: 0;
}

.embed_mode {
  opacity: .5;
  cursor: pointer;
  border: 1px solid #b9b9b9;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 80px;
  margin-bottom: 8px;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.embed_mode:hover {
  opacity: 1;
  border-color: #818181;
}

.embed_mode.split {
  justify-content: flex-start;
}

.embed_mode.reverse {
  flex-direction: row-reverse;
}

.embed_mode.full {
  background-color: #dfdfdf;
}

.embed_mode.full.nospace {
  width: 60px;
  height: 60px;
  margin-right: 0;
}

.embed_mode.active {
  opacity: 1;
  border-color: #7873c7;
}

.embed_mode.mobile {
  flex-direction: column;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 80px;
}

.embed_mode.mobile.reverse {
  flex-direction: column-reverse;
}

.embed_mode.mobile.split {
  justify-content: center;
  align-items: flex-start;
}

.embed_mode.v {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6px;
  padding-right: 6px;
}

.div-block-3325 {
  background-color: #d5d4d4;
  border-radius: 99px;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.div-block-3326 {
  background-color: #d5d4d4;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 11px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  bottom: 5px;
}

.div-block-3327 {
  background-color: #fff;
  width: 100%;
  height: 2px;
}

.block_layouts_horizontal-copy {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 0;
  display: none;
}

.block_layouts_horizontal-copy.active {
  padding-right: 0;
  display: flex;
}

.div-block-3328 {
  background-color: #d5d4d4;
  border-radius: 3px;
  width: 100%;
  height: 40px;
}

.div-block-3328.small {
  opacity: .39;
  width: 80%;
  height: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.div-block-3328.small.full, .div-block-3329 {
  width: 100%;
}

.div-block-3329.hidden {
  display: none;
}

.div-block-3330 {
  align-items: flex-end;
  margin-left: 2px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3330.a {
  margin-right: 3px;
}

.div-block-3330.a.hidden {
  display: none;
}

.div-block-3331 {
  color: #969696;
  cursor: pointer;
  border: 1px solid #cfcfcf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.div-block-3331:hover {
  color: #161616;
  border-color: #464444;
}

.blockactions-copy {
  background-color: #4d4d4d;
  border: 0 solid #c7c7c7;
  border-radius: 1px;
  flex-direction: column;
  width: 150px;
  font-size: 13px;
  display: none;
  position: absolute;
  box-shadow: -8px 9px 0 1px #0000000f;
}

.blockactions-copy.active {
  background-color: #fff;
  border-width: 1px;
  border-color: #f5f5f5;
  border-radius: 6px;
  width: 170px;
  display: flex;
  bottom: -162px;
  overflow: hidden;
  box-shadow: 0 0 8px 1px #0000000d;
}

.blockactions-copy.style {
  background-color: #fff;
  display: flex;
}

.blockactions-copy.style.active {
  flex-direction: row;
  width: auto;
  margin-right: 5px;
  position: static;
}

.blockactions-copy.style-copy2 {
  background-color: #fff;
  display: flex;
}

.blockactions-copy.style-copy2.active {
  flex-direction: row;
  width: 170px;
  margin-right: 5px;
  position: static;
  top: 0;
  bottom: auto;
  left: 174px;
}

.div-block-3332 {
  background-color: #fdfdfd;
  border-bottom: 1px dashed #dfdfdf;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.text-block-363 {
  border-bottom: 0 solid #f0f0f0;
}

.importexport {
  border-right: 0 solid #ece9e9;
}

.image-630 {
  width: 17px;
  margin-right: 3px;
}

.div-block-3333 {
  justify-content: center;
  align-items: flex-end;
  display: none;
  position: absolute;
  bottom: 32px;
  left: 0;
}

.div-block-3333.active {
  display: flex;
  left: auto;
  right: -76.531px;
}

.theicon {
  color: #5d5a5a;
  margin-right: 8px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
}

.theicon.invisible {
  display: none;
}

.modal_content {
  width: 100%;
  height: 100%;
}

.modal_content.horizontal {
  width: 100%;
}

.div-block-3334 {
  display: flex;
}

.div-block-3335 {
  margin-right: 10px;
}

.div-block-3336 {
  margin-right: 5px;
}

.div-block-3337 {
  border-top: 0 solid #f3f3f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-3337.style1 {
  border-top-width: 0;
  justify-content: center;
  margin-top: 10px;
}

.div-block-3337.wrapped, .div-block-3337.tiny {
  display: none;
}

.div-block-3337.small {
  z-index: 6;
  align-items: flex-end;
  width: auto;
  margin-top: 0;
  padding-right: 10px;
  position: absolute;
  top: 4px;
  right: 0;
}

.div-block-3338 {
  background-image: linear-gradient(to right, #eee0 15%, #e0e0e0 95%);
  width: 100%;
  height: 1px;
  margin-left: 5px;
}

.swiper_pagination_products2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper_pagination_products2.style1 {
  justify-content: center;
  width: 100%;
}

.div-block-3339 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.div-block-3339.style1 {
  display: none;
}

.image-631 {
  width: 17px;
}

.div-block-3340 {
  opacity: .13;
  position: relative;
  bottom: 1px;
  right: 4px;
}

.one_radio_item {
  color: #313131;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 4px;
  font-size: 13px;
  display: flex;
}

.one_radio_item:hover {
  color: #000;
}

.one_radio_item.space {
  color: #727272;
  padding-left: 0;
  padding-right: 10px;
}

.one_radio_item.publish {
  color: #727272;
}

.the_radio {
  border: 2px solid #d4d4d4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-right: 5px;
  display: flex;
}

.the_radio.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
}

.the_radio.square {
  border-radius: 3px;
}

.attachment_modal {
  z-index: 5;
  width: 100%;
  max-width: 450px;
  height: 100%;
  min-height: 450px;
  position: relative;
}

.div-block-3341 {
  z-index: 6;
  color: #f0f0f0;
  background-color: #222;
  border-bottom: 0 solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 65px;
  padding-left: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 3px #0000001a;
}

.iframeholder {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.image-632 {
  opacity: .82;
  filter: invert();
  width: 22px;
}

.modal_close_button {
  cursor: pointer;
  border-left: 1px solid #474747;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  height: 100%;
  margin-left: 10px;
  padding: 12px 20px;
  display: flex;
}

.thelabel {
  color: #d8d8d8;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3342 {
  background-color: #eee;
  border-radius: 18px;
  align-items: center;
  padding: 4px 14px;
  font-size: 11px;
  display: flex;
  position: static;
  bottom: -1px;
  left: 0;
}

.div-block-3343 {
  z-index: 6;
  align-items: center;
  margin-right: 4px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
  position: relative;
}

.image-633 {
  width: 10px;
}

.div-block-3344 {
  display: none;
}

.div-block-3345 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-3346 {
  align-items: center;
  display: flex;
}

.div-block-3347 {
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-3348 {
  font-size: 12px;
  font-weight: 300;
}

.reporting_data {
  color: #b8acac;
  display: flex;
}

.reports_holder {
  color: #7c7c7c;
  white-space: nowrap;
  flex-direction: column;
  font-size: 11px;
  font-weight: 300;
  line-height: 14px;
  display: none;
}

.reports_holder.reports {
  color: #2b2b2b;
  flex-direction: column;
  font-size: 20px;
  line-height: 20px;
  display: flex;
}

.div-block-3349 {
  flex-direction: column;
  display: flex;
}

.div-block-3349.reports {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-3350 {
  line-height: 22px;
}

.div-block-3350.reports {
  color: #b6b6b6;
  white-space: nowrap;
  margin-left: 5px;
  font-size: 11px;
  line-height: 14px;
}

.r1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 15px;
}

.r2 {
  color: #6d6b6b;
  font-size: 11px;
  line-height: 13px;
}

.image-622-copy {
  opacity: .8;
  width: 12px;
  margin-bottom: 2px;
  margin-right: 6px;
}

.image-622-copy._2 {
  width: 15px;
}

.ll1 {
  width: 100%;
}

.ll1.small {
  margin-bottom: 6px;
}

.ll2 {
  width: 100%;
}

.ll2.small {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 2px;
  font-weight: 300;
  display: flex;
}

.ll2.small:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.div-block-3351 {
  background-color: #eee;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
}

.div-block-3351.style1 {
  background-color: #0000;
}

.div-block-3351.small {
  background-color: #eee0;
  margin-bottom: 0;
}

.body-7 {
  font-family: Circularxxweb, sans-serif;
}

.progress_location {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.progress_location.results {
  display: flex;
}

.poll_progress {
  opacity: 0;
  background-color: #1d9bf094;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  transition: opacity .2s, left .55s;
  position: absolute;
  left: -100%;
}

.poll_progress.pluto {
  border-radius: 4px;
}

.div-block-3354 {
  z-index: 5;
  position: relative;
}

.div-block-3354.results {
  display: flex;
}

.poll_results {
  z-index: 5;
  display: none;
  position: absolute;
  right: 20px;
}

.poll_results.results {
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.poll_stats {
  color: #9b9b9b;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: relative;
  top: -7px;
}

.poll_stats.results {
  display: flex;
}

.poll_stats.poll {
  display: none;
}

.sizing_container {
  width: 100%;
}

.body-8 {
  font-family: Circularxxweb, sans-serif;
}

.block_available_classes {
  border-right: 0 solid #ece9e9;
}

.item_reports {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.input_report_item {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 260px;
  font-weight: 300;
  display: flex;
}

.recomm_delete-copy {
  color: #5e5e5e;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 10px;
}

.recomm_delete-copy:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.recomm_delete-copy.last {
  margin-right: 0;
}

.recomm_delete-copy.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.recomm_delete-copy.blue:hover {
  background-color: #000;
  border-color: #000;
}

.recomm_delete-copy.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.recomm_delete-copy.tw {
  padding-right: 18px;
}

.history_item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 9px;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.history_item:hover {
  background-color: #edf3fc;
  border-color: #bdd0d6;
}

.history_item.active {
  background-color: #f8faff;
  border-width: 1px;
  border-color: #676769;
  margin-bottom: 48px;
}

.history_item.active.nospace {
  margin-bottom: 8px;
}

.history_item.reports {
  border-width: 0 0 1px;
  border-bottom-color: #e9e9e9;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
}

.history_item.reports.active {
  border-bottom-color: #aaa;
}

.history_item.reports.active.nospace {
  margin-bottom: 0;
}

._121div-block-3238-copy {
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 15px;
  display: flex;
}

._121div-block-3238-copy.simple {
  grid-template-rows: auto;
  margin-top: 32px;
}

._121div-block-3238-copy.spaced {
  margin-top: 10px;
}

._121div-block-3238-copy.spaced.line {
  border-bottom: 1px solid #ececec;
}

._121div-block-3238-copy.inactive {
  display: none;
}

.configure_posters {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  max-width: 405px;
  margin-bottom: 20px;
  padding: 20px 25px 15px 20px;
  display: none;
}

.configure_posters:hover {
  border-color: var(--cornflower-blue);
}

.configure_posters.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.configure_posters.split:hover {
  border-color: #8f96e4;
}

.configure_posters.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.configure_posters.b:hover {
  border-color: #8f96e4;
}

.configure_posters.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.configure_posters.dropdowns:hover {
  border-color: #8f96e4;
}

.configure_posters.no_space {
  padding-bottom: 0;
}

.configure_posters.no_space:hover {
  border-color: #8f96e4;
}

.social_display {
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  padding: 0;
  display: flex;
}

.social_header {
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 12px 10px;
  display: flex;
}

.div-block-3357 {
  align-items: center;
  display: flex;
}

.div-block-3358 {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  padding: 1px;
  display: flex;
}

.div-block-3358.instagram {
  background-image: linear-gradient(222deg, #c93794, #f89848);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 2px;
}

.div-block-3358.facebook {
  background-image: linear-gradient(222deg, #232cdd, #90b4dd);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 2px;
}

.div-block-3358.twitter {
  background-image: linear-gradient(222deg, #d1d2f0, #f0f0f0);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 2px;
}

.div-block-3359 {
  flex-direction: column;
  margin-left: 5px;
  display: flex;
}

._12div-block-3358-copy {
  background-color: #f5f5f5;
  border: 3px solid #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3360 {
  font-weight: 500;
}

.social_mediaimage {
  background-color: #ebebeb;
  border-radius: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.div-block-3362 {
  background-image: linear-gradient(#25252500 56%, #0000000d);
  border-radius: 0;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.image-634 {
  width: 100%;
  height: 100%;
}

.image-635 {
  width: 20px;
}

.social_cta {
  color: #fff;
  cursor: pointer;
  background-color: #1654ff;
  border-radius: 0;
  justify-content: space-between;
  margin-top: 0;
  padding: 12px 16px 12px 12px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.social_cta:hover {
  background-color: #232324;
}

.div-block-3364 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
}

.div-block-3364.spaced {
  margin-left: 5px;
  transition: all .4s;
  display: flex;
  position: relative;
  left: 36px;
}

.div-block-3364.spaced.active {
  display: flex;
  left: 0;
}

.social_icons {
  color: #d4d4d4;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  justify-content: space-between;
  padding: 12px 10px;
  display: flex;
}

.div-block-3366 {
  opacity: .5;
  cursor: pointer;
  border-radius: 3px;
  padding: 0 6px 4px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-3366:hover {
  opacity: .98;
}

.div-block-3367 {
  display: flex;
}

.image-636 {
  width: 20px;
  min-width: 20px;
}

.image-636.s {
  width: 20px;
}

.network {
  width: 30px;
  height: 30px;
}

.network.instagram {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/627e2b9e8a4a3d8c9cecaeec_instagram_logo.svg");
  background-position: 0 0;
  background-size: auto;
}

.network.facebook {
  opacity: .9;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/627e6ce6d61c6bc89f90adfd_facebook_logo.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 25px;
  height: 25px;
}

.network.twitter {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/627e6d77f8a4f2f843333a26_twitter_logo.svg");
  background-position: 0 0;
  background-size: contain;
}

.social_caption {
  border-top: 0 solid #ececec;
  padding: 15px 14px;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}

.social_pagination {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  bottom: 0;
}

.text-span-2 {
  font-weight: 500;
}

.social_image_item {
  width: 100%;
  height: 100%;
}

.div-block-3370 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 200px;
  display: flex;
  overflow: visible;
}

.simple_bullet_blue {
  opacity: .45;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 100px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-right: 4px;
}

.simple_bullet_blue.active {
  opacity: 1;
  background-color: #0095f7;
  border: 1px solid #0095f7;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
}

.social_display_config {
  display: none;
}

.social_display_config.active {
  z-index: 10;
  flex-direction: column;
  display: flex;
  position: relative;
}

.textarea-2 {
  color: #727272;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  min-height: 120px;
  font-size: 13px;
  font-weight: 300;
}

.div-block-3371 {
  margin-bottom: 31px;
}

._2div-block-3272-copy {
  width: 100%;
  min-width: 80px;
}

.embed_config_panel {
  z-index: 99;
  border-bottom: 1px solid #eee;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0;
  overflow: auto;
}

.embed_config_panel.social {
  overflow: visible;
}

.div-block-3372 {
  color: #b9b9b9;
  font-size: 11px;
  display: flex;
}

.div-block-3373 {
  margin-right: 3px;
  font-family: GoogleMaterialicons, sans-serif;
}

.product_description_panel {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.product_description_panel.horizontal {
  z-index: 2;
  background-color: #fff;
  justify-content: space-between;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: auto;
  box-shadow: 1px 1px 20px 9px #0000000f;
}

.product_description_panel.horizontal.explore {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(#07070700 20%, #0000001a 95%);
  width: 100%;
  height: auto;
}

.product_description_panel.explore {
  z-index: 2;
  position: absolute;
  bottom: 0;
}

.product_description_panel.redirect {
  display: none;
}

.product_logic {
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 70px;
  padding-right: 20px;
  display: none;
}

.product_logic.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.product_logic.nospace {
  width: 50%;
  padding-left: 0;
}

.product_logic.no_space {
  padding-left: 20px;
}

.product_logic._50 {
  width: 50%;
  padding-left: 0;
}

.product_logic.active {
  display: flex;
}

.div-block-3374 {
  width: 30%;
}

.currency_holder {
  width: 100%;
}

.div-block-3375 {
  color: gray;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 300;
}

.div-block-3375.tight {
  margin-top: 0;
}

.div-block-3375.centered {
  text-align: center;
}

.right_controls {
  align-items: center;
  display: flex;
}

.right_controls.full {
  width: 100%;
}

.cart_status {
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  margin-left: 10px;
  font-size: 12px;
  display: none;
  position: relative;
}

.cart_status.active {
  cursor: pointer;
  border-color: #ddd6;
  display: flex;
}

.cart_status.active:hover {
  border-color: #cfcfcffc;
}

.cart_label {
  color: #fff;
  background-color: #f10d0d;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 17px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-3379 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

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

.productmedia.article {
  padding-bottom: 5px;
}

.sound_status {
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  margin-left: 10px;
  font-size: 12px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.sound_status.active {
  z-index: 5;
  color: #111;
  cursor: pointer;
  background-color: #ffffff80;
  border-width: 0;
  border-color: #ddd6;
  margin-left: 5px;
  display: flex;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.sound_status.active:hover {
  color: #fff;
  background-color: #000;
  border-color: #cfcfcffc;
}

.sound_status.static {
  cursor: pointer;
  position: static;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.sound_status.static.active {
  bottom: 13px;
}

.sound_status.static.chat_bg {
  background-color: #bebebe40;
  border-color: #80808026;
  position: absolute;
  inset: 10px auto auto 0;
}

.sound_status.bottom {
  top: 15px;
  bottom: auto;
}

.sound_status.top {
  top: auto;
  bottom: 18px;
  right: 19px;
}

.audio_label {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.video_controls {
  z-index: 102;
  background-image: linear-gradient(#1b1b1b00, #0000000f);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 13px;
  padding-right: 10px;
  display: none;
  position: absolute;
  bottom: 0;
}

.video_controls.active {
  align-items: flex-end;
  display: flex;
}

.video_controls.chat_bg {
  background-image: linear-gradient(#0000000f, #1b1b1b00);
  top: 0;
  bottom: auto;
}

.video_controls.products {
  display: none;
}

.video_controls.products.active {
  display: flex;
}

.video_track {
  background-color: #3333330d;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.video_track.chat_bg {
  background-color: #49494940;
  top: 0;
  bottom: auto;
}

.video_progress {
  color: #cacaca;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  margin-left: 0;
  font-size: 12px;
  display: none;
  position: static;
  bottom: 13px;
  right: 30px;
}

.video_progress.active {
  z-index: 5;
  color: #111;
  cursor: pointer;
  background-color: #ffffff80;
  border-width: 0;
  border-color: #ddd6;
  margin-left: 5px;
  display: flex;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.video_progress.active:hover {
  color: #fff;
  background-color: #000;
  border-color: #cfcfcffc;
}

.video_progress.static {
  position: absolute;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.video_progress.static.active {
  bottom: 13px;
}

.div-block-3383 {
  display: flex;
}

.div-block-3383.chat_video_controls {
  position: absolute;
  top: 0;
}

.progress_label {
  color: #cacaca;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.progress_label.inactive {
  opacity: 0;
  display: none;
}

.div-block-3384 {
  padding-left: 10px;
  display: flex;
}

.play_pause {
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  margin-left: 10px;
  font-size: 12px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.play_pause.active {
  z-index: 5;
  color: #111;
  cursor: pointer;
  background-color: #ffffff80;
  border-width: 0;
  border-color: #ddd6;
  margin-left: 5px;
  display: flex;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.play_pause.active:hover {
  color: #fff;
  background-color: #000;
  border-color: #cfcfcffc;
}

.play_pause.static {
  position: static;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.play_pause.static.active {
  margin-left: 0;
  bottom: 13px;
}

.video_progress_bar {
  background-color: #e20808;
  width: 100%;
  max-width: 0%;
  height: 100%;
  transition: max-width .75s;
  display: block;
  position: relative;
}

.video_cursor {
  background-color: #fff;
  width: 10px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-3385 {
  cursor: pointer;
  padding-right: 3px;
  font-weight: 300;
}

.visibility_container {
  width: 100%;
  margin-bottom: 20px;
}

.div-block-3386 {
  margin-top: 10px;
  display: flex;
}

.the_media_label {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 20px;
  margin-bottom: 6px;
  display: flex;
}

.the_media_label.hidden {
  display: none;
}

.submit_survey {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0445af;
  border: 0 solid #0445af;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  padding: 16px 36px;
  font-size: 14px;
  font-weight: 400;
  display: none;
}

.submit_survey:hover {
  color: #000;
  background-color: #fff;
  border-color: #666;
}

.submit_survey.submitted {
  display: none;
}

.submit_survey.active {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 5px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.submit_survey.active:hover {
  color: #fff;
  background-color: #1654ff;
}

.survey_cta {
  flex-direction: row;
  margin-bottom: 5px;
  display: none;
}

.survey_cta.nospace {
  margin-bottom: 0;
}

.survey_cta.h_align {
  flex-direction: row;
  margin-bottom: 5px;
}

.survey_cta.h_align.spaced {
  margin-bottom: 10px;
}

.survey_cta.h_align.last {
  margin-bottom: 0;
}

.survey_cta.active {
  z-index: 6;
  display: flex;
  position: relative;
}

.experience_loader {
  z-index: 99;
  color: #000;
  background-color: #f4f7f8;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: flex;
  position: absolute;
}

.div-block-3388 {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-3389 {
  flex-direction: column;
  width: 100%;
  display: none;
}

.div-block-3389.active {
  z-index: 6;
  display: flex;
  position: relative;
}

.left_overlaying_panel {
  z-index: 20;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.left_overlaying_panel.active {
  background-color: #36333380;
  justify-content: flex-start;
  display: flex;
}

.side_panel_reports {
  z-index: 3;
  background-image: linear-gradient(#fff, #f8f8f8);
  border-left: 1px solid #f1f1f1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 650px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.side_panel_reports.logic {
  width: 450px;
  min-width: 450px;
  height: 100%;
  display: flex;
}

.side_panel_reports.advanced {
  width: 100%;
  min-width: 100%;
}

.side_panel_reports.lightscroll {
  background-color: #f1f1f1;
  flex-direction: row;
  width: 100%;
  max-width: none;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
  overflow: auto;
}

.side_panel_reports.dark {
  flex-direction: column;
}

.side_panel_reports.dark.lightscroll {
  border-left-width: 0;
  border-left-color: #4444441a;
}

.side_panel_reports.other {
  flex-direction: row;
  max-width: 100%;
  height: 100%;
}

.side_panel_reports.other.dark {
  z-index: 3;
  background-image: none;
  border-left-width: 0;
}

.projects_list {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.projects_list:hover {
  border-color: #bdc3db;
}

.projects_list.active {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  max-height: 20000px;
  display: flex;
  overflow: visible;
}

.projects_list.invisible {
  display: none;
}

.projects_list.blue.active {
  border-color: #e6e2cb;
}

.projects_list.loading {
  opacity: .5;
  cursor: progress;
  min-height: 75px;
}

.projects_list.hidden {
  display: none;
}

.reports_center_navigation {
  z-index: 99;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 0 0 25px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0000001a;
}

.reports_center_navigation.project {
  justify-content: space-between;
}

.reports_center_navigation.cover {
  justify-content: space-between;
  padding-left: 0;
}

.reports_center_navigation.white {
  background-color: #fff;
  position: sticky;
  top: 0;
}

.reports_center_navigation.white.mycontent {
  flex-wrap: nowrap;
  padding-left: 15px;
}

.reports_center_navigation.white.mycontent.shift {
  z-index: 101;
  padding-left: 25px;
}

.reports_center_navigation.white.skills {
  padding-left: 0;
}

.reports_center_navigation.white.domains {
  flex-wrap: nowrap;
  padding-left: 15px;
  padding-right: 20px;
}

.reports_center_navigation.white.domains.shift {
  z-index: 101;
  padding-left: 25px;
}

.reports_center_navigation.dark {
  color: #f0efef;
  background-color: #141414;
}

.reports_center_navigation.dark.strategy {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-3391 {
  color: #161616;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-3391.shifted {
  color: #e9e9e9;
  top: 5px;
}

.div-block-3391.large {
  font-size: 20px;
  font-weight: 700;
}

.panel_header {
  color: #222;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #e7e7e7;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.panel_header.active {
  color: #000;
  border-bottom-width: 1px;
  border-radius: 6px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.panel_header.var {
  background-color: #f8f8f8;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
}

.panel_header.full {
  border-radius: 6px;
  width: 100%;
  padding-left: 15px;
}

.reports_item {
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 18px 5px 18px 15px;
  display: flex;
}

.reports_item.head {
  background-color: #f1f1f1;
  border-radius: 3px;
  align-items: flex-start;
}

.reports_item.input {
  background-color: #9dcffb;
}

.reports_item.textoptions {
  background-color: #afebe4;
}

.reports_header {
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 80px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.reports_line {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 80px;
  display: flex;
  overflow: hidden;
}

.reports_line:hover {
  background-color: #f8f8f2;
}

.div-block-3396 {
  align-items: center;
  height: 100%;
  padding-right: 35px;
  display: flex;
}

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

.reports_content.lightscroll {
  max-height: 1600px;
  overflow: auto;
}

.reports_content.lightscroll.noheightlimit {
  max-height: none;
  position: relative;
  overflow: auto;
}

.reports_content.lightscroll.noheightlimit.ns {
  overflow: visible;
}

.reports_content.myprojects {
  max-height: none;
  overflow: visible;
}

.reports_line1 {
  font-size: 10px;
}

.reports_line2 {
  color: #181818;
  width: 100%;
  max-width: 650px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  overflow: hidden;
}

.reports_line2.small {
  color: #b9b9b9;
  font-size: 12px;
  line-height: 16px;
}

.reports_line2.projects {
  margin-bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

.reports_line2.projects.active, .reports_line2.projects.activeline, .reports_line2.new {
  font-weight: 500;
}

.reports_line2.full {
  cursor: text;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  display: flex;
}

.reports_line2.full:hover {
  background-color: #f8f8f8;
}

.reports_line2.full:focus {
  background-color: #f6f6f3;
}

.reports_line2.full.first {
  border-left: 1px solid #e7e7e7;
  font-size: 12px;
}

.reports_line2._12 {
  font-size: 12px;
}

.reports_line3 {
  text-transform: uppercase;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 9px;
}

.reports_line3.input {
  background-color: #9dcffb;
}

.reports_line3.textoptions {
  background-color: #afebe4;
}

.line_content {
  background-color: #fff;
  width: 100%;
  display: flex;
  position: relative;
}

.line_content.project {
  height: 100%;
  min-height: 80px;
  max-height: 80px;
}

.line_content.project.active {
  background-color: #fff;
}

.line_content.relative {
  align-items: center;
  padding-right: 90px;
  position: relative;
}

.side_info {
  display: flex;
  position: sticky;
  left: 0;
  overflow: hidden;
}

.side_info.head {
  background-color: #f1f1f1;
  justify-content: space-between;
  min-width: 110px;
  height: 100%;
}

.side_info.head.regular {
  min-width: 60px;
}

.side_info.products {
  margin-right: 5px;
}

.side_info.products.active {
  background-color: #fff;
}

.side_info.relative {
  justify-content: center;
  align-items: center;
  height: 100px;
  position: relative;
}

.side_info.domain {
  z-index: 2;
  background-color: #fff;
  border-right: 0 solid #e4e4e4;
  min-width: 110px;
  position: static;
}

.side_info.domain.head {
  background-color: #f1f1f1;
  justify-content: flex-start;
}

.side_info.inventory {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #e4e4e4;
  min-width: 280px;
  max-width: 280px;
  box-shadow: 4px 0 5px #00000005;
}

.side_info.inventory {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #e4e4e4;
  box-shadow: 4px 0 5px #00000005;
}

.side_info.inventory.head {
  background-color: #f1f1f1;
  justify-content: flex-start;
}

.side_info.min {
  border-right: 1px solid #e7e7e7;
  min-width: 110px;
}

.side_info._60 {
  min-width: 60px;
}

.line_number {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 100%;
  margin-right: 2px;
  display: flex;
}

.line_number.project {
  margin-right: 2px;
}

.line_number.icon {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-3399 {
  color: #3330;
  text-align: center;
  border: 1px solid #cac8c8;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  display: flex;
}

.div-block-3399.active {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.div-block-3399.activeline {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.div-block-3400 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.div-block-3400.project {
  cursor: auto;
}

.div-block-3400.domain {
  width: 100%;
}

.div-block-3400.projects {
  border-left: 1px solid #e7e7e7;
  min-width: 60px;
}

.div-block-3400.hidden {
  display: none;
}

.reports_objects {
  width: 100%;
  padding-left: 20px;
}

.block_reporting_item {
  cursor: pointer;
  border: 1px solid #fff;
  border-bottom-color: #ececec;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 15px 25px 15px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block_reporting_item:hover {
  background-color: #f0f0f0;
}

.block_reporting_progressbar {
  z-index: 1;
  background-color: #eaf2f9;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
}

.reports_line4 {
  z-index: 1;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.div-block-3401 {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-3402 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.div-block-3402.active {
  padding-top: 60px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.image-637 {
  margin-bottom: 20px;
}

.page_content {
  width: 100%;
}

.page_content.active {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5px 25px 100px 22px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.page_content.active.lightscroll {
  background-color: #fff;
}

.page_content.dark {
  display: none;
}

.page_content.dark.active {
  border-left: 0 solid #e6e6e6;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.page_content.dark.active.demo {
  height: 1500px;
  overflow: scroll;
}

.page_content.strategy {
  background-color: #f5f5f5;
}

.sharing_content {
  flex-flow: column;
  display: flex;
  position: relative;
}

.sharing_content.active {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: auto;
}

.tabs_content_container {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.textarea-3 {
  color: #727272;
  border-radius: 5px;
  height: 150px;
  min-height: 150px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 300;
}

.textarea-3.console {
  height: 300px;
  min-height: 300px;
  font-family: IBM Plex Mono, sans-serif;
  line-height: 22px;
}

.textarea-3.console:focus {
  background-color: #fafaf0;
}

.helper {
  color: #565752;
  background-color: #fcfcfc;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 11px 14px;
  font-size: 12px;
  line-height: 19px;
  position: relative;
}

.helper.spaced {
  position: static;
}

.helper.small {
  background-color: #f8f8f8;
  border-width: 1px;
  border-color: #f1f1f1;
  border-radius: 6px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 4px 12px;
}

.helper.light {
  background-color: #f7f8eb;
}

.helper.regular {
  color: #7e7e7e9c;
  background-color: #fcfcfc00;
  border-width: 0;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}

.about_modal {
  border: 0 solid #000;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-3406 {
  color: #292929;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 13px 11px;
  font-size: 15px;
  font-weight: 500;
  display: none;
}

.div-block-3406:hover {
  border-color: #535353;
}

.div-block-3406.faded {
  cursor: pointer;
  background-color: #fff;
}

.div-block-3406.faded.terms {
  background-color: #f1f1f1;
}

.div-block-3406.small {
  color: #7a7a7e;
  background-color: #fff;
  border-width: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  text-decoration: underline;
}

.div-block-3406.small.active {
  cursor: pointer;
}

.div-block-3406.small.active:hover {
  color: #1f1f1f;
}

.div-block-3406.active {
  display: flex;
}

.div-block-3406.blue {
  background-color: var(--royal-blue);
  color: var(--ivory);
}

.div-block-3406.blue.active {
  border-color: var(--royal-blue);
}

.div-block-3406.blue.active:hover {
  color: #222;
  background-color: #fff;
  border-color: #1d1d1d;
}

.div-block-3407 {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.div-block-3407.active {
  display: flex;
}

.div-block-3408 {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  display: none;
}

.div-block-3408.active {
  display: flex;
}

.div-block-3409 {
  margin-bottom: 20px;
}

.div-block-3410 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
  display: flex;
}

.profile_cta_controls {
  width: 100%;
}

.div-block-3412 {
  z-index: 2;
  color: #535353;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 11px 20px;
  font-weight: 500;
  display: flex;
}

.div-block-3412:hover {
  border-color: #3f3e3e;
}

.div-block-3412._100 {
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-3413 {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding-right: 10px;
  display: flex;
}

.div-block-3413.terms {
  background-color: #fcfbf9;
  height: auto;
  min-height: auto;
  padding: 10px 20px 0;
}

.div-block-3414 {
  background-image: linear-gradient(#fcfbf9, #fff);
  border-top: 0 solid #f1f1f1;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0 20px 20px;
  display: flex;
  overflow: auto;
}

.div-block-3414.lightscroll {
  align-items: flex-start;
  overflow: auto;
}

.branding_more {
  opacity: .5;
  cursor: pointer;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 24px;
  display: none;
}

.branding_more:hover {
  opacity: 1;
}

.branding_more.active {
  display: flex;
}

.branding_more.active.smallest {
  font-size: 14px;
  display: none;
}

.render_container_componentholder1 {
  flex-direction: column;
  width: 100%;
  margin-top: auto;
  display: none;
  position: relative;
  overflow: auto;
}

.change_selection {
  background-color: #e4e4e499;
  border: 0 solid #f1f1f1;
  border-radius: 99px;
  margin-left: 5px;
  margin-right: 0;
  padding: 3px 12px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
}

.change_selection.white {
  color: #a5a5a5;
  background-color: #fff9;
  border: 0 solid #e6e6e6;
  padding-left: 0;
  font-weight: 300;
  display: flex;
}

.change_selection.hidden {
  display: none;
}

.main_logo {
  background-image: linear-gradient(137deg, #0053bc, #00b5ea 18%, #fff42a);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: relative;
}

.main_logo.small {
  background-image: linear-gradient(137deg, var(--logo-1), var(--deep-sky-blue) 18%, var(--yellow));
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  transition: all .4s;
}

.main_logo.small.slided {
  left: -80px;
}

.main_logo.small.hidden {
  display: none;
}

.div-block-3568 {
  background-color: #f1f1f1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.div-block-3568.small {
  width: 16px;
  height: 16px;
}

.div-block-3568.small.dark {
  background-color: #141414;
}

.div-block-3568.black {
  background-color: #000;
}

.div-block-3570 {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 15px;
}

.text-block-450 {
  letter-spacing: 0;
}

.div-block-3569 {
  color: #0c0c0c;
  letter-spacing: -.8px;
  margin-left: 5px;
  font-size: 20px;
  line-height: 50px;
}

.div-block-3569.small {
  letter-spacing: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  line-height: 20px;
  position: relative;
}

.div-block-3569.small.compact, .div-block-3569.small.is_hidden {
  display: none;
}

.div-block-3569.dark {
  color: #fff;
  font-family: Polysans Neutral, sans-serif;
}

.div-block-3569.black {
  color: #fff;
}

.div-block-3569.is_hidden {
  display: none;
}

.text-block-449.small {
  font-size: 21px;
  line-height: 21px;
}

.div-block-3571 {
  display: block;
}

.div-block-3572 {
  border: 1px solid #ebebeb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 480px;
  display: flex;
}

.div-block-3573 {
  background-image: linear-gradient(34deg, #0790cf, #2afd45);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
  position: relative;
}

.div-block-3574 {
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: relative;
}

.div-block-3575 {
  color: #0c0c0c;
  margin-left: 10px;
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  right: -72px;
}

.text-block-451 {
  letter-spacing: -2px;
}

.xdiv-block-2866-copy {
  cursor: pointer;
  border-bottom: 0 solid #e4e4e4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.xdiv-block-2866-copy:hover {
  background-color: #fff;
}

.one_time_code {
  background-color: #0000;
  border: 1px solid #dadada;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding-left: 12px;
}

.one_time_code:focus {
  color: #141414;
  background-color: #fefeff;
  border-color: #bcbdc2;
}

.one_time_code::placeholder {
  color: #bebebe80;
  letter-spacing: .5px;
}

.one_time_code.large {
  height: 290px;
}

.one_time_code.story {
  padding-left: 14px;
  font-size: 16px;
  font-weight: 300;
}

.otp_container {
  display: none;
}

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

.otp_container.submitted {
  display: none;
}

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

.input_container.active {
  display: flex;
}

.options-copy {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.options-copy.poll {
  color: #000;
  text-align: left;
  background-color: #f1f1f1;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 10px 30px 20px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.options-copy.poll.pluto {
  background-color: #0000;
  margin-bottom: 14px;
  padding: 0;
}

.options-copy.submitted {
  display: none;
}

.options-copy.story {
  font-size: 20px;
  line-height: 32px;
}

.options-copy.tiny {
  margin-bottom: 3px;
}

.options-copy.hidden {
  display: none;
}

.action_text-copy_otp {
  color: #999;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px dashed #c5c5c5;
  margin-top: 0;
  margin-left: 0;
  font-size: 15px;
  display: flex;
}

.div-block-3576 {
  display: flex;
}

.div-block-3577 {
  width: 100%;
}

.navigation_dashboard {
  color: #333;
  cursor: pointer;
  border-bottom: 0 solid #f1f1f1;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-width: 158px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 22px 15px 22px 20px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navigation_dashboard:hover {
  background-color: #f3f2f2;
}

.navigation_dashboard.c {
  display: none;
}

.navigation_dashboard.small {
  justify-content: center;
  font-size: 12px;
}

.navigation_dashboard.active {
  background-color: #f1f1f1;
  border-radius: 6px;
}

.navigation_dashboard.subsection {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 58px;
  font-weight: 300;
}

.navigation_dashboard.subsection.active {
  background-color: #fff;
  font-weight: 500;
}

.navigation_dashboard.compact {
  justify-content: center;
  min-width: auto;
  padding: 10px;
  font-size: 16px;
}

.navigation_dashboard.hidden, .navigation_dashboard.is_hidden {
  display: none;
}

.nav_items_sidebar {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.nav_items_sidebar.dark {
  background-color: #fff;
  overflow: auto;
}

.nav_items_sidebar.dark._2 {
  background-image: linear-gradient(#fff, #f8f8f880);
  border-right: 1px solid #f5f5f5;
}

.nav_items_sidebar.dark.invisible {
  display: none;
}

.nav_items_sidebar.active {
  align-items: flex-start;
  display: flex;
}

.nav_items_sidebar.active.compact {
  align-items: center;
}

.nav_items_sidebar.inactive {
  display: none;
}

.div-block-3579 {
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-block-3579.compact {
  padding-left: 10px;
  padding-right: 10px;
}

.textarea-4 {
  color: #727272;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 138px;
  min-height: 138px;
  font-size: 13px;
  font-weight: 300;
  box-shadow: 0 0 6px #0000000f;
}

.textarea-4.code, .textarea-4.mono {
  font-family: IBM Plex Mono, sans-serif;
}

.div-block-3580 {
  color: #000;
  cursor: pointer;
  background-color: #f8f8f7;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 51px;
  min-height: 51px;
  padding-left: 15px;
  padding-right: 25px;
  display: flex;
  overflow: hidden;
}

.div-block-3580:hover {
  color: #fff;
}

.div-block-3580._80 {
  height: 80px;
}

.div-block-3580._80.regular {
  border-radius: 0;
}

.div-block-3581 {
  font-family: Materialicons, sans-serif;
  font-size: 18px;
  display: flex;
}

.div-block-3582 {
  color: var(--purple);
  font-size: 14px;
  font-weight: 500;
}

.div-block-3583 {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-3583.mobile {
  background-color: #fcfcfc;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-3584 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-top: 20px;
  display: flex;
}

.div-block-3584.mobile {
  background-color: #fff;
  border-radius: 6px;
  max-width: 360px;
  height: 100%;
  max-height: 650px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
  box-shadow: 1px 1px 5px 3px #00000008;
}

.body-9 {
  background-color: #fcfcfc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-3585 {
  color: #585858;
  max-width: 750px;
  font-family: Imperial, sans-serif;
  font-size: 18px;
  line-height: 33px;
}

.div-block-3586 {
  z-index: 30;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
}

.content_container {
  border: 0 solid #ececec;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.content_container.mobile {
  overflow: visible;
}

._121div-block-3238-copy-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 10px;
}

._121div-block-3238-copy-copy.simple {
  grid-template-rows: auto;
  margin-top: 32px;
}

.div-block-3588 {
  font-weight: 300;
}

.div-block-3589 {
  z-index: 5;
  background-color: #fff;
  border-bottom: 0 solid #e6e6e6;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: relative;
}

.div-block-3589.active {
  border-radius: 3px;
  justify-content: flex-end;
  width: auto;
  height: 100vh;
  padding: 80px 40px 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.div-block-3589.lightscroll.active {
  padding-top: 90px;
  padding-left: 50px;
}

.preview_nav {
  z-index: 9;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: static;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0006;
}

.preview_nav.project {
  justify-content: space-between;
}

.preview_nav.cover {
  justify-content: space-between;
  padding-left: 0;
}

.preview_nav.rev {
  width: 100%;
  position: relative;
}

.preview_nav.rev.inverted {
  background-color: #f9fafc;
  position: fixed;
}

.div-block-3590 {
  border-top: 0 solid #e6e6e6;
  border-bottom: 0 solid #d8d8d8;
  width: 100%;
  max-width: 550px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 35px;
}

.div-block-3591 {
  background-color: #4b48484d;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.div-block-3591.active {
  display: flex;
  top: 0;
}

.div-block-3592 {
  color: #585858;
  background-color: #f1f1f1;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 16px;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
}

.radio-button-field {
  color: #979595;
  cursor: pointer;
  align-items: center;
  height: 46px;
  margin-right: 30px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.radio-button {
  border: 1px solid #707070;
  width: 22px;
  height: 22px;
  margin-top: 0;
  margin-right: 5px;
}

.div-block-3260-copy {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3288-copy {
  border-top: 0 solid #eee;
  width: 100%;
  margin-top: 0;
  padding-top: 15px;
}

.div-block-3288-copy.spaced {
  margin-right: 10px;
}

.radio-button-label {
  font-weight: 400;
}

.div-block-3593 {
  color: #818181;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3593:hover {
  color: #242424;
  border-color: #666;
}

.div-block-3593.spaced {
  margin-right: 10px;
}

.div-block-3594 {
  margin-top: 6px;
  margin-bottom: 80px;
  display: flex;
}

.div-block-3595 {
  background-color: #fcfbf4;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  width: 100%;
  max-width: 750px;
  margin-bottom: 15px;
  padding: 14px;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
}

.div-block-3596 {
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}

.div-block-3596.small {
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 300;
  line-height: 14px;
}

.div-block-3597 {
  border-right: 1px solid #e2e2e2;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
  display: none;
}

.div-block-3597.active {
  align-items: center;
  margin-right: 0;
  padding: 0 20px;
  display: flex;
}

.div-block-3597.active.last {
  border-right-width: 0;
}

.div-block-3598 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 400px;
  font-weight: 300;
  display: flex;
}

.div-block-3598.animator {
  display: none;
}

.div-block-3599 {
  z-index: 5;
  opacity: 0;
  background-color: #fff;
  border: 1px solid #a8b0ce;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 300;
  display: flex;
  position: absolute;
  left: 0;
}

.div-block-3599:hover {
  opacity: 1;
}

.div-block-3600 {
  background-color: #fff;
  border: 0 solid #a8b0ce;
  border-radius: 0;
  padding: 1px 16px;
  font-size: 14px;
}

.reports_panel {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.reports_panel.active {
  z-index: 99;
  background-color: #fff;
  display: flex;
}

.div-block-3601 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 0 solid #e9e9e9;
  border-top: 1px solid #ebebeb;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 16px;
  display: grid;
}

.div-block-3601.spaced {
  border-top-width: 0;
  border-top-color: #f0f0f0;
  margin-top: 0;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-3601.noborder {
  border-top-width: 0;
}

.overview_line2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
}

.overview_line2.haas {
  font-family: "Neuehaasgrottext web (1)", sans-serif;
}

.analytics_block {
  border-right: 1px solid #eee;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 35px 20px 20px;
  display: flex;
}

.analytics_block.last {
  border-right-width: 0;
}

.analytics_block.haas {
  padding-left: 0;
}

.overview_line1 {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-3602 {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-3602.lightscroll {
  overflow: auto;
}

.div-block-3602.shadow {
  z-index: 9999;
  box-shadow: -4px 4px 6px #00000005;
}

.div-block-3602.shadow.lightscroll {
  background-color: #fff;
}

.div-block-3602.shadow.pagescroll {
  box-shadow: none;
  overflow: auto;
}

.div-block-3603 {
  background-image: linear-gradient(#fff, #f9f9f9);
  border-right: 1px solid #f1f1f1;
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  padding: 0 0 19px;
  position: sticky;
  top: 0;
  overflow: auto;
}

.div-block-3603.dark {
  border-right-width: 1px;
  border-right-color: #f0f0f0;
  padding-top: 25px;
}

.div-block-3604 {
  color: #3d3d3d;
  cursor: pointer;
  border: 0 solid #fff0;
  border-radius: 3px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 1px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 10px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .1s;
  display: flex;
}

.div-block-3604:hover {
  color: #1b1b1b;
  border-width: 0;
  border-color: #e9e9e9;
}

.div-block-3604.active {
  color: #f5f5f5;
  background-color: #292929;
}

.div-block-3604.back {
  padding-left: 16px;
}

.div-block-3604.inverted {
  background-color: #f1f1f1;
  padding-right: 30px;
}

.div-block-3604.invisible {
  display: none;
}

.div-block-3604.small {
  border-bottom-color: #e0e0e0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 0;
}

.div-block-3604.small.smaller {
  font-weight: 300;
}

.div-block-3604.hidden {
  display: none;
}

.div-block-3605 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-3606 {
  cursor: pointer;
  border-bottom: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
  display: flex;
}

.div-block-3606:hover {
  background-color: #fff;
}

.image-638 {
  width: 20px;
  margin-right: 5px;
}

.div-block-3607 {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 20px;
  height: 30px;
  margin-right: 5px;
  padding-bottom: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.div-block-3607.small {
  font-size: 13px;
}

.div-block-3607.small2 {
  margin-right: 0;
  font-size: 21px;
}

.div-block-3607.smaller {
  margin-right: 0;
  font-size: 16px;
}

.div-block-3607.content {
  font-size: 18px;
}

.div-block-3607.compact {
  margin-right: 0;
}

.div-block-3607.reg {
  width: auto;
  height: auto;
}

.div-block-3608 {
  cursor: pointer;
  border-left: 1px solid #7a7a7a26;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 100%;
  padding: 10px 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.div-block-3608.small {
  font-size: 16px;
}

.div-block-3608.small:hover {
  background-color: #fff;
}

.div-block-3608.close {
  font-size: 17px;
}

.div-block-3608.hidden {
  min-width: 50px;
  display: flex;
}

.div-block-3609 {
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-3610 {
  cursor: pointer;
  border-bottom: 1px dashed #aa9e9e;
  margin-right: 20px;
  font-size: 13px;
  font-weight: 300;
}

.div-block-3610._15 {
  border-bottom-color: #4e4b4b;
}

.div-block-3610._15.active {
  color: #353535;
  border-bottom-color: #3f3f3f;
}

.div-block-3610._15.last {
  color: #222;
  margin-left: 5px;
  margin-right: 0;
  font-size: 15px;
  font-weight: 500;
}

.div-block-3610.invisible {
  display: none;
}

.div-block-3611 {
  border-bottom: 0 solid #eee;
  width: 100%;
  margin-top: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.div-block-3611.formsettings {
  background-color: #fff;
  max-width: 650px;
  padding-left: 46px;
  overflow: visible;
}

.div-block-3611.formsettings.small {
  max-width: 560px;
}

.div-block-3611.invisible {
  display: none;
}

.div-block-3612 {
  border: 0 solid #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
}

.div-block-3613 {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  display: flex;
}

.div-block-3613.top {
  max-width: 50%;
}

.div-block-3604-copy:hover, .div-block-3604-copy.active {
  background-color: #fff;
}

.div-block-3604-copy {
  color: #555;
  cursor: pointer;
  border-bottom: 1px solid #8f8f8f00;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 2px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 15px;
  display: flex;
}

.div-block-3604-copy:hover, .div-block-3604-copy.active {
  background-color: #fff;
}

.div-block-3604-copy.back {
  padding-left: 16px;
}

.menu_container {
  color: #555;
  cursor: pointer;
  border-bottom: 1px solid #ececec;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-height: 61px;
  margin-bottom: 2px;
  padding: 0 20px;
  font-size: 15px;
  transition: all .2s ease-out, max-height .2s ease-out;
  display: none;
  overflow: hidden;
}

.menu_container.active {
  border-bottom-width: 0;
  max-height: 650px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.menu_container.back {
  padding-left: 16px;
}

.div-block-3614 {
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.div-block-3615 {
  width: 100%;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.div-block-3615.nospace {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-3616 {
  font-family: Materialicons, sans-serif;
}

.div-block-3617 {
  cursor: pointer;
  border-left: 1px solid #e7e7e7;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100%;
  margin-left: 14px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-3617:hover {
  background-color: #79797921;
}

.div-block-3617.dark {
  border-left-color: #3b3b3b;
}

.div-block-3617.invisible {
  display: none;
}

.div-block-3618 {
  align-items: center;
  display: flex;
}

.reporting_bar {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.div-block-3619 {
  background-color: #e7e7e74d;
  border-radius: 3px;
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
}

.div-block-3620 {
  color: #8f8f8f;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 400;
}

.div-block-3621 {
  background-color: #d9e6ee;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -62px;
}

.div-block-3622 {
  max-width: 300px;
  display: flex;
  position: relative;
}

.div-block-3623 {
  z-index: 10;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-3624 {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 25px;
  display: flex;
  position: absolute;
}

.div-block-3625 {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  height: 1px;
}

.data_panel_analytics {
  width: 100%;
}

.data_panel_analytics.sticky {
  position: sticky;
  top: 0;
}

.data_panel {
  width: 100%;
}

.div-block-3626 {
  color: #353535;
  font-weight: 500;
}

.campaign_radio {
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 10px;
}

.campaign_radio.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.campaign_radio.spaced._35 {
  width: 50%;
  padding-right: 10px;
}

.campaign_radio.nospace {
  width: 50%;
  padding-left: 0;
}

.campaign_radio.nospace._35 {
  width: 50%;
  padding-right: 10px;
}

.campaign_radio.nospace._40 {
  width: 40%;
  padding-right: 10px;
}

.campaign_radio.no_space {
  padding-left: 20px;
}

.campaign_radio._50 {
  width: 50%;
  padding-left: 0;
}

.campaign_radio._80 {
  width: 80%;
  padding-left: 0;
}

.campaign_radio._20 {
  width: 20%;
  padding-left: 0;
}

.body-10 {
  grid-column-gap: 250px;
  grid-row-gap: 250px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Circularxxweb, sans-serif;
  transition: opacity .2s;
  display: flex;
}

.image-639 {
  opacity: .12;
  width: 22px;
  margin-right: 6px;
}

.campaign_input {
  min-width: 300px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 10px;
}

.campaign_input.spaced {
  width: 50%;
  margin-right: 0;
  padding-left: 0;
}

.campaign_input.spaced._35 {
  width: 50%;
  padding-right: 10px;
}

.campaign_input.nospace {
  width: 50%;
  padding-left: 0;
}

.campaign_input.nospace._35 {
  width: 50%;
  padding-right: 10px;
}

.campaign_input.nospace._40 {
  width: 40%;
  padding-right: 10px;
}

.campaign_input.no_space {
  padding-left: 20px;
}

.campaign_input._50 {
  width: 50%;
  padding-left: 0;
}

.campaign_input._80 {
  width: 80%;
  padding-left: 0;
}

.campaign_input._20 {
  width: 20%;
  padding-left: 0;
}

.campaign_input.small {
  min-width: 165px;
  max-width: 165px;
}

.campaign_input.vertical {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.campaign_input.invisible {
  display: none;
}

.content_panel {
  border: 0 solid #e0e0e0;
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  height: 71px;
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.content_panel.active {
  background-color: #fff;
  height: auto;
  display: flex;
  overflow: visible;
}

.content_panel.active.loading {
  opacity: .6;
}

.div-block-3131-copy {
  border-bottom: 0 solid #f7f7f7;
  border-radius: 3px;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-3131-copy.gray {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.div-block-3131-copy.gray.invisible {
  display: none;
}

.div-block-3131-copy.noborder {
  border-bottom-width: 0;
  padding-bottom: 10px;
}

.text-block-453 {
  opacity: .46;
}

.nextitem {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  margin-right: 5px;
  padding: 6px 30px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.nextitem:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.nextitem.last {
  margin-right: 0;
}

.nextitem.last.st {
  border-radius: 6px;
}

.nextitem.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  min-height: 36px;
  font-weight: 400;
}

.nextitem.blue:hover {
  background-color: #000;
  border-color: #000;
}

.nextitem.blue.waiting {
  color: #2e2e2e;
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #888;
}

.nextitem.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.nextitem.tw {
  padding-right: 18px;
}

.nextitem.small {
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.nextitem.nospace {
  margin-right: 0;
}

.nextitem.nospace.dark {
  color: #f5ecec;
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}

.div-block-3627 {
  background-color: #f1f1f1;
  border-top: 1px solid #eee;
  border-radius: 6px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.div-block-3628 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3629 {
  background-color: #f1f1f1;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  min-height: 60px;
  padding: 0 0 0 20px;
  display: flex;
  overflow: hidden;
}

.div-block-3630 {
  width: 100%;
  display: flex;
}

.div-block-3630.gray {
  padding-bottom: 20px;
  position: relative;
}

.div-block-3630.gray.spaced {
  padding-top: 5px;
  padding-left: 20px;
}

.litem_item {
  border: 1px solid #e7e4e4;
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
}

.div-block-3631 {
  height: 100%;
  display: flex;
}

.div-block-3632 {
  border-right: 0 solid #f0f0f0;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  margin-right: 30px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-3632.vertical {
  flex-direction: column;
  margin-right: 0;
}

.div-block-3633 {
  color: #3a3939;
  border-bottom: 3px solid #0000;
  margin-right: 25px;
  padding-bottom: 6px;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3633.active {
  color: #363636;
  border-bottom-color: #000;
  position: relative;
}

.div-block-3634 {
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-2698-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  padding: 15px 20px;
  display: flex;
}

.div-block-2698-copy.v2 {
  border-bottom: 1px solid #fafafa;
}

.div-block-2698-copy.cover, .div-block-2698-copy.preview {
  width: 360px;
}

.div-block-3606-copy {
  cursor: pointer;
  border-bottom: 1px solid #e4e4e41a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-3606-copy:hover {
  background-color: #fff;
}

.back_button {
  z-index: 99;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  font-size: 10px;
  font-weight: 300;
  transition: all .4s;
  display: flex;
  position: absolute;
  right: -100%;
}

.back_button:hover {
  background-color: #fff;
  border-bottom-color: #fff;
}

.back_button.reverse_border {
  letter-spacing: .4px;
  text-transform: none;
  border-top: 1px solid #f1f1f1;
  border-bottom-width: 0;
  height: 80px;
  font-size: 12px;
  font-weight: 300;
}

.back_button.active {
  z-index: 999;
  background-color: #fff;
  border-bottom-color: #d1d1d1;
  border-left: 0 solid #e0e0e0;
  border-right: 0 solid #976767;
  transition-property: none;
  display: flex;
  right: 0%;
}

.back_button.small {
  height: 56px;
}

.date_picker_holder {
  z-index: 100;
  background-color: #3f3f3f80;
  border-left: 1px solid #000;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0;
  display: none;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.date_picker_holder.active {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-3607-copy {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 20px;
  height: 30px;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.div-block-3607-copy.small {
  font-size: 13px;
}

.date_picker {
  width: 100%;
  height: 100%;
  padding: 0;
}

.date_picker.first {
  margin-right: 0;
}

.clone_url {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 5px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 300;
  display: none;
}

.clone_url:hover {
  border-color: #9c9c9c;
}

.div-block-3635 {
  width: 100%;
  display: flex;
}

.reporting_chapter {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  min-width: 250px;
  margin-bottom: 5px;
  padding: 26px;
  font-size: 15px;
}

.reporting_chapter:hover {
  background-color: #f1f1f1;
}

.reporting_chapter.active {
  color: #fff;
  background-color: #242424;
}

.div-block-3637 {
  border-right: 1px solid #f7f7f7;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.div-block-3638, .div-block-3639 {
  font-size: 12px;
}

.div-block-3640 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-3641 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #4d4d4d;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3641.spaced {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 40px;
}

.reports_line_domains {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_domains:hover {
  background-color: #f8f8f2;
}

.reports_header_domains {
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 50px;
  min-height: 50px;
  display: flex;
  position: sticky;
  top: 0;
}

.reports_header_domains._44 {
  height: 44px;
  min-height: 44px;
}

.reports_item_domains {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  display: flex;
  overflow: hidden;
}

.reports_item_domains.head {
  cursor: auto;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
}

.reports_item_domains.head:hover {
  background-color: #e9e9e9;
}

.reports_item_domains.head.small {
  max-width: 150px;
  height: 100%;
}

.reports_item_domains.head.small.light {
  background-color: #f1f1f100;
  border-left: 1px solid #e7e7e7;
  border-right-width: 0;
  flex-direction: column;
  height: auto;
}

.reports_item_domains.head.small.noclick {
  cursor: auto;
}

.reports_item_domains.head.smallest {
  font-size: 12px;
}

.reports_item_domains.head.smallest._50 {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.reports_item_domains.head.medium {
  max-width: 300px;
}

.reports_item_domains.input {
  background-color: #9dcffb;
}

.reports_item_domains.textoptions {
  background-color: #afebe4;
}

.reports_item_domains.small {
  flex-direction: column;
  justify-content: center;
  min-width: 150px;
  max-width: 150px;
}

.reports_item_domains.small.vertical {
  flex-direction: column;
  justify-content: center;
}

.reports_item_domains.smallest {
  max-width: 150px;
}

.reports_item_domains.smallest.smallestx2 {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.reports_item_domains.smallest.smallestx2.absolute {
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 100%;
  padding-left: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  position: absolute;
  right: 50px;
}

.reports_item_domains.smallest.smallestx2.absolute:hover {
  color: #ebe9e9;
  background-color: #1b1b1b;
}

.reports_item_domains.smallest.smallestx2.absolute._1 {
  color: #c2bbbb;
  cursor: not-allowed;
  border-left-width: 0;
  transition: all .15s;
  right: 0;
}

.reports_item_domains.smallest.smallestx2.absolute._1.active {
  color: #202020;
  cursor: pointer;
}

.reports_item_domains.smallest.smallestx2.absolute._1.active:hover {
  color: #f8f8f8;
}

.reports_item_domains.smallest.full {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}

.reports_item_domains.smallest.full.padded {
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 40px;
  max-width: 40px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
}

.reports_item_domains.smallest.full.padded:hover {
  background-color: #f7f7f7;
}

.reports_item_domains.variable {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
}

.reports_item_domains.no_border {
  border-right-width: 0;
}

.reports_item_domains.media {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.reports_item_domains.border {
  border-left: 1px solid #e7e7e7;
  padding-left: 25px;
  padding-right: 10px;
}

.line_content_domains {
  width: 100%;
  height: 100%;
  display: flex;
}

.reports_item-copy {
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 18px 5px 18px 15px;
  display: flex;
}

.reports_item-copy.head {
  background-color: #f1f1f1;
  border-radius: 3px;
  align-items: flex-start;
}

.reports_item-copy.input {
  background-color: #9dcffb;
}

.reports_item-copy.textoptions {
  background-color: #afebe4;
}

.div-block-3642 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3643 {
  align-items: flex-end;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-weight: 300;
  display: flex;
}

.div-block-3643.inactive {
  display: none;
}

.div-block-3643.centered {
  flex-direction: row;
  align-items: center;
}

.div-block-3643.bottom {
  align-items: flex-end;
}

.div-block-3643.spaced {
  border: 1px solid #f0f0f0;
  border-width: 1px 0;
  margin-top: 25px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 35px;
}

.div-block-3644 {
  justify-content: flex-start;
  width: 100%;
  padding-right: 10px;
  display: block;
}

.div-block-3644.small {
  max-width: 200px;
}

.div-block-3644.small.smallest {
  max-width: 130px;
}

.div-block-3644.small.smallest.last, .div-block-3644.ns {
  padding-right: 0;
}

.text-block-454 {
  margin-bottom: 7px;
  font-size: 14px;
}

.advertiser_dashboard {
  position: relative;
}

.my_advertisers {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  display: grid;
}

.div-block-3646 {
  white-space: nowrap;
  align-items: center;
  padding-right: 21px;
  display: flex;
}

.div-block-3646.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.advertisers_list {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .2s ease-out, max-height .2s, height .2s;
  position: relative;
  overflow: hidden;
}

.advertisers_list:hover {
  border-color: #afa5a5;
}

.advertisers_list.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  max-height: 5500px;
}

.advertisers_list.invisible {
  display: none;
}

.reports_line_advertisers {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_advertisers:hover {
  background-color: #f8f8f2;
}

.reports_line_advertisers.active {
  background-color: #eef6fa;
}

.reports_line_advertisers.invisible {
  display: none;
}

.line_items_container {
  max-width: 100%;
  margin-top: 0;
  padding: 0 0 20px;
  position: relative;
  overflow: hidden;
}

.line_items_container.overflowing {
  overflow: visible;
}

.line_items_container.is_hidden {
  display: none;
}

.div-block-3642-copy {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.tick2 {
  display: none;
}

.tick2.active, .tick2.activeline {
  color: #fff;
  display: flex;
}

.campaigns_dashboard {
  width: 100%;
  position: relative;
}

.div-block-3647 {
  cursor: pointer;
  font-size: 16px;
  position: relative;
}

.div-block-3647:hover {
  text-decoration: underline;
}

.spacer {
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 20px;
  height: 25px;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.spacer.small {
  font-size: 13px;
}

.progress_interstitial {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 20px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-3648 {
  color: #141414;
  font-size: 16px;
  font-weight: 500;
}

.div-block-3649 {
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.overlaying_panel2 {
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.overlaying_panel2.active {
  z-index: 100;
  background-color: #36333380;
  justify-content: flex-end;
  display: flex;
}

.overlaying_panel2.left.active {
  justify-content: flex-start;
}

.checkbox_indicator {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  font-size: 12px;
  display: none;
}

.checkbox_indicator.poll {
  z-index: 2;
  font-size: 10px;
  font-weight: 700;
  display: none;
  position: relative;
}

.checkbox_indicator.poll.pluto {
  border-width: 1px;
  border-color: #e4e4e400;
}

.checkbox_indicator.poll.results {
  border-width: 1px;
  border-color: #e2dfdf;
  display: none;
}

.checkbox_indicator.checkbox {
  color: #000;
  background-color: #ffffffb3;
  border-width: 1px;
  border-color: #3d3d3d17;
  border-radius: 2px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  right: 15px;
}

.checkbox_indicator.checkbox.survey_active {
  background-color: #fff;
}

.checkbox_indicator.survey_active {
  color: #fff;
  background-color: #61d19d;
  border-width: 2px;
  border-color: #59c794;
  margin-right: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.checkbox_checked {
  display: none;
}

.checkbox_checked.survey_active {
  display: flex;
}

.div-block-3650 {
  border-bottom: 0 solid #f0f0f0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block-3651 {
  color: #3b3b3b;
  align-items: center;
  margin-right: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.branding_settings {
  display: none;
}

.branding_settings.active {
  border-top: 0 solid #f0f0f0;
  flex-direction: column;
  margin-top: 25px;
  display: flex;
}

.div-block-3652 {
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.div-block-3653 {
  align-items: center;
  display: flex;
}

.div-block-3654 {
  background-color: #f1f1f1;
  border-radius: 99px;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-right: 6px;
}

.div-block-3655 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.div-block-3656 {
  color: #b3b3b3;
  font-size: 12px;
  font-weight: 400;
}

.image-640 {
  width: 20px;
}

.div-block-3657 {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  margin: 10px 15px 20px;
  box-shadow: 1px 1px 3px #0000000f;
}

.div-block-3658 {
  background-color: #f1f1f1;
  border-radius: 3px;
  width: 100%;
  height: 25px;
  margin-bottom: 5px;
}

.div-block-3658.small {
  width: 70%;
}

.div-block-3659 {
  padding: 10px 20px 10px 15px;
}

.div-block-3660 {
  background-color: #f1f1f1;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  height: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-3661 {
  background-color: #fdfdfd;
  padding: 10px 10px 10px 15px;
}

.div-block-3662 {
  color: #636363;
  font-size: 11px;
  font-weight: 300;
}

.div-block-3663 {
  color: #1f1f1f;
  font-weight: 500;
}

.div-block-3664 {
  color: #b3b3b3;
  border-top: 1px solid #f0f0f0;
  justify-content: space-between;
  padding: 10px 20px 10px 15px;
  font-size: 12px;
  display: flex;
}

.div-block-3665 {
  z-index: 4;
  height: 100%;
  position: relative;
}

.div-block-3666 {
  z-index: 5;
  cursor: pointer;
  background-image: linear-gradient(#fff0 47%, #00000014);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-3666:hover {
  background-color: #27272726;
}

.div-block-3667 {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-3668 {
  background-color: #fff;
  border-bottom: 0 solid #e7e7e7;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-3668.line {
  border-radius: 99px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-left: -36px;
}

.div-block-3668.story {
  z-index: 5;
}

.div-block-3669 {
  z-index: 2;
  opacity: .5;
  background-image: linear-gradient(#fff0, #00000014);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.native_media_holder {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.native_media_holder.story {
  color: #707070;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 250px;
  font-weight: 300;
  display: flex;
}

.native_media_holder.t2._300x250 {
  border-radius: 0;
  min-height: 100%;
}

.native_media_holder.native_product {
  padding-top: 35px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.project_branding {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-right: 15px;
  padding: 15px 0 15px 10px;
  display: none;
  position: relative;
}

.project_branding.line {
  width: auto;
  display: flex;
  position: relative;
}

.project_controls {
  z-index: 999;
  opacity: 1;
  color: #333030;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 25px;
  display: flex;
  position: static;
  bottom: 22px;
  right: 0;
  transform: rotate(-90deg);
}

.project_controls:hover {
  opacity: 1;
  color: #181818;
}

.project_controls.active {
  display: flex;
}

.project_controls.line {
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  position: absolute;
  top: 41px;
  right: 18px;
}

.project_controls.story {
  z-index: 10;
  background-color: #ffffff0d;
  padding-right: 10px;
  top: 5px;
  right: 5px;
}

.project_more_menu {
  z-index: 20;
  background-color: #fff;
  border: 0 solid #e0e0e0;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: static;
  top: 61.5px;
  right: 0;
  overflow: hidden;
  box-shadow: -1px 1px 20px #0000000d;
}

.project_more_menu.active {
  flex-direction: column;
  display: flex;
  top: auto;
  bottom: 55px;
  box-shadow: -1px 1px 20px #0000001a;
}

.project_more_menu.line.active {
  top: 76px;
  right: 20px;
}

.div-block-3671 {
  color: #c2c2c2;
  cursor: pointer;
  margin-right: 0;
  padding: 5px 8px;
  font-family: Materialicons, sans-serif;
  font-size: 19px;
  font-weight: 300;
}

.div-block-3671:hover {
  color: #3f3f3f;
}

.div-block-3671.active {
  color: #313131;
}

.div-block-3672 {
  margin-right: 10px;
  display: none;
}

.div-block-3672.inactive {
  display: none;
}

.number_of_blocks {
  color: #635d5d;
  letter-spacing: .2px;
  background-color: #e4effa;
  border-radius: 99px;
  flex: 0 auto;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 6px;
  padding: 3px 14px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.number_of_blocks.light {
  color: #5d5858;
  background-color: #f0f0ef;
  border-radius: 99px;
}

.div-block-3673 {
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.div-block-3674 {
  width: 450px;
  height: 342px;
}

.div-block-3675 {
  display: none;
}

.div-block-3675.active {
  white-space: nowrap;
  display: flex;
}

.line_action {
  color: #000;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  min-height: 34px;
  margin-right: 5px;
  padding: 6px 30px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.line_action:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.line_action.last {
  margin-right: 0;
}

.line_action.last.st {
  border-radius: 6px;
}

.line_action.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
}

.line_action.blue:hover {
  background-color: #000;
  border-color: #000;
}

.line_action.blue.waiting {
  color: #2e2e2e;
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #888;
}

.line_action.blue.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
}

.line_action.active {
  background-color: #fff;
  border-color: #b4b4b4;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 11px;
  font-weight: 500;
}

.line_action.active:hover {
  color: #f0f0f0;
  background-color: #161616;
  border-color: #161616;
}

.line_action.active.light {
  color: #9e9e9e;
  border-color: #e0e0e0;
}

.line_action.active.light:hover {
  color: #fff;
  border-color: #313131;
}

.line_action.tw {
  padding-right: 18px;
}

.line_action.small {
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.line_action._46 {
  border-radius: 6px;
  min-height: 46px;
  margin-top: 10px;
}

.line_action.invisible {
  display: none;
}

.new_advertiser {
  background-color: #42424280;
  justify-content: flex-end;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.new_advertiser.lightscroll {
  background-color: #fff;
  position: relative;
}

.add_advertiser_window {
  z-index: 5;
  background-color: #61616133;
  border-top-right-radius: 0;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.add_advertiser_window.active {
  display: flex;
}

.add_advertiser_window.lightscroll {
  background-color: #fff;
}

.div-block-3676 {
  background-color: #fff;
  border: 0 solid #ececec;
  border-radius: 0;
  width: 100%;
  padding: 0 30px 10px 20px;
  font-weight: 300;
}

.div-block-3676.spaced {
  padding-bottom: 20px;
}

.div-block-3676.nospace {
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 30px;
}

.div-block-3676.spaced_top {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.div-block-3676.bordered {
  background-color: #fff;
  border: 1px solid #f7f7f7;
  border-radius: 6px;
  width: 100%;
  padding: 17px;
}

.campaigns {
  width: 100%;
  position: relative;
}

.div-block-3677 {
  padding-right: 15px;
}

.div-block-3678 {
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  max-width: 200px;
  height: 46px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-3678:hover {
  background-color: #fafaf0;
  border-color: #a7afcf;
}

.reports_line_strategies {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.reports_line_strategies.active {
  font-weight: 500;
}

.line_items {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .2s ease-out, max-height .2s, height .2s;
  position: relative;
  overflow: hidden;
}

.line_items:hover {
  border-color: #afa5a5;
}

.line_items.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  max-height: 5500px;
}

.line_items.invisible {
  display: none;
}

.line_data_item {
  z-index: 1;
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  padding: 5px 5px 5px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line_data_item.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 18px;
  padding-bottom: 18px;
}

.line_data_item.head:hover {
  background-color: #e9e9e9;
}

.line_data_item.head.small {
  cursor: pointer;
  max-width: 200px;
}

.line_data_item.input {
  background-color: #9dcffb;
}

.line_data_item.textoptions {
  background-color: #afebe4;
}

.line_data_item.small {
  min-width: 150px;
  max-width: 130px;
}

.line_data_item.fixed {
  z-index: 2;
  background-color: #fff;
  position: sticky;
  left: 0;
}

.line_data_item.activefilter {
  background-color: #f3f9fa;
}

.line_data_item.bold {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}

.line_data_item.headsmall {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 150px;
  max-width: 130px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.line_data_item.headsmall:hover {
  background-color: #e9e9e9;
}

.line_data_item.headsmall.small {
  cursor: pointer;
  max-width: 200px;
}

.header_content {
  width: 100%;
  height: 100%;
  font-weight: 500;
  display: flex;
}

.line_items_container_check {
  max-width: 100%;
  margin-top: 0;
  padding: 0 0 20px;
  font-family: Circularxxweb, sans-serif;
  position: relative;
  overflow: auto;
}

.filters_container {
  justify-content: space-between;
  display: flex;
}

.filters_panel {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3681 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.div-block-3681.spaced {
  padding-right: 10px;
}

.div-block-3375-copy {
  color: gray;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 300;
}

.div-block-3375-copy.tight {
  margin-top: 0;
}

.div-block-3375-copy.centered {
  text-align: center;
  font-size: 11px;
}

.strategy {
  width: 100%;
  position: relative;
}

.related_item {
  color: #727272;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
  justify-content: space-between;
  align-items: center;
  min-width: 500px;
  padding: 16px 15px 16px 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.related_item:hover {
  background-color: #f1f1f1;
}

.related_item.active {
  background-color: #f8f8eb;
}

.div-block-3683 {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  font-size: 15px;
  font-weight: 500;
}

.div-block-3684 {
  margin-top: 20px;
}

.related_container {
  padding-top: 10px;
  padding-left: 10px;
}

.adv_circle {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 27px;
  min-width: 27px;
  height: 27px;
  min-height: 27px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3686 {
  align-items: center;
  display: flex;
}

.div-block-3687 {
  margin-left: 7px;
  font-size: 14px;
  font-weight: 300;
}

.related_item2 {
  color: #727272;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
  justify-content: space-between;
  align-items: center;
  min-width: 500px;
  padding: 16px 15px 16px 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.related_item2:hover {
  background-color: #f1f1f1;
}

.related_item2.active {
  background-color: #f8f8eb;
}

.related_item3 {
  color: #3f3c3c;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
  justify-content: space-between;
  align-items: center;
  min-width: 500px;
  padding: 16px 15px 16px 10px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

.related_item3:hover {
  background-color: #f1f1f1;
}

.related_item3.active {
  background-color: #f8f8f8;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  font-weight: 400;
}

.div-block-3688 {
  color: #8a8585;
  letter-spacing: .2px;
  font-size: 9px;
  font-weight: 400;
  position: absolute;
  top: -17px;
}

.next_previous {
  z-index: 6;
  background-color: #f1f1f1;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-3689 {
  display: none;
}

.div-block-3689.active {
  display: flex;
}

.myprojects_item_story {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  height: 534px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.myprojects_item_story:hover {
  border-color: #929299;
}

.myprojects_item_story.active {
  border-color: #000;
}

.myprojects_item_story.line {
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}

.div-block-3690 {
  margin-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
}

.product_input-copy {
  color: #727272;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
}

.product_input-copy:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.product_input-copy:focus {
  border-style: solid;
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
  color: #242424;
}

.product_input-copy::placeholder {
  color: #6b6b6b;
}

.product_input-copy.price {
  padding-bottom: 9px;
  padding-left: 59px;
}

.product_input-copy.small {
  width: 400px;
}

.product_input-copy.padded {
  padding-right: 100px;
}

.product_input-copy.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.product_input-copy.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.camp_input {
  color: #727272;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  min-height: 46px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
}

.camp_input:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.camp_input:focus {
  border-style: solid;
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
  color: #242424;
}

.camp_input::placeholder {
  color: #6b6b6b;
}

.camp_input.price {
  padding-bottom: 9px;
  padding-left: 59px;
}

.camp_input.small {
  width: 400px;
}

.camp_input.padded {
  padding-right: 100px;
}

.camp_input.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.camp_input.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.multi_option_campaign {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: flex;
}

.multi_option_campaign.nogrid {
  justify-content: flex-start;
  display: flex;
}

.multi_option_campaign.grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.multi_option_campaign.coverstyle {
  margin-top: 5px;
  margin-bottom: 16px;
  font-weight: 300;
}

.div-block-3691 {
  flex-direction: column;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-3691.horizontal {
  flex-direction: row;
  padding: 15px 20px 20px;
}

.div-block-3691.horizontal.highlight {
  background-color: #f5f4ed;
  border-radius: 6px;
}

.div-block-3691.bordered {
  border: 1px solid #e7e7e7;
  border-top-width: 0;
  border-radius: 0 0 6px 6px;
  max-width: 729px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
}

.div-block-3691.bordered.larger {
  padding-right: 4px;
}

.div-block-3691.bordered.location {
  padding-bottom: 22px;
}

.field_icon {
  font-family: GoogleMaterialicons, sans-serif;
  position: absolute;
  right: 14px;
}

.div-block-3692 {
  color: #080808;
  background-color: #f1f1f1;
  border: 0 solid #000;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  min-height: 71px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.div-block-3692.flat {
  border-width: 1px 1px 0;
  border-color: #e7e7e7;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  padding-right: 20px;
}

.div-block-3692.flat.left {
  justify-content: flex-start;
}

.div-block-3692.flat.light {
  background-color: #f8f8f8;
  border-bottom-width: 1px;
  border-bottom-color: #f1f1f1;
}

.div-block-3693 {
  flex-direction: column;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.strategy_content.inactive {
  display: none;
}

.feature_questionmark {
  color: #8b8b8b;
  padding: 2px 3px;
  font-family: Materialicons, sans-serif;
  display: none;
}

.feature_questionmark.active {
  cursor: pointer;
  border-radius: 99px;
  padding: 4px 8px;
  font-size: 16px;
  display: flex;
}

.feature_questionmark.active:hover {
  color: #161616;
}

.div-block-3695 {
  padding-top: 10px;
  padding-left: 25px;
}

.div-block-3696 {
  cursor: pointer;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-3696:hover {
  text-decoration: underline;
}

.div-block-3696.inactive {
  display: none;
}

.div-block-3697 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  font-weight: 400;
}

.div-block-3698 {
  border: 1px solid #d1bebe;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  margin-right: 8px;
}

.div-block-3698.modified {
  background-color: #0f69ff;
  border-color: #0f69ff;
  width: 7px;
}

.submenu {
  max-height: 0;
  padding-left: 15px;
  transition: all .9s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.submenu.active {
  flex-direction: column;
  height: auto;
  max-height: none;
  display: flex;
}

.div-block-3700 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: flex;
}

.div-block-3701 {
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 46px;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.div-block-3701:hover {
  background-color: #fafaf0;
  border-color: #a7afcf;
}

.div-block-3702 {
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.content_selector {
  color: #7c7c7c;
  text-align: center;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-right: 8px;
  padding: 17px 20px;
  font-size: 13px;
  transition: opacity .2s;
  display: flex;
}

.content_selector:hover {
  background-color: #f1f1f1;
  border-color: #888;
}

.content_selector.active {
  background-color: #fff;
  border-color: #9b9b9b;
}

.content_selector.last {
  margin-right: 0;
}

.content_selector._100 {
  width: 100%;
}

.content_selector.hidden {
  display: none;
}

.content_selector.small {
  color: #2c2c2c;
  min-height: 46px;
  padding: 12px 30px 12px 28px;
}

.content_selector.small:hover {
  background-color: #fff;
}

.content_selector.small.active {
  color: #fff;
  cursor: auto;
  background-color: #0f69ff;
  border-color: #0f69ff;
}

.radio_ai_item {
  cursor: pointer;
  border-right: 1px solid #ebebeb;
  border-radius: 3px;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.radio_ai_item:hover {
  background-color: #f1f1f1;
}

.radio_ai_item.active.last {
  border-right-width: 0;
}

.radio_ai_item.light {
  font-size: 11px;
  font-weight: 500;
}

.radio_ai_item.light.last, .radio_ai_item.last {
  border-right-width: 0;
}

.div-block-3704 {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
  overflow: hidden;
}

.div-block-3704:hover {
  border-color: #6e9ed8;
}

.div-block-3704.spaced {
  margin-top: 10px;
}

.div-block-3704.spaced.light, .div-block-3704.light1 {
  border-color: #f3f0f0;
}

.div-block-3705 {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.div-block-3705:hover {
  border-color: #a7afcf;
  box-shadow: 1px 1px 3px #0000001a;
}

.div-block-3705.lightscroll {
  border: 1px solid #e6e6e6;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-3705.nohover {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.div-block-3705.nohover:hover {
  border-color: #e7e7e7;
}

.div-block-3705.flat {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.div-block-3706 {
  z-index: 5;
  background-color: #fff;
  border-bottom: 0 solid #fff;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 7px #0000000f;
}

.div-block-3707 {
  color: #222529;
  cursor: pointer;
  margin-left: 10px;
}

.div-block-3707.active {
  cursor: auto;
  cursor: pointer;
  border: 0 solid #666;
}

.div-block-3708 {
  justify-content: flex-end;
  display: flex;
}

.div-block-3710 {
  padding-left: 10px;
  padding-right: 10px;
}

.exchange_item {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 721px;
  padding: 18px 15px 18px 25px;
  font-size: 13px;
  display: flex;
}

.exchange_item:hover {
  background-color: #fafafa;
}

.exchange_item.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.exchange_item.excluded {
  text-decoration: none;
}

.expandable_panel {
  height: 250px;
  transition: all .25s;
  overflow: auto;
}

.expandable_panel.expanded {
  height: 650px;
}

.div-block-3713 {
  margin-right: 4px;
}

.div-block-3714 {
  color: #424242;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  margin-left: 5px;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-3714:hover {
  color: #f5eeee;
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}

.div-block-3714.active {
  color: #ebe3e3;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}

.div-block-3714.active:hover {
  color: #eee1e1;
}

.div-block-3714.noborder {
  color: #313131;
  border-color: #fff;
  border-radius: 6px;
  justify-content: center;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 500;
}

.div-block-3714.noborder:hover {
  color: #000;
  background-color: #f1f1f1;
}

.div-block-3714.noborder.invisible, .div-block-3714.inactive {
  display: none;
}

.div-block-3714.included, .div-block-3714.excluded {
  display: flex;
}

.div-block-3714.invisible {
  display: none;
}

.div-block-3715 {
  white-space: nowrap;
  text-decoration: none;
  display: flex;
}

.div-block-3716 {
  align-items: center;
  width: 100%;
  font-weight: 500;
  display: flex;
}

.div-block-3716.included {
  font-weight: 500;
  text-decoration: none;
}

.div-block-3716.large {
  color: #181818;
  white-space: normal;
  min-width: 250px;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3716.excluded {
  font-weight: 500;
  text-decoration: line-through;
}

.include_indicator {
  border: 1px solid #ebebeb;
  border-radius: 99px;
  width: 20px;
  min-width: 20px;
  height: 10px;
  min-height: 10px;
  margin-right: 15px;
}

.include_indicator.included {
  background-color: #62db9d;
  border-color: #62db9d;
}

.include_indicator.excluded {
  background-color: #d53f28;
  border-color: #d53f28;
}

.div-block-3717 {
  color: #1d1d1d;
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
}

.div-block-3717:hover {
  text-decoration: underline;
}

.selection_shadow {
  opacity: 0;
  background-image: linear-gradient(#25252500 40%, #0000000f);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

.include_exclude.spaced {
  margin-bottom: 15px;
}

.div-block-3709-copy {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 7px 15px 7px 18px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: relative;
  top: 1px;
}

.div-block-3709-copy:hover {
  color: #f5f4f4;
  background-color: #000;
  border-color: #000;
}

.div-block-3709-copy.active {
  color: #f5eeee;
  background-color: #222;
  border-color: #222;
  font-weight: 500;
}

.div-block-3709-copy.active:hover {
  color: #f7f1f1;
}

.div-block-3709-copy.invisible {
  display: none;
}

.div-block-3709-copy.disabled {
  opacity: .3;
  cursor: not-allowed;
}

.div-block-3718 {
  display: flex;
}

.div-block-3706-copy {
  background-color: #f1f1f1f2;
  border-bottom: 0 solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3719 {
  width: 100%;
  font-weight: 500;
}

.div-block-3719.large {
  min-width: 250px;
}

.audience_item {
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 18px 15px 18px 25px;
  font-size: 13px;
  display: flex;
}

.audience_item:hover {
  background-color: #fafafa;
}

.audience_item.active {
  font-weight: 500;
}

.audience_item.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.audience_item.excluded {
  text-decoration: none;
}

.audience_item.sub {
  padding-left: 50px;
}

.image-641 {
  width: 6px;
}

.div-block-3720 {
  margin-bottom: 2px;
  margin-right: 6px;
}

.div-block-3721.active {
  transform: rotate(90deg);
}

.audience_group {
  height: 60px;
  overflow: hidden;
}

.audience_group.active {
  height: auto;
}

.audience_header {
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 18px 15px 18px 25px;
  font-size: 13px;
  display: flex;
}

.audience_header:hover {
  background-color: #fafafa;
}

.audience_header.active {
  font-weight: 500;
}

.audience_header.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.audience_header.excluded {
  text-decoration: none;
}

.audience_header.sub {
  padding-left: 50px;
}

.form-5, .form-block-6 {
  position: relative;
}

.fineprint {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  display: none;
}

.fineprint.active {
  opacity: .8;
  display: flex;
}

.div-block-3723 {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
  display: none;
}

.div-block-3723.active {
  display: flex;
}

.fader {
  z-index: 999;
  opacity: .5;
  background-image: linear-gradient(#fff, #fff6);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.fader.active {
  display: flex;
}

.product_name_description {
  color: #ebe9e0;
  align-items: center;
  max-width: 220px;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  display: none;
}

.product_name_description.extra, .product_name_description.extra_up {
  color: #ebeae4;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.product_name_description.plus_white_text {
  color: #ebeae4;
  text-align: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.arrow_down {
  background-color: #333;
  width: 12px;
  height: 12px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 22px;
  transform: rotate(45deg);
}

.arrow_down.extra {
  color: #252525e6;
  background-color: #3330;
  width: auto;
  height: auto;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 36px;
  display: flex;
  bottom: -7px;
  right: auto;
  transform: none;
}

.arrow_up {
  background-color: #333;
  width: 12px;
  height: 12px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 22px;
  transform: rotate(45deg);
}

.arrow_up.extra {
  color: #333c;
  background-color: #3330;
  width: auto;
  height: auto;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 36px;
  display: none;
  bottom: -7px;
  right: auto;
  transform: none;
}

.arrow_up.extra_up {
  color: #333333e6;
  background-color: #3330;
  width: auto;
  height: auto;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 36px;
  display: flex;
  top: -7px;
  bottom: auto;
  right: auto;
  transform: none;
}

.body-11 {
  font-family: Circularxxweb, sans-serif;
}

.overlaying_panel3 {
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.overlaying_panel3.active {
  z-index: 100;
  background-color: #36333380;
  justify-content: flex-end;
  display: flex;
}

.overlaying_panel3.left.active {
  justify-content: flex-start;
}

.div-block-3724 {
  background-color: #f1f1f1;
  justify-content: center;
  align-items: flex-start;
  width: 450px;
  min-width: 450px;
  padding-top: 45px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3725 {
  background-color: #fff;
  border-radius: 3px;
  align-items: flex-start;
  width: 350px;
  height: 670px;
  display: flex;
  overflow: hidden;
}

.div-block-3726 {
  color: #cacaca;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-3727 {
  position: sticky;
  top: 0;
}

.body-12 {
  font-family: Circularxxweb, sans-serif;
}

.div-block-3728 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-6 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-3729 {
  z-index: 15;
  color: #fff;
  background-color: #fff0;
  border-radius: 3px;
  padding: 0;
  line-height: 14px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.div-block-3730 {
  color: #ffffffe6;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0;
  font-family: Materialicons, sans-serif;
  display: flex;
}

.div-block-3730.image {
  display: none;
}

.div-block-3730.video {
  color: #ff0000e6;
  display: flex;
}

.div-block-3729-copy {
  z-index: 10;
  opacity: 0;
  -webkit-backdrop-filter: brightness(110%);
  backdrop-filter: brightness(110%);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 10px 5px 5px 10px;
  line-height: 14px;
  transition: opacity .2s, opacity 60ms;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.div-block-3729-copy:hover {
  opacity: 1;
}

.div-block-3729-copy.ai {
  padding: 10px;
}

.div-block-3731 {
  color: #292929;
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 4px 15px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-3731:hover {
  color: #e9e3e3;
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}

.div-block-3731.ai {
  text-align: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 11px;
}

.div-block-3731.ai._1 {
  margin-right: 10px;
}

.div-block-3731.ai.inactive {
  display: none;
}

.div-block-3730-copy {
  color: #ffffffe6;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0;
  font-family: Materialicons, sans-serif;
  display: flex;
}

.div-block-3730-copy.image {
  display: flex;
}

.div-block-3730-copy.video {
  display: none;
}

.library_info {
  z-index: 999;
  background-color: #0c0c0c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding: 10px 10px 10px 20px;
  transition: all 80ms, opacity .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.library_info.active {
  z-index: 100;
  background-color: #272727;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  display: flex;
  bottom: 0;
  box-shadow: 0 -1px 14px #0000001f;
}

.library_info.is_video {
  background-color: #7a0e0e;
}

.div-block-3732 {
  opacity: .7;
  color: #e4e4e4;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-3732.bold {
  opacity: 1;
  color: #f3f3f3;
  font-size: 15px;
  font-weight: 500;
}

.div-block-3733 {
  color: #cfc4c4;
  background-color: #cccccc0d;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100%;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.div-block-3734 {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 15px;
  display: flex;
}

.confirmation_dialogue {
  z-index: 1000;
  background-image: linear-gradient(#2e2c2c80, #312f2f33);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.confirmation_dialogue.active {
  display: flex;
  overflow: hidden;
}

.dialogue_top_bar {
  background-color: #fff;
  width: 100%;
  height: 80px;
  margin-top: -80px;
  transition: opacity .2s, all .2s;
  position: relative;
}

.dialogue_top_bar.active {
  margin-top: 0;
  top: 0;
}

.div-block-3735 {
  align-items: center;
  display: flex;
}

.div-block-3736 {
  background-color: #f1f1f1;
  border-radius: 6px;
  width: 80px;
  height: 130px;
  margin-bottom: 12px;
  padding: 9px;
  position: relative;
}

.div-block-3736.redirect {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3737 {
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 10px;
  min-height: 10px;
  margin-bottom: 3px;
}

.div-block-3737.short {
  width: 70%;
}

.div-block-3737.text {
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.div-block-3737.text.small {
  width: 70%;
}

.div-block-3737.text._50 {
  opacity: .5;
  width: 90%;
}

.div-block-3737.text._40 {
  opacity: .3;
}

.div-block-3737.text._10 {
  opacity: .1;
}

.div-block-3738 {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 85px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 24px;
  display: flex;
}

.div-block-3738.article {
  color: #f1f1f1;
  background-color: #fff;
  border-radius: 6px;
  height: 40px;
  margin-bottom: 5px;
  font-size: 14px;
  position: relative;
}

.div-block-3739 {
  opacity: .5;
  background-color: #fff;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  margin-right: 3px;
}

.div-block-3739.line {
  opacity: 1;
}

.div-block-3739.g {
  background-color: #e4d5d5;
  height: 1px;
  margin-right: 1px;
}

.div-block-3740 {
  width: 100%;
  display: flex;
}

.div-block-3740.absolute {
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  top: 3px;
}

.div-block-3741 {
  color: #949494;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 15px;
  font-size: 7px;
  line-height: 8px;
  display: flex;
  position: absolute;
  bottom: 10px;
}

.feature_group {
  display: none;
}

.feature_group.active, .feature_group_holder {
  flex-direction: column;
  display: flex;
}

.feature_group_purchase {
  display: none;
}

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

.feature_group_article {
  display: none;
}

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

.feature_group_explore {
  display: none;
}

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

.div-block-3742 {
  display: none;
}

.div-block-3742.active {
  border-top: 0 solid #f0f0f0;
  flex-direction: column;
  margin-top: 25px;
  display: flex;
}

.feature_group_redirect {
  display: none;
}

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

.div-block-3743 {
  color: #cecece;
  justify-content: center;
  align-items: flex-start;
  max-width: 100px;
  min-height: 33px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  line-height: 14px;
  display: flex;
  position: absolute;
  bottom: -40px;
}

.div-block-3743.active {
  color: #7e7979;
}

.mod_additional_description {
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
  display: none;
}

.mod_additional_description.article {
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.div-block-3744 {
  flex-direction: column;
  display: flex;
}

.share_url_device {
  color: #3a3a3a;
  letter-spacing: .5px;
  border-bottom: 0 solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 11px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.share_url_device.padded {
  margin-left: 12px;
}

.image-642 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.left_panel {
  width: 0;
  height: 100%;
  transition: all .1s;
  display: none;
  position: absolute;
}

.left_panel.slided {
  position: absolute;
  right: -460px;
}

.left_panel.coversettings {
  background-image: linear-gradient(#fff, #f1f1f1);
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.left_panel.active {
  z-index: 100;
  background-color: #31313173;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.templates_holder {
  width: 100%;
  max-width: 700px;
  height: 100%;
}

.div-block-3746 {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  height: 80px;
  padding-left: 20px;
  display: flex;
}

.div-block-3746.spaced {
  justify-content: space-between;
  padding-right: 20px;
}

.div-block-3747 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
}

.div-block-3748 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.template_item {
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  width: 100%;
  max-width: 210px;
  height: 100%;
  min-height: 356px;
}

.template_item:hover {
  filter: brightness(115%);
}

.template_image {
  width: 100%;
  height: 100%;
}

.div-block-3750 {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
}

.div-block-3751 {
  border-left: 1px solid #f7f7f7;
  align-items: center;
  width: 100px;
  max-width: 55px;
  height: 100%;
  display: none;
}

.div-block-3752 {
  background-color: #fff5f5;
  border: 1px solid #d6c0c0;
  border-radius: 6px;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  display: none;
}

.div-block-3752.active {
  display: flex;
}

.div-block-3753 {
  width: 100%;
  max-width: 400px;
  display: flex;
}

.div-block-3753.right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: pre;
  justify-content: flex-end;
}

.div-block-3753.right.inactive {
  display: none;
}

.vertical_media {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: height .1s;
  position: absolute;
  top: 0;
  left: 0;
}

.vertical_media.horizontal {
  display: none;
}

.vertical_media.split_top {
  height: 50%;
}

.vertical_media.side_top {
  height: 100%;
  max-height: 220px;
  padding: 10px;
  top: 90px;
}

.block_layouts_vertical_chat {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 0;
  display: none;
}

.block_layouts_vertical_chat.active {
  display: flex;
}

.block_layouts_horizontal_chat {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 5px 5px 0;
  display: none;
}

.block_layouts_horizontal_chat.active {
  display: flex;
}

.status_animation.inverted {
  opacity: .9;
  filter: invert();
}

.div-block-3754 {
  z-index: 2;
  border: 1px solid #dadada1a;
  border-radius: 6px;
  width: 100%;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 6px #0000000f;
}

.div-block-3754.active {
  display: flex;
}

.div-block-2996-copy.small {
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  display: none;
}

.div-block-3755 {
  border-top: 1px solid #f1f1f1;
  margin-top: 30px;
  padding-top: 10px;
  display: flex;
}

.div-block-3755.nospace {
  margin-top: 10px;
}

.div-block-3755.top {
  z-index: 10;
  position: relative;
}

.div-block-3755.top1 {
  z-index: 11;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.div-block-3755._11top1-copy {
  z-index: 11;
  border-top-width: 0;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

._1div-block-3611-copy {
  width: 100%;
  margin-top: 15px;
  padding: 10px 20px 20px;
  position: relative;
  overflow: hidden;
}

._1div-block-3611-copy.formsettings {
  max-width: 650px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  overflow: visible;
}

._1div-block-3611-copy.formsettings.nospace {
  margin-top: 0;
}

.filter_countdown {
  border-bottom: 1px solid #f0f0f0;
  flex-flow: column wrap;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.filter_countdown.first {
  padding-left: 0;
}

.filter_countdown.first.fonts {
  padding-bottom: 5px;
  padding-right: 55px;
}

.div-block-2875-copy {
  border-radius: 6px;
  flex-wrap: wrap;
  margin-top: 0;
  padding-bottom: 0;
  font-weight: 300;
  display: flex;
}

.div-block-3756 {
  flex-direction: column;
  display: none;
}

.div-block-3756.active {
  border-top: 0 solid #f5f5f5;
  margin-top: 5px;
  display: flex;
}

.div-block-3757 {
  display: flex;
}

.div-block-3758 {
  border-top: 1px solid #eee;
  margin-top: 18px;
  padding-top: 18px;
}

.add_countdown_comp {
  background-color: #fff;
  border: 1px solid #e2e2e280;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  max-width: 405px;
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 20px 25px 15px 20px;
  display: flex;
}

.add_countdown_comp:hover {
  border-color: var(--cornflower-blue);
}

.add_countdown_comp.split {
  border-color: #e2e2e280;
  padding-top: 15px;
  padding-bottom: 0;
  display: flex;
}

.add_countdown_comp.split:hover {
  border-color: #8f96e4;
}

.add_countdown_comp.b {
  border-color: #e2e2e280;
  padding-top: 10px;
  padding-left: 10px;
}

.add_countdown_comp.b:hover {
  border-color: #8f96e4;
}

.add_countdown_comp.dropdowns {
  padding-bottom: 10px;
  padding-right: 20px;
}

.add_countdown_comp.dropdowns:hover {
  border-color: #8f96e4;
}

.add_countdown_comp.no_space {
  padding-bottom: 0;
}

.add_countdown_comp.no_space:hover {
  border-color: #8f96e4;
}

.countdown_container {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
}

.countdown_container.active {
  border-top: 1px solid #9797971c;
  border-bottom: 1px solid #9797971c;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
}

.countdown_container.active.scaled {
  transform: scale(.55);
}

.countdown_container.story {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-3760 {
  width: 100%;
}

.flipdown {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3761 {
  display: none;
}

.div-block-3761.active {
  border-bottom: 1px solid #f3f3f3;
  flex-direction: column;
  margin-bottom: 5px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-3762 {
  background-color: #cfb6b6;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rotor-group {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  display: flex;
  position: relative;
}

.rotor-group-heading {
  position: absolute;
  top: 0;
}

.controls_bar {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.controls_bar.story {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.controls_bar.story.horizontal {
  padding-left: 0;
  padding-right: 0;
}

.controls_bar.chat {
  border-bottom: 1px solid #6161611a;
  align-items: center;
  height: 80px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.controls_bar.chat.horizontal {
  border-bottom-width: 0;
}

.controls_bar.top {
  -webkit-backdrop-filter: blur(.5px);
  backdrop-filter: blur(.5px);
  background-image: linear-gradient(#31313100 4%, #30303012 96%);
  border-top: 0 solid #9292920a;
  border-bottom: 0 solid #9292920a;
  top: auto;
  bottom: 0;
}

.controls_bar.bottom {
  -webkit-backdrop-filter: blur(.5px);
  backdrop-filter: blur(.5px);
  background-image: linear-gradient(#0000000f, #4b4b4b00);
  border-top: 0 solid #9292920a;
  border-bottom: 0 solid #9292920a;
  top: 0;
  bottom: auto;
}

.controls_bar.inactive {
  display: none;
}

.div-block-3763 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.nav_tabs_holder {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: none;
  overflow: visible;
}

.nav_tabs_holder.active {
  display: flex;
}

.nav_tabs_holder.tabs {
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px 5px 20px 20px;
  display: flex;
  overflow: auto;
}

.nav_tabs_holder.buttons {
  display: none;
}

.nav_tabs_holder.noscrollbars.tabs {
  justify-content: center;
}

.nav_tabs_holder.noscrollbars.island {
  display: none;
}

.tab_content {
  margin-bottom: 0;
  font-weight: 500;
}

.tab_content.rounded {
  margin-bottom: 0;
}

.tab_content.classic {
  margin-bottom: 5px;
}

.navigation_tab {
  opacity: 1;
  color: #161616;
  cursor: pointer;
  background-color: #e7e7e740;
  border: 1px solid #cfcfcf80;
  border-radius: 99px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding: 8px 18px;
  font-size: 12px;
}

.navigation_tab.rounded {
  background-color: #fff;
  border: 1px solid #c2c2c280;
  border-radius: 99px;
  padding: 8px 25px;
}

.navigation_tab.rounded.active {
  filter: invert();
}

.navigation_tab.active {
  opacity: 1;
  border-color: #a0a0a080;
}

.navigation_tab.classic {
  background-color: #e7e7e700;
  border-width: 0;
  border-radius: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding: 0;
}

.bar_tab {
  background-color: #202020;
  width: 100%;
  height: 4px;
  display: none;
}

.bar_tab.active {
  width: 100%;
  display: none;
}

.bar_tab.classic {
  display: flex;
}

.div-block-3768 {
  display: none;
}

.div-block-3768.active {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  flex-direction: column;
  padding: 15px;
  display: flex;
}

.div-block-3768.spaced {
  padding-bottom: 20px;
}

.div-block-3768.spaced.active {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 5px 15px 10px;
}

.div-block-3769 {
  margin-top: 15px;
  margin-bottom: 10px;
}

.div-block-3769.small {
  margin-top: 10px;
  margin-bottom: 0;
}

.scene_identifier {
  width: 100%;
  margin-top: 10px;
}

.scene_identifier.spaced {
  width: 100%;
}

.scene_identifier.spaced._10 {
  margin-right: 10px;
}

.scene_identifier.spaced._10.nospace {
  margin-top: 0;
}

.scene_identifier_container {
  width: 100%;
}

.div-block-3770 {
  max-width: 400px;
  font-family: Circularxxweb, sans-serif;
}

.div-block-3771 {
  border-bottom: 1px solid #f0f0f0;
  flex-direction: column;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-3771.spaced {
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  padding-top: 15px;
}

.div-block-3771.bottom {
  border-bottom-width: 0;
  padding-top: 18px;
  padding-bottom: 15px;
}

.align_container {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
  display: flex;
}

.align_container.l {
  align-items: center;
  min-height: 53px;
  padding-left: 0;
  font-size: 11px;
  position: relative;
}

.div-block-3772 {
  display: flex;
}

.div-block-3773 {
  width: 100%;
}

.div-block-3774 {
  flex-direction: column;
  transition: all .25s;
  display: flex;
  position: relative;
}

.div-block-3774.swapped {
  flex-direction: column-reverse;
}

.div-block-3775 {
  margin-right: 2px;
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-3776 {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 16px;
  display: flex;
}

.div-block-3776.active {
  color: #d8d8d8;
  background-color: #292929;
  border-color: #292929;
  display: flex;
}

.div-block-3776.inactive {
  display: none;
}

.div-block-3777 {
  font-size: 11px;
  font-weight: 300;
}

.div-block-3778 {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.countdown_item {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 900;
  display: flex;
  position: absolute;
  top: -20px;
}

.countdown_label {
  text-align: center;
  width: 100%;
}

.cd_item {
  background-color: #f1f1f100;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  padding: 7px 20px 7px 7px;
  display: none;
}

.cd_item.active {
  display: flex;
}

.cd_item.last {
  padding-right: 7px;
}

.cd_value {
  letter-spacing: -2px;
  font-size: 60px;
  line-height: 55px;
  display: flex;
  position: relative;
}

.cd_label {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

.countdown_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: flex;
}

.countdown_component.scaled {
  transform: scale(.72);
}

.cd_spacer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 23px;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
}

.cd_spacer.active {
  justify-content: center;
  padding-top: 0;
  display: flex;
  position: absolute;
  right: -23px;
}

.div-block-3784 {
  background-color: #000;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-3785 {
  min-width: 30px;
  height: 100%;
  display: none;
}

.div-block-3785.active {
  display: flex;
}

.div-block-3786 {
  flex-direction: column;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  line-height: 12px;
  display: flex;
}

.panel_library_search {
  flex-direction: column;
  width: 100%;
  height: 0;
  padding-left: 15px;
  transition: height .2s;
  display: flex;
  overflow: hidden;
}

.panel_library_search.active {
  height: auto;
  display: flex;
}

.premium_filters {
  border-top: 1px dashed #dfdfdf;
  width: 100%;
  margin-top: 15px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 0;
  display: none;
}

.premium_filters.active {
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-3787 {
  display: flex;
}

.div-block-3788 {
  padding-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.div-block-3789 {
  padding-right: 20px;
  font-size: 22px;
  display: none;
}

.div-block-3789.pano {
  font-size: 18px;
  display: flex;
}

.creative_item {
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  padding: 11px 15px 11px 20px;
  font-size: 13px;
  display: flex;
}

.creative_item:hover {
  background-color: #fafafa;
}

.creative_item.active {
  border-left: 5px solid var(--royal-blue);
  font-weight: 500;
}

.creative_item.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.creative_item.excluded {
  text-decoration: none;
}

.product-button-prev {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #ffffff8c;
  border: 1px solid #f5f5f51a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-bottom: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
  position: absolute;
  left: 10px;
  box-shadow: 1px 1px 7px #00000008;
}

.product-button-prev:hover {
  color: #fff;
  background-color: #000000e6;
  border-color: #00000080;
}

.product-button-prev.noselect {
  display: none;
}

.product-button-prev.noselect.pano {
  left: 33px;
}

.product-button-prev.noselect.active {
  display: flex;
}

.product-button-prev.noselect.recommendations {
  border-color: #cfcfcf80;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  display: none;
  left: 10px;
}

.product-button-prev.noselect.recommendations.active {
  display: flex;
  left: 0;
}

.product-button-prev.smallest {
  left: 18px;
}

.product-button-next {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #fff9;
  border: 1px solid #f5f5f51a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-bottom: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
  position: absolute;
  right: 15px;
  box-shadow: 1px 1px 8px #00000008;
}

.product-button-next:hover {
  color: #fff;
  background-color: #000000e6;
  border-color: #00000080;
}

.product-button-next.noselect {
  display: none;
}

.product-button-next.noselect.active {
  display: flex;
}

.product-button-next.noselect.active.smallest {
  right: 10px;
}

.product-button-next.noselect.recommendations.active {
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
}

.nav_container {
  z-index: 6;
  border-top: 0 solid #f3f3f3;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  padding-top: 0;
  padding-right: 10px;
  display: flex;
  position: absolute;
  top: 3px;
  right: 0;
}

.nav_container.style1 {
  border-top-width: 0;
  justify-content: center;
  margin-top: 0;
}

.nav_container.wrapped {
  display: none;
}

.nav_container.small {
  z-index: 6;
  align-items: flex-end;
  width: auto;
  margin-top: 0;
  padding-right: 10px;
  position: absolute;
  top: 4px;
  right: 0;
}

.nav_container.smallest {
  top: 10px;
}

.text-block-455 {
  cursor: auto;
}

.advertisers_holder {
  width: 100%;
  max-width: 700px;
  height: 100%;
}

.div-block-3748-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column wrap;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.advertiser_item_edit {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 300;
  display: flex;
}

.advertiser_item_edit:hover {
  background-color: #f8f8f8;
}

.div-block-3259-copy {
  cursor: pointer;
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: -2px;
  margin-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-3259-copy:hover {
  border-bottom-style: solid;
  border-bottom-color: #000;
}

.div-block-3259-copy.a {
  margin-right: 10px;
}

.div-block-3259-copy.active {
  color: #1a1a1a;
  border-bottom-width: 0;
  border-bottom-color: #000;
  padding-left: 0;
  font-size: 15px;
  font-weight: 500;
}

.div-block-3259-copy.invisible {
  display: none;
}

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

.strategy_tab.active {
  width: 100%;
  min-width: 721px;
  display: flex;
}

.div-block-3790 {
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-3708-copy {
  justify-content: flex-end;
  width: 220px;
  display: flex;
}

.modified {
  color: #534848;
  align-items: center;
  width: 100%;
  margin-top: 2px;
  font-size: 12px;
  display: flex;
}

.modified.included {
  text-decoration: line-through;
}

.modified.large {
  white-space: normal;
  min-width: 250px;
}

.modified.invisible {
  display: none;
}

.creative_preview {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.panel_overlay {
  background-color: #44444480;
  justify-content: flex-end;
  transition: all .1s;
  display: flex;
}

.panel_overlay.slided {
  position: absolute;
  right: -460px;
}

.panel_overlay.coversettings {
  background-image: linear-gradient(#fff, #f1f1f1);
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.panel_overlay.active {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
}

.div-block-3791 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 20px;
  transition: all .6s;
  display: flex;
  position: relative;
}

.div-block-3792 {
  background-color: #fff;
  border-right: 0 dashed #ccc;
  min-width: 250px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: -1px 1px 14px #0000000d;
}

.div-block-3792.lightscroll {
  min-width: 320px;
  max-width: 320px;
  overflow: auto;
}

.size_checkbox {
  color: #727272;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 10px 4px 10px 10px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.size_checkbox:hover {
  color: #000;
}

.size_checkbox.active {
  color: #2e2e2e;
}

.theradiobox {
  background-color: #fff;
  border: 2px solid #d4d4d4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-right: 11px;
  display: flex;
}

.theradiobox.square {
  z-index: 3;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}

.theradiobox.square.active, .theradiobox.active {
  background-color: #504d4d;
  border-color: #504d4d;
}

.theradiobox.inactive {
  display: none;
}

.popular_badge {
  color: #7a858b;
  background-color: #e5eff5;
  border-radius: 99px;
  margin-left: 6px;
  padding: 1px 12px;
  font-size: 11px;
  font-weight: 300;
  display: none;
}

.div-block-3793 {
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  height: 80px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.div-block-3793.dark {
  color: #fff;
  background-color: #1b1b1b;
  position: relative;
}

.div-block-3793-copy {
  color: #a3a3a3;
  border-bottom: 1px solid #e9e9e9;
  max-width: 350px;
  margin-bottom: 10px;
  padding: 15px 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-3794 {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-3795 {
  padding-bottom: 10px;
  display: flex;
}

.div-block-3795.vertical {
  flex-direction: column;
}

.div-block-3404-copy {
  color: #cfcfcf;
  padding-top: 0;
  font-size: 11px;
  line-height: 16px;
  position: relative;
}

.div-block-3404-copy.spaced {
  position: static;
}

.div-block-3796 {
  width: 50%;
  padding-right: 10px;
}

.div-block-3796.spaced {
  border-top: 1px solid #e9e9e9;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
}

.div-block-3796._100 {
  width: 100%;
}

.div-block-3797 {
  color: #242424;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-3798 {
  flex-direction: column;
  display: flex;
}

.div-block-3799 {
  z-index: 1;
  background-color: #f8f8f81a;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.div-block-3800 {
  background-color: #f5f7ef;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: relative;
  left: -100%;
}

.div-block-3801 {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  width: 340px;
  height: 640px;
  transition: all .6s;
}

.size_radio {
  color: #727272;
  cursor: auto;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px 4px 5px 0;
  font-size: 14px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.size_radio:hover {
  color: #000;
}

.size_radio.active {
  color: #2e2e2e;
  text-transform: capitalize;
  background-color: #f1f1f1;
  border: 0 solid #d8d8d8;
  padding: 10px;
  font-weight: 500;
}

.size_radio.excluded {
  text-decoration: line-through;
}

.div-block-3802 {
  color: #363636;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-right: 5px;
  padding: 10px 0 10px 10px;
  font-size: 15px;
  display: flex;
}

.div-block-3803 {
  color: #111;
  cursor: pointer;
  background-color: #606362;
  border: 1px solid #606362;
  border-radius: 99px;
  justify-content: flex-end;
  width: 32px;
  padding: 2px;
  font-size: 11px;
  transition: all .3s;
  display: flex;
}

.div-block-3803:hover {
  background-color: #23a187;
  border: 1px solid #2dc3a3;
}

.div-block-3803.excluded {
  color: #fff;
  background-color: #c7c7c7;
  border-color: #b9b9b9;
  justify-content: flex-start;
  text-decoration: line-through;
}

.div-block-3803.excluded.active {
  color: #fff;
  background-color: #c7c7c7;
  border-color: #c7c7c7;
  text-decoration: line-through;
}

.div-block-3804 {
  background-image: linear-gradient(#fff, #fafafa);
  border-right: 1px solid #f3f3f3;
  min-width: 360px;
  height: 100%;
  padding: 27px 20px 20px 35px;
}

.div-block-3805 {
  background-color: #fff;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.div-block-3806 {
  background-color: #1b1b1b;
  border-bottom: 1px solid #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  margin-bottom: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-3807 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3808 {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 1px;
  width: 55px;
  height: 98px;
  margin-right: 15px;
  overflow: hidden;
}

.div-block-3809 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 8px;
  display: flex;
}

.div-block-3809.padded {
  padding-left: 0;
}

.div-block-3809.padded.nospace {
  margin-bottom: 0;
}

.div-block-3810 {
  width: 100%;
}

.radio_compact_switch-copy {
  color: #727272;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  min-height: 45px;
  padding-left: 20px;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.radio_compact_switch-copy:hover {
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
}

.radio_compact_switch-copy.light {
  color: #3d3d3d;
  border-color: #f1f1f1;
  min-width: 165px;
}

.radio_compact_switch-copy.light:hover {
  border-color: var(--cornflower-blue);
  background-color: #fff;
}

.radio_compact_switch-copy.small {
  color: #444;
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  font-weight: 500;
}

.radio_compact_switch-copy.small.transparent {
  background-color: #fff0;
}

.div-block-3811 {
  padding-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 15px;
}

.separator {
  background-color: #e9e9e9;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.div-block-3812 {
  flex-direction: column;
  display: none;
}

.div-block-3812.active {
  display: flex;
}

.blank_submenu {
  width: 100%;
  height: 0;
}

.dates_holder {
  flex-direction: row;
  margin-bottom: 15px;
  padding: 0;
  display: flex;
}

.dates_holder.last {
  width: 100%;
  margin-bottom: 5px;
}

.div-block-3813 {
  color: #3b3b3b;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 17px;
  position: absolute;
  top: 15px;
  right: 10px;
}

.audience_group-copy {
  height: 60px;
  overflow: hidden;
}

.audience_group-copy.active {
  height: auto;
}

.segment_item {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.domain_list_item {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 721px;
  padding: 18px 15px 18px 25px;
  font-size: 13px;
  display: flex;
}

.domain_list_item:hover {
  background-color: #fafafa;
}

.domain_list_item.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.domain_list_item.excluded {
  text-decoration: none;
}

.div-block-3814 {
  border-bottom: 1px solid #f1f1f1;
  flex-direction: row;
  display: flex;
}

.div-block-3814.last {
  border-bottom-width: 0;
}

.div-block-3815 {
  background-color: #fff;
  border-right: 1px solid #f1f1f1;
  justify-content: center;
  align-items: center;
  width: 27px;
  min-width: 27px;
  height: 28px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-3815:hover {
  background-color: #f1f1f1;
}

.div-block-3815.blue {
  color: #fff;
  background-color: #0f69ff;
}

.div-block-3815.large {
  width: 46px;
  min-width: 46px;
}

.div-block-3815.last {
  border-right-width: 0;
}

.div-block-3815.selecting {
  color: #333;
  background-color: #eee;
}

.div-block-3816 {
  border: 1px solid #f1f1f1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.ampm {
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 51px;
  display: flex;
}

.div-block-3818 {
  background-color: #eaf0f5;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 6px;
  font-size: 8px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.div-block-3818.pm {
  margin-left: 296px;
}

.div-block-3818-copy {
  margin-left: 319px;
  font-size: 11px;
  font-weight: 500;
}

.div-block-3819 {
  display: flex;
}

.div-block-3820 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3821 {
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
}

.div-block-3822 {
  border-bottom: 1px solid #f1f1f1;
  flex-direction: row;
  width: 100%;
  padding-bottom: 15px;
  display: flex;
}

.div-block-3822.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.div-block-3823 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.div-block-3823.last {
  margin-bottom: 0;
}

.div-block-3824 {
  background-color: #f7f8ea;
  border: 1px solid #f0f0f0;
  border-radius: 3px 99px 99px 3px;
  margin-bottom: 5px;
  padding: 2px 15px 2px 10px;
  font-size: 10px;
}

.image-643 {
  opacity: .65;
  filter: grayscale();
  width: 150px;
  margin-bottom: 10px;
}

.blank_item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3714-copy {
  color: #636363;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 99px;
  justify-content: center;
  margin-left: 5px;
  padding: 2px 20px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-3714-copy:hover {
  color: #f5eeee;
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}

.div-block-3714-copy.active {
  color: #ebe3e3;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}

.div-block-3714-copy.active:hover {
  color: #eee1e1;
}

.div-block-3714-copy.noborder {
  border-color: #fff;
  border-radius: 6px;
  justify-content: center;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-3714-copy.noborder:hover {
  color: #6b6b6b;
  background-color: #f1f1f1;
}

.div-block-3714-copy.noborder.invisible, .div-block-3714-copy.inactive {
  display: none;
}

.language_item {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 721px;
  padding: 18px 15px 18px 25px;
  font-size: 13px;
  display: flex;
}

.language_item:hover {
  background-color: #fafafa;
}

.language_item.included {
  cursor: pointer;
  background-color: #fafafa;
  font-weight: 500;
}

.language_item.excluded {
  text-decoration: none;
}

.deal_item {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 721px;
  padding: 25px 15px 25px 25px;
  font-size: 13px;
  display: flex;
}

.deal_item:hover {
  background-color: #fafafa;
}

.deal_item.included {
  cursor: pointer;
  background-color: #fcfff8;
  font-weight: 500;
}

.deal_item.excluded {
  text-decoration: none;
}

.create_domain_list {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-3806-copy {
  border-bottom: 1px solid #e6e6e666;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 35px;
  padding-right: 25px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-3825 {
  font-size: 15px;
  font-weight: 500;
}

.div-block-3791-copy {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 800px;
  padding: 80px 0 0;
  transition: all .6s;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 12px #0000001a;
}

.div-block-3826 {
  display: flex;
}

.div-block-3827 {
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 30px;
  overflow: auto;
}

.div-block-3827.lightscroll {
  padding-top: 10px;
  padding-left: 35px;
}

.domain_input {
  z-index: 12;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  height: 120px;
  min-height: 400px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  display: flex;
  position: relative;
  overflow: auto;
}

.domain_input.active {
  border-color: #8f96e4;
  padding: 8px 12px;
}

.domain_name {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.domain_name:focus {
  border: 1px solid #4745c2;
}

.domain_name.urls {
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  margin-bottom: 0;
  padding-left: 50px;
  font-size: 14px;
}

.domain_name.urls:focus {
  color: #272727;
  background-color: #fff;
  border-color: #747474;
}

.domain_name.urls::placeholder {
  font-size: 14px;
}

.textarea-5 {
  color: #363636;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  height: 100%;
  min-height: 200px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
}

.textarea-5._300 {
  font-weight: 300;
  transition: all .3s;
}

.textarea-5._300.large {
  min-height: 350px;
}

.form-block-7 {
  height: 100%;
  margin-bottom: 0;
}

.div-block-3828 {
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
}

.div-block-3828._2 {
  margin-top: 20px;
}

.div-block-3828._2._3 {
  margin-top: 15px;
}

.div-block-3829 {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 300;
}

.div-block-3830 {
  width: 100%;
}

.div-block-3131-copy-copy {
  border-radius: 3px;
  flex-direction: row;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-3831 {
  flex-direction: column;
  display: none;
  overflow: auto;
}

.div-block-3831.active {
  border-radius: 6px;
  display: flex;
}

.div-block-3831.lightscroll.active {
  border: 1px solid #f8f8f8;
  width: 100%;
  max-height: 600px;
  overflow: auto;
}

.geo_item {
  color: #1a1a1a;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  min-height: 54px;
  padding: 8px 15px;
  font-weight: 500;
  display: flex;
}

.geo_item:hover {
  background-color: #f1f1f1;
}

.div-block-3831-copy {
  flex-direction: column;
  display: none;
  overflow: auto;
}

.div-block-3831-copy.active {
  border-radius: 6px;
  display: flex;
}

.div-block-3831-copy.lightscroll.active {
  border-radius: 0;
  flex-flow: wrap;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
  overflow: auto;
}

.geo_result {
  cursor: auto;
  background-color: #f5f5f5;
  border: 1px solid #eee9e9;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  min-height: 35px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 0 0 15px;
  display: flex;
}

.geo_result.true {
  background-color: #fff9f7;
  border-color: #d17474;
}

.div-block-3832 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-3832:hover {
  color: #f01818;
  background-color: #d8d8d8;
}

.div-block-3833 {
  margin-right: 15px;
  font-weight: 500;
}

.div-block-3834 {
  color: #b3b3b3;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  margin-left: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 9px;
  font-weight: 400;
}

.div-block-3606-copy-copy {
  cursor: pointer;
  border-bottom: 1px solid #e4e4e41a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-3606-copy-copy:hover {
  background-color: #fff;
}

.div-block-3606-copy-copy.dark {
  background-color: #141414;
  border-bottom-width: 0;
  border-right: 1px solid #292929;
  height: 79px;
}

.div-block-3835 {
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3836 {
  border-bottom: 0 solid #ebebeb;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3836.inactive {
  display: none;
}

.div-block-3838 {
  opacity: .3;
  margin-right: 20px;
  display: flex;
}

.div-block-3838.active {
  opacity: 1;
}

.div-block-3838.inactive {
  display: none;
}

.fieldhelp {
  color: #333131;
  background-color: #f8f8ee;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 6px;
  padding: 11px;
  font-size: 12px;
}

.product_cta-2 {
  opacity: .87;
  color: #444;
  white-space: nowrap;
  cursor: pointer;
  border: 0 dashed #c0bebe;
  border-bottom: 1px dashed #a8a8a8;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.product_cta-2:hover {
  color: #202020;
  border-width: 0 0 1px;
  border-color: #1654ff #1654ff #222;
}

.div-block-3839 {
  width: 100%;
  display: none;
}

.div-block-3839.style2 {
  padding-left: 8px;
  padding-right: 14px;
  display: flex;
}

.div-block-3839.smallest {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3840 {
  font-size: 14px;
}

.text-field-4 {
  border: 1px solid #fff;
  border-radius: 99px;
  width: 100%;
  height: 47px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 38px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.text-field-4:hover {
  background-color: #f8f8f6;
  border-width: 1px;
  border-color: #ececec;
}

.text-field-4::placeholder {
  color: #d4d4d4;
}

.form-block-8 {
  border: 0 solid #000;
  width: 100%;
  margin-bottom: 0;
}

.div-block-3841 {
  padding-top: 0;
  font-family: Materialicons, sans-serif;
  position: absolute;
  left: 16px;
}

.form-7 {
  align-items: center;
  width: 100%;
  display: flex;
}

.video_image_container {
  background-color: #f8f8f8;
  border-radius: 6px;
  width: 320px;
  height: 180px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.video_reports_item {
  border-right: 0 solid #f7f7f7;
  width: 320px;
  margin-right: 30px;
}

.video_overview {
  border-bottom: 0 solid #f8f8f8;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3843 {
  z-index: 1;
  align-items: center;
  padding-left: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
  position: relative;
}

.div-block-3844 {
  z-index: 1;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  position: relative;
}

.div-block-3845 {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.video_views {
  background-color: #f8f8f8;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  margin-bottom: 10px;
  padding: 0 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video_completion {
  background-color: #e9eff5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
}

.div-block-3635-copy {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-3844-copy {
  z-index: 1;
  white-space: nowrap;
  line-height: 14px;
  position: relative;
}

.div-block-3846 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}

.div-block-3847 {
  padding-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-3848 {
  background-color: #fff;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 9px;
  font-weight: 500;
  position: absolute;
  top: 6px;
  right: 6px;
}

.div-block-3848.inactive {
  display: none;
}

.div-block-3848-copy {
  background-color: #fff;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 9px;
  font-weight: 500;
  position: absolute;
  top: 35px;
  right: 6px;
}

.div-block-3848-copy.inactive {
  display: none;
}

.div-block-3849 {
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.div-block-3850 {
  border-top: 1px solid #f0f0f0;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.div-block-3851 {
  flex-direction: row;
  font-weight: 500;
  display: flex;
}

.geotype {
  background-color: #eff0dc;
  border: 1px solid #dcddc8;
  border-radius: 99px;
  margin-left: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
}

.geotype.subregion {
  background-color: #dceaf0;
}

.geotype.city {
  color: #fff;
  background-color: #2e7a55;
  border-color: #2e7a55;
}

.geotype.country {
  background-color: #fff;
}

.div-block-3852 {
  z-index: 10;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 99px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 13px;
  right: 15px;
}

.div-block-3852.inactive {
  background-color: #fff;
  display: none;
}

.div-block-3853 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 99px;
  margin-left: 5px;
  padding: 2px 15px;
  font-size: 10px;
}

.div-block-3853:hover {
  border-color: #696969;
}

.div-block-3854 {
  display: flex;
}

.div-block-3855 {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: static;
  bottom: -20px;
}

.div-block-3856 {
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.div-block-3857 {
  color: #888;
  font-size: 11px;
  display: flex;
}

.div-block-3857.inactive {
  display: none;
}

.myprojects_item-copy {
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #cfcfcf;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  height: 534px;
  margin-bottom: 10px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.myprojects_item-copy.active {
  border-color: #000;
}

.myprojects_item-copy.line {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 300px;
  min-height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.myprojects_item-copy.inactive {
  display: none;
}

.div-block-3857-copy {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  display: flex;
}

.div-block-3857-copy.inactive {
  opacity: .5;
}

.div-block-3857-copy.spaced {
  margin-left: 5px;
}

.account_settings {
  position: relative;
}

.div-block-3858 {
  padding: 20px 10px 10px 20px;
}

.div-block-3859 {
  width: 100%;
  max-width: 700px;
  padding-bottom: 50px;
  overflow: hidden;
}

.div-block-3127-copy {
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px 30px 20px 20px;
  overflow: visible;
}

.div-block-3127-copy.lightscroll {
  height: 100%;
  padding-top: 25px;
}

.projects_item {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  flex-direction: row;
  width: 100%;
  min-height: 80px;
  display: flex;
  overflow: visible;
}

.projects_item:hover {
  background-color: #f8f8f8;
  border-bottom-color: #c5c1c1;
}

.projects_item.active {
  z-index: 20;
  border-bottom-color: #e0e0e0;
  position: relative;
}

.projects_item.active:hover {
  background-color: #fff;
}

.projects_item.inactive {
  display: none;
}

.projects_item.activeline {
  background-color: #f2f7fa;
  background-image: linear-gradient(#f8f8f8, #fff);
}

.my_content_listing {
  border: 0 solid #e0e0e0;
  width: 100%;
}

.div-block-3860 {
  display: flex;
}

.div-block-3861 {
  border-radius: 1px;
  width: 35px;
  height: 62px;
  transition: all .3s ease-out;
  position: relative;
  overflow: hidden;
}

.div-block-3862 {
  width: 35px;
}

.div-block-3862.active {
  width: 300px;
}

.reports_item_domains-copy {
  border-right: 1px solid #e7e7e7;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 10px 5px 15px;
  display: flex;
  overflow: hidden;
}

.reports_header_projects {
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 50px;
  min-height: 50px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-3863, .div-block-3864 {
  width: 100%;
}

.my_content_listing-copy {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
}

.projects_list-copy.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: 20000px;
  overflow: visible;
}

.theprojects_overview {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  max-height: 75px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .2s ease-out, max-height .2s, height .2s;
  position: relative;
  overflow: hidden;
}

.theprojects_overview:hover {
  border-color: #afa5a5;
}

.theprojects_overview.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: 20000px;
  overflow: visible;
}

.theprojects_overview.invisible {
  display: none;
}

.theprojects_overview.blue.active {
  border-color: #e6e2cb;
}

.theprojects_overview.loading {
  opacity: 1;
  cursor: progress;
}

.div-block-3865 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-3865.active {
  background-image: linear-gradient(#f8f8f8, #fff);
  border-right: 0 solid #fff;
}

.div-block-3866 {
  border-top: 0 solid #f3f3f3;
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  width: 100%;
  display: none;
}

.div-block-3866.active {
  justify-content: flex-end;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-3867 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-3868 {
  z-index: 1;
  background-color: #f8f8f8;
  width: 100%;
  height: 100%;
  position: relative;
}

.project_preview {
  z-index: 5;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.project_preview.active {
  display: flex;
}

.div-block-3869 {
  margin-right: 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-weight: 300;
  display: none;
}

.line_number-copy {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  margin-right: 2px;
  display: flex;
  position: relative;
}

.line_number-copy.active {
  font-weight: 700;
}

.line_number-copy.project {
  margin-right: 2px;
}

.line_number-copy.invisible {
  display: none;
}

.div-block-3870 {
  flex-direction: column;
  display: flex;
}

.div-block-3871 {
  z-index: 9;
  padding: 10px 0;
  position: static;
  bottom: 0;
  right: 0;
}

.domain_item {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 11px 10px 13px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.domain_item:hover {
  color: #f1e9e9;
  background-color: #272727;
}

.div-block-3873 {
  cursor: pointer;
  border-radius: 99px;
  margin-left: 5px;
  padding: 4px 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.div-block-3873:hover {
  color: #252525;
  background-color: #fff;
}

.div-block-3874 {
  border-top: 0 solid #f5f5f5;
  margin-top: 30px;
  padding-top: 0;
}

.div-block-3875 {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.div-block-3876 {
  display: flex;
}

.div-block-3877 {
  align-items: center;
  display: flex;
}

.div-block-3878 {
  margin-top: 1px;
  margin-left: 3px;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.div-block-3878.invisible {
  display: none;
}

.div-block-3879 {
  font-weight: 500;
  display: flex;
}

.div-block-3880 {
  border: 1px solid #1b1b1b1a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-right: 6px;
  font-size: 12px;
  display: flex;
}

.div-block-3881 {
  display: flex;
}

.domain_line_container {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.domain_line_container:hover {
  background-color: #f8f8f2;
}

.domain_line_container.active {
  background-color: #eef6fa;
}

.div-block-3882 {
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3882:hover {
  text-decoration: underline;
}

.div-block-3882.padded {
  width: 100%;
  padding-left: 15px;
  font-size: 12px;
}

.div-block-3883 {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  font-weight: 300;
  display: flex;
}

.div-block-3883:hover {
  color: #fff;
  background-color: #474646;
}

.regular_input2 {
  color: #000;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
}

.regular_input2:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.regular_input2:focus {
  border-style: solid;
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
  color: #242424;
}

.regular_input2::placeholder {
  color: #6b6b6b;
}

.regular_input2.price {
  padding-bottom: 9px;
  padding-left: 59px;
}

.regular_input2.small {
  width: 400px;
}

.regular_input2.padded {
  padding-right: 100px;
}

.regular_input2.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.regular_input2.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.regular_input2.creative_search {
  height: 36px;
  margin-bottom: 0;
  margin-right: 0;
}

.regular_input2.location {
  margin-bottom: 10px;
}

.widget_help {
  color: #3b3b34;
  background-color: #f3f3ea;
  border: 1px solid #eee;
  border-radius: 6px;
  margin-top: 15px;
  padding: 17px;
  font-size: 12px;
}

.help_item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.help_item:hover {
  color: #e5e9db;
  background-color: #383838;
}

.create_audience {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-3884 {
  position: relative;
}

.rightside_controls {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 500px;
  min-width: 500px;
  max-width: 500px;
  display: none;
}

.rightside_controls.active {
  z-index: 100;
  background-color: #6e6e6e1a;
  background-image: linear-gradient(to right, #4440 10%, #24242433 94%);
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  right: 0;
}

.div-block-3886 {
  z-index: 10;
  background-color: #fff;
  border-left: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3886.noborder {
  border-left-width: 0;
}

.div-block-3886.noborder._500 {
  background-color: #f6f1e8;
  min-width: 450px;
}

.div-block-3886.noborder._500._501 {
  min-width: 500px;
}

.project_tab {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.project_tab.active {
  justify-content: space-between;
  padding: 20px 20px 100px;
  display: flex;
}

.project_tab.preivew.active {
  justify-content: flex-start;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.project_tab.analytics.active, .project_tab.analytics-copy.active, .project_tab.campaigns2.active {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.project_preview_holder_create {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: flex;
  position: relative;
}

.div-block-3889 {
  width: 100%;
}

.div-block-3890 {
  background-color: var(--royal-blue);
  width: 4px;
  height: 100%;
  display: none;
  position: absolute;
  left: -2px;
}

.div-block-3890.active {
  display: flex;
}

.div-block-3891 {
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 6px;
  width: 100%;
  margin-right: 10px;
  padding: 17px;
  font-weight: 300;
}

.div-block-3891:hover {
  background-color: #fff;
  border-color: #727272;
}

.div-block-3891.last {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  border-radius: 99px;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 11px;
  font-weight: 500;
}

.div-block-3891.last.white {
  color: #4e4e4e;
  background-color: #fff;
  border-color: #e2e2e2;
  width: auto;
  margin-left: 5px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-3891.last.white:hover {
  border-color: #6b6c70;
}

.div-block-3891.last.white._100 {
  width: 100%;
}

.div-block-3891.last.spaced {
  margin-right: 5px;
}

.div-block-3892 {
  color: #1a1a1a;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  margin-right: 5px;
  padding: 11px 22px;
  font-size: 11px;
  font-weight: 500;
}

.div-block-3892:hover {
  border-color: #2e2e2e;
}

.div-block-3892.icon {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.div-block-3892.blue {
  color: #fcfcfc;
  background-color: #1654ff;
  border-color: #1654ff;
}

.div-block-3892.blue:hover {
  color: #1a1a1a;
  background-color: #fff;
  border-color: #2e2e2e;
}

.div-block-3892.smallest {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 5px 12px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.div-block-3893 {
  display: none;
}

.div-block-3893.active {
  white-space: nowrap;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.div-block-3893.activeline {
  white-space: nowrap;
  padding-right: 0;
  display: flex;
}

.div-block-3886-copy {
  border-left: 0 solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3894 {
  width: 100%;
}

.create_preview_c {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  max-height: 100%;
  padding: 50px 20px 150px;
  display: flex;
}

.create_preview_c.analytics {
  justify-content: center;
  align-items: flex-start;
}

.div-block-3896 {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3897 {
  height: 100%;
  display: flex;
}

.div-block-3898 {
  color: #a7a7a7;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-3898:hover {
  color: #161616;
}

.div-block-3898.active {
  color: #202020;
  border-bottom-color: #000;
  margin-right: 15px;
}

.panel_header_-tabbed {
  color: #222;
  background-color: #f8f8f8;
  border: 0 solid #e7e7e7;
  border-bottom: 1px dashed #d8d8d8;
  border-radius: 10px 10px 0 0;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-bottom: 0;
  padding: 0 5px 0 22px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.panel_header_-tabbed.active {
  color: #000;
  background-color: #f8f8f8;
  border-color: #42444b00;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 75px;
}

.reports_line2-copy1 {
  color: #181818;
  width: 100%;
  max-width: 650px;
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  overflow: hidden;
}

.reports_line2-copy1.small {
  color: #b9b9b9;
  font-size: 12px;
  line-height: 16px;
  display: none;
}

.reports_line2-copy1.small.active {
  display: flex;
}

.reports_line2-copy1.projects {
  line-height: 20px;
}

.reports_line2-copy1.projects.active {
  font-weight: 500;
}

.div-block-3899 {
  width: 100%;
}

.div-block-3900 {
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 20px;
  padding-right: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-3901 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
}

.div-block-3902 {
  margin-bottom: 10px;
}

.div-block-3903 {
  width: 100%;
}

.reports_item_projects {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  display: flex;
  overflow: hidden;
}

.reports_item_projects.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.reports_item_projects.head:hover {
  background-color: #e9e9e9;
}

.reports_item_projects.head.small {
  cursor: pointer;
  max-width: 200px;
}

.reports_item_projects.input {
  background-color: #9dcffb;
}

.reports_item_projects.textoptions {
  background-color: #afebe4;
}

.reports_item_projects.small {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 150px;
  max-width: 150px;
}

.reports_item_projects.small.active, .reports_item_projects.small.activeline {
  display: none;
}

.reports_item_projects.smallest {
  max-width: 150px;
}

.reports_item_projects.medium {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 300px;
}

.reports_item_projects.medium.activeline {
  display: none;
}

.reports_item_projects.medium.rep {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.polls_reports_item {
  border: 1px solid #eee;
  border-radius: 8px;
  width: 500px;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 15px;
  transition: all .3s;
}

.polls_reports_item:hover {
  border-color: #acacac;
}

.div-block-3904 {
  flex-direction: column;
  display: flex;
}

.polls_results_line {
  background-color: #f8f8f8;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3905 {
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0;
  display: flex;
}

.div-block-3846-copy {
  white-space: nowrap;
  background-color: #f5f5da;
  border-radius: 5px;
  margin-left: 15px;
  padding: 2px 12px;
  font-size: 11px;
  font-weight: 500;
}

.reports_line_clicks {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 50px;
  display: flex;
  overflow: hidden;
}

.reports_line_clicks:hover {
  background-color: #f8f8f2;
}

.div-block-3906 {
  border-left: 0 solid #e9e9e9;
  justify-content: center;
  align-items: center;
  min-width: 471px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.side_visual {
  color: #1f1f1f;
  background-color: #fff;
  border-left: 1px solid #cacaca;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3907 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-644 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-3908 {
  z-index: 5;
  opacity: .1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-3909 {
  z-index: 11;
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}

.background-video {
  z-index: 10;
  height: 100%;
}

.div-block-3910 {
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-3910.invisible {
  display: none;
}

.trafficsource_item {
  color: #181818;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 15px 20px 10px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.trafficsource_item:hover {
  background-color: #f8f8f8;
}

.trafficsource_item.active {
  color: #252525;
  background-color: #f8f8f8;
  font-weight: 500;
}

.div-block-3912 {
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.div-block-3913 {
  background-color: #ecebeb;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-right: 8px;
}

.div-block-3913.active {
  background-color: #282829;
}

.div-block-3914 {
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.div-block-3914._100 {
  width: 100%;
}

.div-block-3915 {
  border-left: 0 solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  min-width: 400px;
  max-width: 400px;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-3915.active {
  border: 0 solid #000;
  border-bottom: 1px solid #eee;
  width: 100%;
  max-width: none;
  display: flex;
}

.div-block-3916 {
  align-items: center;
  display: flex;
}

.edit_project_name {
  color: #727272;
  border: 1px solid #dadada00;
  border-radius: 5px;
  width: 288px;
  height: 46px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.edit_project_name:hover {
  border: 1px solid var(--light-steel-blue);
  background-color: var(--ivory);
}

.edit_project_name:focus {
  border: 1px solid var(--cornflower-blue);
}

.project_name_input {
  margin-bottom: 0;
}

.project_name_input.native {
  display: none;
}

.div-block-3917 {
  align-items: center;
  display: flex;
}

.div-block-3918 {
  margin-right: 5px;
  display: none;
}

.div-block-3918.new {
  display: flex;
}

.div-block-3918.dsp {
  white-space: nowrap;
  margin-left: 6px;
  margin-right: 0;
  display: flex;
}

.text-block-457 {
  background-color: var(--deep-sky-blue);
  color: #fff;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-3919 {
  height: 100%;
}

.div-block-3920 {
  min-width: 240px;
}

.div-block-3921 {
  background-color: #fff;
  border: 0 solid #e2e2e2;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  box-shadow: -1px 0 3px #0003;
}

.div-block-3921.excluded {
  box-shadow: 1px 1px 3px #0003;
}

.div-block-3922 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.div-block-3923 {
  z-index: 5;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: absolute;
  left: -133px;
}

.div-block-3924 {
  opacity: .4;
  background-image: linear-gradient(to right, #0000 23%, #f8f8f8 84%);
  width: 200px;
  height: 1px;
}

.image-645 {
  filter: invert();
  width: 10px;
  margin-bottom: 2px;
}

.div-block-3925 {
  position: relative;
  left: 0;
}

.creative_role_tag {
  color: #1f1f1f;
  background-color: #b1ebe4;
  border-radius: 3px;
  align-items: center;
  margin-right: 5px;
  padding: 3px 12px;
  font-size: 10px;
  font-weight: 500;
  display: none;
}

.creative_role_tag.included {
  font-weight: 500;
  text-decoration: none;
}

.creative_role_tag.large {
  color: #181818;
  white-space: normal;
  min-width: 250px;
  font-size: 15px;
  font-weight: 300;
}

.creative_role_tag.excluded {
  font-weight: 500;
  text-decoration: line-through;
}

.creative_role_tag.sequence0 {
  display: flex;
}

.creative_role_tag.sequence1 {
  background-color: #dbeecd;
  display: flex;
}

.creative_role_tag.sequence2 {
  background-color: #dae8fe;
  display: flex;
}

.creative_role_tag.brand_lift0 {
  background-color: #f1c44b;
  display: flex;
}

.creative_role_tag.brandstory {
  background-color: #e5effa;
  display: flex;
}

.creative_role_tag.public {
  background-color: #f5f5da;
  display: flex;
}

.div-block-3926 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-3927 {
  justify-content: flex-start;
  display: flex;
}

.div-block-3928 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-3929 {
  flex-flow: column;
  width: 100%;
  padding-right: 35px;
  display: flex;
}

.div-block-3929.last {
  padding-right: 0;
}

.div-block-3930 {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-3931 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3a3a3a;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-3931:hover {
  border-color: #999898;
}

.div-block-3931.first {
  margin-left: 0;
}

.div-block-3931.first.blue {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  color: #faf5f5;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding: 12px 60px;
  font-weight: 500;
}

.div-block-3931.first.blue:hover {
  background-color: #000;
  border-color: #000;
}

.div-block-3931.last {
  margin-right: 0;
}

.div-block-3931.last.black {
  color: #eeeaea;
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.div-block-3931.last.black:hover {
  color: #222;
  background-color: #fff;
  border-color: #8f8f8f;
}

.div-block-3932 {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 99px;
  width: 100%;
  margin-top: 40px;
  padding: 31px;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3933 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3933.right {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  width: auto;
}

.div-block-3934 {
  color: #ccc;
  padding-right: 10px;
}

.div-block-3935 {
  font-weight: 400;
}

.div-block-3843-copy {
  z-index: 1;
  background-color: #fff;
  border-radius: 3px;
  align-items: center;
  margin-top: 2px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  display: none;
  position: relative;
}

.div-block-3843-copy.active {
  display: flex;
}

.div-block-3936 {
  width: 100%;
}

.div-block-3937 {
  border-top: 1px solid #eee;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 500;
}

.div-block-3615-copy {
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.div-block-3615-copy.nospace {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.div-block-3615-copy.nospace.active {
  flex-direction: column;
  display: flex;
}

.div-block-3646-copy {
  color: #fafafa;
  align-items: center;
  padding-right: 21px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-3938 {
  display: none;
}

.div-block-3938.active {
  flex-direction: column;
  display: flex;
}

.polls_results_ltem_multiple {
  border-bottom: 1px solid #f7f7f7;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  margin-bottom: 10px;
  padding: 5px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.interactive_multiple_item {
  background-color: #f8f8f8;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3939 {
  width: 100%;
  padding-left: 15px;
  position: static;
}

.div-block-3940 {
  justify-content: space-between;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-right: 9px;
  display: flex;
}

.theprogressbar {
  background-color: #eee3e3;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
}

.div-block-3942 {
  font-size: 9px;
  font-weight: 500;
}

.div-block-3943 {
  z-index: 5;
  justify-content: space-between;
  width: 100%;
  padding-left: 12px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.products_label.smallest {
  z-index: 5;
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
}

.carousel_shadow {
  z-index: 20;
  background-image: linear-gradient(to right, #38383800 7%, #3a3a3a1a);
  width: 20px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.carousel_shadow.active {
  z-index: 9;
  width: 30px;
  display: flex;
}

.carousel_shadow.smallest {
  z-index: 9;
  display: flex;
  top: 0;
}

.skill_category {
  color: #1b1b1b;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 180px;
  max-width: 205px;
  height: 100%;
  min-height: 260px;
  max-height: 260px;
  margin-bottom: 0;
  margin-right: 12px;
  font-size: 11px;
  display: flex;
}

.skill_category.active {
  border-color: #141414;
}

.skill_category._220 {
  width: 160px;
  height: 220px;
  min-height: 220px;
}

.skill_category.conversation {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-3945 {
  font-family: GoogleMaterialicons, sans-serif;
}

.style_slider {
  z-index: 1;
  border: 0 solid #e2e2e2;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-3947 {
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.div-block-3947.small {
  font-size: 12px;
}

.skill_item {
  color: #222;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 25px 20px 20px;
  display: flex;
}

.skill_item:hover {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.skill_item:focus {
  border-color: #8a8484;
}

.div-block-3949 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(400px, 800fr));
  grid-auto-columns: 1fr;
  padding: 11px 0 0;
  display: grid;
  position: relative;
}

.div-block-3950 {
  color: #262b3f;
  border: 0 solid #e9e9e9;
  border-right-width: 1px;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-right: 22px;
  padding: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 19px;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-3951 {
  flex-direction: column;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-3952 {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.div-block-3953 {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.main_create {
  height: 100%;
  position: relative;
}

.div-block-3954 {
  align-items: center;
  display: flex;
}

.main_create_page {
  position: relative;
}

.textarea-6 {
  border: 1px solid #dadada;
  border-radius: 6px;
  min-height: 160px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  transition: all .35s;
}

.textarea-6:hover {
  background-color: #fafaf0;
}

.textarea-6:focus {
  background-color: #fafaf0;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.textarea-6::placeholder {
  color: #2c2c2c;
}

.textarea-6.large {
  min-height: 320px;
}

.textarea-6.largest {
  min-height: 450px;
}

.textarea-6.lightscroll {
  box-shadow: 0 0 6px #0000000a;
}

.textarea-6.small {
  font-size: 12px;
}

.textarea-6.small.lightscroll {
  font-size: 14px;
}

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

.settings_container.small.grid {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.create_standard_large, .create_standard {
  width: 100%;
  margin-bottom: 25px;
}

.create_standard.padded {
  padding-left: 20px;
}

.create_standard.w50 {
  width: 49%;
}

.input_context {
  color: #a7a7a7;
  margin-top: 5px;
  font-size: 11px;
}

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

.input_context.hidden {
  display: none;
}

.ai_input {
  color: #000;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  box-shadow: 0 0 6px #0000000a;
}

.ai_input:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.ai_input:focus {
  background-color: var(--ivory);
  color: #242424;
  border-style: solid;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.ai_input::placeholder {
  color: #2c2c2c;
}

.ai_input.price {
  padding-bottom: 9px;
  padding-left: 59px;
}

.ai_input.small {
  width: 400px;
}

.ai_input.padded {
  padding-right: 100px;
}

.ai_input.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.ai_input.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.ai_input.creative_search {
  height: 38px;
  margin-bottom: 0;
  margin-right: 0;
}

.ai_input.location {
  margin-bottom: 10px;
}

.ai_input.invalid {
  border-color: #b92c2c;
}

.create_slider {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 5px;
}

.ai_settings_slider {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.ai_settings_slider._50 {
  min-width: 104px;
}

.ai_settings_slider._50.last {
  margin-right: 0;
}

.ai_settings_slider.last {
  padding-bottom: 12px;
}

.ai_settings_slider.ai {
  padding-bottom: 15px;
}

.div-block-3956 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.form_container_ai {
  color: #444;
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
  position: relative;
}

.form_container_ai.iseditable {
  transition: all .2s;
}

.form_container_ai.iseditable:hover {
  background-color: #fafaf0;
}

.form_container_ai.iseditable:focus {
  background-color: #fafaf0;
  border: 1px solid #ececec;
  padding: 5px;
}

.form_container_ai.large {
  font-size: 16px;
  font-weight: 700;
}

.form_container_ai.large.variation {
  color: #020202;
  font-size: 20px;
}

.div-block-3957 {
  text-align: center;
  padding-left: 2px;
  padding-right: 1px;
  font-size: 12px;
}

.create_dropdown {
  width: 100%;
  margin-bottom: 30px;
}

.create_dropdown.w50 {
  width: 49.2%;
}

.create_dropdown.inactive {
  display: none;
}

.create_radio {
  width: 100%;
  margin-bottom: 25px;
}

.create_radio.w50 {
  width: auto;
}

.radio_container {
  border: 0 solid #ebebeb;
  border-radius: 3px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.radio_container.spaced {
  margin-top: 10px;
}

.the_radio_label {
  justify-content: center;
  align-items: center;
  display: flex;
}

.radio_ai_item1 {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-radius: 3px;
  align-items: center;
  height: 46px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  display: flex;
}

.radio_ai_item1:hover {
  background-color: #f1f1f1;
}

.radio_ai_item1.active {
  color: #fff;
  background-color: #0f69ff;
}

.div-block-3958 {
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 0;
  overflow: auto;
}

.div-block-3959 {
  color: #4e4e4e;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
}

.div-block-3960 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3960.active {
  display: flex;
}

.content_empty_placeholder {
  display: none;
}

.content_empty_placeholder.active {
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.content_error_placeholder {
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

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

.div-block-3961 {
  color: #bebbbb;
  cursor: pointer;
  border-bottom: 2px solid #0000;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  position: relative;
  bottom: -2px;
}

.div-block-3961:hover {
  color: #0e0e0e;
}

.div-block-3961.active {
  color: #1b1b1b;
  border-bottom-color: #000;
}

.editable_unit {
  color: #424242;
  border: 1px solid #fff;
  border-bottom-color: #f3f3f3;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 221px;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  display: flex;
}

.editable_unit:hover {
  color: #222;
}

.editable_unit.active {
  color: #292929;
  border-color: #f0f0f0;
  flex-direction: column;
}

.div-block-3963 {
  flex-direction: column;
  width: 100%;
  padding: 0 25px 0 0;
  display: flex;
  overflow: visible;
}

.div-block-3963.lightscroll {
  flex-direction: row;
}

.editables_container {
  width: 100%;
  margin-bottom: 15px;
}

.div-block-3965 {
  color: #6b6b6b;
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 2px 16px;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.div-block-3965:hover {
  color: #000;
  background-color: #fff;
  border-color: #b3b3b3;
}

.div-block-3965.last {
  margin-right: 0;
}

.div-block-3966 {
  margin-left: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 11px;
}

.div-block-3967 {
  cursor: text;
  background-color: #f8f8f8b3;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px;
  font-size: 15px;
  transition: all .3s;
}

.div-block-3967:hover {
  background-color: #fafaeb;
  border-color: #eeeee6;
}

.div-block-3967.edit {
  background-color: #fafaeb;
  border-color: #ebebdd;
}

.div-block-3968 {
  border: 0 solid #f1f1f1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.div-block-3968.active {
  background-color: #b1e2bf;
  border-color: #99d8ab;
}

.div-block-3969 {
  border: 0 solid #000;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.div-block-3970 {
  white-space: nowrap;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 28px;
  margin-bottom: 8px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.div-block-3971 {
  opacity: .3;
  display: none;
}

.div-block-3971.active {
  opacity: 1;
  display: flex;
}

.div-block-3972 {
  color: #c9c23f;
  margin-left: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  display: none;
}

.div-block-3972.active {
  display: flex;
}

.div-block-3973 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.create_right {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 650px;
  min-width: 650px;
  max-width: 650px;
  transition: all .5s;
  display: none;
}

.create_right.active {
  display: flex;
}

.create_right.lightscroll.active {
  z-index: 1;
  border-right: 1px solid #f1f1f1;
  transition: all .3s;
  position: relative;
}

.create_right.lightscroll.active.expanded {
  min-width: 50vw;
  max-width: 50vw;
}

.create_right.lightscroll.active.hidden {
  width: 0;
  min-width: 0;
}

.create_right.skills {
  width: 100%;
  min-width: 750px;
  max-width: 750px;
}

.div-block-3974 {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
  display: flex;
}

.settings_tab {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.settings_tab.active {
  justify-content: space-between;
  padding: 20px 20px 100px;
  display: flex;
}

.settings_tab.preivew.active {
  background-image: linear-gradient(#fff 4%, #f9f9f7);
  padding: 5px 0 20px;
  overflow: hidden;
}

.settings_tab.analytics.active, .settings_tab.analytics-copy.active, .settings_tab.campaigns2.active {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.headline_line1 {
  opacity: .7;
  white-space: nowrap;
  width: 100%;
  padding-top: 3px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 300;
}

.freezer {
  z-index: 50;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #ffffffe6;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.freezer.active {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  cursor: progress;
  background-color: #ffffff4d;
  display: flex;
}

.div-block-3976 {
  width: 100%;
  height: 80px;
}

.ai_output {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  display: flex;
}

.ai_output.placeholder {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.div-block-3977 {
  padding-right: 25px;
}

.form-block-10 {
  width: 100%;
}

.form-block-10._500 {
  min-width: 500px;
  height: auto;
}

.form-block-10._500.hidden {
  display: none;
}

.projects_list-copy {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  max-height: 75px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .45s ease-out, max-height .45s, height .45s;
  position: relative;
  overflow: hidden;
}

.projects_list-copy:hover {
  border-color: #afa5a5;
}

.projects_list-copy.active {
  background-color: #fff0;
  border: 0 solid #f8f8f8;
  border-radius: 3px;
  width: 100%;
  max-height: 20000px;
}

.projects_list-copy.invisible {
  display: none;
}

.projects_list-copy.blue.active {
  border-color: #e6e2cb;
}

.projects_list-copy.loading {
  opacity: .5;
  cursor: progress;
}

.div-block-3611-copy.formsettings.small {
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.create_preview_container {
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin-top: 10px;
  margin-bottom: 2px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.create_preview_container:hover {
  border-color: #afa5a5;
}

.create_preview_container.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: none;
  overflow: hidden;
}

.create_preview_container.invisible {
  display: none;
}

.create_preview_container.blue.active {
  border-color: #e6e2cb;
}

.create_preview_container.loading {
  opacity: .5;
  cursor: progress;
}

.content_preview_container {
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.the_experience_preview {
  border: 1px solid #3131311a;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.the_experience_preview.horizontal {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.the_experience_preview.sans {
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-family: Circularxxweb, sans-serif;
}

.the_experience_preview.vertical {
  font-family: Circularxxweb, sans-serif;
}

.skill_name {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eceaea;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 500;
  transition: all .4s;
  display: flex;
  position: static;
  top: -11px;
  left: 15px;
}

.skill_name:hover {
  border-color: #b8b8b8;
}

.skill_name.poll {
  background-color: #f5edc8;
}

.skill_name.presentation {
  background-color: #e4effa;
}

.skill_name.loading {
  background-color: #fff;
  border-color: #eceaea;
  margin-top: 0;
  position: absolute;
  top: auto;
  left: auto;
  right: 20px;
}

.skill_name.isready {
  color: #f0f1ec;
  background-color: #131313;
  border-color: #131313;
}

.skill_name.temporary {
  background-color: #fff;
  border-color: #eceaea;
  margin-top: 0;
  position: absolute;
  top: auto;
  left: auto;
  right: 20px;
}

.nav_edit {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0006;
}

.nav_edit.project {
  z-index: 1;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-right: 10px;
}

.nav_edit.project.noshad {
  box-shadow: none;
}

.nav_edit.cover {
  justify-content: space-between;
  padding-left: 0;
}

.div-block-3958-copy {
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.div-block-3977-copy {
  padding-right: 0;
}

.div-block-3978 {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 90px;
  min-height: 90px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-3979 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3980 {
  justify-content: space-between;
  align-items: center;
  width: 350px;
  max-width: 350px;
  display: flex;
}

.div-block-3981 {
  cursor: pointer;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-left: 1px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 11px;
  display: flex;
}

.div-block-3981:hover {
  color: #f5ecec;
  background-color: #000;
  border-color: #000;
}

.div-block-3981.left {
  padding-left: 5px;
}

.div-block-3982 {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
  font-weight: 400;
}

.div-block-3983 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 350px;
  padding-top: 10px;
  display: flex;
}

.div-block-3984 {
  color: #686868;
  margin-left: 6px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-3984.remove {
  cursor: pointer;
  justify-content: flex-end;
  padding-right: 0;
}

.div-block-3984.remove:hover {
  color: #2e2c2c;
  text-decoration: underline;
}

.div-block-3984.remove.temporary {
  display: none;
}

.theme_selector {
  z-index: 99;
  background-color: #47474733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: static;
  top: 0;
  left: 80px;
}

.theme_selector.active {
  display: flex;
}

.div-block-3985 {
  border-radius: 6px;
  flex-flow: wrap;
  align-content: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.theme_item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.theme_item:hover {
  border-color: #bbb;
}

.theme_holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  position: static;
  top: 10px;
  left: 10px;
}

.theme_holder.story {
  position: absolute;
}

.themes_holder {
  width: 100%;
  max-width: 885px;
  height: 100%;
}

.themes_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-3986 {
  align-items: center;
  display: flex;
}

.div-block-3987 {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 300;
}

.radiolabel-copy {
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.radiolabel-copy.small {
  color: #c7c7c7;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
}

.radiolabel-copy.small.text {
  color: #c7c7c7;
  margin-left: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
}

.radiolabel-copy.active {
  color: #5e5e5e;
  font-weight: 400;
}

.panel0 {
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 80px;
}

.panel0.active {
  display: flex;
}

.div-block-3988 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3989 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  display: flex;
}

.div-block-3990 {
  background-image: linear-gradient(to right, #f8f8f8 18%, #dbdbdb 48%, #f8f8f8 86%);
  border: 0 solid #ddd;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3990:hover {
  border-color: #c4c4c4;
}

.div-block-3991 {
  color: #9c9c9c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.div-block-3992 {
  opacity: .7;
  color: #000;
  cursor: pointer;
  border: 0 solid #fff;
  justify-content: center;
  align-items: center;
  height: 30px;
  min-height: 30px;
  margin-top: 1px;
  padding-left: 20px;
  padding-right: 1px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  display: flex;
}

.div-block-3992:hover {
  opacity: 1;
  border-right-color: #979595;
}

.div-block-3992.absolute {
  position: absolute;
  right: -45px;
}

.div-block-3992.left {
  border-width: 0;
  padding-left: 1px;
  padding-right: 20px;
}

.div-block-3992.left:hover {
  border-left-color: #696565;
  border-right-color: #97959500;
}

.div-block-3992-copy {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  transition: all .2s;
  display: flex;
  position: static;
  right: -60px;
}

.div-block-3992-copy:hover {
  background-color: #fff;
  border-color: #b4b4b4;
  width: 44px;
  height: 44px;
  right: -62px;
}

.div-block-3992-copy.absolute {
  position: absolute;
  right: -45px;
}

.div-block-3992-copy.left {
  background-color: #fff;
  left: -60px;
  right: auto;
}

.div-block-3992-copy.left:hover {
  left: -62px;
}

.div-block-3992-copy.inactive {
  display: none;
}

.div-block-3993 {
  display: none;
  position: absolute;
  top: 0;
  right: -48px;
}

.div-block-3993.bottom {
  top: auto;
  bottom: 0;
}

.div-block-3994 {
  color: #2c2828;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

.div-block-3994:hover {
  background-color: #fff;
  border-color: #bdb8b8;
}

.div-block-3994.last {
  margin-bottom: 0;
}

.image-646 {
  opacity: 1;
  width: 15px;
}

.image-646.media {
  width: 14px;
}

.image-646.mmedia {
  width: 13px;
}

.div-block-3995 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.div-block-3996 {
  opacity: .47;
  filter: blur(12px);
  background-image: radial-gradient(circle, #000, #fff);
  border-radius: 999px;
  width: 300px;
  height: 3px;
  position: relative;
  top: 28px;
}

.div-block-3997 {
  color: #444040;
  letter-spacing: 0;
  background-color: #fff;
  border-radius: 3px;
  padding: 2px 12px;
  font-size: 11px;
  font-weight: 300;
  position: absolute;
}

.div-block-3998 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding: 33px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.create_right_panel {
  background-color: #fff;
  max-width: 0;
  transition: all .4s;
  position: relative;
}

.create_right_panel.active {
  border-left: 1px solid #f1f1f1;
  max-width: 450px;
  padding-bottom: 30px;
  transition-duration: .3s;
}

.div-block-3999 {
  justify-content: center;
  width: 100%;
  min-width: 450px;
  display: flex;
  overflow: auto;
}

.div-block-3999.lightscroll {
  align-items: flex-start;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
}

.nav_create {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0006;
}

.nav_create.project {
  z-index: 1;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-right: 10px;
}

.nav_create.project.noshad {
  box-shadow: none;
}

.nav_create.cover {
  justify-content: space-between;
  padding-left: 0;
}

.div-block-4000 {
  background-color: #fff;
  border-radius: 0;
  justify-content: space-between;
  width: 100%;
  height: 80px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 10px #0000000f;
}

.nav_extension {
  z-index: 999;
  background-color: #fff;
  width: 100%;
  padding: 20px;
  position: static;
  top: 80px;
  left: 0;
  box-shadow: 0 7px 10px #0000000a;
}

.top_controls {
  z-index: 100;
  align-items: flex-start;
  width: 100%;
  height: 81px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-4001 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.settings_panel {
  z-index: 99;
  background-color: #4242420d;
  width: 100%;
  height: 100%;
  padding-top: 81px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

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

.the_island {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #eee;
  cursor: pointer;
  background-color: #202020e6;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  max-width: 280px;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 8px;
  padding-left: 7px;
  padding-right: 7px;
  transition: opacity .45s;
  display: flex;
  box-shadow: 0 -1px 16px #5a5a632e;
}

.the_island:hover {
  background-color: #1f1f1f;
}

.the_island.horizontal {
  max-width: 400px;
  height: 50px;
}

.the_island.compact {
  justify-content: center;
  max-width: none;
}

.div-block-4003 {
  color: #ece3e3;
  cursor: pointer;
  background-color: #535050;
  border: 1px solid #5757571a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  transition: opacity .1s;
  display: flex;
}

.div-block-4003:hover {
  filter: invert();
}

.div-block-4003.horizontal {
  width: 38px;
  height: 38px;
}

.div-block-4003.speech {
  margin-left: 0;
}

.div-block-4003.speech.inactive, .div-block-4003.speech.compact {
  display: none;
}

.div-block-4003.first {
  margin-left: 0;
}

.div-block-4004 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4005 {
  color: #cfcfcf;
  letter-spacing: 0;
  white-space: nowrap;
  align-items: center;
  max-width: 150px;
  margin-right: 25px;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  transition: all .6s;
  display: flex;
  overflow: hidden;
}

.div-block-4005.compact {
  display: none;
}

.div-block-4006 {
  background-color: #86868633;
  border-radius: 99px;
  width: 90%;
  height: 3px;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-4006.compact {
  display: none;
}

.island_config {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 350px;
  display: none;
}

.island_config.active {
  display: flex;
}

.island_config.island {
  width: auto;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.island_config.island.compact {
  max-width: 92px;
}

.island_config.tabs, .island_config.buttons {
  display: none;
}

.island_config.horizontal {
  max-width: 400px;
}

.div-block-4008 {
  background-color: #b61010;
  border-radius: 99px;
  width: 100%;
  height: 100%;
  position: relative;
  left: -9%;
}

.div-block-4009 {
  display: flex;
}

.div-block-4009.compact {
  display: none;
}

.story_pagination {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  top: 3px;
}

.story_pagination.bottom {
  top: auto;
  bottom: 3px;
}

.story_pagination.scroll_vertical {
  flex-direction: column;
  height: auto;
  padding-left: 3px;
  padding-right: 3px;
  top: auto;
  right: 10px;
}

.story_pagination_1 {
  opacity: .7;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-left: 3px;
  margin-right: 3px;
  transition: all .45s;
  box-shadow: 1px 1px 2px #0000001a;
}

.story_pagination_1:hover {
  background-color: #fffffffc;
  border-color: #444444c2;
}

.story_pagination_1.swiper-pagination-bullet-active {
  cursor: auto;
  margin-left: auto;
  margin-right: auto;
}

.story_pagination_1.swiper-pagination-bullet-active:hover {
  height: 7px;
}

.story_pagination_1.scroll_vertical {
  margin: 3px auto;
}

.story_pagination_1.scroll_vertical.swiper-pagination-bullet-active {
  opacity: .73;
  height: 44px;
}

.story_pagination_1.scroll_horizontal.swiper-pagination-bullet-active {
  opacity: 1;
  width: 44px;
}

.div-block-4010 {
  height: 60px;
  position: relative;
}

.div-block-4011 {
  z-index: 999;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-left: 4px solid #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85px;
  padding-left: 10px;
  padding-right: 10px;
  transition: all .4s;
  display: flex;
  position: absolute;
  bottom: -90px;
  left: -2px;
  box-shadow: 1px -1px 5px #0000000a;
}

.div-block-4011:hover {
  border-top-color: #e7e7e7;
  border-left-color: #1654ff;
  box-shadow: 0 -1px 11px #00000014;
}

.div-block-4011.active {
  bottom: 0;
}

.div-block-4012 {
  border: 0 solid #e0e0e0;
  border-radius: 0;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-right: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-4013 {
  justify-content: flex-end;
  width: 180px;
  min-width: 180px;
  display: flex;
}

.text-field-5 {
  color: #2c2c2c;
  background-color: #fff0;
  border: 0 solid #fff;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  font-size: 15px;
  position: relative;
}

.form-8 {
  width: 100%;
  height: 100%;
}

.form-block-11 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.div-block-4014 {
  margin-left: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.form-block-12 {
  height: 100%;
  padding-bottom: 70px;
}

.form-9 {
  height: 100%;
}

.comp_message_create {
  color: #252525;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 3px 20px 3px 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
  position: static;
}

.comp_message_create.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 99px;
}

.comp_message_create.link {
  background-color: #e8f9ff;
  border-color: #92b0c3;
}

.comp_message_create.media {
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 15px;
}

.comp_message_create.mobile {
  color: #181818;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.comp_message_create.serif {
  font-family: Imperial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.comp_message_create.story {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.comp_message_create.compact {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 0 17px;
}

.comp_message_create.tiny {
  padding: 3px 10px;
}

.form-10 {
  width: 100%;
  height: 100%;
}

.form-block-13 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 75px;
  display: flex;
}

.caret {
  background-color: #343533;
  border-radius: 2px;
  width: 10px;
  max-width: 10px;
  height: 15px;
  margin-left: 5px;
  transition: all .2s;
}

.caret.hidden {
  width: 0;
  max-width: 0;
}

.thecontent {
  flex-flow: row;
  align-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
}

.message_timestamp2 {
  letter-spacing: .5px;
  flex-direction: row;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 11px;
  display: none;
}

.message_timestamp2.active {
  color: #585858;
  letter-spacing: .1px;
  font-weight: 300;
  display: flex;
}

.message_container_bottom-copy {
  background-color: #fff;
  border: 1px solid #d6d8cf;
  border-top: 0 solid #dfdfdf;
  border-radius: 0 0 99px 20px;
  width: 100%;
  height: 12px;
  transition: border-radius .45s;
}

.message_container_bottom-copy.black {
  background-color: #000;
  border-width: 1px;
  border-color: #000;
}

.message_container_bottom-copy.last {
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 20px;
}

.message_container_bottom-copy.inactive {
  border-bottom-left-radius: 99px;
}

.message_container_bottom-copy.updates {
  background-color: #fff;
  border-bottom-color: #c0c3c5;
  border-left-color: #c0c3c5;
  border-right-color: #c0c3c5;
}

.message_container_bottom-copy.user {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 99px;
}

.message_container_bottom-copy.user.black {
  background-color: #fff;
  border-top-width: 0;
  border-bottom-color: #cccab3;
  border-left-color: #cccab3;
  border-right-color: #cccab3;
}

.message_container_bottom-copy.story {
  background-color: #fff;
  border-width: 0;
  border-color: #000;
  border-radius: 0;
  display: none;
}

.message_container_bottom-copy.compact {
  display: none;
}

.message_container_bottom-copy.tiny {
  height: 10px;
}

.message_container_top-copy {
  background-color: #fff;
  border: 1px solid #d6d8cf;
  border-bottom: 0 solid #dfdfdf;
  border-radius: 99px 99px 0 0;
  width: 100%;
  height: 12px;
}

.message_container_top-copy.black {
  background-color: #fff;
  border-width: 1px 1px 0;
  border-color: #cccab3 #cccab3 #000;
  border-top-left-radius: 99px;
}

.message_container_top-copy.updates {
  background-color: #fff;
  border-top-color: #c0c3c5;
  border-left-color: #c0c3c5;
  border-right-color: #c0c3c5;
}

.message_container_top-copy.story {
  background-color: #fff;
  border-width: 0;
  border-color: #000;
  border-radius: 0;
  display: none;
}

.message_container_top-copy.compact {
  display: none;
}

.message_container_top-copy.tiny {
  height: 10px;
}

.message_body_container-copy {
  background-color: #ecf5f9;
  border: 0 solid #dfdfdf;
  border-left: 1px solid #c3deeb;
  border-right: 1px solid #c3deeb;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
}

.message_body_container-copy.black {
  color: #1b1b1b;
  background-color: #fff;
  border-width: 0 1px;
  border-color: #000 #cccab3;
}

.message_body_container-copy.updates {
  background-color: #fff;
  border-left-width: 0;
  border-right-width: 0;
  border-right-color: #c0c3c5;
  padding-left: 5px;
  padding-right: 5px;
}

.message_body_container-copy.story {
  color: #0f0f0f;
  text-align: center;
  background-color: #fff0;
  border-width: 0;
  border-color: #000;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 22px;
  padding-right: 25px;
  font-size: 28px;
  line-height: 33px;
}

.message_body_container-copy.compact {
  background-color: #0000;
  border-width: 0;
  border-color: #000;
  padding-left: 5px;
  padding-right: 10px;
}

.message_body_container-copy.tiny {
  padding-left: 10px;
  padding-right: 10px;
}

.message_body_container-copy.large {
  color: #363635;
  background-color: #fff;
  border-left-color: #d6d8cf;
  border-right-color: #d6d8cf;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 15px;
}

.div-block-4016 {
  flex-direction: column;
  align-items: center;
  width: 44px;
  display: flex;
  position: absolute;
  right: -58px;
}

.div-block-4017 {
  color: #413e3e;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.generate_content {
  color: #fff;
  cursor: pointer;
  background-color: #c4c7cf;
  border: 1px solid #c4c7cf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 12px 30px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.generate_content:hover {
  color: #413d3d;
  background-color: #fff;
  border-color: #414142;
}

.generate_content.active {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  border-radius: 99px;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

.generate_content.active:hover {
  background-color: #181818;
  border-color: #181818;
}

.generate_content.active:active {
  color: #161616;
  background-color: #fff;
}

.generate_content.active.pending {
  cursor: not-allowed;
  background-color: #b6b6b6;
  border-color: #c2c4c9;
}

.generate_content.white {
  color: #636060;
  background-color: #fff;
}

.message_separator {
  background-image: linear-gradient(to right, #e6e6e6 10%, #fff0);
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}

.message_separator.active {
  background-color: #d8d4d4;
  margin-top: 6px;
  margin-bottom: 6px;
  display: none;
}

.div-block-4018 {
  display: flex;
}

.div-block-4019 {
  color: #c9c9c9;
  font-size: 10px;
  position: absolute;
  top: -24px;
  right: 23px;
}

.sidebar_comp {
  z-index: 10;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar_comp.compact {
  align-items: center;
  overflow: visible;
}

.site_menu {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 24px;
  display: none;
}

.main_logo-copy {
  background-image: linear-gradient(137deg, #0053bc, #00b5ea 18%, #fff42a);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: relative;
}

.main_logo-copy.small {
  background-image: linear-gradient(137deg, var(--logo-1), var(--deep-sky-blue) 18%, var(--yellow));
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.button_label.compact {
  display: none;
}

.div-block-4021 {
  width: 100%;
}

.sidebar_create {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.content_cta {
  z-index: 100;
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 0;
  min-height: 0;
  max-height: 0;
  padding: 0 15px;
  transition: all .35s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.content_cta.full {
  display: none;
  position: absolute;
  left: 681px;
}

.content_cta.compact {
  position: absolute;
}

.content_cta.active {
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 35px;
  padding-bottom: 55px;
  display: flex;
  bottom: 0;
}

.form-11 {
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-4017-copy {
  color: #363636;
  background-color: #fff;
  border: 0 solid #e0dddd;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.div-block-4023 {
  color: #fff;
  background-color: #c02323;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: 3px;
  font-family: Circularxxweb, sans-serif;
  font-size: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4023.compact {
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 20px;
  right: 9px;
}

.div-block-2866-copy-copy {
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-2866-copy-copy:hover {
  background-color: #fff;
}

.div-block-2866-copy-copy.reverse_border {
  letter-spacing: .4px;
  text-transform: none;
  border-top: 1px solid #f1f1f1;
  border-bottom-width: 0;
  height: 80px;
  font-size: 12px;
  font-weight: 300;
}

.div-block-4024 {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-4024:hover {
  background-color: #fff;
  border-color: #9b9b9b;
}

.div-block-4024.compact {
  background-color: #f8f8f800;
  border-color: #f8f8f800;
  justify-content: center;
  height: 55px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-4024.invisible {
  display: none;
}

.div-block-4025 {
  flex-direction: row;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.div-block-4025.compact {
  padding-left: 0;
  display: none;
}

.div-block-4026 {
  border: 1px solid #f8f8f8;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-left: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
}

.div-block-4026.compact {
  display: none;
}

.div-block-4027 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile_xp_panel {
  background-color: #fff;
  border: 0 solid #e6e6e6;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  height: 1px;
  padding: 15px;
  transition: all .4s;
  display: none;
  position: absolute;
  bottom: 80px;
  left: 0;
  overflow: hidden;
  box-shadow: 1px 1px 12px #0000000d;
}

.profile_xp_panel.active {
  flex-direction: column;
  height: auto;
  display: flex;
}

.image-649 {
  width: 20px;
}

.div-block-4028 {
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  padding-right: 3px;
  display: flex;
}

.back_arrow {
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.back_arrow:hover {
  filter: invert(3%);
  background-color: #fff;
}

.back_arrow.full, .notifications_text.compact {
  display: none;
}

.div-block-4025-copy1 {
  flex-direction: row;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.div-block-4025-copy1.compact {
  padding-left: 0;
}

.div-block-4029 {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.create_tabs {
  background-image: linear-gradient(#f6f1e8 11%, #fff);
  width: 100%;
  height: 100%;
  overflow: auto;
}

.create_tabs.lightscroll, .create_tabs.white {
  background-image: linear-gradient(#fff 11%, #fff);
}

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

.settings.active {
  display: flex;
}

.results.active {
  flex-direction: column;
  width: 100%;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.create_placeholder {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-4030 {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 610px;
  padding: 25px;
  display: flex;
}

.div-block-4031 {
  background-color: #f8f8f8;
  border-radius: 6px;
  width: 100%;
  height: 45%;
  margin-bottom: 25px;
}

.div-block-4032 {
  color: #e0e0e0;
  text-align: center;
  letter-spacing: -.5px;
  font-size: 25px;
  line-height: 32px;
}

.skills-copy {
  padding: 0 20px 220px;
  display: flex;
}

.skills-copy.active {
  flex-direction: column;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.skills-copy.projects {
  flex-direction: column;
}

.sw_wrapper {
  z-index: 1;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.div-block-4034 {
  color: #1f1f1f;
  margin-bottom: 0;
}

.div-block-4034.a {
  position: relative;
}

.text-block-458 {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.div-block-4035 {
  padding-top: 0;
  padding-left: 20px;
  display: flex;
  position: relative;
  top: 15px;
}

.ill {
  border-bottom: 0 solid #ebebeb80;
  width: 100%;
  height: 80%;
  min-height: 80%;
}

.ill.all {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8970ce9865516e1e64_brand.svg");
  background-position: 50%;
  background-size: cover;
}

.ill.presentation {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce5267eb7e45c9967cf9bf_presentation1.svg");
  background-position: 100%;
  background-size: cover;
}

.ill.brandexperience {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8970ce9865516e1e64_brand.svg");
  background-position: 0 0;
  background-size: cover;
}

.ill.conversation {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce547ed805d5284e116095_conversation3.svg");
  background-position: 50%;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
}

.ill.poll {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8a82f3571da9d59d77_poll.svg");
  background-position: 100%;
  background-size: cover;
  min-height: 190px;
  max-height: 190px;
}

.ill.blog {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8ad2b91339b9a2e4a4_presentation.svg");
  background-position: 100%;
  background-size: cover;
}

.ill.ad {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce53f0c8b33a02b22c63f1_ad3.svg");
  background-position: 100%;
  background-size: cover;
}

.ill.email {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8997fef7529ca13e87_email.svg");
  background-position: 50%;
  background-size: cover;
}

.div-block-4037 {
  color: #161616;
  letter-spacing: -.5px;
  font-family: "Neuehaasgrottext web (1)", sans-serif;
  font-size: 37px;
  font-weight: 500;
  line-height: 44px;
}

.sidebar_one {
  border-right: 1px solid #e7e7e7;
  width: 100%;
  min-width: 200px;
  max-width: 300px;
  padding: 30px;
}

.sidebar_one.lightborder {
  border-right-color: #e7e7e780;
}

.sidebar_one.lightborder.lightscroll {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.sidebar_one.lightborder.split {
  border-right-color: #d6d6d680;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 260px;
  display: flex;
}

.sidebar_one.dark {
  background-image: linear-gradient(#f8f8f8 6%, #fff);
  border-left: 1px solid #e7e7e7;
  min-width: 200px;
  max-width: 350px;
}

.sidebar_one.dark.analytics {
  max-width: 250px;
  padding-left: 15px;
}

.sidebar_one.invisible {
  display: none;
}

.div-block-4039 {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-4040 {
  padding-top: 5px;
  padding-right: 20px;
}

.div-block-4041 {
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 370px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-4041.inactive {
  display: none;
}

.create_pagination {
  z-index: 2;
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  bottom: 0;
}

.create_bullet {
  opacity: .5;
  background-color: #030303;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 4px;
  transition: all .35s;
}

.create_bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #494949;
  width: 50px;
}

.div-block-4042 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding-right: 20px;
  display: flex;
}

.div-block-4043 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 10px;
  display: flex;
  overflow: auto;
}

.div-block-4043.inactive {
  display: none;
}

.create_arrow_right {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.create_arrow_right:hover {
  color: #eeecec;
  background-color: #494949;
}

.create_arrow_left {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.create_arrow_left:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.div-block-4044 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.create_flow {
  z-index: 10;
  background-color: #fff;
  border-left: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  display: flex;
  position: sticky;
  top: 0;
}

.create_flow.noborder {
  border-left-width: 0;
}

.create_flow.noborder._500 {
  background-color: #f6f1e8;
  min-width: 450px;
  height: 0;
  min-height: 0;
  transition: all .36s;
  overflow: hidden;
}

.create_flow.noborder._500._501 {
  min-width: 500px;
}

.create_flow.noborder._500.active {
  height: 80px;
  min-height: 80px;
}

.div-block-4045 {
  border-bottom: 1px solid #e7e7e7;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-4045.spaced {
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.div-block-3957.click {
  cursor: pointer;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-3957.click:hover {
  color: #0c0c0c;
  text-decoration: underline;
}

.div-block-3957.click.improve {
  color: #585858;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  padding: 1px 15px;
  font-size: 11px;
}

.div-block-3957.click.improve:hover {
  color: #202020;
  background-color: #fff;
  border-color: #b1b1b1;
  text-decoration: none;
}

.zoomed_entry {
  z-index: 100;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: static;
  top: 0;
  left: 0;
}

.zoomed_entry.active {
  align-items: flex-start;
  padding: 0;
  display: flex;
  position: relative;
}

.textarea-6-copy {
  border: 0 solid #dadada;
  border-radius: 2px;
  min-height: 160px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 26px;
}

.zoomentry {
  z-index: 999;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.zoomentry.active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-12 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-4046 {
  position: relative;
}

.div-block-4047 {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 3px;
  right: 3px;
}

.div-block-4048 {
  flex-direction: column;
  display: flex;
}

.div-block-4023-copy {
  color: #fff;
  background-color: #c02323;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 3px;
  font-family: Circularxxweb, sans-serif;
  font-size: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4023-copy.compact {
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 20px;
  right: 9px;
}

._11div-block-3608-copy {
  color: #363636;
  cursor: pointer;
  border-left: 1px solid #7a7a7a26;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 100%;
  padding: 10px 21px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 17px;
  display: flex;
}

._11div-block-3608-copy:hover {
  color: #eef0e9;
  background-color: #222;
}

._11div-block-3608-copy.small {
  font-size: 16px;
}

._11div-block-3608-copy.small:hover {
  background-color: #fff;
}

._11div-block-3608-copy.close {
  font-size: 17px;
}

._11div-block-3608-copy.loading, ._11div-block-3608-copy.isready, ._11div-block-3608-copy.temporary {
  display: none;
}

._11div-block-3608-copy.large {
  min-width: 150px;
}

._11div-block-3608-copy.inactive {
  display: none;
}

.div-block-4049 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-4050 {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.back_arrow-copy {
  color: #f1f1f1;
  cursor: pointer;
  background-color: #333;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.back_arrow-copy:hover {
  background-color: #fff;
}

.back_arrow-copy.full {
  display: none;
}

.div-block-4051 {
  display: flex;
}

.div-block-4052 {
  font-size: 12px;
  font-weight: 500;
}

.div-block-4053 {
  display: flex;
}

.delete12 {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #0d3bbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 12px 30px;
  font-size: 11px;
  font-weight: 500;
  transition: all .6s;
  display: flex;
}

.delete12:hover {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.delete12.exit {
  color: #000;
  background-color: #fff;
  border-color: #929292;
}

.delete12.add_scene_v2 {
  color: #363636;
  background-color: #fff;
  border-color: #eee;
  font-size: 12px;
  font-weight: 500;
}

.delete12.add_scene_v2:hover {
  border-color: #747474;
}

.delete12.save {
  background-color: var(--royal-blue);
}

.delete12.nospace {
  margin-right: 0;
}

.delete12.nospace._100 {
  width: 100%;
}

.delete12.nospace._100.pending {
  cursor: progress;
  background-color: #a3a3a3;
  border-color: #a3a3a3;
}

.delete12.white {
  color: #1d1b1b;
  background-color: #fff;
  border-color: #c3c5c9;
}

.delete12.white:hover {
  color: #f0ecec;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.delete12.white.inactive {
  display: none;
}

.delete12.white.basic {
  opacity: .5;
  color: #adadad;
  background-color: #fff0;
  border-width: 0 0 1px;
  border-bottom-style: dashed;
  border-bottom-color: #96989c;
  border-radius: 0;
  margin-top: 40px;
  margin-right: 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
}

.delete12.white.basic:hover {
  opacity: .8;
  color: #adadad;
  background-color: #fff0;
  border-bottom-color: #adadad;
}

.delete12.white.compact {
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.delete12.pending {
  cursor: wait;
  background-color: #2b2b2b;
  border-color: #575757;
}

.delete12._100.black {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.div-block-4054 {
  width: 100%;
  height: 50vh;
}

.div-block-4056 {
  flex-direction: column;
  margin-top: 15px;
  padding-top: 10px;
  display: flex;
}

.rightside {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 500px;
  height: 100%;
  display: flex;
}

._1create_right-copy {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 550px;
  max-width: 850px;
  transition: all .5s;
  display: none;
}

._1create_right-copy.active {
  display: flex;
}

._1create_right-copy.lightscroll.active {
  z-index: 1;
  border-right: 1px solid #f1f1f1;
  transition: all .3s;
  position: relative;
}

._1create_right-copy.lightscroll.active.expanded {
  min-width: 50vw;
  max-width: 50vw;
}

._1create_right-copy.lightscroll.active.hidden {
  width: 0;
  min-width: 0;
}

._1create_right-copy.skills {
  width: 100%;
  min-width: 750px;
  max-width: 750px;
}

.panel_header_-copy {
  color: #222;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #e7e7e7;
  border-bottom: 1px dashed #d8d8d800;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-bottom: 0;
  padding: 0 0 0 22px;
  font-size: 16px;
  font-weight: 500;
  transition: all .45s, background-color .2s;
  display: flex;
}

.panel_header_-copy.active {
  color: #000;
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-radius: 6px;
  width: 100%;
  height: 75px;
  overflow: hidden;
}

.panel_header_-copy.active:hover {
  background-color: #fff;
  border-color: #8b8b8b;
}

.panel_header_-copy.active.loading {
  background-color: #fff;
  border-color: #535353;
}

.panel_header_-copy.active.isready {
  background-color: #f9fdf8;
  border-width: 1px;
  border-color: #3fa549;
}

.panel_header_-copy.active.temporary {
  background-color: #fff;
  border-color: #a3a3a3;
}

.div-block-4057 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.div-block-4058 {
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f100;
  border-radius: 99px;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.div-block-4058:hover {
  background-color: #fff;
  border-color: #555;
}

.div-block-4058:focus {
  background-color: #fff;
  border-color: #2c2c2c;
}

.div-block-4058.active {
  color: #e9e9e9;
  background-color: #141414;
}

.div-block-4059 {
  margin-right: 4px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
}

.div-block-4060 {
  grid-column-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-4061 {
  flex-direction: column;
  width: 100%;
  padding-top: 15px;
  display: none;
}

.div-block-4061.active {
  display: flex;
}

.div-block-4062 {
  background-color: #e9e9e9;
  width: 100%;
  height: 1px;
}

.div-block-4063 {
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.create_media {
  width: 100%;
  margin-bottom: 30px;
}

.mediastylecontainer {
  flex-direction: column;
  height: 310px;
  display: flex;
  overflow: hidden;
}

.div-block-4064 {
  display: flex;
}

.photo_style {
  border-bottom: 0 solid #ebebeb80;
  width: 100%;
  height: 80%;
  min-height: 80%;
  overflow: hidden;
}

.photo_style.all {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8970ce9865516e1e64_brand.svg");
  background-position: 50%;
  background-size: cover;
}

.photo_style.presentation {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce5267eb7e45c9967cf9bf_presentation1.svg");
  background-position: 100%;
  background-size: cover;
}

.photo_style.brandexperience {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8970ce9865516e1e64_brand.svg");
  background-position: 0 0;
  background-size: cover;
}

.photo_style.conversation {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce547ed805d5284e116095_conversation3.svg");
  background-position: 50%;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
}

.photo_style.poll {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8a82f3571da9d59d77_poll.svg");
  background-position: 100%;
  background-size: cover;
  min-height: 190px;
  max-height: 190px;
}

.photo_style.blog {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8ad2b91339b9a2e4a4_presentation.svg");
  background-position: 100%;
  background-size: cover;
}

.photo_style.ad {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce53f0c8b33a02b22c63f1_ad3.svg");
  background-position: 100%;
  background-size: cover;
}

.photo_style.email {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/63ce4e8997fef7529ca13e87_email.svg");
  background-position: 50%;
  background-size: cover;
}

.photo_style_selector {
  color: #1b1b1b;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 180px;
  height: 100%;
  min-height: 260px;
  max-height: 260px;
  margin-bottom: 0;
  margin-right: 12px;
  font-size: 11px;
  display: flex;
  overflow: hidden;
}

.photo_style_selector.active {
  border-color: #141414;
}

.photo_style_selector._220 {
  width: 160px;
  height: 220px;
  min-height: 220px;
}

.photo_style_selector.conversation {
  padding-top: 0;
  padding-bottom: 0;
}

.image-650 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.create_pagination_styles {
  z-index: 2;
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  bottom: 0;
}

.create_arrow_left_styles {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.create_arrow_left_styles:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.create_arrow_left_styles.light {
  border-color: #e4e4e4;
  width: 50px;
  min-width: 50px;
}

.create_arrow_left_styles.light:hover {
  background-color: #0685ff;
  border-color: #0685ff;
}

.create_arrow_left_styles.light.first {
  color: #242424;
  border-color: #e4e4e4;
  width: 50px;
  min-width: 50px;
  margin-left: 0;
}

.create_arrow_left_styles.light.first:hover {
  color: #fff;
  background-color: #030303;
  border-color: #030303;
}

.create_arrow_left_styles.light.inactive {
  display: none;
}

.create_arrow_right_styles {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.create_arrow_right_styles:hover {
  color: #eeecec;
  background-color: #494949;
}

.create_arrow_right_styles.light {
  color: #242424;
  border-color: #ccc;
  border-radius: 99px;
  width: 50px;
  min-width: 50px;
}

.create_arrow_right_styles.light:hover {
  color: #fff;
  background-color: #030303;
  border-color: #030303;
}

.create_arrow_right_styles.light.inactive {
  display: none;
}

.create_arrow_right_styles.light.largerfont {
  font-size: 14px;
}

.div-block-3611-copy {
  width: 100%;
  margin-top: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.div-block-3611-copy.formsettings {
  max-width: 650px;
  padding-left: 46px;
  overflow: visible;
}

.div-block-3611-copy.formsettings.small {
  max-width: 560px;
}

.div-block-3611-copy-copy {
  width: 100%;
  margin-top: 0;
  padding: 20px 0;
  font-weight: 300;
  position: relative;
  overflow: visible;
}

.div-block-3611-copy-copy.formsettings {
  max-width: 650px;
  padding-left: 46px;
  overflow: visible;
}

.div-block-3611-copy-copy.formsettings.small {
  max-width: 560px;
}

.content_results {
  flex-direction: column;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.content_results.active {
  display: flex;
}

.div-block-4065 {
  padding-top: 20px;
}

.brandings_panel_config {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.nav_mode {
  opacity: 1;
  color: #7f7f7f;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90px;
  min-width: 80px;
  height: 42px;
  margin-bottom: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.nav_mode:hover {
  color: #080808;
  width: 100px;
}

.nav_mode.split {
  justify-content: flex-start;
}

.nav_mode.reverse {
  flex-direction: row-reverse;
}

.nav_mode.full {
  background-color: #d8d8d8;
}

.nav_mode.active {
  box-shadow: none;
  opacity: 1;
  color: #f7f7f7;
  background-color: #1a1a1a;
}

.nav_mode.mobile {
  flex-direction: column;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 80px;
}

.nav_mode.mobile.reverse {
  flex-direction: column-reverse;
}

.nav_mode.mobile.split {
  justify-content: center;
  align-items: flex-start;
}

.nav_mode.middle {
  border-left-width: 0;
  border-radius: 0;
}

.nav_mode.first {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.nav_mode.last {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

._1div-block-3768-copy {
  display: none;
}

._1div-block-3768-copy.active {
  border: 0 solid #f1f1f1;
  border-top-width: 1px;
  border-radius: 0;
  flex-direction: column;
  padding: 25px 0 15px;
  display: flex;
}

._1div-block-3768-copy.spaced {
  padding-bottom: 20px;
}

._1div-block-3768-copy.spaced.active {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-width: 1px 0;
  padding: 5px 0 10px;
}

.div-block-4066 {
  border-top: 1px solid #f1f1f1;
  margin-bottom: 5px;
  padding-top: 10px;
}

.div-block-4067 {
  padding-left: 15px;
  padding-right: 15px;
}

.projectisready {
  cursor: pointer;
  border-left: 1px solid #7a7a7a26;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  height: 100%;
  padding: 10px 21px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
  display: none;
}

.projectisready.small {
  font-size: 16px;
}

.projectisready.small:hover {
  background-color: #fff;
}

.projectisready.close {
  font-size: 17px;
}

.projectisready.loading {
  display: none;
}

.projectisready.isready {
  display: flex;
}

.div-block-4068 {
  justify-content: space-between;
  width: 100%;
  padding-top: 2px;
  display: flex;
}

.create_standard_large_url {
  width: 100%;
  margin-bottom: 25px;
}

.url_holder1 {
  max-width: 100%;
  margin-top: 15px;
  padding: 0 0 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.create_from_url_line {
  cursor: auto;
  border-bottom: 1px solid #e7e7e7;
  flex-direction: column;
  min-height: 76px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.create_from_url_line.active {
  background-color: #eef6fa;
}

.reports_line2_nowrap {
  color: #181818;
  white-space: nowrap;
  border: 1px solid #eceaea;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 3px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.reports_line2_nowrap.small {
  color: #b9b9b9;
  font-size: 12px;
  line-height: 16px;
}

.reports_line2_nowrap.projects {
  line-height: 20px;
}

.reports_line2_nowrap.projects.active, .reports_line2_nowrap.new {
  font-weight: 500;
}

.reports_item_domains-copy {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  display: flex;
  overflow: hidden;
}

.reports_item_domains-copy.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.reports_item_domains-copy.head:hover {
  background-color: #e9e9e9;
}

.reports_item_domains-copy.head.small {
  cursor: pointer;
  max-width: 200px;
}

.reports_item_domains-copy.input {
  background-color: #9dcffb;
}

.reports_item_domains-copy.textoptions {
  background-color: #afebe4;
}

.reports_item_domains-copy.small {
  min-width: 200px;
  max-width: 200px;
}

.reports_item_domains-copy.smallest {
  max-width: 150px;
}

.reports_item_domains-copy.smallest.smallestx2 {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.reports_item_domains-copy.smallest.smallestx2.absolute {
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  height: 100%;
  position: absolute;
  right: 0;
}

.reports_item_domains-copy.variable {
  flex-flow: column wrap;
  place-content: flex-start center;
  align-items: flex-start;
  width: auto;
}

.div-block-4069 {
  white-space: nowrap;
  font-size: 12px;
}

.div-block-4070 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  display: flex;
}

.div-block-4071 {
  color: #7c7c7c;
  cursor: pointer;
  border: 0 solid #eceaea;
  border-bottom-width: 1px;
  border-radius: 0;
  padding: 2px 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
}

.div-block-4071:hover {
  border-color: #b8b8b8;
}

.div-block-4072 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.div-block-4073 {
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  transition: all .25s;
  display: flex;
  position: absolute;
  right: 120px;
}

.div-block-4073.valid {
  color: #0d830d;
}

.div-block-4074 {
  border: 1px solid #e4e4e41a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

._1div-block-3883-copy {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  font-weight: 300;
  display: none;
}

._1div-block-3883-copy:hover {
  color: #fff;
  background-color: #474646;
}

._1div-block-3883-copy.active {
  display: flex;
}

.textarea-6-copy {
  border: 1px solid #dadada;
  border-radius: 6px;
  min-height: 160px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  transition: all .35s;
}

.textarea-6-copy:hover {
  background-color: #fafaf0;
}

.textarea-6-copy:focus {
  background-color: #fafaf0;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.textarea-6-copy::placeholder {
  color: #2c2c2c;
}

.textarea-6-copy.large {
  min-height: 320px;
}

.textarea-6-copy.largest {
  min-height: 450px;
}

.textarea-6-copy.lightscroll {
  box-shadow: 0 0 6px #0000000a;
}

.textarea-6-copy.small {
  font-size: 12px;
}

.textarea-6-copy.small.lightscroll {
  min-height: 90px;
  font-size: 15px;
  transition-duration: .4s;
}

.textarea-6-copy.small.lightscroll.large {
  min-height: 180px;
}

.div-block-4075 {
  border-left: 1px solid #e7e7e7;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-4076 {
  border: 1px solid #e7e7e7;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-4076.active {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e726;
  flex-direction: column;
  display: flex;
}

.url_details_input {
  width: 100%;
  margin-bottom: 25px;
}

.url_details_input.padded {
  padding-left: 20px;
}

.label2 {
  margin-top: 5px;
  display: none;
}

.label2.active {
  display: flex;
}

.label1_editor.inactive {
  display: none;
}

.multi_line_editor {
  margin-top: 10px;
  display: none;
}

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

.message_input_label2 {
  z-index: 12;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  height: 120px;
  min-height: 168px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  display: flex;
  position: relative;
  overflow: auto;
}

.message_input_label2.active {
  border-color: #8f96e4;
  padding: 8px 12px;
}

.div-block-4077 {
  margin-top: 3px;
  font-family: Circularxxweb, sans-serif;
  font-size: 10px;
}

.div-block-4078 {
  flex-direction: column;
  display: none;
}

.div-block-4078.active {
  border-top: 1px solid #e6e6e6;
  border-bottom: 0 solid #e6e6e6;
  width: 100%;
  padding: 25px 30px;
  display: flex;
}

.div-block-4079 {
  width: 100%;
}

.fetched_images_gallery {
  width: 100%;
  margin-bottom: 25px;
}

.fetched_images_gallery.nospace {
  margin-bottom: 5px;
}

.images_holder_1 {
  column-count: 3;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(119px, 1fr));
  grid-auto-columns: 1fr;
  column-gap: 6px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.images_holder_1.advanced {
  column-count: 4;
}

.images_holder_1.active {
  display: block;
}

.images_holder_1.simple.active {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  column-count: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.images_holder_1.simple.active._2 {
  width: 100%;
  min-height: 50px;
  padding: 10px;
}

.sw1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.sw1.swiper-wrapper {
  justify-content: flex-start;
}

.message_progress {
  flex-direction: row;
  display: none;
  position: absolute;
}

.message_progress.story {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10px;
  display: flex;
  right: 10px;
}

.message_bullet {
  background-color: #c2c2c2a6;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  transition: all .45s;
}

.message_bullet.swiper-pagination-bullet-active {
  background-color: #bebebea6;
  width: 80px;
}

.div-block-4080 {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  width: 100%;
  transition: all .2s;
}

.div-block-4081 {
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.div-block-4082 {
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.div-block-4083 {
  flex-direction: column;
  display: flex;
}

.multi_scene_bullet {
  opacity: .55;
  background-color: #aaa;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-bottom: 4px;
  margin-right: 4px;
  transition: all .5s;
}

.multi_scene_bullet.swiper-pagination-bullet-active {
  width: 5px;
  height: 30px;
}

.multi_scene_bullet.invisible {
  display: none;
}

.create_headline {
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 10px;
  padding-left: 0;
}

.create_headline.variation {
  background-color: #fff;
  border: 0 solid #000;
  border-bottom-width: 2px;
  border-radius: 0;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.improved_content {
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  display: none;
}

.improved_content.active {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.improved_bullet {
  color: #575757;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 3px 20px;
  font-size: 12px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
}

.improved_bullet:hover {
  color: #e9e7e7;
  background-color: #272727;
  border-color: #272727;
}

.improved_bullet.active {
  color: #e4e1e1;
  background-color: #313131;
  border-color: #313131;
  padding-left: 35px;
  padding-right: 35px;
}

.div-block-4085 {
  flex-flow: wrap;
  display: flex;
}

.div-block-4086 {
  color: #5e5e5e;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 300;
}

.div-block-4087 {
  font-size: 25px;
  line-height: 30px;
}

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

.bullet_product {
  background-color: #dad0d0;
  border: 1px solid #dad0d0;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 3px;
}

.bullet_product.swiper-pagination-bullet-active {
  background-color: #fff;
  border-color: gray;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
}

.product_bullet_new {
  background-color: #dad4d4;
  border: 1px solid #dad4d4;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 3px;
}

.product_bullet_new.active {
  background-color: #fff;
  border-color: #817f7f;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
}

.div-block-4088 {
  width: 100%;
}

.image-651 {
  width: 19px;
}

.div-block-4089 {
  flex-direction: row;
  display: flex;
}

.variation_item {
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin-top: 10px;
  margin-bottom: 2px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.variation_item:hover {
  border-color: #afa5a5;
}

.variation_item.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: none;
  overflow: hidden;
}

.variation_item.invisible {
  display: none;
}

.variation_item.blue.active {
  border-color: #e6e2cb;
}

.variation_item.loading {
  opacity: .5;
  cursor: progress;
}

.edit_variation {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.variation_header {
  color: #222;
  cursor: pointer;
  background-color: #fff0;
  border: 0 solid #e7e7e7;
  border-bottom: 1px dashed #d8d8d8;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-bottom: 0;
  padding: 0 0 0 22px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.variation_header.active {
  color: #000;
  background-color: #f8f8f8;
  border: 0 solid #dfdfdf;
  border-radius: 10px;
  width: 100%;
  height: 75px;
}

.variation_header.active:hover {
  background-color: #fff;
  border-color: #8b8b8b;
}

.variation_header.var {
  background-color: #f8f8f8;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
}

.div-block-4090 {
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.div-block-4091 {
  background-color: #f8f8f8;
  border-radius: 3px;
  width: 180px;
  height: 320px;
  position: relative;
  overflow: hidden;
}

.div-block-4091._169 {
  width: 432px;
  height: 243px;
}

.div-block-4091.square {
  width: 300px;
  height: 250px;
}

.div-block-4091.superwide {
  width: 485px;
  height: 125px;
}

.aspect_item {
  flex-direction: column;
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
}

.div-block-4093 {
  text-align: left;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}

.aspect_media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-4095 {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-4095:hover {
  opacity: 1;
  background-color: #2727274d;
}

.div-block-4096 {
  background-color: #fff;
  border-radius: 99px;
  padding: 3px 18px;
  font-size: 11px;
  font-weight: 500;
}

.div-block-4097 {
  align-items: center;
  display: flex;
}

.panel_overlay0 {
  background-color: #44444480;
  justify-content: flex-end;
  transition: all .1s;
  display: flex;
}

.panel_overlay0.slided {
  position: absolute;
  right: -460px;
}

.panel_overlay0.coversettings {
  background-image: linear-gradient(#fff, #f1f1f1);
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.panel_overlay0.active {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
}

.div-block-4098 {
  width: 100%;
}

.blockmedia {
  width: 100%;
  height: 100%;
}

.blockmedia.padded {
  padding: 28px 15px 15px;
}

.div-block-4099 {
  cursor: pointer;
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 45px;
  margin-right: 5px;
  padding: 8px 20px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-4099:hover {
  border-color: var(--royal-blue);
}

.div-block-4099.active {
  display: flex;
}

.div-block-4100 {
  background-color: #fff;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-4100.active {
  background-color: #efeff0;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.div-block-4101 {
  color: #acacac;
  margin-right: 5px;
}

.div-block-4102 {
  background-color: var(--royal-blue);
  border-radius: 99px;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  display: none;
}

.div-block-4102.active {
  display: flex;
}

.animation_settings {
  display: none;
}

.animation_settings.active {
  z-index: 1;
  flex-direction: row;
  width: 100%;
  margin-top: 15px;
  display: flex;
  position: relative;
}

.import_content {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.data_filter {
  padding-top: 20px;
  padding-left: 45px;
  padding-right: 30px;
}

.data_filter.spaced {
  padding-bottom: 20px;
}

.data_filter.nospace {
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 30px;
}

.data_filter.spaced_top {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.div-block-4103 {
  background-color: #fff;
  width: 100%;
}

.reports_item_data_filter {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
  display: flex;
  overflow: visible;
}

.reports_item_data_filter.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.reports_item_data_filter.head:hover {
  background-color: #e9e9e9;
}

.reports_item_data_filter.head.small {
  cursor: pointer;
  max-width: 200px;
}

.reports_item_data_filter.input {
  background-color: #9dcffb;
}

.reports_item_data_filter.textoptions {
  background-color: #afebe4;
}

.reports_item_data_filter.small {
  min-width: 200px;
  max-width: 200px;
}

.reports_item_data_filter.smallest.smallestx2 {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.reports_item_data_filter.smallest.smallestx2.absolute {
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 100%;
  padding-left: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  position: absolute;
  right: 50px;
}

.reports_item_data_filter.smallest.smallestx2.absolute:hover {
  color: #ebe9e9;
  background-color: #1b1b1b;
}

.reports_item_data_filter.smallest.smallestx2.absolute._1 {
  color: #c2bbbb;
  cursor: not-allowed;
  border-left-width: 0;
  transition: all .15s;
  right: 0;
}

.reports_item_data_filter.smallest.smallestx2.absolute._1.active {
  color: #202020;
  cursor: pointer;
}

.reports_item_data_filter.smallest.smallestx2.absolute._1.active:hover {
  color: #f8f8f8;
}

.reports_item_data_filter.variable {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
}

.data_filter_container {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 75px;
  display: flex;
}

.data_filter_container:hover {
  background-color: #f8f8f8;
}

.data_filter_container.active {
  background-color: #eef6fa;
}

.data_filter_container.valid {
  background-color: #f8fcf4;
}

.data_filter_container.invalid {
  background-color: #fcf5f5;
}

.products_dashboard {
  position: relative;
}

.create_product_modal {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-4104 {
  padding: 20px;
  font-weight: 300;
}

.form-13 {
  font-size: 12px;
  font-weight: 300;
}

.product_actions {
  white-space: nowrap;
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
}

.product_actions.nospace {
  margin-left: 0;
}

.product_actions.right {
  margin-right: 5px;
}

.dropdown_container_pd {
  width: 100%;
  margin-top: 3px;
}

.import_button {
  color: #353434;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.import_button:hover {
  color: #fff;
  background-color: #474646;
}

.import_button.active {
  color: #fff;
  cursor: pointer;
  background-color: #1654ff;
  border-color: #1654ff;
}

.import_button.small {
  font-size: 11px;
}

.div-block-4105 {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.unit_wrapper {
  border: 1px solid #ececec;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  margin: 15px;
  padding: 30px;
  display: flex;
  position: relative;
}

.unit_wrapper.active {
  border-color: #1e47eb;
  padding-top: 60px;
  padding-bottom: 60px;
}

.unit_wrapper.square {
  max-width: 364px;
}

.unit_wrapper.wide {
  z-index: 1;
  border-color: #ececec00;
  justify-content: center;
  align-items: center;
  min-width: 250px;
}

.unit_wrapper.wide:hover {
  border-color: #8ecbfa;
}

.unit_wrapper.wide.active_scene {
  z-index: 10;
  border-color: #ddd0;
  width: 100%;
  min-width: 300px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.unit_wrapper.wide.active_scene.noborder {
  border-color: #cecece80;
}

.unit_wrapper.wide.active_scene.animator {
  border-bottom-color: #e4e4e4;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  overflow: auto;
}

.unit_wrapper.noborder {
  border-color: #ececec00;
}

.unit_wrapper.disabled {
  opacity: .9;
}

.native_media {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.native_media.square {
  width: 300px;
  height: 300px;
}

.native_media.wide {
  justify-content: center;
  width: 100%;
  height: 234px;
}

.native_media.t3 {
  height: 100%;
}

.native_media.t2 {
  z-index: 1;
  border-bottom: 0 solid #9797970f;
  justify-content: center;
  height: 100%;
}

.native_media.t2._300x250 {
  border-radius: 0;
}

.native_media.t2.style1._300x250 {
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
}

.native_media.t2.style1._300x250.highlight_media {
  box-shadow: 0 6px 12px #0003;
}

.native_media.t4 {
  z-index: 1;
  justify-content: center;
  height: 100%;
}

.native_media.t4._970x250 {
  height: 100%;
  overflow: hidden;
}

.native_media._300x250 {
  border-radius: 2px;
  justify-content: center;
  height: 250px;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.native_media._336x280 {
  border-radius: 2px;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.native_media._336x280.square {
  height: 100%;
}

.native_media.invisible {
  display: none;
}

.native_media.native_product {
  overflow: visible;
}

.native_media.t5 {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.media_gradient1 {
  z-index: 2;
  opacity: .15;
  background-image: linear-gradient(#02020200 8%, #000);
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.media_gradient1.selected {
  background-image: linear-gradient(to bottom, #02020200 8%, var(--deep-sky-blue));
  opacity: .2;
  display: flex;
}

.media_gradient1.light {
  opacity: .05;
  border-radius: 6px;
  width: 170px;
}

.media_gradient1.light.small {
  width: 100%;
  height: 100%;
}

.media_gradient1.t3 {
  opacity: .3;
}

.media_gradient1.style2 {
  opacity: .5;
  background-image: linear-gradient(#2b2b2b 8%, #000);
  border-radius: 0;
}

.media_gradient1._970x250 {
  opacity: .2;
  background-image: linear-gradient(to right, #02020200 40%, #000);
}

.media_gradient1.t4 {
  opacity: .01;
}

.media_gradient1.t4._970x250 {
  background-image: linear-gradient(to right, #000, #02020200);
}

.media_gradient1.t4.style2 {
  opacity: .1;
}

.media_gradient1.t2 {
  opacity: .02;
  background-image: none;
}

.media_gradient1.t2.style2 {
  opacity: .35;
  background-image: none;
}

.media_gradient1.t2.style2._970x250 {
  opacity: .5;
  background-image: linear-gradient(#02020280 2%, #000);
}

.media_gradient1.scratch {
  background-image: linear-gradient(#000, #02020200 80%);
}

.media_gradient1.invisible, .media_gradient1.native_product {
  display: none;
}

.media_gradient1.t5 {
  background-image: linear-gradient(#303030 8%, #000);
}

.native_body {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  transition: all 50ms;
  position: relative;
}

.native_body.t2 {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 24px;
}

.native_body.t2.editor:hover {
  color: #222;
}

.native_body.t2.editor.editing:hover {
  color: #2c2c2c;
}

.native_body.t2.style1._300x250 {
  line-height: 22px;
}

.native_body.t2.style2 {
  font-size: 15px;
  line-height: 22px;
}

.native_body.t4 {
  padding-right: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}

.native_body.t4._970x250 {
  font-size: 17px;
  line-height: 24px;
}

.native_body.t4._300x250 {
  font-size: 15px;
  line-height: 23px;
}

.native_body.font_change {
  color: #333;
  background-color: #fff;
  border: 1px solid #aac0ec;
  padding: 10px;
}

.native_body.editor {
  color: #272727;
}

.native_body.invisible {
  opacity: 0;
}

.native_body.inactive, .native_body.animator {
  display: none;
}

.native_body.t5 {
  color: #fff;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.native_sponsored {
  border-top: 0 solid #f7f7f7;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  font-size: 12px;
  display: flex;
}

.brand_element {
  padding-right: 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.brand_element:hover {
  background-color: #f6f2d5;
}

.brand_element.disabled {
  cursor: not-allowed;
}

.brand_element.disabled:hover {
  background-color: #f6f2d500;
}

.brand_element.underline {
  text-decoration: underline;
}

.brand_element.underline.editing {
  background-color: #fcfbf4;
  border: 1px solid #ece9d0;
  margin-right: 5px;
  padding: 12px;
}

.div-block-4115 {
  background-color: #f3f3f3;
  width: 100%;
  height: 1px;
}

.native_cta_button {
  color: #fff;
  white-space: nowrap;
  cursor: text;
  background-color: #0685ff;
  border: 0 solid #0685ff;
  border-radius: 3px;
  height: 45px;
  min-height: 45px;
  font-size: 12px;
  font-weight: 700;
  transition: all 50ms;
  position: relative;
}

.native_cta_button.editing {
  color: #0c0c0c;
  background-color: #fcfbf4;
  border-color: #e6e1c1;
  padding-top: 15px;
  padding-bottom: 15px;
}

.native_cta_button.t2 {
  text-align: center;
  cursor: pointer;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 37px;
  min-height: 37px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.native_cta_button.t2:hover {
  filter: brightness(130%);
}

.native_cta_button.t2.style2 {
  z-index: 10;
}

.native_cta_button.t2.style2._970x250 {
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
}

.native_cta_button.t2._300x250.square {
  z-index: 20;
}

.native_cta_button.t3 {
  z-index: 10;
  text-align: center;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  margin-left: 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.native_cta_button.t4 {
  text-align: center;
  background-color: #0685ff;
  border-color: #1d9bf0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.native_cta_button.t4:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.native_cta_button.t4.style2 {
  border-radius: 3px;
}

.native_cta_button.t4._300x250 {
  border-radius: 3px;
  justify-content: flex-start;
  height: 40px;
  min-height: 40px;
  margin-top: 10px;
}

.native_cta_button.inactive {
  opacity: 0;
  display: flex;
}

.native_cta_button.editor:hover {
  color: #2c2c2c;
  background-color: #fff;
}

.native_cta_button.live {
  cursor: pointer;
  transition-duration: .2s;
}

.native_cta_button.live:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.native_cta_button.cta_rounded {
  border-radius: 99px;
}

.native_cta_button.cta_shadow {
  border-radius: 0;
  bottom: 5px;
  box-shadow: 7px 7px #0000001a;
}

.native_cta_button.t5 {
  color: #292929;
  background-color: #67d5b6;
  border-radius: 3px;
  width: 100%;
  height: 37px;
  min-height: 37px;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.86, 0, .07, 1);
  position: static;
  bottom: 0;
}

.native_headline {
  cursor: text;
  border: 1px solid #fff0;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 20px;
  line-height: 26px;
  transition: all 50ms;
  position: relative;
}

.native_headline.t2 {
  margin-top: 0;
  padding-right: 0;
  font-size: 25px;
  line-height: 31px;
}

.native_headline.t2.style1._300x250 {
  font-size: 16px;
  line-height: 18px;
}

.native_headline.t2.style1._336x280 {
  font-size: 16px;
  line-height: 19px;
}

.native_headline.t2.style1._320x480 {
  font-size: 22px;
  line-height: 28px;
}

.native_headline.t2.editing {
  background-color: #fcfbf44d;
}

.native_headline.t2.style2 {
  font-size: 22px;
  line-height: 26px;
}

.native_headline.t2.style2._300x250 {
  font-size: 16px;
  line-height: 19px;
}

.native_headline.t2.animator {
  display: none;
}

.native_headline.t3 {
  font-size: 25px;
  line-height: 32px;
}

.native_headline.t4 {
  margin-top: 0;
  font-size: 22px;
  line-height: 26px;
}

.native_headline.t4.style1._970x250 {
  font-size: 24px;
  line-height: 27px;
}

.native_headline.t4.style2 {
  font-size: 24px;
  line-height: 28px;
}

.native_headline.t4._300x250 {
  font-size: 18px;
  line-height: 20px;
}

.native_headline.font_change {
  background-color: #fff;
  border-color: #aac0ec;
  padding: 9px;
}

.native_headline.invisible {
  opacity: 0;
}

.native_headline.inactive {
  display: none;
}

.native_headline.t5 {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  padding: 50px 15px 15px;
  font-family: Polysans Slim, sans-serif;
  font-size: 34px;
  line-height: 36px;
  position: absolute;
  top: 0;
  left: 0;
}

.native_headline.t5.ghost {
  opacity: .5;
  pointer-events: none;
}

.horizontal_guide {
  white-space: nowrap;
  border: 0 solid #e0e0e0;
  border-width: 0 1px;
  align-items: center;
  width: 100%;
  height: 20px;
  display: none;
  position: absolute;
  top: -30px;
}

.horizontal_guide.active {
  border-right-width: 1px;
  border-right-color: var(--deep-sky-blue);
  border-left-width: 1px;
  border-left-color: var(--deep-sky-blue);
  display: flex;
  top: -41px;
}

.div-block-4117 {
  background-color: var(--deep-sky-blue);
  width: 100%;
  height: 1px;
}

.div-block-4117.v {
  background-color: var(--deep-sky-blue);
  width: 1px;
  height: 100%;
}

.div-block-4118 {
  color: #a11;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  font-weight: 700;
  position: relative;
}

.div-block-4118.v {
  background-color: #fff;
  position: relative;
  left: -1px;
  transform: rotate(-90deg);
}

.div-block-4118.a {
  top: -5px;
}

.vertical_guide {
  white-space: nowrap;
  border: 1px solid #e0e0e0;
  border-width: 1px 0;
  flex-direction: column;
  align-items: center;
  width: 20px;
  height: 100%;
  display: none;
  position: absolute;
  right: -30px;
}

.vertical_guide.active {
  border-top-width: 1px;
  border-top-color: var(--deep-sky-blue);
  border-bottom-width: 1px;
  border-bottom-color: var(--deep-sky-blue);
  display: flex;
  right: -41px;
}

.guide_headline {
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 29px;
  left: -53px;
}

.guide_headline.active {
  display: flex;
}

.guide_headline.rev {
  align-items: flex-end;
  display: none;
  top: -66px;
  left: -110px;
}

.guide_headline.rev.active {
  display: flex;
}

.guide_headline.body1 {
  align-items: flex-end;
  display: none;
  top: -66px;
  left: auto;
  right: -97px;
}

.guide_headline.body1.active {
  display: flex;
  right: -107px;
}

.div-block-4120 {
  background-color: var(--deep-sky-blue);
  width: 100%;
  height: 1px;
}

.div-block-4121 {
  background-color: var(--deep-sky-blue);
  width: 1px;
  height: 80px;
}

.div-block-4121.small {
  height: 127px;
}

.div-block-4121.medium {
  height: 100px;
}

.div-block-4121.brand {
  height: 25px;
}

.div-block-4122 {
  background-color: #fff;
  border: 2px solid #a11;
  border-radius: 99px;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
}

.div-block-4123 {
  align-items: center;
  width: 40px;
  display: flex;
  position: relative;
  top: -4px;
}

.div-block-4123.large {
  width: 80px;
}

.div-block-4123.brand {
  width: 100px;
}

.div-block-4123.r {
  width: 100px;
  top: 4px;
}

.div-block-4123._80 {
  width: 100px;
}

.div-block-4123._160 {
  width: 100px;
  top: 4px;
}

.div-block-4124 {
  flex-direction: column;
  display: flex;
  position: relative;
}

.div-block-4125 {
  white-space: nowrap;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  bottom: -42px;
  left: -12px;
}

.div-block-4125.right {
  text-align: right;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  left: -68px;
}

.div-block-4125.right.brand {
  align-items: flex-start;
  left: -13px;
}

.div-block-4125.top {
  text-align: right;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  top: -38px;
  bottom: auto;
  left: -74px;
}

.div-block-4125.body1 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  top: -38px;
  bottom: auto;
  left: -15px;
}

.div-block-4126 {
  color: #a11;
  font-size: 15px;
}

.div-block-4127 {
  background-color: var(--deep-sky-blue);
  width: 21px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -10px;
}

.div-block-4127.top {
  background-color: var(--deep-sky-blue);
  top: 0;
  bottom: auto;
}

.guide_subheadline {
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 28px;
  right: -53px;
}

.guide_subheadline.active {
  display: flex;
}

.div-block-4128 {
  color: #292929;
}

.guide_cta {
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 20px;
  right: -97px;
}

.guide_cta.active {
  display: flex;
  right: -107px;
}

.div-block-4129 {
  white-space: nowrap;
  align-items: center;
  display: flex;
  position: relative;
}

.guide_brand {
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 28px;
  right: -53px;
}

.guide_brand.active {
  display: flex;
  top: 10px;
  left: -110px;
  right: auto;
}

.media_roll_over {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  background-color: #3535351a;
  border: 2px solid #181818;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-right: 10px;
  display: none;
  position: absolute;
}

.media_roll_over:hover {
  opacity: 1;
}

.media_roll_over.small {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-right: 0;
}

.media_roll_over.inactive {
  display: none;
}

.div-block-4131 {
  max-width: 15px;
  margin-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.div-block-4131.large {
  max-width: none;
  margin-right: 0;
  font-family: xx_ GoogleMaterialicons, sans-serif;
  font-size: 18px;
}

.div-block-4131.large.nospaced, .div-block-4131.nospaced {
  margin-right: 0;
}

.div-block-4131.nospaced.large {
  font-size: 17px;
}

.div-block-4131.nospaced.check {
  font-size: 15px;
  font-weight: 400;
}

.div-block-4131.trackicon {
  font-size: 15px;
}

.div-block-4131.size {
  margin-left: 6px;
  margin-right: 0;
}

.div-block-4131.is_large {
  font-size: 16px;
}

.div-block-4131.icon {
  margin-right: 0;
  font-size: 18px;
}

.div-block-4131.go {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  font-size: 15px;
  line-height: 15px;
  display: flex;
}

.div-block-4132 {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #66666640;
  border-radius: 6px;
  margin-right: 10px;
  padding: 8px 25px 8px 22px;
  display: flex;
}

.div-block-4132:hover {
  color: #f1f1f1;
  background-color: #161616;
}

.div-block-4132.last {
  margin-right: 0;
}

.div-block-4132._100 {
  background-color: #fff0;
  border-color: #e9e9e900;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
}

.div-block-4132._100:hover {
  background-color: #000;
}

.div-block-4133 {
  font-size: 13px;
  font-weight: 500;
}

.div-block-4133.small {
  font-size: 11px;
}

.div-block-4134 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.native_holder {
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-bottom: 1px solid #f1f1f1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.native_holder.active_scene {
  background-color: #fff;
  border-bottom-width: 0;
  border-bottom-color: #e0e0e0;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  overflow: visible;
}

.native_holder.active_scene.animator {
  background-color: #f8f8f8;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.native_holder.active_scene.align_top {
  padding-top: 20px;
  padding-bottom: 590px;
}

.enabler {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.enabler.active {
  display: flex;
}

.native_controls {
  z-index: 550;
  opacity: 1;
  padding-top: 10px;
  padding-bottom: 15px;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 10px;
}

.native_controls:hover {
  opacity: 1;
}

.native_controls.active_scene {
  z-index: 5;
  opacity: 1;
  max-width: 483px;
  display: flex;
  position: absolute;
  left: auto;
}

.div-block-4135 {
  flex-direction: column;
  align-items: center;
  padding: 0;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: -1px;
}

.div-block-4136 {
  font-size: 11px;
  font-weight: 500;
}

.valid_or_invalid {
  color: #439e27;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  position: relative;
  top: 29px;
}

.valid_or_invalid.g {
  color: #4e4e4e;
  padding-top: 10px;
}

.image-653 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-653.other {
  width: auto;
}

.native_media_gallery {
  z-index: 20;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e0e0e080;
  border-radius: 6px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 452px;
  padding: 14px;
  display: none;
  position: absolute;
  top: 42px;
  left: 126px;
  box-shadow: 0 2px 16px #a8a8a84d;
}

.native_media_gallery.active {
  display: flex;
}

.div-block-4138 {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 6px;
  width: 134px;
  height: 67px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4138:hover {
  border-width: 1px;
  border-color: #a37f7f;
}

.div-block-4139 {
  z-index: 1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4139.add {
  border: 1px solid #dfdfdf;
}

.nws_template1 {
  flex-direction: column;
  max-width: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template1._300x450 {
  max-width: 300px;
}

.div-block-4141 {
  display: flex;
}

.div-block-4142 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 40px;
  font-family: Circularxxweb, sans-serif;
  font-size: 10px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 272px;
}

.div-block-4142:hover {
  background-color: #fff;
  border-color: #757373;
}

.div-block-4142.context {
  top: 304px;
}

.div-block-4142.media1 {
  color: #070707;
  background-color: #fff;
  border-color: #b9b9b9;
  width: 20px;
  height: 40px;
  font-size: 11px;
  top: 31px;
}

.div-block-4143 {
  color: #6e6e6e;
  text-align: center;
  font-size: 8px;
  line-height: 10px;
  position: relative;
}

.div-block-4132-copy {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #66666640;
  border-radius: 6px;
  margin-right: 10px;
  padding: 8px 25px 8px 22px;
  display: flex;
}

.div-block-4132-copy:hover {
  color: #f1f1f1;
  background-color: #161616;
}

.div-block-4132-copy.last {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 20px;
  margin-right: 0;
  padding: 4px;
}

.div-block-4132-copy._100 {
  border-color: #e9e9e900;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.div-block-4131-copy {
  margin-right: 0;
  font-family: Materialicons, sans-serif;
}

.div-block-4130-copy {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  background-color: #3535351a;
  border: 2px solid #181818;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
}

.div-block-4130-copy:hover {
  opacity: 1;
}

.div-block-4130-copy.small {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-right: 0;
}

.div-block-4144 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.div-block-4145 {
  color: #747474;
  width: 200px;
  position: absolute;
  top: 73px;
  right: -271px;
}

.native_container {
  width: 100%;
  height: 100%;
  display: none;
}

.native_container.native {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.native_container.animator {
  overflow: auto;
}

.native_nav_item {
  color: #949494;
  cursor: pointer;
  border: 0 solid #c0c0c061;
  border-bottom-width: 1px;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.native_nav_item:hover {
  border-color: #b6b6b6;
}

.native_nav_item.active {
  color: #1a1a1a;
  background-color: #f2f9fa;
  border-bottom-width: 1px;
  border-bottom-color: #000;
}

.native_nav_item.disabled {
  opacity: .5;
  border-color: #cc6363;
}

.variation_media_container {
  border: 0 solid #f5f5f5;
  border-bottom: 1px solid #f7f7f7;
  flex-direction: column;
  width: 100%;
  min-width: 170px;
  min-height: 100px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.variation_media_container.inactive {
  display: none;
}

.variation_media_container.active {
  border-color: #1d20c7;
}

.div-block-4148 {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-4148.l1 {
  opacity: .8;
  letter-spacing: 0;
  border-top: 1px solid #e6e6e6;
  margin-top: 7px;
  padding-top: 7px;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-4148.l1.report {
  color: #181818;
  border-top-width: 0;
  font-weight: 500;
}

.div-block-4148.l1.report.invisible {
  display: none;
}

.div-block-4149 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  display: flex;
}

.native_media_1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.native_media_1.t3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.native_media_1.t2._300x250 {
  z-index: 1;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 100%;
  padding: 0 0 81px;
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.native_media_1.t2._300x250.square {
  z-index: 6;
  padding: 0;
}

.native_media_1.t2._300x250.active {
  left: 0%;
}

.native_media_1.t2._300x250.highlight_media {
  z-index: 12;
  filter: brightness(120%);
  padding-bottom: 61px;
}

.native_media_1.t2._970x250 {
  width: 50%;
  min-width: 50%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  box-shadow: 1px 2px 14px 7px #00000014;
}

.native_media_1.t2._970x250.square {
  min-width: 250px;
  max-width: 250px;
}

.native_media_1.t2._300x600 {
  height: 50%;
  box-shadow: 0 5px 8px #0000000d;
}

.native_media_1.t2._300x600.scratch {
  box-shadow: none;
}

.native_media_1.t2._300x600.wide {
  max-height: 169px;
}

.native_media_1.t2._300x600.noshadow, .native_media_1.t2._300x600.native_product {
  box-shadow: none;
}

.native_media_1.t2._320x480 {
  min-height: 240px;
  max-height: 60%;
}

.native_media_1.t2._320x480.wide {
  max-height: 190px;
}

.native_media_1.t2.style2 {
  z-index: 1;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}

.native_media_1.t2.style2._300x250 {
  border-radius: 0;
  display: flex;
  position: static;
}

.native_media_1.t2.style2.wide {
  max-height: 100%;
}

.native_media_1.t2.style1 {
  height: 100%;
  max-height: 300px;
}

.native_media_1.t2.style1._0x0 {
  min-height: 50%;
  max-height: 50%;
}

.native_media_1.t2.style1.wide {
  min-height: 169px;
}

.native_media_1.t2._336x280 {
  height: 100%;
  padding: 0 0 91px;
  transition: all .45s;
  position: absolute;
  top: 0;
}

.native_media_1.t2._336x280.square {
  z-index: 6;
}

.native_media_1.t2._336x280.active {
  left: 0%;
}

.native_media_1.t2._336x280.highlight_media {
  padding-bottom: 71px;
}

.native_media_1.t4 {
  background-color: #fff;
  border: 1px solid #2424241c;
  border-right-width: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  height: 250px;
  margin-top: 5px;
  margin-bottom: 5px;
  transition: all .25s;
  overflow: hidden;
}

.native_media_1.t4:hover {
  filter: brightness(105%);
}

.native_media_1.t4._970x250 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.native_media_1.t4.style2 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 265px;
}

.native_media_1.t4._300x250 {
  border-radius: 3px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.native_media_1.t4.wide {
  max-height: 170px;
}

.native_media_1.native_product {
  display: none;
}

.native_media_1.t5 {
  z-index: 1;
  height: 100%;
  position: absolute;
}

.native_content_1 {
  flex-direction: column;
  display: flex;
  position: relative;
}

.native_img {
  border: 0 solid #6b6b6b80;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.native_img.small {
  width: 120px;
  height: 120px;
}

.native_img.product {
  width: 151px;
  height: 120px;
}

.native_brand_name {
  padding-right: 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.native_brand_name.disabled {
  cursor: not-allowed;
}

.native_brand_name.disabled:hover {
  background-color: #f6f2d500;
}

.native_brand_name.underline {
  text-decoration: underline;
}

.native_brand_name.underline.editing {
  background-color: #fcfbf4;
  border: 1px solid #ece9d0;
  margin-right: 5px;
  padding: 12px;
}

.div-block-4150 {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 20px;
}

.div-block-4151 {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 20px;
}

.div-block-4152 {
  background-color: #fff;
  padding-top: 10px;
  position: absolute;
  top: 15px;
}

.message_progress_horizontal {
  flex-direction: row;
  min-width: 92px;
  display: flex;
}

.message_progress_horizontal.native {
  background-color: #f8f8f8;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  height: 3px;
  padding-left: 4px;
  padding-right: 4px;
}

.message_progress_horizontal.native.inactive {
  display: none;
}

.message_progress_horizontal.native.active_scene {
  background-color: #fff;
}

.native_pagination {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 99px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-right: 4px;
  transition: all .4s;
}

.native_pagination:hover {
  background-color: #535353;
  border-color: #535353;
}

.native_pagination.active {
  background-color: #fff;
  border-color: #707070;
  border-radius: 99px;
  width: 50px;
}

.native_pagination.inactive_style {
  background-color: #d51c20;
  border-color: #d51c20;
}

.media_controls {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: 10px;
}

.media_controls.active_scene {
  z-index: 50;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  top: 25px;
}

.media_controls.active_scene.animator, .media_controls.is_playground {
  display: none;
}

.media_controls.is_hidden {
  opacity: 0;
}

.div-block-4154 {
  color: #494949;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-4155, .div-block-4156 {
  position: relative;
}

.delete_media {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.delete_media:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.delete_media.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.delete_media.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.unit_shadow_native {
  z-index: 1;
  opacity: .05;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: absolute;
  bottom: -93px;
  left: -1px;
  transform: rotate(18deg);
}

.unit_shadow_native.horizontal, .unit_shadow_native.native {
  display: none;
}

.unit_shadow_native.active_scene {
  display: flex;
}

.native_display {
  z-index: 5;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  display: none;
  position: relative;
}

.native_display.native {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.the_wrapper {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 320px;
  padding-right: 320px;
  display: flex;
  position: relative;
}

.the_wrapper.disabled {
  filter: blur(2px);
}

.div-block-4157 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-4157.icon {
  margin-left: 0;
  font-family: Materialicons_old, sans-serif;
  font-size: 14px;
}

.div-block-4157.icon.small {
  font-size: 12px;
}

.div-block-4157.update {
  color: #bbb9b9;
  font-size: 10px;
}

.control_native {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.control_native:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.control_native.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.control_native.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.control_native.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.control_native.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.control_native.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.control_native.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.control_native.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.control_native.blue.first {
  background-color: #1654ff;
}

.control_native.blue.first:hover {
  border-color: #1654ff;
}

.control_native.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.control_native.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.control_native.inactive {
  border-color: #a84747;
}

.control_native.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.control_native._100 {
  width: 100%;
  margin-left: 0;
}

.control_native.first {
  margin-left: 0;
}

.control_native.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.control_native.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.control_native.right {
  margin-left: 0;
  margin-right: 5px;
}

.control_native.right.inactive {
  display: none;
}

.control_native.inverted {
  color: #fff;
  border-color: #919191;
}

.control_native.status {
  transition: all .4s;
}

.control_native.status.enabled {
  border-color: #e6e6e6cc;
}

.control_native.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.control_native.small:hover {
  color: #050505;
  background-color: #03030300;
}

.control_native.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.control_native.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.control_native.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.control_native.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.control_native.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.control_native.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.control_native.nospace {
  margin-left: 0;
}

.control_native.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: absolute;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 12px #00000014;
}

.control_native.vertical {
  width: 27px;
  height: 80px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: -58px;
}

.control_native.heatmap.animator, .control_native.improve.animator, .control_native.mindmap.animator, .control_native.playanimation {
  display: none;
}

.control_native.playanimation.animator {
  display: flex;
}

.control_native.invisible {
  display: none;
}

.control_native.resize_timeline {
  z-index: 10;
  background-color: #fff;
  width: 20px;
  margin-left: 0;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: 4px;
}

.control_native.resize_timeline:hover {
  color: #0e0e0e;
  border-color: #313131;
  height: 50px;
}

.control_native.full {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #9c9c9c;
  background-color: #444;
  border-color: #444;
  border-radius: 4px;
  width: 100%;
  height: 27px;
  margin-left: 0;
}

.control_native.full.is_processing {
  cursor: wait;
  background-color: #252525;
}

.control_native.full.reg {
  width: auto;
}

.control_native.abs {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #d4c7c7;
  background-color: #444;
  border-color: #444;
  border-radius: 4px;
  height: 27px;
  margin-left: 0;
  padding-left: 7px;
  padding-right: 7px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.div-block-4158 {
  margin-right: 5px;
}

.div-block-4159 {
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 150px;
  font-size: 30px;
  display: flex;
}

.div-block-4160 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 37px;
  display: flex;
}

.div-block-4160.full {
  width: 1920px;
  height: 1920px;
  position: relative;
}

.nws_template2 {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  width: 300px;
  min-width: 300px;
  height: 600px;
  padding: 0;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template2:hover {
  border-color: #ccc;
}

.nws_template2._300x250 {
  justify-content: flex-end;
  height: 250px;
  padding-top: 0;
}

.nws_template2._970x250 {
  flex-direction: row;
  justify-content: flex-start;
  width: 970px;
  min-width: 970px;
  height: 250px;
  min-height: 250px;
}

.nws_template2._970x250.style2 {
  justify-content: flex-start;
  align-items: center;
}

.nws_template2._320x480 {
  height: 480px;
}

.nws_template2._320x480.styl2 {
  justify-content: center;
}

.nws_template2.style2 {
  background-color: #131313;
  border-color: #d6d6d680;
  justify-content: center;
}

.nws_template2.style2._300x250 {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.nws_template2.live {
  cursor: pointer;
}

.nws_template2._0x0 {
  width: 100%;
  min-width: auto;
  max-width: 600px;
  height: 100%;
  max-height: 800px;
}

.nws_template2._0x0.styl2 {
  justify-content: center;
}

.nws_template2._336x280 {
  justify-content: flex-end;
  align-items: stretch;
  width: 336px;
  min-width: 336px;
  height: 280px;
  padding-top: 19px;
}

.nws_template2.native_product {
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 60px;
}

.nws_template2.native_product._970x250 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}

.nws_template2.fullpage {
  width: 100%;
  min-width: auto;
  max-width: 800px;
  height: 100%;
  max-height: 800px;
}

.nws_template2.t2 {
  justify-content: space-between;
}

.nws_template2.t2.style2 {
  justify-content: flex-end;
}

.nws_template2.t2.native_product.style1._970x250 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-right: 0;
}

.nws_template2.t2.native_product.style1._300x600 {
  justify-content: flex-end;
  align-items: stretch;
}

.text_content {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text_content.t2 {
  width: 100%;
  padding: 0;
}

.text_content.t2._970x250 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text_content.t2.style2 {
  z-index: 5;
}

.text_content.t2.style2._970x250 {
  width: auto;
  max-width: 700px;
  padding-top: 0;
  padding-bottom: 40px;
}

.text_content.t2.style2._300x600 {
  bottom: 80px;
}

.text_content.t3 {
  z-index: 5;
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 410px;
  padding-left: 0;
  display: flex;
  position: absolute;
  bottom: 25px;
}

.text_content.t4 {
  z-index: 5;
  padding-left: 55px;
  padding-right: 15px;
  position: relative;
}

.text_content.t4._970x250 {
  width: 50%;
  padding: 5px 20px 15px 75px;
  position: relative;
  bottom: 0;
  left: 0;
}

.text_content.t4._300x250 {
  padding-left: 75px;
}

.text_content.t4.hidden {
  display: none;
}

.text_content.t5 {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  left: -1px;
}

.natvei_cta {
  color: #fff;
  background-color: #0685ff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 45px;
  min-height: 45px;
  padding: 5px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 9px #0003;
}

.natvei_cta:hover {
  background-color: #161616;
}

.div-block-4164 {
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 32px;
}

.div-block-4164-copy {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 24px;
}

.branding_bar {
  z-index: 2;
  cursor: pointer;
  border: 0 solid #000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 14px;
  font-size: 11px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
  position: absolute;
  left: 0;
}

.branding_bar:hover {
  color: #e7e6e6;
}

.branding_bar.t2 {
  z-index: 7;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #505050;
  background-color: #41414100;
  border-radius: 6px;
  justify-content: space-between;
  padding: 12px 6px 12px 5px;
  position: relative;
  top: 6px;
}

.branding_bar.t2.style2._300x250 {
  color: #fff;
  padding-top: 10px;
}

.branding_bar.t2.style2._970x250 {
  padding-bottom: 5px;
  top: -6px;
}

.branding_bar.t2._336x280 {
  color: #1f1f1f;
}

.branding_bar.t2.native_brand_nobranding {
  display: none;
}

.branding_bar.t2.native_brand_round {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 7px;
}

.branding_bar.t2.native_brand_left {
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-right: 2px;
}

.branding_bar.t2.native_brand_default_nologo {
  padding-left: 7px;
}

.branding_bar.t2.native_brand_left_nologo {
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-right: 2px;
}

.branding_bar.t2.native_brand_clear {
  background-color: #0e0e0e00;
}

.branding_bar.t2.style1._300x250 {
  padding-bottom: 10px;
  padding-left: 15px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.branding_bar.t2.style1._336x280 {
  padding-left: 15px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.branding_bar.t2._300x600 {
  padding-left: 1px;
}

.branding_bar.t3 {
  z-index: 10;
  color: #fff;
  background-color: #41414100;
  background-image: linear-gradient(#0003, #14141400 95%);
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 14px;
  top: 0;
}

.branding_bar.t4 {
  background-color: #f1f1f100;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: static;
}

.branding_bar.t4:hover {
  color: #1b1b1b;
}

.branding_bar.form {
  z-index: 20;
  opacity: 1;
  background-color: #f8f8f8;
  border-bottom-width: 1px;
  border-bottom-color: #f3f3f3;
  position: sticky;
  top: 0;
}

.branding_bar.form:hover {
  color: #222;
}

.branding_bar.form._970x250 {
  background-color: #f8f8f800;
  border-width: 0;
  border-color: #dbdbdb33 #000 #000;
  padding-top: 4px;
  padding-bottom: 4px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.branding_bar.form.default, .branding_bar.inactive, .branding_bar.twostep {
  display: none;
}

.branding_bar.page_style2 {
  display: flex;
  top: 0;
}

.branding_bar.page_default {
  display: none;
}

.branding_bar.t5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  pointer-events: none;
  background-color: #41414100;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 1em;
  transition: opacity .25s;
  position: relative;
  left: auto;
}

.branding_bar.t5.nws_custom_visible {
  opacity: 1;
}

.branding_bar.t5.nws_custom_hidden {
  opacity: 0;
  pointer-events: none;
}

.branding_bar.t5.is_active {
  opacity: 1;
  pointer-events: auto;
}

.branding_bar.alt_media_box {
  top: 0;
}

.div-block-4165 {
  color: #fff;
  background-color: #0685ff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 5px;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-4165.t4 {
  background-color: #0685ff;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-4165.t3 {
  position: absolute;
  bottom: 35px;
  left: 65px;
}

.div-block-4165.style2 {
  font-size: 9px;
}

.div-block-4165.inactive {
  display: none;
}

.div-block-4165.native_brand_round {
  border-radius: 2px;
  position: absolute;
  top: 22px;
  left: 44px;
}

.div-block-4165.t5 {
  color: #3a3a3a;
  background-color: #d1dade;
  min-height: 16px;
  margin-left: 0;
  padding: .5em .8em;
  font-size: .2em;
  line-height: 1em;
}

.div-block-4166 {
  margin-right: 0;
  font-weight: 500;
}

.div-block-4166.style2 {
  font-size: 12px;
}

.div-block-4166.inactive {
  display: none;
}

.div-block-4166.native_brand_round {
  position: absolute;
  top: 3px;
  left: 51px;
}

.div-block-4166.native_brand_left, .div-block-4166.native_brand_left_nologo {
  margin-right: 6px;
}

.div-block-4166.t5 {
  color: #ddd;
  font-size: .32em;
  font-weight: 400;
  line-height: 1em;
  transition: all .35s;
}

.div-block-4167 {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  min-width: 324px;
  padding-left: 10px;
  padding-right: 0;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4167.active_scene {
  align-items: center;
  display: flex;
}

.div-block-4167.left {
  background-color: #fff0;
  justify-content: flex-start;
  min-width: auto;
  padding-left: 0;
}

.div-block-4167.left.inactive {
  display: none;
}

.nws_template3 {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  width: 552px;
  height: 310px;
  padding: 35px 14px 10px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template3:hover {
  border-color: #99aff7;
}

.div-block-4043-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 92px;
  max-width: 483px;
  display: flex;
}

.div-block-4168 {
  flex-direction: row;
  align-items: center;
  min-width: 324px;
  padding-right: 5px;
  display: flex;
}

.div-block-4168.active_scene {
  display: flex;
}

.div-block-4168.inactive {
  display: none;
}

.div-block-4169 {
  margin-left: 10px;
  font-size: 10px;
  font-weight: 500;
}

.change_template {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: none;
  position: absolute;
  bottom: 24px;
}

.change_template.active_scene {
  z-index: 20;
  align-items: center;
  padding-left: 10px;
  display: flex;
  bottom: 65px;
}

.change_template.active_scene.animator {
  display: none;
}

.template_control1 {
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 25px;
  min-height: 25px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.template_control1:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.template_control1.light {
  border-color: #f1f1f1;
}

.template_control1.light:hover {
  background-color: #0685ff;
  border-color: #0685ff;
}

.template_control1.light.first {
  color: #242424;
  border-color: #e4e4e4;
  width: 50px;
  min-width: 50px;
  margin-left: 0;
}

.template_control1.light.first:hover {
  color: #fff;
  background-color: #030303;
  border-color: #030303;
}

.template_control1.small {
  font-size: 12px;
}

.template_control1.last {
  margin-bottom: 0;
}

.div-block-4170 {
  background-color: #ebebeb;
  width: 1px;
  height: 100%;
}

.div-block-4171 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4171.right {
  justify-content: flex-end;
}

.div-block-4172 {
  align-items: center;
  width: 220px;
  min-width: 324px;
  display: flex;
}

.div-block-4172.right {
  justify-content: flex-end;
}

.div-block-4172.right.inactive {
  display: none;
}

.div-block-4173 {
  justify-content: flex-end;
  display: flex;
}

.disabled_screen {
  z-index: 50;
  background-color: #30303033;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.disabled_screen.disabled {
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.div-block-4175 {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  padding: 10px 23px;
  font-weight: 700;
}

.div-block-4176 {
  display: flex;
}

.cta_holder {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.cta_holder.t2 {
  padding: 0;
}

.cta_holder.t2._970x250 {
  z-index: 2;
}

.cta_holder.t2._970x250.style2 {
  justify-content: flex-end;
  display: flex;
}

.cta_holder.t2._970x250.native_product {
  width: auto;
}

.cta_holder.t2._300x250.square {
  z-index: 99;
  position: relative;
}

.cta_holder.t2.native_product {
  width: 100%;
}

.cta_holder.t2.native_product.square {
  z-index: 1;
}

.cta_holder.style2 {
  z-index: 6;
}

.cta_holder.t4 {
  z-index: 4;
  width: 100%;
  padding-bottom: 5px;
  padding-left: 53px;
  padding-right: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta_holder.t3 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

.cta_holder.invisible {
  opacity: 0;
}

.cta_holder._336x280.square {
  z-index: 99;
  position: relative;
}

.cta_holder.t5 {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.cta_holder.t5._970x250 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row-reverse wrap-reverse;
  justify-content: flex-end;
  align-items: center;
  max-width: 400px;
  display: flex;
  left: auto;
  right: 0;
}

.div-block-4177 {
  background-color: #f1f1f1;
  border: 1px solid #e9e9e9;
  border-radius: 99px;
  width: 20px;
  min-width: 20px;
  height: 17px;
  min-height: 17px;
}

.switch_carousel {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: flex-end;
  align-items: center;
  height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 7px;
  padding-right: 3px;
  font-size: 10px;
  display: flex;
}

.switch_carousel:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.switch_carousel.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.switch_carousel.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.div-block-4167-copy {
  background-color: #fff;
  align-items: center;
  padding-left: 0;
  padding-right: 5px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4167-copy.active_scene {
  align-items: center;
  display: flex;
}

.div-block-4178 {
  padding-left: 5px;
  padding-right: 5px;
}

.media_progress {
  z-index: 20;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
}

.media_progress.native {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  height: 3px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  bottom: 17px;
}

.media_progress.native.inactive {
  display: none;
}

.media_progress.native.active_scene {
  background-color: #fff;
}

.media_progress.inactive {
  display: none;
}

.media_progress.t4.native_product {
  padding-left: 50px;
  padding-right: 90px;
  bottom: 10px;
}

.media_progress.t2.style2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  top: 0;
}

.media_progress.t2.style2._970x250 {
  justify-content: flex-end;
  top: 9px;
  bottom: auto;
}

.media_progress.t2.style2._300x250 {
  justify-content: flex-end;
  top: 6px;
  bottom: auto;
  right: auto;
}

.media_progress.t2.style2._300x600 {
  border-width: 0;
  top: 11px;
  bottom: auto;
  right: 0;
}

.media_progress.t2.style1 {
  top: 10px;
  bottom: auto;
}

.media_progress.t2.style1._970x250 {
  top: 10px;
}

.media_progress.t2.native_product {
  align-items: center;
  padding-left: 15px;
  padding-right: 86px;
  bottom: -35px;
}

.media_progress.t2.native_product._970x250 {
  height: 2px;
  max-height: 2px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 85px;
  top: 14px;
  bottom: auto;
}

.media_progress.t3 {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  top: 83px;
  right: 0;
}

.media_progress.t3.style2 {
  justify-content: center;
  width: 100%;
  bottom: 60px;
  right: 0;
}

.media_progress.t3.style2._970x250 {
  justify-content: flex-end;
  top: 8px;
  bottom: auto;
}

.media_progress.t3.style2._300x250 {
  justify-content: flex-end;
  top: 6px;
  bottom: auto;
  right: auto;
}

.media_progress._300x250 {
  bottom: -3px;
}

.media_progress.native_product {
  display: none;
}

.media_progress.t5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 0;
  -webkit-backdrop-filter: blur(.2px);
  backdrop-filter: blur(.2px);
  background-image: linear-gradient(90deg, #1f1f1f00 4%, #00000008 95%);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  padding: .5em;
  transition: all .35s;
  top: 0;
  right: 0;
}

.media_progress.t5.is_ready {
  opacity: 1;
}

.media_progress.t5._600x300, .media_progress.t5._600x250 {
  justify-content: flex-start;
  align-items: center;
}

.media_progress.t5.is_editing {
  border-radius: 100px;
}

.media_progress.t5.layout2 {
  padding-top: 150px;
}

.media_progress.hidden {
  display: none;
}

.scene_progress {
  flex-direction: row;
  min-width: 92px;
  display: flex;
}

.scene_progress.native {
  background-color: #f8f8f8;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  height: 3px;
  padding-left: 4px;
  padding-right: 4px;
}

.scene_progress.native.inactive {
  display: none;
}

.scene_progress.native.active_scene {
  background-color: #fff;
}

.native_pagination_display {
  opacity: .5;
  cursor: pointer;
  background-color: #e0e0e0;
  border: 0 solid #e4e4e4;
  border-radius: 0;
  width: 100%;
  height: 2px;
  min-height: 2px;
  margin-right: 4px;
  transition: all .4s;
  position: relative;
}

.native_pagination_display:hover {
  background-color: #535353;
  border-color: #535353;
}

.native_pagination_display.active {
  opacity: 1;
  background-color: #fff;
}

.native_pagination_display.inactive_style {
  background-color: #d51c20;
  border-color: #d51c20;
}

.native_pagination_display.style2.active {
  opacity: 1;
  background-color: #fff;
  width: 35px;
}

.native_pagination_display.native_product {
  background-color: #494949;
}

.checkbox_native {
  color: #bbb;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-right: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  display: flex;
}

.checkbox_native:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.checkbox_native.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.checkbox_native.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.checkbox_native.active {
  color: #fff;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.checkbox_native.small {
  padding-left: 15px;
  padding-right: 15px;
}

.checkbox_native.small.last {
  margin-right: 0;
}

.native_control {
  z-index: 50;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #1f1f1f;
  cursor: pointer;
  background-color: #ffffffe6;
  border: 2px solid #ffffffe6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
  position: absolute;
  right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.native_control:hover {
  color: #fff;
  background-color: #000;
  border-color: #000000e6;
}

.native_control.left {
  padding-left: 5px;
  left: 10px;
  right: auto;
}

.native_control.left.t4 {
  left: 10px;
}

.native_control.left.t4._970x250 {
  left: 20px;
  right: auto;
}

.native_control.left.t4.native_product._970x250 {
  left: auto;
  right: 51px;
}

.native_control.left.t4.native_product.style1._970x250 {
  right: 48px;
}

.native_control.left.t3 {
  left: auto;
  right: 65px;
}

.native_control.left.native_product._970x250 {
  right: 49px;
}

.native_control.left.inactive.style2, .native_control.inactive, .native_control.inactive.style2 {
  display: none;
}

.native_control.style2 {
  box-shadow: none;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #fff;
  background-color: #fff0;
  border-width: 1px;
  border-color: #ffffff1a;
  width: 33px;
  height: 33px;
  padding-left: 3px;
  display: flex;
  top: 209px;
}

.native_control.style2:hover {
  color: #000;
  background-color: #fff;
  border-color: #ffffffe6;
}

.native_control.style2.left {
  left: 10px;
  right: auto;
}

.native_control.t4._970x250 {
  right: 20px;
}

.native_control.t4.native_product {
  bottom: 10px;
}

.native_control.t4.native_product.style1._970x250 {
  right: 10px;
}

.native_control.t3 {
  color: #fff;
  background-color: #ffffff1a;
  border-width: 0;
  border-color: #0808081a;
  width: 50px;
  font-size: 12px;
  bottom: 25px;
}

.native_control.t3:hover {
  color: #202020;
  background-color: #fff;
}

.native_control.invisible {
  display: none;
}

.native_control._300x250 {
  top: 80px;
}

.native_control.native_product {
  box-shadow: none;
  color: #b9b9b9;
  -webkit-text-stroke-color: #0685ff00;
  background-color: #fff0;
  border-width: 1px;
  border-color: #b9b9b9;
  width: 35px;
  height: 20px;
  font-size: 9px;
  bottom: -35px;
}

.native_control.native_product.left {
  left: auto;
  right: 49px;
}

.native_control.native_product._970x250 {
  top: 6px;
  bottom: auto;
  right: 10px;
}

.native_control.native_product._300x250 {
  top: auto;
  bottom: 7px;
}

.native_control.hidden {
  display: none;
}

.nws_template4 {
  border: 0 solid #e4e4e4;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  width: 300px;
  height: 600px;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template4._970x250 {
  border-width: 1px;
  border-radius: 6px;
  flex-direction: row;
  align-items: stretch;
  width: 970px;
  min-width: 970px;
  height: 250px;
  min-height: 250px;
  padding-top: 0;
  overflow: hidden;
}

.nws_template4.live {
  cursor: pointer;
}

.nws_template4._300x250 {
  border-width: 1px;
  border-color: #eee;
  height: 250px;
}

.nws_template4._0x0 {
  width: 400px;
  max-width: 360px;
  height: 649px;
  max-height: 680px;
}

.nws_template4._336x280 {
  border-width: 1px;
  border-color: #eee;
  height: 250px;
}

.logo_comp {
  border: 0 solid #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: flex-start;
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo_comp.t2 {
  color: #fff0;
  border-width: 0;
  border-color: #4646461f;
  border-radius: 3px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: auto;
  max-height: 30px;
  margin-right: 4px;
  display: flex;
  box-shadow: 0 2px 8px #00000003;
}

.logo_comp.t2.style2 {
  background-color: #fff0;
  border-color: #6b6a6a05;
  border-radius: 99px;
  min-width: 5px;
  max-width: 40px;
  max-height: 40px;
  margin-right: 5px;
  display: flex;
  box-shadow: 0 2px 10px #0000000d;
}

.logo_comp.t2.native_brand_default_nologo {
  display: none;
}

.logo_comp.t2.native_brand_round {
  border-width: 1px;
  border-color: #72727217;
  border-radius: 99px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  box-shadow: 0 2px 5px #0000000d;
}

.logo_comp.t2.native_brand_left {
  margin-right: 0;
}

.logo_comp.t2.native_brand_left_nologo {
  margin-right: 0;
  display: none;
}

.logo_comp.t1 {
  display: none;
}

.logo_comp.t3 {
  background-color: #1414140d;
  border-width: 0;
  margin-right: 7px;
}

.logo_comp.editor:hover {
  border-color: #999;
  padding: 5px;
}

.logo_comp.editor.style2 {
  border-radius: 3px;
}

.logo_comp.invisible {
  opacity: 0;
  display: none;
}

.logo_comp.t5 {
  background-color: #fff0;
  border-width: 1px;
  border-color: #6e6e6e2b;
  border-radius: 99px;
  width: .8em;
  min-width: .8em;
  max-width: none;
  height: .8em;
  min-height: .8em;
  max-height: none;
  top: auto;
}

.logo_comp.t5.is_hidden {
  display: none;
}

.logo_comp.t4 {
  background-color: #fff;
  border-width: 1px;
  border-color: #ebebeb;
  border-radius: 3px;
}

.logo_comp.hidden {
  display: none;
}

.social_display_0 {
  z-index: 3;
  display: flex;
  position: relative;
}

.social_display_0._970x250 {
  width: 50%;
  padding-left: 20px;
  padding-right: 25px;
  position: relative;
  top: 0;
  left: 0;
}

.social_display_0._300x250 {
  padding-left: 15px;
}

.social_display_0._0x0 {
  width: 100%;
}

.social_display_0.hidden {
  display: none;
}

.socialdisplay_content1 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 10px;
  display: flex;
}

.media_container_social {
  z-index: 3;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.media_container_social._970x250 {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.media_container_social.style2 {
  padding-left: 0;
}

.media_container_social._300x250 {
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 11px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  left: -100%;
}

.media_container_social._300x250.active {
  left: 0%;
}

.media_container_social.native_product {
  display: none;
}

.media_container_social._336x280 {
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 11px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  left: -100%;
}

.media_container_social._336x280.active {
  left: 0%;
}

.div-block-4183 {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, #2b2b2b00 60%, #000);
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
}

.div-block-4183.t4._970x250 {
  display: none;
}

.div-block-4184 {
  background-color: #29292900;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-4185 {
  background-color: #eee;
  width: 1px;
  height: 550px;
  position: absolute;
  top: -18px;
}

.social_display_border {
  z-index: 1;
  border: 1px solid #e6e6e699;
  border-radius: 6px 10px 10px 6px;
  width: 280px;
  height: 600px;
  position: absolute;
  top: 0;
  right: 0;
}

.social_display_border._970x250 {
  width: 970px;
  height: 250px;
  display: none;
}

.social_display_border.style2 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.social_display_border._300x250 {
  height: 240px;
  display: none;
}

.social_display_border._0x0 {
  width: 100%;
  height: 100%;
}

.div-block-4186 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 999px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -2px;
}

.div-block-4186._970x250 {
  display: none;
}

.thepickers {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  display: none;
  position: absolute;
  left: 20px;
}

.thepickers.active_scene {
  z-index: 20;
  opacity: 0;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 61px;
  padding-left: 0;
  padding-right: 20px;
  transition: all .55s;
  display: flex;
}

.thepickers.active_scene.active {
  z-index: 20;
  opacity: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 20px 61px 0;
}

.thepickers.active_scene.inactive, .thepickers.active_scene.hidden {
  display: none;
}

.pickerlabel {
  margin-right: 10px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-4189 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #9c9c9c;
  border-bottom: 0 solid #0000;
  border-left: 2px solid #0000;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  transition: color .4s;
  display: flex;
}

.div-block-4189:hover {
  color: #4c4949;
}

.div-block-4189.is_highlighted {
  color: red;
  border-bottom-color: #0000003b;
  border-left-color: #4b4b4b00;
}

.div-block-4189.hidden {
  display: none;
}

.color_theme_dropdown {
  width: auto;
  display: none;
}

.color_theme_dropdown.native {
  display: flex;
}

.color_icon {
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  margin-bottom: 7px;
  margin-right: 0;
  padding-left: 13px;
  padding-right: 7px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.color_icon.simple {
  border-bottom: 1px solid #d3c5c500;
  width: auto;
  margin-bottom: 3px;
  margin-right: 0;
  padding-bottom: 2px;
  font-size: 15px;
}

.color_icon.simple.active {
  color: var(--royal-blue);
  cursor: pointer;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}

.color_icon.hide {
  display: none;
}

.color_icon.s {
  padding-left: 13px;
}

.div-block-4190 {
  opacity: .6;
  background-color: #d8d8d8;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-4191 {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  width: 300px;
  height: 600px;
  max-height: 600px;
  padding: 10px;
  display: none;
  position: absolute;
  top: 38px;
  right: 0;
  overflow: auto;
  box-shadow: -1px -2px 13px #0000001a;
}

.div-block-4191.active {
  flex-direction: column;
  display: flex;
}

.div-block-4191.lightscroll {
  display: flex;
}

.native_logo_holder {
  width: 100%;
  height: 100%;
}

.media_progress_unit {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.media_progress_unit.hidden {
  display: none;
}

.social_holder {
  z-index: 5;
  flex-direction: column;
  width: 100%;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.social_holder._300x250 {
  justify-content: center;
  height: 100%;
  padding-top: 15px;
}

.social_holder._0x0 {
  padding-left: 20px;
}

.social_holder._336x280 {
  justify-content: center;
  height: 100%;
  padding-top: 15px;
}

.social_holder._970x250 {
  justify-content: center;
  align-items: flex-start;
}

.socialprogressbar {
  background-color: #e0e0e0;
  width: 2px;
  height: 100%;
  transition: all .65s;
}

.socialprogressbar._970x250 {
  display: none;
  left: 42px;
}

.socialprogressbar._300x250 {
  width: 1px;
}

.social_timeline {
  justify-content: center;
  height: 87%;
  transition: all .6s;
  display: flex;
  position: absolute;
  top: 52px;
  left: 20px;
}

.social_timeline._970x250 {
  height: 84%;
  left: 41px;
}

.social_timeline._300x250 {
  height: 72%;
  left: 35px;
}

.social_timeline._0x0 {
  left: 40px;
}

.div-block-4192 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: none;
}

.div-block-3333-copy {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #e7e7e780;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 6px;
  display: none;
  position: absolute;
  bottom: 36.5px;
  left: -8px;
  box-shadow: 9px 6px 2px #00000008;
}

.div-block-3333-copy.active {
  display: flex;
  left: auto;
  right: -76.531px;
}

.div-block-4193 {
  color: #292929;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  padding: 12px 55px 12px 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-4193:hover {
  background-color: #f8f8f8;
}

.div-block-4193.last {
  border-bottom-width: 0;
}

.div-block-4194 {
  border-left: 1px solid #e9e9e9;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  display: flex;
}

.div-block-4194.active {
  border-left-color: #c9c9c9;
}

.div-block-4195 {
  border: 0 solid #e0dddd;
  border-radius: 99px;
  justify-content: center;
  align-items: stretch;
  width: 40px;
  min-width: 40px;
  height: 100%;
  min-height: 100%;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-4195.active {
  border-color: #1f1f1f;
}

.div-block-4196 {
  color: #303030;
  border-bottom: 0 solid #e1e1e1;
  align-items: flex-start;
  height: 100%;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-4196.hidden {
  opacity: .5;
}

.native_settings {
  border-top: 0 solid #eee;
  flex-flow: column wrap;
  width: 100%;
  display: none;
}

.native_settings.active {
  background-color: #fff;
  border: 0 solid #000;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.native_settings.active.media {
  background-color: #292929;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 16px 10px 15px;
  overflow: visible;
}

.native_settings.active.media.invisible, .native_settings.active.media.hidden {
  display: none;
}

.div-block-4198 {
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-right: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4198.left {
  border-bottom-width: 0;
  justify-content: flex-start;
}

.div-block-4198.spaced {
  margin-top: 15px;
}

.div-block-4198.spaced.full {
  margin-top: 0;
}

.div-block-4198.spaced.full.nospace {
  margin-top: 0;
  padding-top: 10px;
}

.div-block-4198.noborder {
  border-bottom-width: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.div-block-4198.noborder.full {
  padding-right: 0;
}

.div-block-4198.small {
  padding-top: 8px;
  padding-right: 8px;
}

.div-block-4198.smaller {
  justify-content: flex-start;
  padding-right: 0;
}

.div-block-4198.invisible {
  display: none;
}

.div-block-4198.last {
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-4198.last.full.low {
  padding-top: 10px;
}

.div-block-4198.last.border {
  border-bottom-width: 0;
  margin-bottom: 5px;
  padding-right: 0;
}

.div-block-4198.last.hidden {
  display: none;
}

.div-block-4198.full {
  margin-bottom: 20px;
  padding-right: 0;
}

.div-block-4198.full.noborder {
  margin-bottom: 10px;
}

.div-block-4198.full.notop {
  padding-top: 0;
}

.div-block-4199 {
  flex-flow: column wrap;
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: 300;
  display: flex;
}

.div-block-4200 {
  z-index: 5;
  opacity: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.div-block-4200:hover {
  opacity: 1;
}

.div-block-4200.invisible {
  display: none;
}

.div-block-4201 {
  color: #1d1d1d;
  cursor: pointer;
  border: 1px solid #4b4b4b;
  border-radius: 99px;
  margin-top: 4px;
  margin-right: 3px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4201:hover {
  color: #fff;
  background-color: #131313;
}

.div-block-4201.inactive {
  display: none;
}

.div-block-4201.last {
  margin-right: 0;
}

.div-block-4201.last.larger {
  line-height: 20px;
}

.div-block-4201.last.larger.spaced {
  margin-right: 5px;
}

.div-block-4201.arrows {
  color: #585858;
  border-color: #3a3a3a1a;
  line-height: 20px;
}

.div-block-4201.arrows:hover {
  color: #fff;
  border-color: #8d8d8d33;
}

.div-block-4201._100 {
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-4201._100:hover {
  color: #161616;
  background-color: #13131300;
}

.div-block-4201.has_sound {
  color: #f5f5f5;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}

.div-block-4202 {
  color: #181818;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-4202.ns {
  padding-bottom: 1px;
}

.div-block-4202.spaced {
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.div-block-4203 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-4167-copy-copy {
  background-color: #fff;
  border-top: 0 solid #eee;
  border-bottom: 1px solid #eee;
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0 5px 20px 0;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4167-copy-copy.active_scene {
  align-items: center;
  display: flex;
}

.div-block-4198-copy {
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4198-copy.left {
  justify-content: flex-start;
}

.div-block-4204 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.available_fonts_native {
  margin-bottom: 6px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
  display: none;
}

.available_fonts_native.active {
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.availablefonts_native {
  border: 0 solid #ece4e4;
  min-height: 400px;
  max-height: 400px;
  padding: 0 15px 0 0;
  overflow: auto;
}

.availablefonts_native.lightscroll {
  min-height: 100px;
  max-height: 500px;
}

.div-block-4205 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.native_shadow {
  z-index: 1;
  opacity: .15;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .45s;
  display: flex;
  position: absolute;
  bottom: -71px;
  left: 15px;
  transform: rotate(18deg);
}

.native_shadow.horizontal, .native_shadow.native {
  display: none;
}

.native_shadow.active_scene {
  display: flex;
}

.native_shadow.inactive {
  opacity: 0;
}

.div-block-3081-copy {
  background-image: radial-gradient(circle, #000, #24242400 64%);
  border-radius: 999px;
  width: 90px;
  height: 90px;
  transform: skew(-69deg);
}

.div-block-3081-copy._300x250 {
  opacity: .4;
}

.div-block-4206 {
  height: 100%;
}

.div-block-4207 {
  display: none;
}

.div-block-4207.timelineactive, .div-block-4207.active {
  display: flex;
}

.inventory_dashboard {
  position: relative;
}

.div-block-4208 {
  width: 100%;
  overflow: auto;
}

.div-block-4209 {
  color: #242424;
  cursor: pointer;
  background-color: #f2f5ff;
  border: 1px solid #b9c4e5;
  border-radius: 99px;
  max-height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-4209:hover {
  border-color: #7a7a7a;
}

.div-block-4209.a {
  background-color: #fafaf8;
  border-color: #ccc;
  position: static;
  bottom: -10px;
}

.div-block-4209.a.small {
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-4209.a.active {
  color: #fff;
  background-color: #1554ff;
  border-color: #1554ff;
}

.div-block-4209.inactive {
  color: #8d8d8d;
  background-color: #fff;
  border-color: #dddee0;
}

.div-block-4209.hidden {
  display: none;
}

.item_icon {
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 33px;
  min-width: 33px;
  height: 33px;
  min-height: 33px;
  margin-right: 5px;
  padding: 3px;
  display: none;
}

.item_icon.domain {
  display: flex;
}

.item_label {
  line-height: 15px;
}

.line_label {
  width: 100%;
  font-weight: 500;
}

.domain_line {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  font-weight: 300;
  display: flex;
  position: sticky;
  top: 0;
}

.domain_line:hover {
  background-color: #f8f8f2;
}

.domain_line.active {
  background-color: #eef6fa;
  font-weight: 500;
}

.div-block-3400-copy {
  cursor: pointer;
  border-right: 0 solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.div-block-3400-copy.project {
  cursor: auto;
}

.div-block-3400-copy.domain {
  width: 100%;
}

.domains_head {
  background-color: #f1f1f1;
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 60px;
  min-height: 60px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
}

.side_info-copy1 {
  z-index: 2;
  background-color: #fff;
  justify-content: flex-start;
  width: 260px;
  min-width: 260px;
  max-width: 260px;
  display: flex;
  position: sticky;
  left: 0;
  overflow: hidden;
}

.side_info-copy1.head {
  background-color: #f1f1f1;
  justify-content: flex-start;
  height: 100%;
}

.side_info-copy1.relative {
  justify-content: center;
  align-items: center;
  height: 100px;
  position: relative;
}

.side_info-copy1.domain {
  width: 260px;
  min-width: 260px;
  max-width: 260px;
}

.domains_container {
  max-width: 100%;
  margin-top: 0;
  padding: 0 0 20px;
  font-family: Circularxxweb, sans-serif;
  position: relative;
  overflow: hidden;
}

.div-block-4210 {
  padding: 20px;
  position: relative;
}

.table_container {
  flex-direction: column;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.domain_icon {
  border: 0 solid #e4dbdb;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-right: 5px;
  padding: 0;
  display: flex;
}

.inventory_category {
  color: #bdbdbd;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 30px;
}

.inventory_category:hover {
  color: #1a1a1a;
}

.inventory_category.active {
  color: #111;
  padding-left: 0;
  font-weight: 500;
}

.div-block-4212 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.loading_message {
  display: none;
}

.loading_message.active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4213 {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.image-654 {
  opacity: .15;
  width: 25px;
  margin-right: 8px;
}

.div-block-4214 {
  display: none;
}

.div-block-4214.active {
  margin-left: 5px;
  display: flex;
}

.div-block-4215 {
  display: flex;
}

.div-block-4216 {
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-4216.noborder {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.line_data_item_head {
  z-index: 1;
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  padding: 5px 10px 5px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line_data_item_head.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.line_data_item_head.head:hover {
  background-color: #e9e9e9;
}

.line_data_item_head.head.small {
  cursor: pointer;
  max-width: 200px;
}

.line_data_item_head.input {
  background-color: #9dcffb;
}

.line_data_item_head.textoptions {
  background-color: #afebe4;
}

.line_data_item_head.small {
  min-width: 200px;
  max-width: 200px;
}

.line_data_item_head.fixed {
  z-index: 2;
  background-color: #fff;
  position: sticky;
  left: 0;
}

.line_data_item_head.activefilter {
  background-color: #f3f9fa;
}

.div-block-4217 {
  color: #c5c5c5;
  cursor: pointer;
  border-radius: 3px;
  max-width: 27px;
  margin-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
}

.div-block-4217:hover {
  color: #000;
  background-color: #fff;
}

.div-block-4218 {
  display: flex;
}

.div-block-4219 {
  width: 100%;
}

.reports_item_domains-copy-copy {
  border-right: 1px solid #e7e7e7;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 10px 5px 15px;
  display: flex;
  overflow: visible;
}

.reports_item_domains-copy-copy.head {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 18px;
  padding-bottom: 18px;
}

.reports_item_domains-copy-copy.head:hover {
  background-color: #e9e9e9;
}

.reports_item_domains-copy-copy.head.small {
  cursor: pointer;
  max-width: 200px;
}

.reports_item_domains-copy-copy.input {
  background-color: #9dcffb;
}

.reports_item_domains-copy-copy.textoptions {
  background-color: #afebe4;
}

.reports_item_domains-copy-copy.small {
  min-width: 200px;
  max-width: 200px;
}

.div-block-4220 {
  border-right: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-4221 {
  height: 100%;
  margin-left: 5px;
}

.inventory_line {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  font-weight: 300;
  display: flex;
  position: sticky;
  top: 0;
}

.inventory_line:hover {
  background-color: #f8f8f2;
}

.inventory_line.active {
  background-color: #eef6fa;
  font-weight: 500;
}

.div-block-4222 {
  font-size: 17px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-4223 {
  color: #242424;
  white-space: nowrap;
  background-color: #f4f5da;
  border: 1px solid #ddddd2;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 8px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.div-block-4223.display {
  background-color: #daf0c0;
  border-color: #e6e6e6;
}

.div-block-4223.story {
  background-color: #b2eae4;
  border-color: #e3e9e8;
}

.div-block-4223.pitch {
  color: #fff;
  background-color: #5e8cd6;
  border-color: #5e8cd6;
}

.div-block-4223.activeline {
  display: none;
}

.div-block-4224 {
  align-items: center;
  display: flex;
}

.div-block-4225 {
  color: #616161;
  font-size: 12px;
  font-weight: 400;
}

.div-block-4225.activeline {
  display: none;
}

.main_project_native {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-4226 {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-4227 {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
}

.div-block-4228 {
  color: #cacaca;
  padding-top: 14px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 300;
}

.native_media_unit {
  background-color: #fff;
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  width: 400px;
  height: 100%;
}

.native_content_unit {
  background-color: #fff;
  border: 0 solid #e4e4e4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.native_content_unit.h {
  overflow: auto;
}

.native_content_unit.h.lightscroll {
  background-color: #ffffff2e;
  border-color: #e4e4e433;
  border-radius: 1px;
  height: 100%;
  padding: 15px;
}

.native_content_unit.ismindmap {
  border-color: #e4e4e400;
  padding-left: 15px;
  padding-right: 15px;
}

.native_cta_unit {
  border: 0 solid #e4e4e4;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 0 0 16px;
}

.layers_holder_native {
  flex-flow: column;
  width: 100%;
  max-width: 400px;
  padding: 0 0 15px;
  display: flex;
  overflow: auto;
}

.layers_holder_native.active {
  z-index: 9999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-left: 0 solid #e9e9e9;
  border-right: 1px solid #e6e6e6;
  max-width: 400px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 0;
  left: 0;
}

.div-block-4229 {
  margin-bottom: 0;
  padding: 20px;
}

.div-block-4229.ismindmap {
  display: none;
}

.div-block-4229.active {
  flex-flow: column;
  display: flex;
}

.div-block-4230 {
  width: 20px;
  margin-right: 5px;
}

.div-block-4230.small {
  width: 16px;
}

.div-block-4231 {
  border-top: 1px solid #ececec;
  border-bottom: 0 solid #ececec;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 15px;
  display: flex;
}

.div-block-4231.vertical {
  flex-direction: column;
  padding-bottom: 5px;
}

.div-block-4231.disconnect {
  border-top-width: 0;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 0;
}

.div-block-4231.updated {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  padding-top: 10px;
}

.div-block-4231.noborder {
  border-top-width: 0;
}

.div-block-4231.nospace {
  color: #1f1f1f;
  border-top-width: 0;
  padding-top: 20px;
  padding-left: 0;
}

.div-block-4232 {
  color: #444;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.div-block-4232.bold {
  font-size: 11px;
  font-weight: 500;
}

.div-block-4232.small {
  color: #8b8989;
  font-size: 11px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-4232.small.updated {
  color: #494747;
  font-weight: 500;
}

.div-block-4233 {
  max-width: 20px;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-4233.large {
  max-width: 20px;
  font-size: 14px;
  overflow: hidden;
}

.div-block-4233.rounded {
  color: #121f10;
  border: 1px solid #d1d1d1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
}

.div-block-4234 {
  flex-direction: column;
  height: 0;
  padding-top: 0;
  transition: all .5s;
  display: flex;
  overflow: hidden;
}

.div-block-4234.active {
  flex-direction: column;
  height: auto;
  display: flex;
}

.form-block-14 {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
}

.div-block-4232-copy {
  color: #fff;
  background-color: #30be7c;
  border: 1px solid #4fc38d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 0 6px #0000000a;
}

.div-block-4232-copy.bold {
  font-size: 11px;
  font-weight: 500;
}

.div-block-4232-copy.last {
  background-color: var(--purple);
  cursor: pointer;
  border-color: #1348db;
  border-radius: 2px;
  margin-right: 0;
}

.div-block-4232-copy.last:hover {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}

.div-block-4232-copy.last.white {
  color: #242424;
  background-color: #fff;
  border-color: #cacaca;
}

.div-block-4232-copy.neutral {
  cursor: pointer;
  background-color: #555;
  border-color: #555;
  height: 32px;
}

.div-block-4232-copy.neutral:hover {
  background-color: #272727;
  border-color: #272727;
}

.div-block-4232-copy.neutral.last {
  color: #272727;
  background-color: #f4fdf9;
  border-color: #cecece;
}

.div-block-4232-copy.neutral.red {
  color: #201e1e;
  background-color: #fff;
  border-color: #ddd5d5;
}

.div-block-4231-copy {
  border-top: 0 solid #ececec;
  border-bottom: 0 solid #ececec;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 22px;
  padding-left: 15px;
  display: flex;
}

.div-block-4231-copy.vertical {
  flex-direction: column;
}

.div-block-4231-copy.nopadding {
  padding-left: 0;
}

.div-block-4231-copy.nopadding.small {
  padding-bottom: 15px;
}

.div-block-4231-copy._1 {
  padding-left: 0;
}

.div-block-4231-copy._1._2 {
  justify-content: flex-start;
  padding-bottom: 10px;
}

.div-block-4235 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 0 solid #ececec;
  flex-direction: row;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.div-block-3651-copy {
  color: #3b3b3b;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-3651-copy:hover {
  background-color: #fff;
  border-color: #c9c9c9;
}

.div-block-3651-copy.active {
  background-color: #fff;
  border-color: #acacac;
}

.div-block-3651-copy.invisible {
  display: none;
}

.div-block-4236 {
  border-bottom: 0 solid #dadada;
  width: 100%;
}

.div-block-4237 {
  padding-top: 25px;
  padding-bottom: 10px;
  display: none;
}

.div-block-4237.active {
  flex-direction: column;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-4238 {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 0;
  padding: 25px 25px 25px 20px;
}

.textarea-7 {
  color: #727272;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 100px;
  min-height: 180px;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
  box-shadow: 0 0 6px #0000000f;
}

.textarea-7:hover {
  background-color: #fafaf0;
}

.textarea-7.large {
  border-width: 1px;
  min-height: 150px;
}

.help_context {
  color: #c5c5c5;
  font-size: 11px;
  font-weight: 300;
  line-height: 15px;
}

.help_context.spaced {
  color: #afaaaa;
  border: 1px solid #464646;
  border-radius: 6px;
  margin-top: 6px;
  margin-bottom: 15px;
  padding: 9px;
  font-size: 13px;
  line-height: 17px;
}

.help_context.spaced.yellow {
  background-color: #fcfcfc;
  border-color: #ebebeb;
}

.help_context.spaced2 {
  padding-top: 10px;
}

.div-block-4239 {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  max-height: 60px;
  margin-bottom: 25px;
  transition: all .2s;
  overflow: hidden;
}

.div-block-4239.active {
  max-height: none;
}

.settings_item_1 {
  border-bottom: 1px solid #f5f5f5;
  flex-direction: column;
  width: 100%;
  margin-bottom: 22px;
  padding-bottom: 0;
  display: flex;
}

.settings_item_1.inactive {
  display: none;
}

.settings_item_1.last {
  border-bottom-width: 0;
  margin-bottom: 0;
}

.settings_item_1.last.notspaced {
  padding-bottom: 10px;
}

.settings_item_1.last.hidden {
  display: none;
}

.settings_item_1.last.spaced {
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 10px;
}

.settings_item_1.noline {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.settings_item_1.noline.other {
  margin-bottom: 25px;
}

.settings_item_1.nospace {
  margin-bottom: 0;
  padding-bottom: 6px;
}

.settings_item_1.spaced {
  margin-right: 10px;
}

.settings_item_1.narrow {
  padding-bottom: 5px;
}

.settings_item_1.pause {
  border-bottom-color: #ddd;
}

.settings_item_1.compact {
  border-bottom-width: 0;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.settings_item_1.compact.noborder_large {
  border-bottom-width: 0;
  margin-bottom: 10px;
}

.settings_item_1.top_spaced {
  margin-top: 17px;
}

.settings_item_1._0 {
  border-bottom-width: 0;
  margin-bottom: 0;
}

.settings_header {
  color: #7a7979;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.settings_header.spaced {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 0;
}

.settings_header.spaced.black {
  color: #2b2b2b;
}

.div-block-4240 {
  overflow: hidden;
}

.div-block-4240.visible {
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: visible;
}

.form_overlay {
  z-index: 200;
  width: 100%;
  height: 100%;
  transition: all .5s;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.form_overlay.active {
  display: flex;
}

.form_overlay.twostep {
  background-color: #7272721a;
  align-items: flex-end;
  display: flex;
}

.formcomp {
  background-color: #fff;
  border: 0 solid #c4c4c4;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -5px 25px 5px #0003;
}

.formcomp.lightscroll {
  border-width: 0;
  border-color: #f0f0f0;
  justify-content: space-between;
  padding-top: 0;
}

.formcomp.lightscroll._970x250 {
  border-radius: 0;
  flex-direction: row;
  height: 100%;
}

.formcomp.lightscroll.twostep {
  border-width: 0;
  border-color: #00000005 #000 #000;
  box-shadow: 0 -5px 25px 5px #0000001f;
}

.formcomp.twostep {
  border-top-width: 0;
  border-top-color: #cecece1a;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: auto;
  padding-top: 0;
  overflow: hidden;
  box-shadow: 0 -5px 25px 5px #0000000f;
}

.formcomp.page_style2 {
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  padding-top: 0;
  overflow: auto;
}

.div-block-4244 {
  padding-top: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 25px;
  display: none;
}

.div-block-4244.active {
  z-index: 10;
  line-height: 26px;
  display: flex;
  position: relative;
}

.div-block-4244.inactive {
  display: none;
}

.div-block-4245 {
  border-bottom: 1px solid #2e2e2e17;
  margin-top: 5px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.div-block-4245.active {
  display: flex;
}

.div-block-4245._320x480 {
  display: none;
}

.div-block-4245.twostep {
  z-index: 10;
  border-bottom-width: 1px;
  border-bottom-color: #2e2e2e17;
  padding-bottom: 15px;
  position: relative;
}

.div-block-4245.inactive {
  display: none;
}

.div-block-4245.page_style1 {
  border-bottom-width: 0;
}

.text-field-6 {
  border: 1px solid #dad9d9;
  border-radius: 6px;
  height: 46px;
  padding-left: 14px;
  font-weight: 300;
  box-shadow: 0 0 6px 1px #00000005;
}

.text-field-6:hover {
  background-color: #fafaf0;
  border-color: #6e9ed8;
}

.text-field-6.invalid {
  border-color: #e6c4c4;
}

.text-field-6.phone {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.text-field-6.small {
  max-width: 112px;
}

.div-block-4246 {
  padding: 2px 5px 6px 0;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: relative;
}

.div-block-4246.hidden {
  display: none;
}

.form_item {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 5px;
  display: none;
  position: relative;
}

.form_item.active {
  justify-content: flex-start;
  display: flex;
}

.div-block-4248 {
  width: 100%;
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

.div-block-4248.lightscroll {
  padding-left: 22px;
  padding-right: 22px;
  overflow: visible;
}

.div-block-4248.lightscroll._970x250 {
  padding-top: 25px;
  padding-right: 25px;
}

.div-block-4248.lightscroll.page_style1 {
  padding-left: 22px;
  padding-right: 22px;
}

.div-block-4249 {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.div-block-4250 {
  opacity: .3;
  color: #383838;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  position: absolute;
  top: 4px;
  right: 0;
}

.div-block-4250.active {
  color: #5c5252;
}

.div-block-4250.hidden {
  display: none;
}

.div-block-4251 {
  border-bottom: 0 solid #e6e6e699;
  flex-flow: column;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-4251._970x250 {
  max-width: 260px;
  padding-top: 29px;
}

.div-block-4251.twostep {
  padding-top: 0;
  position: relative;
}

.div-block-4251.page_style1 {
  flex-direction: column;
  justify-content: flex-end;
  height: 170px;
  min-height: 170px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-4251.page_style2 {
  padding-top: 16px;
}

.div-block-4252 {
  width: 100%;
  display: flex;
}

.countrycode {
  border: 1px solid #dad9d9;
  border-radius: 6px 2px 2px 6px;
  width: 100%;
  height: 45px;
  padding-left: 14px;
  font-weight: 300;
  box-shadow: 0 0 6px 1px #00000005;
}

.countrycode:hover {
  background-color: #fafaf0;
  border-color: #6e9ed8;
}

.div-block-4249-copy {
  flex-direction: row;
  width: 90px;
  padding-right: 6px;
  display: flex;
}

.cta_area {
  border-top: 0 solid #7c7c7c0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px 22px 20px;
  display: flex;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -4px 7px #00000003;
}

.cta_area._970x250 {
  background-image: linear-gradient(#fff 7%, #f8f8f8);
  border: 0 solid #000;
  border-left: 1px solid #dbdbdb66;
  justify-content: flex-start;
  max-width: 265px;
  padding-top: 43px;
  padding-left: 20px;
  padding-right: 20px;
  position: static;
  box-shadow: -4px 2px 7px #00000003;
}

.cta_area.twostep {
  border-top-width: 0;
  padding: 2px 21px 20px;
}

.cta_area.twostep._970x250 {
  justify-content: flex-start;
  padding-top: 15px;
}

.cta_area.inactive {
  display: none;
}

.div-block-4254 {
  cursor: pointer;
  background-color: #0685ff;
  border: 1px solid #0685ff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 6px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 6px #0000000d;
}

.div-block-4254:hover {
  filter: sepia(20%) brightness(95%);
}

.div-block-4254.disabled {
  cursor: wait;
}

.div-block-4254.disabled:hover {
  background-color: #0685ff;
}

.div-block-4254.twostep {
  border-radius: 6px;
}

.div-block-4254.rounded {
  border-radius: 99px;
  font-size: 14px;
}

.div-block-4254.straight {
  border-radius: 1px;
}

.div-block-4254.shadow {
  margin-bottom: 6px;
  box-shadow: 8px 8px #0000001c;
}

.div-block-4255 {
  z-index: 10;
  color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 6px 1px #00000005;
}

.div-block-4255.rounded {
  border-radius: 99px;
}

.div-block-4256 {
  z-index: 10;
  color: #bbb;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 3px;
  font-size: 11px;
  display: flex;
  position: relative;
}

.div-block-4256._970x250 {
  text-align: left;
  align-items: flex-start;
}

.div-block-4257 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: underline;
  display: flex;
}

.div-block-4257:hover {
  color: #3d3d3d;
}

.div-block-4257.inactive {
  display: none;
}

.div-block-4258 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: underline;
  display: none;
}

.div-block-4258:hover {
  color: #161616;
}

.div-block-4249-copy {
  flex-direction: row;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.div-block-4249-copy._970x250 {
  padding-right: 0;
}

.div-block-4259 {
  width: 96px;
  padding-right: 5px;
}

.radio_native {
  cursor: pointer;
  border-right: 1px solid #ebebeb;
  border-radius: 3px;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.radio_native:hover {
  background-color: #f1f1f1;
}

.radio_native.light {
  font-size: 11px;
  font-weight: 500;
}

.radio_native.last {
  border-right-width: 0;
}

.radio_native._970x250 {
  height: 44px;
  padding-left: 8px;
  padding-right: 12px;
}

.div-block-4260 {
  flex-direction: column;
  display: none;
}

.div-block-4260.active {
  display: flex;
}

.div-block-4262 {
  width: 300px;
  height: 600px;
  margin-top: 50px;
  padding-top: 50px;
  font-family: Circularxxweb, sans-serif;
  overflow: hidden;
}

.div-block-4262._970x250 {
  width: 970px;
  height: 250px;
}

.div-block-4262.temp {
  height: auto;
}

.div-block-4263 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  overflow: auto;
}

.div-block-4263.lightscroll {
  display: flex;
}

.div-block-4263.lightscroll._970x250 {
  flex-direction: row;
  position: relative;
}

.div-block-4263.lightscroll.twostep {
  padding-left: 7px;
  padding-right: 7px;
}

.div-block-4263.lightscroll.twostep.page_style1 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-4166-copy {
  margin-right: 5px;
  font-weight: 500;
}

.div-block-4166-copy:hover {
  color: #141414;
}

.div-block-4264 {
  cursor: pointer;
  border-left: 0 solid #e6e6e6;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-4264:hover {
  color: #615b5b;
}

.div-block-4264._970x250, .div-block-4264.isinactive {
  display: none;
}

.div-block-4165-copy {
  color: #fff;
  background-color: #3a3a3a;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 3px 5px;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-4165-copy.t4 {
  background-color: #0685ff;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-4165-copy.t3 {
  position: absolute;
  bottom: 35px;
  left: 65px;
}

.text-block-462 {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.form_labels {
  border-bottom: 1px solid #f5f5f5;
  flex-direction: column;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-4266 {
  z-index: 10;
  cursor: pointer;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 14px;
  display: flex;
  position: relative;
}

.div-block-4266.inactive {
  display: none;
}

.div-block-4266.is_error {
  border-bottom: 2px solid #b82323;
}

.div-block-4267 {
  margin-top: -3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

.div-block-4267:hover {
  color: #0685ff;
}

.div-block-4267.is_error {
  color: #d11010;
}

.error_indicator {
  opacity: 0;
  color: #fff;
  background-color: #c43535;
  border: 0 solid #e05050;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 9px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 34px;
  right: 10px;
}

.error_indicator.active {
  opacity: 1;
  background-color: #972e2e;
  display: flex;
}

.error_indicator.multi, .error_indicator.formulti {
  top: 0;
}

.textarea-6-copy-copy {
  border: 0 solid #dadada;
  border-radius: 2px;
  min-height: 160px;
  margin-bottom: 0;
  padding-top: 37px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.textarea-6-copy-copy:focus {
  background-color: #fafaf0;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.div-block-4268 {
  background-color: #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-4269 {
  margin-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
}

.form_thankyou {
  z-index: 15;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  top: 0;
}

.form_thankyou.active {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.div-block-4271 {
  padding-left: 15px;
  padding-right: 15px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.div-block-4253-copy {
  border: 0 solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.div-block-4272 {
  z-index: 5;
  opacity: .6;
  filter: brightness(40%);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #0685ff;
  width: 100%;
  height: 100%;
  transition: all .6s;
  position: absolute;
  left: -100%;
}

.div-block-4273 {
  z-index: 5;
  position: relative;
}

.div-block-4274 {
  max-width: 500px;
  padding: 0;
}

.div-block-4274.tight {
  padding-top: 15px;
  padding-left: 0;
}

.div-block-4237-copy {
  padding-top: 25px;
  padding-bottom: 10px;
  display: none;
}

.div-block-4237-copy.active {
  flex-direction: column;
  padding: 10px 0 0;
  display: flex;
}

.action_settings {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 8px;
  height: 64px;
  margin-bottom: 15px;
  overflow: hidden;
}

.action_settings.collapsed {
  height: 64px;
}

.action_settings.opened {
  border-width: 0;
  border-color: #e7e7e7;
  height: auto;
  overflow: visible;
}

.action_settings.opened:hover {
  border-color: #dfdfdf;
}

.pdflabel {
  color: #5a5a5a;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #8b8b8b;
  border-radius: 99px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  display: none;
}

.pdflabel:hover {
  color: #fff;
  background-color: #131313;
}

.pdflabel.active {
  z-index: 20;
  color: #fff;
  background-color: #ef161a;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

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

.leadform._970x250 {
  grid-column-gap: 8px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-4275 {
  z-index: 2;
  position: relative;
}

.rollover_progress {
  opacity: .5;
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  background-color: #d4d5ca;
  width: 100%;
  height: 100%;
  transition: all 1.2s;
  position: absolute;
  left: -100%;
}

.rollover_progress.active {
  left: 0%;
}

.cta_content {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_content.t4._300x250 {
  justify-content: center;
  width: auto;
}

.cta_content.t5 {
  justify-content: space-between;
  padding-left: 1em;
  padding-right: 1em;
}

.cta_content.t2 {
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 12px;
}

.cta_content.sound {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-4278 {
  width: 100%;
  height: 100%;
}

.div-block-4279 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.skill_item-copy {
  color: #222;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 25px 20px 20px;
  display: flex;
}

.skill_item-copy:hover {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.skill_item-copy:focus {
  border-color: #8a8484;
}

.text-block-463 {
  padding-bottom: 15px;
}

.customfield {
  border-left: 1px solid #f1f1f1;
  flex-direction: column;
  height: 0;
  margin-top: 20px;
  padding-left: 46px;
  transition: all .45s;
  display: none;
  overflow: hidden;
}

.customfield.active {
  border-left-width: 0;
  width: 100%;
  height: auto;
  padding-left: 0;
  display: flex;
  overflow: visible;
}

.div-block-4280 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-4261-copy {
  background-color: #f0ecde;
  border-radius: 4px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
  font-weight: 700;
}

.div-block-4281 {
  margin-top: 5px;
}

.div-block-4282 {
  width: 100%;
  margin-bottom: 10px;
}

.div-block-4283 {
  display: flex;
}

.client_slider_container {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.client_slider_container._50 {
  border-bottom-width: 0;
  width: 50%;
  min-width: 104px;
  margin-left: 0;
  padding-bottom: 0;
}

.client_slider_container._50.last {
  margin-right: 0;
}

.client_slider_container._50.first {
  margin-right: 20px;
}

.client_slider_container.last {
  padding-bottom: 12px;
}

.client_slider_container.no_margin {
  margin-left: 0;
}

.client_slider_label {
  color: #333;
  border-bottom: 1px dashed #0000;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
}

.client_slider_label.active {
  color: #3d61c3;
  cursor: pointer;
  border-bottom-color: #254ec0;
}

.client_slider_label.bold {
  letter-spacing: 0;
  font-weight: 500;
}

.client_slider_label.ai {
  color: #444;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.client_slider_label.emoji {
  width: 100%;
}

.slider_value_client {
  color: #f1ecec;
  white-space: nowrap;
  background-color: #1f1f1f;
  border: 0 solid #000;
  border-radius: 4px;
  margin-left: 7px;
  padding: 2px 6px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 10px;
}

.slider_value_client.small {
  color: #645e5e;
  font-size: 4px;
}

.slider_value_client.hidden {
  color: #fff;
}

.slider_value_client.ai {
  color: #f3e9e9;
  background-color: #181818;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.slider_value_client.bold {
  display: none;
}

.slider_value_client.emoji {
  color: #fff;
  background-color: #f83b0c;
}

.multi_overlays {
  z-index: 99;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.multi_overlays.opened {
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.dropdown_label {
  color: #4b4b4b;
  background-color: #f1f1f1;
  align-items: center;
  height: 26px;
  max-height: 26px;
  padding-left: 7px;
  padding-right: 7px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 12px;
  display: flex;
}

.dropdown_content {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-4047-copy {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 3px;
  left: 3px;
}

.div-block-4284 {
  color: #9c9c9c;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 2px solid #0000;
  margin-left: 10px;
  margin-right: 0;
  padding: 15px 5px;
  font-size: 10px;
  font-weight: 700;
}

.div-block-4284:hover {
  color: #202020;
}

.div-block-4284.active {
  color: #111;
  border-bottom-color: #000;
}

.div-block-4284.first {
  margin-left: 0;
}

.div-block-4285 {
  border-bottom: 1px solid #e4e4e4;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.div-block-4286 {
  border-left: 1px solid #eee;
  padding-top: 10px;
  padding-left: 40px;
}

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

.logic_condition.active {
  padding-bottom: 10px;
  display: flex;
}

.div-block-4287 {
  padding-top: 0;
  padding-bottom: 30px;
  display: flex;
}

.div-block-4288 {
  display: none;
}

.div-block-4288.active {
  display: flex;
}

.div-block-4289 {
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  display: flex;
}

.div-block-4290 {
  display: flex;
}

.content_rule {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-4291 {
  margin-bottom: 5px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
}

.div-block-4292 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-4293 {
  padding-bottom: 16px;
}

.div-block-4294 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-4295 {
  position: relative;
}

.div-block-4296 {
  padding-bottom: 14px;
  font-weight: 300;
}

.swipe_action {
  z-index: 5;
  opacity: .6;
  mix-blend-mode: luminosity;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: opacity .5s;
  display: flex;
  position: absolute;
}

.swipe_action.active {
  display: flex;
}

.swipe_action.t2 {
  top: 66px;
  right: 0;
}

.swipe_action.t2._970x250 {
  width: 30%;
}

.swipe_action.inactive {
  opacity: 0;
}

.swipe_action.style2._970x250 {
  width: 40%;
  right: 0;
}

.swipe_action.style2._300x600 {
  top: 200px;
}

.swipe_action.carousel, .swipe_action.zoom, .swipe_action.scratch {
  display: flex;
}

.swipe_action._300x250 {
  top: 67px;
}

.swipe_action.auto.style1._300x250 {
  top: 50px;
}

.image-655 {
  z-index: 5;
  width: 70px;
  position: relative;
}

.div-block-4297 {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  background-color: #242424;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
  font-weight: 700;
  display: flex;
}

.swipe_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2px;
  display: flex;
}

.swipe_container.onemedia {
  display: none;
}

.div-block-4298 {
  z-index: 4;
  background-image: linear-gradient(to right, #fff0 13%, #fff 48%, #fff0 90%);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 25px;
}

.pitch_results {
  flex-direction: column;
  width: 100%;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pitch_results.hidden {
  display: none;
}

.pitch_results.large {
  padding-left: 0;
  padding-right: 0;
}

.div-block-4299 {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4299.hidden {
  display: none;
}

.div-block-4300 {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-4301 {
  font-size: 15px;
  font-weight: 500;
}

.div-block-4302 {
  color: #5e5e5e;
  background-color: #fff;
  border: 1px solid #e4e4e480;
  border-radius: 6px;
  margin-top: 5px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 300;
}

.div-block-4303 {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #e6e3e3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.div-block-4303.ready {
  color: #000;
  background-color: #c5e286;
  border-color: #9dda8c;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}

.div-block-4303.clickable {
  cursor: pointer;
  transition-duration: .2s;
}

.div-block-4303.clickable:hover {
  color: #e7dfdf;
  background-color: #303030;
}

.pitchstatusbar {
  background-color: #eef1e9;
  width: 100%;
  height: 100%;
  transition: all .75s;
  position: absolute;
  top: 0;
  left: -100%;
}

.div-block-4305 {
  background-color: #ddd6d6;
  width: 1px;
  height: 90px;
  position: absolute;
  top: 0;
  right: 45px;
}

.div-block-4305.last {
  height: 40px;
}

.div-block-4305.first {
  height: 50px;
  top: auto;
  bottom: 0;
}

.div-block-4306 {
  margin-top: 20px;
}

.main_project_pitch {
  position: relative;
}

.div-block-4307 {
  width: 50%;
  margin-top: 5px;
  margin-bottom: 15px;
}

.div-block-4307.first {
  margin-right: 10px;
}

.div-block-4307.first._100 {
  width: 100%;
  margin-right: 0;
}

.div-block-4308 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3966-copy-copy12 {
  background-color: #000;
  width: 50px;
  height: 10px;
  position: absolute;
  top: -25px;
  bottom: auto;
}

.div-block-3966-copy-copy12.light {
  background-color: #ececec;
}

.pagination {
  align-items: center;
  max-width: 600px;
  display: flex;
  overflow: hidden;
}

.div-block-4001-copy {
  opacity: 1;
  color: #141414;
  letter-spacing: -1px;
  margin-bottom: 5px;
  font-family: NeueHaasGrotText-65Medium-Web, sans-serif;
  font-size: 46px;
  line-height: 52px;
}

.div-block-4001-copy.inverted {
  color: var(--white-smoke-inv);
}

.div-block-4001-copy.inverted.canedit:hover {
  background-color: #cecece14;
}

.context_item {
  text-align: left;
  border-bottom: 1px solid #c2c2c21c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 650px;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.context_item.white {
  color: #f1eeee;
}

.div-block-4310 {
  color: #e6e6e6;
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.div-block-4310.inverted {
  background-color: #585858;
}

.div-block-4311 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-3966-copy {
  background-color: #5252521a;
  width: 100vw;
  height: 1px;
  position: absolute;
  top: -12px;
  bottom: auto;
}

.div-block-3966-copy.inverted {
  background-color: #ececec1a;
}

.div-block-4312 {
  text-align: left;
  margin-top: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 34px;
}

.div-block-4008-copy {
  background-color: #1a191f;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro_line {
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 400;
  display: flex;
}

.swiper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-4313 {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.partners_cover {
  width: 100%;
  height: 100vh;
  padding: 60px 120px 60px 60px;
  transition: all .15s;
  position: relative;
  overflow: hidden;
}

.partners_cover.inverted {
  background-color: var(--black);
}

.sw_left {
  color: #1a1a1a;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #4b4b4b;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  margin-left: 10px;
  padding-left: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  transition: all .3s;
  display: flex;
}

.sw_left:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  width: 90px;
}

.div-block-4004-copy {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-4314 {
  z-index: 4;
  color: #5f5e5e;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: 2px;
  left: -77px;
}

.div-block-4314.s2 {
  letter-spacing: 0;
  padding-left: 100px;
}

.div-block-4314.s3 {
  padding-left: 200px;
}

.div-block-4314.inverted {
  background-color: var(--black);
  color: var(--white-smoke-inv);
  border-color: #5f5f5f;
}

.context_item-copy {
  color: #f1efef;
  text-align: left;
  border-bottom: 0 solid #c2c2c21c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 950px;
  margin-bottom: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.div-block-4315 {
  border-radius: 24px;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.partners_footer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.partners_page5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4316 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4317 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 40px;
  padding-right: 35px;
  display: flex;
  position: relative;
}

.div-block-4317.reverse {
  padding-left: 40px;
  padding-right: 70px;
}

.div-block-4317.inverted {
  color: #dadada;
}

._11div-block-4008-copy {
  background-color: #fff;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 100px 20px 50px 40px;
  display: flex;
}

.div-block-1541-copy-2 {
  white-space: nowrap;
  margin-right: 0;
  font-size: 17px;
  font-weight: 300;
}

.div-block-4002-copy {
  color: #2c2c2c;
  text-align: left;
  max-width: 700px;
  margin-top: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 34px;
}

.div-block-4002-copy.canedit:hover {
  background-color: var(--alice-blue);
}

.div-block-4002-copy.inverted {
  color: silver;
}

.div-block-4002-copy.inverted.canedit:hover {
  background-color: #e9f2f32b;
}

.stories_container {
  background-color: #fff;
  border: 0 solid #e0e0e0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 340px;
  max-width: 361px;
  height: 100%;
  min-height: 625px;
  max-height: 650px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 14px #0000000d;
}

.stories_container.inverted {
  background-color: #464646;
}

.stories_container.nob {
  box-shadow: none;
  background-color: #fff0;
}

.div-block-3959-copy {
  max-width: 550px;
  font-family: Circularxxweb, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
}

.div-block-4318 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.div-block-4319 {
  background-color: #5252521a;
  width: 100vw;
  height: 1px;
  position: absolute;
  bottom: -36px;
}

.div-block-4319.inverted {
  background-color: #b3b3b31a;
}

.div-block-3955 {
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.div-block-4320 {
  filter: blur(12px);
  background-image: radial-gradient(circle, #000, #fff);
  border-radius: 999px;
  width: 300px;
  height: 3px;
  position: relative;
  top: 28px;
}

.div-block-4320.inverted {
  background-image: radial-gradient(circle, #000, #535353);
}

.div-block-4321 {
  align-items: center;
  height: 50px;
  display: flex;
}

.theslide {
  border: 0 solid #dadada;
  border-radius: 6px;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 600px;
  margin-right: 30px;
  display: flex;
}

.div-block-3962 {
  color: #2c2c2c;
  min-width: 20px;
  min-height: 20px;
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 300;
  line-height: 35px;
}

.div-block-3962.inverted {
  color: #eee4e4;
}

.div-block-3956-copy {
  z-index: 5;
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3956-copy.inverted {
  background-color: #252525;
  border-color: #333;
}

.logo {
  color: #070707;
  cursor: pointer;
  width: 100%;
  min-width: 140px;
  max-width: 200px;
  height: 52px;
  font-family: Inconsolata, monospace;
  font-size: 40px;
  line-height: 40px;
  text-decoration: none;
  position: relative;
}

.partners_page3 {
  border-top: 0 solid #f3f3f3;
  width: 100%;
  padding: 30px 120px 30px 60px;
  position: relative;
  overflow: hidden;
}

.partners_page3.inverted {
  background-color: var(--black);
}

.sw_right {
  color: #fff;
  cursor: pointer;
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  margin-left: 5px;
  padding-left: 2px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  transition: all .3s;
  display: flex;
}

.sw_right:hover {
  color: #3f3f3f;
  background-color: #fff;
  border-color: #3f3f3f;
  width: 160px;
}

.div-block-4322 {
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
  position: relative;
}

.div-block-4323 {
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.div-block-3955-copy-copy {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.div-block-4324 {
  max-width: 550px;
  padding-left: 40px;
  font-family: Circularxxweb, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
}

.div-block-4325 {
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: 10px;
  font-size: 10px;
  font-weight: 300;
}

.sw_bullet {
  opacity: .5;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #0000;
  border-radius: 999px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-right: 5px;
  transition: all .5s;
}

.sw_bullet:hover {
  background-color: #fff;
  border: 1px solid #000;
}

.sw_bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 55px;
}

.div-block-4326 {
  opacity: 1;
  color: #2c2c2c;
  border-bottom: 1px solid #ebebeb;
  font-size: 21px;
  font-weight: 700;
  line-height: 32px;
}

.div-block-4326.inverted {
  color: var(--white-smoke-inv);
  border-bottom-color: #494949;
}

.div-block-3975 {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.image-690 {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-4327 {
  border-radius: 24px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-4328 {
  opacity: .98;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-1542-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 60px;
  display: flex;
}

.div-block-4329 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-4330 {
  color: #1d1d1d;
  text-align: left;
  letter-spacing: -1px;
  justify-content: flex-start;
  align-items: center;
  font-family: NeueHaasGrotText-65Medium-Web, sans-serif;
  font-size: 48px;
  line-height: 52px;
  display: flex;
}

.div-block-4002 {
  font-family: Circularxxweb, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 35px;
}

.div-block-4002.canedit:hover {
  background-color: var(--alice-blue);
}

.div-block-4331 {
  opacity: 1;
  background-color: #f8f8f6;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-4331.inverted {
  opacity: .75;
  background-color: #313131;
}

.div-block-4332 {
  align-items: center;
  display: flex;
}

.div-block-4333 {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.sw_left-copy {
  color: #1a1a1a;
  cursor: pointer;
  border: 1px solid #b3b3b3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 80px;
  min-height: 80px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 0;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  transition: all .3s;
  display: flex;
  position: static;
  bottom: 20px;
  right: 20px;
}

.sw_left-copy:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  height: 150px;
}

.sw_left-copy.inverted {
  color: #acacac;
  border-color: #4d4d4d;
}

.div-block-4334 {
  border-radius: 3px;
  min-width: 80px;
  max-width: 450px;
  margin-right: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 34px;
}

.div-block-4334.editing {
  background-color: var(--ivory-2);
}

.div-block-4334.canedit:hover {
  background-color: var(--alice-blue);
}

.div-block-4334.inverted {
  color: silver;
}

.div-block-2342 {
  opacity: 1;
  mix-blend-mode: multiply;
  align-items: center;
  display: flex;
}

.sdiv-block-4008-copy {
  background-color: #fff;
  border-radius: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 30px;
  display: flex;
}

.partners_page2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
  position: relative;
}

.partners_page2.inverted {
  background-color: var(--black);
}

.partners_page4 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
}

.div-block-4335 {
  color: #fff;
  background-color: #fa0808;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  line-height: 12px;
  display: none;
}

.div-block-4335.active {
  display: flex;
}

.sheet_element {
  cursor: pointer;
  margin-right: 5px;
  font-size: 20px;
}

.sheet_element:hover {
  text-decoration: underline;
}

.partners_context {
  border: 0 solid #e6e6e6;
  border-top: 1px solid #f3f3f3;
  border-bottom-color: #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px;
  display: flex;
}

.sheets_container {
  flex-direction: column;
  margin-top: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  display: flex;
  position: relative;
}

.sheets_container.border {
  border-top: 1px solid #f5f5f5;
  margin-top: 15px;
  padding-top: 15px;
}

.image-691 {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.wrapper {
  height: 100%;
  display: flex;
}

.div-block-4336 {
  color: #080808;
  letter-spacing: -1px;
  border-radius: 3px;
  font-family: NeueHaasGrotText-65Medium-Web, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.div-block-4336.h2 {
  color: #a0a0a0;
}

.div-block-4336.h2.inverted {
  color: #929292;
}

.div-block-4336.editing {
  background-color: var(--ivory-2);
}

.div-block-4336.canedit {
  cursor: text;
}

.div-block-4336.canedit:hover {
  background-color: var(--alice-blue);
}

.div-block-4336.h5 {
  color: #cecece;
  letter-spacing: -.3px;
  font-size: 20px;
  line-height: 25px;
}

.div-block-4336.h5.inverted {
  color: #868686;
}

.div-block-4336.inverted {
  color: #d4d4d4;
}

.div-block-4336.inverted.canedit:hover {
  background-color: #e9f2f31f;
}

.div-block-4336.inverted.editing:hover {
  background-color: #f2f3e924;
}

.div-block-4337 {
  padding-left: 40px;
  padding-right: 20px;
}

.pitch_nav_item {
  color: #949494;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  transition: all .16s;
  display: flex;
  overflow: hidden;
}

.pitch_nav_item:hover {
  border-color: #b6b6b6;
}

.pitch_nav_item.active {
  color: #1a1a1a;
  border-color: #7986ad;
  box-shadow: 0 2px 5px #0000000d;
}

.div-block-4148-copy {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-4148-copy.l1 {
  opacity: .8;
  letter-spacing: 0;
  border-top: 1px solid #e1e1e1;
  max-height: 100px;
  margin-top: 7px;
  padding-top: 7px;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  overflow: hidden;
}

.div-block-4338 {
  border-radius: 24px;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-4338.thecover {
  border-radius: 24px;
  overflow: hidden;
}

.mediacontrols_pitch {
  z-index: 5;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  padding-right: 25px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.mediacontrols_pitch.canedit {
  opacity: .1;
  transition: all .3s;
  display: flex;
}

.mediacontrols_pitch.canedit:hover {
  opacity: 1;
}

.div-block-4340 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 14px 25px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 5px #0000001a;
}

.div-block-4340:hover {
  color: #eee8e8;
  background-color: #000;
}

.div-block-4340.inactive {
  display: none;
}

.div-block-4203-copy {
  background-color: #fff;
  border-top: 0 solid #ebebeb;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1px;
  padding: 0 10px;
  transition: all .16s;
  display: none;
  overflow: hidden;
}

.div-block-4203-copy.active {
  color: #474545;
  border-top-width: 1px;
  justify-content: space-between;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 -2px 6px #00000005;
}

.div-block-4341 {
  display: flex;
}

.div-block-4342 {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-4342.active {
  flex-direction: row;
  display: flex;
}

.div-block-4343 {
  width: 100%;
  height: 100%;
}

.div-block-4344 {
  border-top: 0 solid #ebebeb;
  width: 100%;
}

.div-block-4345 {
  color: #353535;
  justify-content: flex-start;
  padding-bottom: 6px;
  display: flex;
}

.content_settings {
  border-top: 1px solid #ebebeb;
  max-width: 500px;
  padding: 28px 25px 15px;
  display: none;
}

.content_settings.product {
  flex-direction: column;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  box-shadow: 0 -2px 5px #00000008;
}

.partners_page2_2 {
  border-top: 0 solid #c4c4c4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
  position: relative;
}

.pitch_container {
  flex-direction: column;
  align-items: flex-start;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-4346 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-4346.active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4346.nob {
  background-color: #fff0;
}

.partners_problem {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
  position: relative;
}

.partners_problem.inverted {
  background-color: var(--black);
}

.partners_solution {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px 120px 30px 60px;
  display: flex;
  position: relative;
}

.native_content_unit-copy {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  padding: 11px 25px;
}

.native_content_unit-copy.h {
  overflow: auto;
}

.native_content_unit-copy.h.lightscroll {
  background-color: #ffffff2e;
  border-width: 0;
  border-color: #e4e4e433;
  border-radius: 1px;
  width: 100%;
  height: 100%;
  padding: 0 15px 15px 0;
}

.pitch_navigation {
  z-index: 30;
  border-right: 1px solid #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 60px;
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.pitch_navigation.lightscroll {
  z-index: 30;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding-top: 10px;
  overflow: auto;
}

.pitch_navigation.lightscroll.fixed {
  position: fixed;
}

.pitch_nav_button {
  color: #a0a0a0;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.pitch_nav_button:hover {
  color: #1b1b1b;
  border-color: #3a3a3a;
}

.pitch_nav_button.active {
  color: #1d1d1d;
  background-color: #fff;
  border-color: #b6b6b6;
  height: 70px;
}

.pitch_nav_button.mat {
  color: #929292;
  border-color: #929292;
  height: 70px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
}

.div-block-4349 {
  flex-direction: column;
  display: flex;
}

.div-block-4349.hidden {
  display: none;
}

.div-block-4350 {
  width: 100%;
}

.div-block-4351 {
  height: 600px;
  max-height: 600px;
  position: relative;
  overflow: hidden;
}

.div-block-4352 {
  z-index: 5;
  background-color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  position: absolute;
  top: -32px;
  left: 10px;
}

.div-block-4331-copy {
  opacity: 1;
  background-color: #f8f8f6;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-4331-copy.inverted {
  opacity: .9;
  background-color: #3d3d3d33;
}

.div-block-4353 {
  background-color: #d6d6d6;
  width: 1px;
  height: 100%;
  position: static;
  left: 40px;
}

.div-block-4353.f.inverted {
  background-color: #3f3f3f;
}

.div-block-4353.inverted {
  background-color: #353434;
}

.div-block-4354 {
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 40px;
}

.div-block-4354.first {
  top: 70px;
}

.div-block-4354.last {
  top: -50%;
}

.div-block-4355 {
  background-color: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 99px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 46px;
  left: -7px;
}

.div-block-4355.f {
  justify-content: center;
  align-items: center;
  height: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
  top: -2px;
}

.div-block-4355.f.inverted {
  background-color: #141414;
  border-color: #414141;
}

.div-block-4355.last {
  top: auto;
  bottom: 0;
}

.div-block-4355.inverted {
  background-color: var(--black);
  border-color: #5a5a5a;
}

.div-block-4356 {
  z-index: 6;
  color: #ececec;
  cursor: pointer;
  background-color: #1b1b1b;
  border: 1px solid #2c2c2c;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 50px;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0000000f;
}

.div-block-4356:hover {
  color: #1a1a1a;
  background-color: #fff;
  border-color: #202020;
  box-shadow: 0 2px 5px #0000001a;
}

.div-block-4356.inverted {
  color: #181818;
  background-color: #f3f3f3;
  border-color: #dfdfdf;
}

.div-block-4356.inverted:hover {
  color: #f1f1f1;
  background-color: #6d6d6d;
  border-color: #616161;
}

.products_line {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.products_line:hover {
  background-color: #f8f8f2;
}

.products_line.active {
  background-color: #eef6fa;
  font-weight: 500;
}

.div-block-4357 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block-4 {
  color: #5e5e5e;
}

.div-block-3307-copy {
  color: #424242;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 5px 18px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-3307-copy:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.div-block-3307-copy.last {
  border-left-width: 1px;
  border-left-color: #ebebeb;
  margin-right: 0;
}

.div-block-3307-copy.a {
  color: #eee;
  background-color: #1d1d1d;
  padding-left: 30px;
}

.div-block-3307-copy.float {
  color: #0e0e0e;
  white-space: nowrap;
  background-color: #ececec;
  border-color: #fff;
  border-radius: 6px;
  height: 36px;
  margin-left: 6px;
  margin-right: 0;
  padding: 1px 20px;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  bottom: 15px;
  right: 6px;
}

.div-block-3307-copy.float:hover {
  background-color: #fff;
  border-color: #dbdbdb;
}

.div-block-3307-copy.float._2 {
  position: static;
  right: 70px;
}

.div-block-3307-copy.float-copy {
  margin-right: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 18px;
  font-size: 9px;
  position: static;
  bottom: 0;
  right: 4px;
}

.div-block-3307-copy.float-copy {
  color: #fff;
  white-space: nowrap;
  background-color: #3d3d3d;
  border-color: #6d6d6d;
  border-radius: 6px;
  width: 100%;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding: 1px 20px;
  font-size: 11px;
  font-weight: 500;
  position: static;
  bottom: 0;
  right: 4px;
  box-shadow: 0 2px 5px #00000014;
}

.div-block-3307-copy.float-copy:hover {
  background-color: #1654ff;
  border-color: #1654ff;
}

.div-block-3307-copy.float-copy._2 {
  position: static;
  right: 70px;
}

.form-block-15 {
  width: 100%;
}

.div-block-4358 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.text-block-474 {
  line-height: 10px;
}

.div-block-4359 {
  border: 1px solid #0000;
  border-radius: 1px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  max-width: 160px;
  min-height: 15px;
  display: flex;
  overflow: hidden;
}

.div-block-4359.canedit {
  cursor: pointer;
}

.div-block-4359.canedit:hover {
  border-color: #dadadad4;
}

.branding_logo_pitch {
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.branding_logo_pitch.canedit {
  flex-direction: row;
  margin-top: 40px;
}

.div-block-4361 {
  border: 0 solid #eee;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0;
}

.text-block-475 {
  font-size: 18px;
}

.div-block-4362 {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  width: 100%;
  height: 500px;
  padding: 7px;
  box-shadow: 0 0 6px #0003;
}

.div-block-4362.lightscroll {
  color: #727272;
  border-width: 1px;
  border-color: #dadada;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px;
  font-weight: 300;
  line-height: 21px;
  overflow: auto;
  box-shadow: 0 0 6px #0000000f;
}

.div-block-4363 {
  width: 100%;
}

.div-block-4363.spaced {
  margin-right: 5px;
}

.div-block-4363._50 {
  background-color: #cbb;
  width: 50%;
  height: 15px;
}

.div-block-4363._50.spaced {
  background-color: #c5b8b8;
  height: 15px;
  margin-right: 10px;
}

.div-block-4363.aspect {
  padding-left: 12px;
  display: none;
}

.div-block-4363.aspect.active {
  display: flex;
}

.div-block-4364 {
  margin-left: 15px;
}

.div-block-4365 {
  color: #afabab;
  margin-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
}

.premium_controls {
  display: flex;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.div-block-4366 {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.dropdowngorup {
  border-bottom: 1px solid #f1f1f1;
  flex-direction: column;
  margin-bottom: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.dropdowngorup.inactive {
  display: none;
}

.div-block-4367 {
  width: 100%;
}

.div-block-4368 {
  color: #8b8b8b;
  text-align: center;
  cursor: pointer;
  padding-top: 0;
  font-size: 10px;
  font-weight: 500;
}

.div-block-4368:hover {
  text-decoration: underline;
}

.div-block-4369 {
  cursor: pointer;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
}

.div-block-4369:hover {
  opacity: 1;
  color: #353535;
  text-decoration: underline;
}

.div-block-4370 {
  border-top: 1px solid #e7e7e7;
  display: none;
}

.div-block-4370.canedit {
  border-top-color: #e7e7e700;
  display: flex;
}

.div-block-4371 {
  color: #ececec;
  border-right: 1px solid #f0f0f0;
  height: 100%;
  margin-right: 15px;
  padding-right: 15px;
}

.div-block-3966-copy-copy {
  background-color: #5252521a;
  width: 100vw;
  height: 1px;
  position: absolute;
  top: -12px;
  bottom: auto;
}

.div-block-3966-copy-copy.inverted {
  background-color: #ececec1a;
}

.reports_line_variations {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_variations:hover {
  background-color: #f8f8f2;
}

.div-block-4372 {
  padding: 20px;
}

.variations_container {
  border: 0 solid #dfdfdf;
  border-radius: 1px;
  width: 100%;
  max-height: 115px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.variations_container:hover {
  border-color: #afa5a5;
}

.variations_container.active {
  background-color: #fff;
  border-width: 1px;
  border-color: #ebebeb;
  width: 100%;
  max-height: 20000px;
  overflow: visible;
}

.variations_container.invisible {
  display: none;
}

.variations_container.blue.active {
  border-color: #e6e2cb;
}

.variations_container.loading {
  opacity: .5;
  cursor: progress;
}

.variations_container.high {
  border-color: #8fca86;
}

.variations_container.low {
  border-color: #b97c7c;
}

.var_line {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

.var_line.small {
  color: #686868;
  font-size: 14px;
  font-weight: 300;
}

.var_line.small.underline {
  text-decoration: underline;
}

.var_line.round {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
}

.div-block-4373 {
  margin-right: 10px;
  padding-left: 0;
}

.div-block-4373.spaced {
  padding-right: 50px;
}

.div-block-4373.nospace {
  margin-right: 0;
}

.panel_header_variation {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #e7e7e7;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-start;
  height: 115px;
  margin-bottom: 0;
  padding-left: 22px;
  padding-right: 0;
  font-size: 16px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.panel_header_variation.active {
  color: #000;
  background-color: #f8f8f8;
  border: 0 solid #dfdfdf;
  border-radius: 10px;
  width: 100%;
  height: 95px;
}

.panel_header_variation.active:hover {
  background-color: #fff;
  border-color: #8b8b8b;
}

.panel_header_variation.var {
  background-color: #f8f8f8;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
}

.variation_label {
  background-color: #cbe9c7;
  border: 1px solid #c1e4c6;
  border-radius: 99px;
  padding: 0 12px;
  font-size: 9px;
  font-weight: 700;
  display: none;
}

.variation_label.active {
  display: flex;
}

.variation_label.low {
  color: #fff;
  background-color: #d45f5f;
  border-color: #d45f5f;
}

.div-block-4375 {
  margin-right: 4px;
  font-family: Materialicons, sans-serif;
  font-size: 11px;
}

.div-block-4376 {
  flex-wrap: wrap;
  display: flex;
}

.div-block-4376.spaced {
  margin-right: 5px;
  padding-right: 5px;
}

.div-block-4378 {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 90px;
  display: flex;
  overflow: hidden;
}

.reports_line_variations_media {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_variations_media:hover {
  background-color: #f8f8f2;
}

.div-block-4379 {
  color: #bbb6b6;
  padding-top: 10px;
}

.partners_case_study_data {
  border-top: 0 solid #f3f3f3;
  width: 100%;
  padding: 30px 120px 30px 60px;
  position: relative;
  overflow: hidden;
}

.partners_case_study_data.inverted {
  background-color: var(--black);
}

.div-block-4380 {
  width: 100%;
  margin-bottom: 15px;
}

.analytics_block_pitch {
  border-right: 1px solid #eee;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 35px 20px 20px;
  display: flex;
}

.analytics_block_pitch.last {
  border-right-width: 0;
}

.analytics_block_pitch.haas {
  padding-left: 0;
}

.delete {
  color: #d4d4d4;
  cursor: pointer;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  display: none;
}

.delete:hover {
  text-decoration: underline;
}

.delete.canedit {
  display: flex;
}

.div-block-4381 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 17px;
  display: flex;
}

.div-block-4381:hover {
  background-color: #f8f8f8;
}

.div-block-4382 {
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
  overflow: hidden;
}

.div-block-4383 {
  background-color: #1554ff;
  width: 100%;
  height: 100%;
  transition: all .7s;
  position: relative;
  left: -100%;
}

.div-block-4384 {
  padding-right: 10px;
}

.reports_line_domains_icon {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_domains_icon:hover {
  background-color: #f8f8f2;
}

.reports_line_domains_icon.excluded {
  background-color: #f7f0f0;
  text-decoration: line-through;
}

.div-block-4385 {
  display: flex;
}

.div-block-3918-copy {
  color: #fff;
  white-space: nowrap;
  background-color: #3f3e41;
  border-radius: 6px;
  margin-left: 5px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  display: none;
}

.div-block-3918-copy.dsp {
  white-space: nowrap;
  margin-left: 6px;
  margin-right: 0;
  display: flex;
}

.div-block-3918-copy.yahoo {
  background-color: #532bc3;
}

.div-block-3918-copy.xandr {
  background-color: #c0405c;
}

.div-block-3918-copy.dv360 {
  background-color: #258940;
}

.div-block-3918-copy.visible {
  display: flex;
}

.div-block-4386 {
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-4387 {
  align-items: center;
  display: flex;
}

.div-block-4388 {
  flex-direction: column;
  display: none;
}

.div-block-4388.active {
  display: flex;
}

.div-block-4198-copy {
  border: 0 solid #000;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0 10px 20px 0;
  font-weight: 500;
  display: flex;
}

.div-block-4198-copy.last {
  border-bottom-width: 0;
  padding-top: 10px;
}

.div-block-4389 {
  min-height: 60px;
  position: relative;
}

.div-block-4390 {
  color: #aaa;
  border-bottom: 0 solid #e6e6e6;
  padding-top: 8px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.div-block-4391 {
  flex-wrap: wrap;
  display: flex;
}

.updown {
  z-index: 6;
  opacity: 0;
  background-color: #72727226;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.updown:hover {
  opacity: 1;
}

.stats_container_media {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  line-height: 15px;
  display: none;
}

.div-block-4393 {
  color: #dadada;
  font-family: Materialicons, sans-serif;
  font-size: 30px;
  position: absolute;
  top: -13px;
  left: 47px;
}

.div-block-4393._2 {
  left: 120px;
}

.div-block-4393._3 {
  left: 260px;
}

.div-block-4394 {
  display: flex;
  position: static;
}

.div-block-4395 {
  background-color: #faf9f1;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 10px;
}

.div-block-4396 {
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 9px;
  display: flex;
}

.div-block-4396.hidden {
  display: none;
}

.div-block-4397 {
  justify-content: flex-start;
  margin-top: 4px;
  display: flex;
}

.div-block-4398 {
  cursor: pointer;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 9px;
  font-weight: 400;
}

.div-block-4398:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.div-block-4399 {
  padding-bottom: 6px;
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
}

.file_upload {
  width: 100%;
  margin-bottom: 25px;
}

.media_sources {
  border-top: 1px solid #dfdfdf;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.media_sources.gray {
  background-color: #f6f7f480;
  border-top-style: solid;
  border-top-color: #f3f3f3;
}

.media_sources.inactive, .media_sources.is_knowledge {
  display: none;
}

.div-block-4400 {
  border-top: 1px solid #f3f3f3;
  margin-top: 10px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-4400.nospace {
  border-top-width: 0;
  margin-top: 0;
  padding-top: 0;
  font-weight: 500;
}

.reports_line_domainsblacklist {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_domainsblacklist:hover {
  background-color: #f8f8f2;
}

.reports_line_domainsblacklist.active {
  background-color: #eef6fa;
}

.reports_line_domainsblacklist.invisible {
  display: none;
}

.crosshair_circle {
  -webkit-backdrop-filter: hue-rotate(10deg) contrast(120%) brightness(120%);
  backdrop-filter: hue-rotate(10deg) contrast(120%) brightness(120%);
  border: 1px solid #ececec8c;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 5px #00000040;
}

.div-block-4401 {
  background-color: #3b3b3b;
  justify-content: flex-start;
  height: 150px;
  display: flex;
  position: relative;
}

.div-block-4402 {
  border: 1px solid #f0f0f080;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.drag_dot {
  opacity: .6;
  -webkit-backdrop-filter: hue-rotate(10deg) contrast(180%) brightness(150%);
  backdrop-filter: hue-rotate(10deg) contrast(180%) brightness(150%);
  cursor: ew-resize;
  mix-blend-mode: luminosity;
  border: 1px solid #ececece6;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 0;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 5px #0006;
}

.magnifier_circle {
  -webkit-backdrop-filter: hue-rotate(5deg) contrast(120%) brightness(120%);
  backdrop-filter: hue-rotate(5deg) contrast(120%) brightness(120%);
  border: 1px solid #ececec66;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 37px;
  display: flex;
  box-shadow: 0 0 5px #00000040;
}

.div-block-4403 {
  font-size: 15px;
  font-weight: 300;
  position: absolute;
  bottom: -32px;
}

.text-block-477 {
  background-color: #f5f3dd;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: 15px;
}

.div-block-4404 {
  color: #fff;
  background-color: #0685ff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 3px 5px;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.image-692 {
  z-index: 5;
  width: 70px;
  position: relative;
}

.div-block-4405 {
  width: 100%;
  height: 100%;
}

.helper_action {
  z-index: 6;
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #414141;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  bottom: -32.75px;
  box-shadow: -3px 2px 5px #0000000a;
}

.helper_action.inactive {
  display: none;
}

.helper_action.auto {
  opacity: .95;
  mix-blend-mode: luminosity;
  bottom: auto;
}

.div-block-4407 {
  z-index: 2;
  position: relative;
}

.div-block-4408 {
  margin-right: 5px;
  font-weight: 500;
}

.div-block-4409 {
  justify-content: center;
  align-items: center;
  padding: 37px;
  display: flex;
}

.div-block-4410 {
  width: 100%;
  height: 100%;
}

.div-block-4411 {
  z-index: 4;
  background-image: linear-gradient(to right, #fff0 13%, #fff 48%, #fff0 90%);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 22.75px;
}

.image-693 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-4412 {
  z-index: 5;
  width: 70px;
  max-width: 100%;
  position: relative;
}

.feature_config {
  border-top: 0 solid #eee;
  flex-flow: column wrap;
  width: 100%;
  display: none;
}

.feature_config.active {
  background-color: #fff;
  border: 0 solid #000;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.feature_config.active.media {
  background-color: #fff;
  margin-top: 25px;
  overflow: visible;
}

.followupinteractions {
  display: none;
}

.followupinteractions.active {
  border-top: 0 solid #eee;
  border-left: 1px solid #eee;
  flex-direction: column;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-left: 25px;
  display: flex;
}

.div-block-4413 {
  flex-flow: column;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.hover_followupinteractions {
  padding-top: 10px;
  display: none;
}

.hover_followupinteractions.active {
  border-top: 0 solid #eee;
  border-left: 0 solid #eee;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.styles_dropdown {
  width: auto;
  display: none;
}

.styles_dropdown.native {
  display: flex;
}

.sizes_dropdown2 {
  width: auto;
  display: none;
}

.sizes_dropdown2.native {
  padding-right: 10px;
  display: flex;
}

.at_storycontrol-copy {
  cursor: pointer;
  border: 1px solid #bebebe;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 10px;
  display: flex;
}

.at_storycontrol-copy:hover {
  color: #000;
  border-color: #000;
}

.at_storycontrol-copy.at_addscene {
  position: relative;
}

.at_storycontrol-copy.at_addscene.story {
  margin-right: 0;
  font-size: 11px;
}

.at_storycontrol-copy.at_moveup.story {
  width: 120px;
  font-size: 11px;
}

.at_storycontrol-copy.at_movedown.story {
  width: 110px;
  font-size: 11px;
}

.at_storycontrol-copy.clone.story {
  font-size: 11px;
}

.at_storycontrol-copy.delete {
  color: #1f1f1f;
  font-size: 11px;
}

.at_storycontrol-copy.spaced, .at_storycontrol-copy.story {
  margin-right: 10px;
}

.separation_line {
  mix-blend-mode: luminosity;
  background-image: linear-gradient(#fff0, #f8f8f8 35% 52%, #fff0);
  width: 1px;
  height: 100%;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.div-block-4415 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.create_product_modal_fromscratch {
  justify-content: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-4416 {
  color: #6d6d6d;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-4417 {
  flex-direction: column;
  align-items: stretch;
  display: none;
}

.div-block-4417.active {
  display: flex;
}

.currentsession {
  color: #bdbdbd;
  border-bottom: 1px solid #e2e2e2;
  justify-content: space-between;
  width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 5px;
  font-size: 15px;
  line-height: 30px;
  display: flex;
}

.currentsession:hover {
  color: #1a1a1a;
}

.currentsession.active {
  color: #111;
  padding-left: 0;
  font-weight: 500;
}

.div-block-4418 {
  color: #ebebeb;
  cursor: pointer;
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-4418:hover {
  color: #000;
}

.div-block-4419 {
  cursor: pointer;
}

.div-block-4420 {
  min-height: 46px;
  transition: all .3s;
}

.div-block-4420.loading {
  background-color: #f8f8f8;
  border-radius: 8px;
}

.remote_advertiser {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.remote_advertiser:hover {
  background-color: #f8f8f2;
}

.remote_advertiser.active {
  background-color: #eef6fa;
}

.remote_advertiser.invisible {
  display: none;
}

.div-block-4421 {
  padding-top: 6px;
}

.progress_track_native {
  z-index: 30;
  background-color: #3333330d;
  width: 100%;
  height: 3px;
  display: none;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.progress_track_native.chat_bg {
  background-color: #49494940;
  top: 0;
  bottom: auto;
}

.progress_track_native.active {
  z-index: 99;
  display: flex;
}

.progress_track_native.t4 {
  width: 82%;
  display: none;
  bottom: 15px;
  right: 15px;
}

.native_bar {
  background-color: #e20808;
  width: 100%;
  max-width: 100%;
  height: 100%;
  transition: max-width .75s;
  display: flex;
  position: relative;
  left: -100%;
}

.native_bar.active {
  display: flex;
}

.div-block-4422 {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: -12px;
  right: 1px;
}

.div-block-4423 {
  color: #8f8f8f;
  background-color: #fff;
  border: 1px solid #d4d5d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
  display: none;
}

.div-block-4423.isactive {
  color: #313131;
  cursor: pointer;
  background-color: #fff0;
  border-color: #dadada;
  display: flex;
}

.div-block-4423.isactive:hover {
  color: #f7f7f7;
  background-color: #313030;
  border-color: #383838;
}

.div-block-4424 {
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 0;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-4424.active {
  display: flex;
}

.div-block-4423-copy {
  color: #8f8f8f;
  background-color: #fff;
  border: 1px solid #d4d5d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
  display: none;
}

.div-block-4423-copy.isactive {
  color: #4e4e4e;
  cursor: pointer;
  background-color: #fff;
  border-color: #bbb;
  display: flex;
}

.div-block-4423-copy.isactive:hover {
  color: #f7f7f7;
  background-color: #313030;
  border-color: #383838;
}

.native_overlay {
  z-index: 50;
  color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.native_overlay.active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.native_overlay.style2._300x600 {
  padding-bottom: 100px;
}

.div-block-4425 {
  display: flex;
}

.div-block-4426 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-4426.bottom {
  padding-top: 25px;
}

.div-block-4427 {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 900;
}

.div-block-4428 {
  background-color: #f8f8f84d;
  width: 100%;
  height: 1px;
}

.native_behavior {
  color: #4b4b4b;
  letter-spacing: .2px;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  margin-right: 5px;
  padding: 1px 14px;
  font-size: 8px;
  font-weight: 700;
}

.native_behavior.scratch {
  background-color: #dbefcb;
}

.native_behavior.reveal {
  background-color: #e5effb;
}

.native_behavior.carousel {
  background-color: #fff8cd;
}

.native_behavior.onemedia {
  background-color: #f6f6f6;
}

.native_behavior.zoom, .native_behavior.countdown {
  background-color: #fff;
}

.div-block-4429 {
  border: 0 solid #ececec;
  border-bottom: 1px solid #ececec29;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.div-block-4430 {
  padding-right: 10px;
}

.variation_product_container {
  border: 0 solid #f5f5f5;
  border-bottom: 1px solid #f7f7f7;
  flex-direction: column;
  width: 100%;
  min-width: 170px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.variation_product_container.inactive {
  display: none;
}

.variation_product_container.active {
  border-color: #1d20c7;
}

.div-block-4431 {
  flex-direction: column;
  display: flex;
}

.div-block-4432 {
  width: 100%;
}

.div-block-4433 {
  width: 100%;
  margin-bottom: 5px;
}

.div-block-4433.spaced {
  margin-bottom: 16px;
}

.div-block-4434 {
  cursor: pointer;
  background-color: #f8f8f7;
  border-radius: 6px 6px 0 0;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 300;
  display: flex;
}

.div-block-4434:hover {
  background-color: #f0f0f0;
}

.div-block-4435 {
  padding: 0;
}

.div-block-4435._20 {
  padding: 20px;
}

.div-block-4436 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.div-block-4437 {
  flex-flow: column;
  display: flex;
}

.native_product_element {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  height: 60px;
  max-height: 60px;
  margin-bottom: 10px;
  transition: all .4s;
  overflow: hidden;
}

.native_product_element.active {
  border-width: 0;
  width: 100%;
  height: auto;
  max-height: none;
}

.product_media_native {
  position: relative;
}

.div-block-4198-copy {
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-right: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4198-copy.left {
  border-bottom-width: 0;
  justify-content: flex-start;
}

.div-block-4198-copy.spaced {
  margin-top: 15px;
}

.div-block-4198-copy.noborder {
  border-bottom-width: 0;
  padding-bottom: 15px;
}

.div-block-4198-copy.noborder.full {
  padding-right: 0;
}

.div-block-4198-copy.small {
  padding-top: 8px;
  padding-right: 8px;
}

.div-block-4198-copy.smaller {
  justify-content: flex-start;
  padding-bottom: 25px;
  padding-right: 0;
}

.div-block-4198-copy.invisible {
  display: none;
}

.div-block-4198-copy.last {
  border-bottom-width: 0;
}

.div-block-4198-copy.last.full.low {
  padding-top: 10px;
}

.div-block-4198-copy.full {
  margin-bottom: 20px;
  padding-right: 0;
}

.div-block-4198-copy.full.noborder {
  margin-bottom: 10px;
}

.div-block-4198-copy.full.notop {
  padding-top: 0;
}

.div-block-4198-copy-copy {
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-right: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-4198-copy-copy.left {
  border-bottom-width: 0;
  justify-content: flex-start;
}

.div-block-4198-copy-copy.spaced {
  margin-top: 15px;
}

.div-block-4198-copy-copy.noborder {
  border-bottom-width: 0;
  padding-bottom: 15px;
}

.div-block-4198-copy-copy.noborder.full {
  padding-right: 0;
}

.div-block-4198-copy-copy.small {
  padding-top: 8px;
  padding-right: 8px;
}

.div-block-4198-copy-copy.smaller {
  border-bottom-width: 0;
  justify-content: flex-start;
  padding-top: 10px;
  padding-bottom: 25px;
  padding-right: 0;
  display: none;
}

.div-block-4198-copy-copy.smaller.active {
  display: flex;
}

.div-block-4198-copy-copy.invisible {
  display: none;
}

.div-block-4198-copy-copy.last {
  border-bottom-width: 0;
}

.div-block-4198-copy-copy.last.full.low {
  padding-top: 10px;
}

.div-block-4198-copy-copy.full {
  margin-bottom: 20px;
  padding-right: 0;
}

.div-block-4198-copy-copy.full.noborder {
  margin-bottom: 10px;
}

.div-block-4198-copy-copy.full.notop {
  padding-top: 0;
}

.div-block-4438 {
  cursor: pointer;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-4438:hover {
  color: #2c2c2c;
  background-color: #fff;
}

.div-block-4438.small {
  font-size: 14px;
}

.div-block-4439 {
  font-size: 12px;
  font-weight: 500;
}

.div-block-3260-copy {
  width: 100%;
  position: static;
  overflow: hidden;
}

.div-block-3260-copy.a {
  width: auto;
}

.div-block-3260-copy.relative {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.native_product_item {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #b4b4b442;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-right: 10px;
  transition: all .25s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000f;
}

.native_product_item._970x250 {
  max-height: 225px;
  margin-right: 0;
}

.native_product_item.single {
  margin-right: 0;
}

.native_product_item.product_two {
  height: 100%;
}

.native_product_item.product_three {
  flex-direction: row;
  min-width: 180px;
}

.native_product_item.hover {
  box-shadow: 0 2px 10px #0000001a;
}

.div-block-4441 {
  background-color: #f1f1f1;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.div-block-4441.inactive {
  display: none;
}

.div-block-4442 {
  flex-direction: column;
  align-items: flex-start;
  max-height: 86px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
}

.div-block-4442.product_two {
  display: none;
}

.div-block-4442.product_three {
  padding-top: 6px;
}

.div-block-4443 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
}

.media_product {
  background-color: #ffffffe6;
  border-bottom: 1px solid #2929290d;
  width: 100%;
  min-height: 46%;
  transition: all .4s;
  position: relative;
  overflow: hidden;
}

.media_product.product_two {
  height: 100%;
  position: absolute;
  top: 0;
}

.media_product.product_three {
  min-width: 50%;
  min-height: 100%;
}

.media_product._300x250, .media_product._336x280 {
  min-height: 36%;
}

.media_product.inactive {
  display: none;
}

.div-block-4444 {
  font-weight: 500;
}

.div-block-4445 {
  opacity: .85;
  font-weight: 300;
  overflow: hidden;
}

.product_media_holder {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.native_product_holder {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  display: flex;
}

.native_product_holder.native_product {
  align-items: flex-start;
  padding-top: 15px;
  padding-left: 25px;
  display: flex;
}

.native_product_holder.native_product.style1._300x600 {
  align-items: flex-start;
}

.native_product_holder.native_product.single {
  padding-left: 15px;
  padding-right: 15px;
}

.native_product_holder._970x250.native_product {
  padding-left: 0;
}

.native_product_holder.t4 {
  padding-bottom: 40px;
}

.native_product_holder.t4.native_product {
  padding-left: 0;
}

.div-block-4446 {
  background-color: #ffffffe6;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.div-block-4446.product_two {
  background-color: #fff0;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.product_holder {
  display: none;
}

.product_holder.native_product {
  display: flex;
  position: relative;
}

.product_holder.native_product._970x250 {
  width: 485px;
  max-width: 600px;
  max-height: 250px;
  padding-left: 20px;
  overflow: hidden;
}

.product_holder.native_product.style1._300x250 {
  z-index: 20;
  background-color: #fff;
  width: 300px;
  height: 250px;
  padding-bottom: 45px;
  transition: all .4s;
  position: absolute;
  top: 0;
  left: -110%;
  overflow: hidden;
}

.product_holder.native_product.style1._300x250.active {
  left: 0%;
}

.product_holder.native_product.style1._336x280 {
  z-index: 20;
  background-color: #fff;
  width: 300px;
  height: 280px;
  padding-bottom: 45px;
  transition: all .4s;
  position: absolute;
  top: 0;
  left: -110%;
  overflow: hidden;
}

.product_holder.native_product.style1._336x280.active {
  left: 0%;
}

.product_holder.native_product.style1._970x250 {
  border-right: 0 solid #e4e4e4;
  width: 50%;
  min-width: 50%;
  max-width: 700px;
  padding-left: 10px;
  box-shadow: 4px 2px 5px #0000000a;
}

.product_holder.t4.native_product._970x250 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 50%;
}

.product_holder.t2.native_product._300x250 {
  z-index: 6;
  background-color: #fff;
  width: 300px;
  height: 250px;
  transition: all .45s;
  position: absolute;
  top: 0;
  left: -100%;
  overflow: hidden;
}

.product_holder.t2.native_product._300x250.active {
  left: 0%;
}

.product_holder.t5 {
  flex-flow: column;
  padding-top: 30px;
}

.native_pagination_product {
  opacity: .4;
  cursor: pointer;
  background-color: #b9b9b9;
  border: 0 solid #e4e4e4;
  border-radius: 0;
  width: 100%;
  height: 2px;
  min-height: 1px;
  margin-right: 4px;
  transition: all .4s;
}

.native_pagination_product:hover {
  background-color: #535353;
  border-color: #535353;
}

.native_pagination_product.active {
  opacity: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.native_pagination_product.inactive_style {
  background-color: #d51c20;
  border-color: #d51c20;
}

.native_pagination_product.style2 {
  background-color: #fff;
  border-width: 1px;
  border-color: #eee;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  position: relative;
}

.native_pagination_product.style2.active {
  opacity: .5;
  background-color: #fff;
  width: 60px;
}

.native_pagination_product.native_product {
  background-color: #494949;
}

.div-block-4447 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: none;
}

.div-block-4447.active {
  border-top: 1px solid #d8d8d8;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.native_media_products {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.native_media_products.square {
  width: 300px;
  height: 300px;
}

.native_media_products.wide {
  justify-content: center;
  width: 100%;
  height: 234px;
}

.native_media_products.t3 {
  height: 100%;
}

.native_media_products.t2 {
  z-index: 1;
  justify-content: center;
  height: 100%;
}

.native_media_products.t2._300x250 {
  border-radius: 0;
}

.native_media_products.t2._970x250 {
  border-right: 0 solid #4e4e4e0f;
  max-height: 250px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.native_media_products.t4 {
  justify-content: center;
  height: 100%;
}

.native_media_products.t4._970x250 {
  height: 100%;
  overflow: hidden;
}

.native_media_products.t4.style1._970x250 {
  padding-top: 70px;
}

.native_media_products._300x250 {
  border-radius: 2px;
  justify-content: flex-start;
  height: 250px;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.native_media_products.invisible {
  display: none;
}

.native_media_products.native_product {
  overflow: visible;
}

.native_media_products.t4 {
  z-index: 1;
  justify-content: center;
  height: 100%;
}

.native_media_products.t4._300x250 {
  border-radius: 0;
}

.native_media_products.t4._970x250 {
  border-right: 0 solid #4e4e4e0f;
  max-height: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.native_media_products._336x280 {
  border-radius: 2px;
  justify-content: flex-start;
  height: 280px;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.native_media_products.t5 {
  height: auto;
}

.media_progress_products {
  z-index: 20;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  position: absolute;
}

.media_progress_products.native {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  height: 3px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  bottom: 17px;
}

.media_progress_products.native.inactive {
  display: none;
}

.media_progress_products.native.active_scene {
  background-color: #fff;
}

.media_progress_products.inactive {
  display: none;
}

.media_progress_products.t4.native_product {
  padding-left: 50px;
  padding-right: 90px;
  bottom: 10px;
}

.media_progress_products.t2.style2 {
  border: 1px solid #c5c5c54d;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  bottom: 70px;
}

.media_progress_products.t2.style2._970x250 {
  justify-content: flex-end;
  top: 9px;
  bottom: auto;
}

.media_progress_products.t2.style2._300x250 {
  justify-content: flex-end;
  top: 6px;
  bottom: auto;
  right: auto;
}

.media_progress_products.t2.style2._300x600 {
  border-width: 0;
  top: 58px;
  bottom: auto;
}

.media_progress_products.t2.style1 {
  bottom: 10px;
}

.media_progress_products.t2.native_product {
  align-items: center;
  padding-left: 15px;
  padding-right: 86px;
  display: flex;
  bottom: -35px;
}

.media_progress_products.t2.native_product._970x250 {
  height: 2px;
  max-height: 2px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 100px;
  top: 14px;
  bottom: auto;
}

.media_progress_products.t3 {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  top: 83px;
  right: 0;
}

.media_progress_products.t3.style2 {
  justify-content: center;
  width: 100%;
  bottom: 60px;
  right: 0;
}

.media_progress_products.t3.style2._970x250 {
  justify-content: flex-end;
  top: 8px;
  bottom: auto;
}

.media_progress_products.t3.style2._300x250 {
  justify-content: flex-end;
  top: 6px;
  bottom: auto;
  right: auto;
}

.media_progress_products._300x250 {
  bottom: -3px;
}

.media_progress_products.native_product {
  padding-left: 17px;
  padding-right: 86px;
  display: flex;
  bottom: -35px;
}

.media_progress_products.native_product._300x250 {
  z-index: 0;
  bottom: 6px;
}

.media_progress_products.native_product._970x250 {
  z-index: 0;
  padding-left: 0;
  padding-right: 110px;
  top: 15px;
  bottom: auto;
}

.media_progress_products.native_product._300x600 {
  z-index: 0;
}

.regular_image {
  z-index: 3;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .25s;
  display: flex;
  position: relative;
}

.regular_image.hover {
  filter: brightness(110%);
}

.hover_image {
  z-index: 4;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all .25s;
  position: absolute;
  top: 0;
}

.hover_image.hover {
  opacity: 1;
  bottom: 0%;
}

.div-block-4448 {
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.div-block-4449 {
  color: #7a7a7a;
  margin-left: 0;
  padding-left: 25px;
  display: flex;
  position: relative;
  bottom: -8px;
}

.reports_line_audience {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_audience:hover {
  background-color: #f8f8f2;
}

.reports_line_audience.active {
  background-color: #eef6fa;
}

.reports_line_audience.invisible {
  display: none;
}

.remote_audience_list {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  width: 100%;
  max-height: 75px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.remote_audience_list:hover {
  border-color: #afa5a5;
}

.remote_audience_list.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: 20000px;
  overflow: visible;
  box-shadow: 0 2px 15px #00000008;
}

.remote_audience_list.invisible {
  display: none;
}

.remote_audience_list.blue.active {
  border-color: #e6e2cb;
}

.remote_audience_list.loading {
  opacity: .5;
  cursor: progress;
}

.audience_input {
  color: #000;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  height: 48px;
  margin-top: 10px;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  position: relative;
  box-shadow: 0 0 2px #00000012;
}

.audience_input:hover {
  border-color: var(--light-steel-blue);
  background-color: #fafaf0;
}

.audience_input:focus {
  border-style: solid;
  border-color: var(--cornflower-blue);
  background-color: var(--ivory);
  color: #242424;
}

.audience_input::placeholder {
  color: #6b6b6b;
}

.audience_input.price {
  border-color: #e6e6e6;
  padding-bottom: 9px;
  padding-left: 59px;
}

.audience_input.price:focus {
  background-color: #fafcff;
}

.audience_input.price.light {
  border-color: #fff;
}

.audience_input.small {
  width: 400px;
}

.audience_input.padded {
  padding-right: 100px;
}

.audience_input.impressions {
  padding-bottom: 9px;
  padding-left: 101px;
}

.audience_input.search {
  margin-bottom: 0;
  margin-right: 10px;
}

.audience_input.creative_search {
  height: 38px;
  margin-bottom: 0;
  margin-right: 0;
}

.audience_input.location {
  margin-bottom: 10px;
}

.audience_input.nospace {
  margin-bottom: 0;
}

.audience_input.minimal {
  border-width: 0 0 1px;
  border-bottom-color: #ddd;
  border-radius: 0;
}

.remote_audience_item {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  display: flex;
  overflow: hidden;
}

.remote_audience_item.head {
  cursor: auto;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.remote_audience_item.head:hover {
  background-color: #e9e9e9;
}

.remote_audience_item.head.small {
  max-width: 150px;
  height: 100%;
}

.remote_audience_item.head.small.light {
  background-color: #f1f1f100;
  border-left: 1px solid #e7e7e7;
  border-right-width: 0;
  flex-direction: column;
  height: auto;
}

.remote_audience_item.head.small.noclick {
  cursor: auto;
}

.remote_audience_item.head.medium {
  max-width: 300px;
}

.remote_audience_item.input {
  background-color: #9dcffb;
}

.remote_audience_item.textoptions {
  background-color: #afebe4;
}

.remote_audience_item.small {
  flex-direction: column;
  justify-content: center;
  min-width: 150px;
  max-width: 150px;
}

.remote_audience_item.small.vertical {
  flex-direction: column;
  justify-content: center;
}

.remote_audience_item.smallest {
  max-width: 150px;
}

.remote_audience_item.smallest.smallestx2 {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.remote_audience_item.smallest.smallestx2.absolute {
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 100%;
  padding-left: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  position: absolute;
  right: 50px;
}

.remote_audience_item.smallest.smallestx2.absolute:hover {
  color: #ebe9e9;
  background-color: #1b1b1b;
}

.remote_audience_item.smallest.smallestx2.absolute._1 {
  color: #c2bbbb;
  cursor: not-allowed;
  border-left-width: 0;
  transition: all .15s;
  right: 0;
}

.remote_audience_item.smallest.smallestx2.absolute._1.active {
  color: #202020;
  cursor: pointer;
}

.remote_audience_item.smallest.smallestx2.absolute._1.active:hover {
  color: #f8f8f8;
}

.remote_audience_item.variable {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
}

.remote_audience_item.no_border {
  border-right-width: 0;
}

.remote_audience_item.media {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.remote_audience_item.border {
  border-left: 1px solid #e7e7e7;
  padding-left: 25px;
  padding-right: 10px;
}

.div-block-3644-copy {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-right: 10px;
  display: flex;
}

.div-block-3644-copy.small {
  max-width: 200px;
}

.div-block-3644-copy.small.smallest {
  max-width: 130px;
}

.div-block-3644-copy.small.smallest.last {
  padding-right: 0;
}

.remote_audience {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.remote_audience:hover {
  background-color: #f8f8f2;
}

.remote_audience.active {
  background-color: #eef6fa;
}

.remote_audience.invisible {
  display: none;
}

.reports_header_audiences {
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 60px;
  min-height: 60px;
  display: flex;
  position: sticky;
  top: 0;
}

.remote_audience_content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .2s ease-out, max-height .2s, height .2s;
  position: relative;
  overflow: hidden;
}

.remote_audience_content:hover {
  border-color: #afa5a5;
}

.remote_audience_content.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  max-height: 5500px;
}

.remote_audience_content.invisible {
  display: none;
}

.audience_setting_content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .2s ease-out, max-height .2s, height .2s;
  position: relative;
  overflow: hidden;
}

.audience_setting_content:hover {
  border-color: #afa5a5;
}

.audience_setting_content.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  max-height: 5500px;
}

.audience_setting_content.invisible {
  display: none;
}

.audience_setting {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  width: 100%;
  max-height: 75px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.audience_setting:hover {
  border-color: #afa5a5;
}

.audience_setting.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 100%;
  max-height: 20000px;
  overflow: visible;
  box-shadow: 0 2px 15px #00000008;
}

.audience_setting.invisible {
  display: none;
}

.audience_setting.blue.active {
  border-color: #e6e2cb;
}

.audience_setting.loading {
  opacity: .5;
  cursor: progress;
}

.div-block-4450 {
  width: 100%;
}

.fonts_container1 {
  border-bottom: 1px solid #dadada;
  border-radius: 0;
  flex-direction: column;
  max-height: 500px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  display: flex;
  overflow: auto;
}

.fonts_container1.gray {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.fonts_container1.gray.invisible {
  display: none;
}

.fonts_container1.noborder {
  border-bottom-width: 0;
  padding-bottom: 10px;
}

.font_preview_settings {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 65px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.font_preview_settings:hover, .font_preview_settings.active {
  background-color: #f1f1f1;
}

.font_preview_settings.selected {
  background-color: var(--royal-blue);
  color: #fff;
}

.div-block-4451 {
  padding-top: 20px;
}

.font_preview_upload {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 65px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.font_preview_upload:hover, .font_preview_upload.active {
  background-color: #f1f1f1;
}

.font_preview_upload.selected {
  background-color: var(--royal-blue);
  color: #fff;
}

.text-block-479 {
  font-style: normal;
}

.div-block-5163 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#3e19b9 5%, #ff2424 85%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 6px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
}

.div-block-5163.large {
  justify-content: center;
  align-items: center;
  width: 19px;
  font-size: 15px;
  display: flex;
}

.text-block-480 {
  text-transform: none;
}

.div-block-5164 {
  height: 100%;
  display: flex;
}

.medisearch {
  border-bottom: 2px solid #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 79px;
  padding: 10px 0 10px 12px;
  transition: all .2s;
  display: none;
  position: relative;
}

.medisearch.active {
  background-image: linear-gradient(#f9fbff 4%, #fff);
  border-bottom-width: 1px;
  border-bottom-color: #0000;
  transition-property: none;
  display: flex;
}

.medisearch.active.highlight {
  background-color: #f7fafb;
  background-image: none;
  border-bottom-color: #7e7e7e;
}

.medisearch.active.is_knowledge {
  display: none;
}

.medisearch.ai {
  height: auto;
}

.medisearch.ai.active {
  background-color: #fff;
  background-image: none;
  border-bottom-width: 0;
  border-bottom-color: #ebebeb;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.medisearch.ai.active.highlight {
  background-color: #f7fafb;
}

.textarea-8 {
  color: #222;
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #ddd;
  align-items: center;
  height: 50px;
  min-height: 40px;
  padding: 0;
  font-size: 15px;
  transition: all .5s;
  display: flex;
}

.textarea-8:focus {
  color: #181818;
}

.textarea-8.active {
  color: #181818;
  border-width: 0;
  border-color: #000;
  height: 180px;
  min-height: 180px;
  font-size: 15px;
  line-height: 22px;
}

.div-block-5165 {
  color: #fff;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #1654ff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 47px;
  padding: 11px 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5165:hover {
  background-color: #141414;
}

.div-block-5165.pending {
  color: #000;
  cursor: wait;
  background-color: #fff;
  border-color: #aaabaf;
}

.media_element_ai {
  background-color: #f8f8f8;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.media_element_ai.selected {
  border: 2px solid var(--royal-blue);
  padding: 4px;
}

.media_element_ai.saved {
  border: 2px solid #d7e2d7;
  padding: 10px;
}

.div-block-5166 {
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 74px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-5166.hidden {
  display: none;
}

.div-block-5167 {
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-5168 {
  width: 100%;
}

.div-block-5169 {
  width: 100%;
  display: flex;
}

.div-block-5170 {
  min-width: 180px;
  padding-right: 15px;
  display: none;
}

.div-block-5170.active {
  flex-direction: column;
  padding: 14px 14px 0;
  display: flex;
}

.div-block-5171 {
  background-color: #f8f8f8;
  border-radius: 6px;
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.div-block-5172 {
  width: 100%;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}

.div-block-5173 {
  color: #7e7e7e;
  font-size: 10px;
  display: none;
  position: relative;
  top: -9px;
}

.div-block-5173.nofree {
  display: flex;
}

.variation_media_container_new {
  border: 0 solid #f5f5f5;
  border-bottom: 1px solid #f7f7f7;
  flex-direction: column;
  width: 100%;
  min-width: 170px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.variation_media_container_new.inactive {
  display: none;
}

.variation_media_container_new.active {
  border-color: #1d20c7;
}

.scheduled_reports {
  border-top: 0 solid #eee;
  flex-flow: column wrap;
  width: 100%;
  display: none;
}

.scheduled_reports.active {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  margin-top: 0;
  padding-top: 5px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.scheduled_reports.active.media {
  background-color: #fff;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

.scheduled_reports.active.media.invisible {
  display: none;
}

.schedule_element {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  height: 60px;
  max-height: 60px;
  margin-bottom: 10px;
  transition: all .4s;
  overflow: hidden;
}

.schedule_element.active {
  height: auto;
  max-height: none;
}

.div-block-3581-copy {
  font-size: 18px;
  display: flex;
}

.div-block-5174 {
  width: 100%;
}

.div-block-5175 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-5176 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.theschedule_element {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin-bottom: 15px;
  transition: all .4s;
  overflow: hidden;
}

.theschedule_element.opened {
  width: 100%;
  height: auto;
  max-height: none;
  margin-bottom: 15px;
}

.schedule_head {
  font-size: 18px;
  display: none;
}

.schedule_head.opened {
  justify-content: center;
  padding-top: 10px;
  display: flex;
}

.div-block-5177 {
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 11px;
}

.feature_questionmark_info {
  color: #8b8b8b;
  padding: 2px 3px;
  font-family: Materialicons, sans-serif;
  display: none;
}

.feature_questionmark_info.active {
  color: #db1212;
  cursor: pointer;
  border-radius: 99px;
  padding: 4px;
  font-size: 15px;
  display: flex;
}

.feature_questionmark_info.active:hover {
  color: #161616;
}

.div-block-5178 {
  font-size: 10px;
  font-weight: 500;
}

.div-block-5179 {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  display: none;
}

.div-block-5179.active {
  display: flex;
}

.div-block-5179.active:hover {
  color: #dc1112;
}

.div-block-5180 {
  width: 100%;
}

.div-block-5181 {
  background-color: #f8f8f880;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  flex-direction: column;
  margin-bottom: 14px;
  padding: 22px 12px 22px 22px;
  display: none;
}

.div-block-5181.active {
  border-color: #aec6df;
  padding-right: 22px;
  display: flex;
}

.div-block-5182 {
  margin-bottom: 10px;
}

.theleadform {
  margin-bottom: 15px;
}

.theleadform.twostep {
  margin-bottom: 0;
}

.dragindicator {
  z-index: 10;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.dragindicator.twostep {
  z-index: 10;
  opacity: .4;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 17px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.dragindicator.twostep:hover {
  opacity: 1;
}

.dragindicator.page_style2, .dragindicator._970x250 {
  display: none;
}

.div-block-5183 {
  background-color: #cecece;
  border-radius: 99px;
  width: 40%;
  height: 5px;
}

.div-block-5183.page_style1 {
  background-color: #ffffff82;
}

.div-block-5184 {
  display: none;
}

.div-block-5184.active {
  height: 100%;
  display: flex;
}

.lead_stage_indicator {
  color: #fff;
  letter-spacing: .2px;
  text-transform: uppercase;
  background-color: #359e20;
  border-radius: 4px;
  margin-left: 5px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8px;
  font-weight: 700;
  line-height: 20px;
  display: none;
}

.lead_stage_indicator.step2 {
  background-color: #3474c2;
}

.lead_stage_indicator.active {
  display: flex;
}

.div-block-5185 {
  color: #fff;
  background-color: #1654ff;
  border: 1px solid #1654ff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 47px;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0000000a;
}

.div-block-5186 {
  background-color: #dfdfdf;
  width: 100%;
  height: 1px;
}

.div-block-5187 {
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 2px 0;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-5188 {
  padding-left: 5px;
  padding-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 13px;
}

.div-block-5189 {
  padding-right: 5px;
}

.control_native-copy {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.control_native-copy:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.control_native-copy.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.control_native-copy.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.control_native-copy.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.control_native-copy.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.control_native-copy.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.control_native-copy.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.control_native-copy.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.control_native-copy.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.control_native-copy.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.control_native-copy.inactive {
  border-color: #a84747;
}

.control_native-copy.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.control_native-copy._100 {
  width: 100%;
  margin-left: 0;
}

.control_native-copy.first {
  margin-left: 0;
}

.control_native-copy.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.control_native-copy.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.control_native-copy.right {
  margin-left: 0;
  margin-right: 5px;
}

.control_native-copy.right.inactive {
  display: none;
}

.control_native-copy.inverted {
  color: #fff;
  border-color: #919191;
}

.control_native-copy.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.control_native-copy.status.enabled {
  border-color: #e6e6e6cc;
}

.control_native-copy.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.control_native-copy.small:hover {
  color: #050505;
  background-color: #03030300;
}

.control_native-copy.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.control_native-copy.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.control_native-copy.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.control_native-copy.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.control_native-copy.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.control_native-copy.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.div-block-5190 {
  position: absolute;
  left: 20px;
}

.div-block-5191 {
  border: 1px solid #dadada;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 500;
  transition: all .45s;
  display: flex;
}

.div-block-5191.active {
  color: #fff;
  background-color: #313131;
  border-color: #313131;
  height: 60px;
}

.floating_config {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 8px;
  height: 64px;
  margin-bottom: 15px;
  overflow: hidden;
}

.floating_config.collapsed {
  height: 64px;
}

.floating_config.opened {
  z-index: 99;
  border-width: 0 0 0 1px;
  border-color: #e7e7e7;
  border-radius: 0;
  width: 470px;
  min-width: 470px;
  height: 100%;
  position: relative;
  overflow: visible;
}

.floating_config.opened:hover {
  border-color: #dfdfdf;
}

.floating_form_config {
  z-index: 999;
  width: 100%;
  height: 100%;
  max-height: 9999px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.floating_form_config.active {
  justify-content: flex-end;
  width: auto;
  min-width: 470px;
  display: flex;
  position: static;
}

.div-block-5192 {
  opacity: 0;
  background-color: #ffffff69;
  width: 100%;
  height: 80px;
}

.delete_button {
  white-space: pre;
  cursor: pointer;
  background-color: #8d8d8d08;
  border: 1px solid #dad4d4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 7px 30px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 96px;
  right: 486px;
}

.delete_button:hover {
  background-color: #ffffff08;
  border-color: #979797;
}

.div-block-5194 {
  border-top: 0 solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 0 20px;
}

.div-block-4274-copy {
  max-width: 500px;
  height: 100%;
  padding: 28px 25px 200px;
  overflow: auto;
}

.div-block-4274-copy.grad {
  background-image: linear-gradient(#fff 5%, #f8f8f8 93%);
}

.form_controls_el {
  padding: 11px;
  display: flex;
}

.form_controls_el.inactive {
  display: none;
}

.lead_nav {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  transition: all .4s;
  display: flex;
  position: relative;
}

.lead_nav:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.lead_nav.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.lead_nav.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.lead_nav.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.lead_nav.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.lead_nav.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.lead_nav.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.lead_nav.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.lead_nav.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.lead_nav.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.lead_nav.inactive {
  border-color: #a84747;
}

.lead_nav.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.lead_nav._100 {
  width: 100%;
  margin-left: 0;
}

.lead_nav.first {
  margin-left: 0;
}

.lead_nav.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.lead_nav.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.lead_nav.right {
  margin-left: 0;
  margin-right: 5px;
}

.lead_nav.right.inactive {
  display: none;
}

.lead_nav.inverted {
  color: #fff;
  border-color: #919191;
}

.lead_nav.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.lead_nav.status.enabled {
  border-color: #e6e6e6cc;
}

.lead_nav.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.lead_nav.small:hover {
  color: #050505;
  background-color: #03030300;
}

.lead_nav.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.lead_nav.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.lead_nav.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.lead_nav.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.lead_nav.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.lead_nav.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.lead_nav.active {
  color: #fff;
  background-color: #080808;
  border-color: #2e2e2e;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-5196 {
  align-items: center;
  display: flex;
}

.div-block-5196.inactive {
  display: none;
}

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

.tabgroup1.active {
  border: 0 solid #d4d4d4;
  border-radius: 0;
  padding: 0;
  display: flex;
}

.tabgroup1.active.nb {
  background-color: #fff0;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.tabgroup1.zb {
  border-radius: 1px;
}

.tabgroup1.zb.active {
  background-color: #f8f8f8;
}

.div-block-5197 {
  height: 100%;
}

.div-block-5198 {
  display: flex;
}

.div-block-5199 {
  background-color: #f8f8f8;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-5200 {
  padding-top: 15px;
}

.form_item_config {
  border: 1px solid #0000;
  border-left-color: #e4e4e4;
  border-radius: 0;
  flex-direction: row;
  width: 100%;
  padding: 0 5px 14px 30px;
  display: flex;
  position: relative;
}

.div-block-5202 {
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 22px;
  display: flex;
}

.div-block-5203 {
  width: 100%;
  margin-bottom: 5px;
  padding-top: 3px;
}

.div-block-5204 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  transition: all .25s;
  display: flex;
}

.div-block-5205 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5206 {
  color: #fff;
  background-color: #0685ff;
  border: 1px solid #0685ff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-top: 1px;
  margin-right: 10px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -2px;
  left: -13px;
}

.div-block-5207 {
  background-color: #f8f8f880;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  width: 100%;
  margin-top: 17px;
  padding: 11px 20px;
  display: none;
  box-shadow: 0 0 7px #00000008;
}

.div-block-5207.active {
  display: flex;
}

.form_slider {
  width: 100%;
}

.div-block-5208 {
  display: flex;
}

.text-block-481 {
  opacity: 0;
  color: #b8b8b8;
}

.validation_multi {
  width: 100%;
}

.form_options_item {
  background-image: linear-gradient(#fff 13%, #f8f8f8 93%);
  border: 1px solid #c7c7c780;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 8px 20px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.form_options_item:hover {
  background-color: #fff;
}

.form_options_holder {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.form_options_holder.poll1 {
  flex-flow: column;
}

.optionsicon {
  width: 0;
  height: 0;
}

.form_radio_holder {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.form_radio_item {
  cursor: pointer;
  border: 1px solid #c7c7c780;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 8px 20px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px #0000000a;
}

.form_radio_item:hover {
  filter: sepia(60%) brightness(95%);
  background-color: #fff;
  border-color: #6b6b6b80;
}

.form_radio_item.poll1 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  padding-left: 28px;
  padding-right: 5px;
}

.form_radio_item.checkbox.active {
  border-color: #1f1f1f;
}

.form_radio_item.poll2 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  font-size: 12px;
}

.form_radio_item.active {
  color: #f1f1f1;
  background-color: #1f1f1f;
}

.form_radio_item.poll3 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}

.form_radio_item.box.active {
  filter: invert(90%);
}

.form_checkbox {
  border: 1px solid #acacacf7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  margin-right: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000017;
}

.form_checkbox.small {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  margin-right: 6px;
}

.form_checkbox.rect {
  border-width: 1px;
  border-color: #c9c9c9;
  border-radius: 3px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.form_checkbox.rect.absolute {
  margin-right: 0;
  position: absolute;
  right: 10px;
}

.form_checkbox.rect.active {
  color: #2b2b2b;
  background-color: #fff;
  border-color: #2162ce;
}

.form_checkbox.rect.white.active {
  color: #1660da;
  background-color: #fff;
  border-color: #0f69ff;
}

.form_checkbox.rect._970x250 {
  margin-right: 6px;
}

.form_checkbox.active {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #f7f7f7;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding-top: 0;
}

.form_checkbox.box {
  display: none;
}

.form_checkbox.checkbox {
  border-radius: 3px;
}

.form_checkbox.poll1 {
  background-color: #fff0;
  border-color: #b4b4b4d1;
  border-radius: 99px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.form_checkbox.poll1.active {
  background-color: #242424;
  border-color: #242424;
  padding-top: 0;
}

.form_checkbox.poll2 {
  border-radius: 3px;
  display: none;
}

.form_checkbox.poll3 {
  border-radius: 99px;
  box-shadow: 1px 1px 3px #00000014;
}

.form_checkbox.poll3.active {
  border-color: #0a0a0a;
  padding-top: 0;
}

.radio_check {
  opacity: 0;
  margin-bottom: 0;
  font-family: GoogleMaterialicons, sans-serif;
}

.radio_check.active {
  opacity: 1;
  color: #fff;
  background-color: #0000;
  align-items: center;
  transition: opacity .1s;
  display: flex;
}

.radio_check.round {
  background-color: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.radio_check.round.active {
  background-color: #0f69ff;
  width: 9px;
  height: 9px;
}

.radio_check.poll1, .radio_check.radiobutton {
  display: none;
}

.actionmode1 {
  flex-direction: column;
  width: 100%;
  display: none;
}

.actionmode1.active {
  flex-direction: column;
  padding: 5px 10px;
  font-weight: 300;
  display: flex;
}

.actionmode1.active.nospace {
  padding-left: 0;
  padding-right: 0;
}

.div-block-5206-copy {
  color: #fff;
  background-color: #fff;
  border: 1px solid #0685ff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px;
  margin-top: 1px;
  margin-right: 10px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 166px;
  left: -6px;
}

.div-block-5209 {
  z-index: 5;
  opacity: .05;
  background-image: linear-gradient(#0000 12%, #1b1b1b 91%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.div-block-5209._970x250 {
  display: none;
}

.div-block-5210 {
  align-items: center;
  display: flex;
}

.input_comment {
  opacity: .4;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 17px;
  display: none;
}

.input_comment.active {
  border-bottom: 1px solid #00000036;
  padding-bottom: 7px;
  display: flex;
  position: relative;
  top: -3px;
}

.slider_progress_bar_custom {
  background-color: #d4d4d4;
  border-radius: 3px;
  width: 100%;
  height: 2px;
  overflow: hidden;
}

.slider_progress_bar_custom.bold, .slider_progress_bar_custom.insta {
  background-color: #f1f1f1;
  border-radius: 12px;
  height: 12px;
}

.slider_progress_bar_custom.white {
  background-color: #3a3a3a;
  border-radius: 12px;
  height: 12px;
}

.slider_progress_bar_custom.emoji {
  border-radius: 12px;
  height: 6px;
}

.slider_cursor {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: 12px;
  transition: padding .35s;
  display: flex;
  position: absolute;
  left: 31%;
  box-shadow: 0 0 7px #0000000f;
}

.slider_cursor:hover {
  filter: invert();
}

.slider_cursor.bold {
  width: 50px;
  height: 30px;
  left: 26%;
}

.slider_cursor.bold:hover {
  filter: none;
}

.slider_cursor.insta {
  width: 50px;
  height: 30px;
}

.slider_cursor.white {
  width: 50px;
  height: 30px;
  transition: width .35s, padding .35s;
  left: 26%;
}

.slider_cursor.white:hover {
  filter: none;
  width: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.slider_cursor.emoji {
  box-shadow: none;
  background-color: #fff0;
  border-color: #0000;
  width: 33px;
  height: 33px;
  transition-property: none;
  left: 50%;
}

.slider_cursor.emoji:hover {
  filter: brightness(110%);
  border-width: 1px;
  border-color: #0000;
}

.slider_cursor.small {
  z-index: 10;
  border-width: 2px;
  width: 20px;
  height: 20px;
  padding: 0;
}

.slider_cursor.small:hover {
  filter: none;
  border-width: 4px;
}

.div-block-5212 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-5213 {
  color: #030303;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: none;
}

.div-block-5213.bold {
  color: #fff;
  background-color: #1f1f1f;
  border-radius: 6px;
  padding: 5px 15px;
  display: flex;
  position: absolute;
  top: -32px;
}

.div-block-5213.white {
  color: #000;
  background-color: #bbb;
  border-radius: 6px;
  padding: 5px 15px;
  display: flex;
  position: absolute;
  top: -32px;
}

.div-block-3203-copy-copy {
  color: #3a3a3a;
  letter-spacing: .5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  padding-bottom: 20px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.div-block-3203-copy-copy.padded {
  margin-left: 12px;
}

.div-block-3203-copy-copy.aligned {
  justify-content: flex-end;
}

.div-block-3203-copy-copy.emoji {
  justify-content: center;
}

.the_progress_bar {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: relative;
  left: -7%;
}

.the_progress_bar.bold {
  border-radius: 12px;
}

.the_progress_bar.insta {
  background-image: linear-gradient(to right, #d80606, #f0ec2f 52%, #17c958);
  border-radius: 12px;
  left: 0%;
}

.the_progress_bar.white {
  background-color: #ececec;
  border-radius: 12px;
}

.the_progress_bar.emoji {
  background-image: linear-gradient(to right, #dfce11 2%, red);
  left: -50%;
}

.div-block-5214 {
  background-color: #000;
  border-radius: 99px;
  width: 100%;
  height: 3px;
}

.div-block-5214.bold {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5214.small {
  width: 40%;
  display: none;
}

.custom_cursor {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.custom_cursor.emoji {
  width: 45px;
  height: 45px;
  font-size: 35px;
  display: flex;
}

.image-694 {
  width: 100%;
  height: 100%;
}

.minmax_values {
  color: #292929;
  white-space: nowrap;
  background-color: #e4e4e4;
  border: 0 solid #000;
  border-radius: 4px;
  margin-left: 0;
  padding: 2px 6px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 10px;
}

.minmax_values.small {
  color: #645e5e;
  font-size: 4px;
}

.minmax_values.hidden {
  color: #fff;
}

.minmax_values.ai {
  color: #f3e9e9;
  background-color: #181818;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.minmax_values.bold {
  display: none;
}

.minmax_values.emoji {
  margin-left: 0;
  position: absolute;
  bottom: -74px;
}

.minmax {
  z-index: 6;
  justify-content: space-between;
  width: 100%;
  display: none;
  position: absolute;
  bottom: 6px;
}

.form_media_container {
  background-color: #f1f1f1;
  width: 100%;
  height: 150px;
  margin-bottom: 10px;
  display: none;
  overflow: hidden;
}

.form_media_container.active {
  z-index: 1;
  display: flex;
  position: relative;
}

.form_media_container.page_style1 {
  z-index: 1;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-block-483 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form_media_overlay {
  z-index: 2;
  background-color: #24242433;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
}

.form_media_overlay.page_style1 {
  display: flex;
  left: 0;
}

.mindmap_holder {
  z-index: 9999;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.mindmap_holder.active {
  height: 100%;
  min-height: 800px;
  display: flex;
  position: relative;
}

.div-block-5215 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 78px 50px;
  display: flex;
  position: relative;
}

.div-block-5216 {
  z-index: 10;
  cursor: text;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  padding: 10px 15px;
  transition: all .55s;
  display: flex;
  position: absolute;
  bottom: -132px;
  box-shadow: -1px -2px 13px #00000014;
}

.div-block-5216:hover {
  border-color: #9e9e9e;
}

.div-block-5216.active {
  bottom: 40px;
}

.div-block-5216.focused {
  border-color: #9295bd;
  box-shadow: -1px -2px 16px #0000001f;
}

.div-block-5217 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Materialicons, sans-serif;
  display: flex;
}

.div-block-5217.small {
  width: 16px;
  padding-left: 3px;
  font-size: 15px;
}

.div-block-5218 {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5219 {
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 300;
}

.div-block-5220 {
  z-index: 12;
  border-bottom: 1px solid #f7f7f7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 79px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5220.refresh {
  left: 20px;
  right: auto;
}

.text-field-7 {
  background-color: #fff0;
  border: 0 solid #000;
  height: 42px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 17px;
}

.text-field-7::placeholder {
  color: #575757;
  font-size: 17px;
  font-weight: 300;
}

.form-block-16 {
  background-color: #0000;
  height: 100%;
  margin-bottom: 0;
}

.form-block-16.is_large {
  height: 150px;
}

.form-block-16.is_largest {
  height: 250px;
}

.div-block-5221 {
  z-index: 150;
  color: #141414;
  align-items: center;
  height: 36px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 20px;
}

.div-block-3651-copy-copy {
  color: #3b3b3b;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #f3f3f3;
  border-top-width: 1px;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-3651-copy-copy.active {
  background-color: #fff;
  border-color: #acacac;
}

.div-block-3651-copy-copy.invisible {
  display: none;
}

.native_version {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.native_version:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.native_version.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.native_version.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.native_version.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.native_version.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.native_version.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.native_version.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.native_version.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.native_version.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.native_version.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.native_version.inactive {
  border-color: #a84747;
}

.native_version.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.native_version._100 {
  width: 100%;
  margin-left: 0;
}

.native_version.first {
  margin-left: 0;
}

.native_version.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.native_version.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.native_version.right {
  margin-left: 0;
  margin-right: 5px;
}

.native_version.right.inactive {
  display: none;
}

.native_version.inverted {
  color: #fff;
  border-color: #919191;
}

.native_version.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.native_version.status.enabled {
  border-color: #e6e6e6cc;
}

.native_version.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.native_version.small:hover {
  color: #050505;
  background-color: #03030300;
}

.native_version.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.native_version.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.native_version.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.native_version.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.native_version.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.native_version.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.native_version.nospace {
  margin-left: 0;
}

.native_version.large {
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  box-shadow: 0 0 12px #00000014;
}

.chart_branch:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.overlaying_panel_native {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  overflow: hidden;
}

.overlaying_panel_native.active {
  display: flex;
}

.branch_contextual_menu {
  z-index: 9999;
  background-color: #3535354d;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-5223 {
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 6px;
  position: absolute;
  top: 28px;
  left: 50px;
  overflow: hidden;
  box-shadow: 0 0 10px #0000000f;
}

.div-block-5224 {
  color: #303030;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 60px 10px 5px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-5224:hover {
  background-color: #f5f5eb;
}

.div-block-5224.last {
  border-bottom-width: 0;
}

.div-block-5225 {
  margin-left: 5px;
}

.div-block-5226 {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 6px 15px;
}

.div-block-5226:hover {
  color: #fff;
  background-color: #aa6dfb;
}

.div-block-5227 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-5228 {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 5px;
  display: none;
}

.div-block-5228.active {
  display: flex;
}

.attachment_unit {
  color: #1d1d1d;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 6px 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.attachment_unit:hover {
  background-color: #fff;
  border-color: #979797;
}

.attachment_unit.last {
  border-bottom-width: 0;
}

.div-block-5229 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._1div-block-5217-copy {
  background-color: #4141411a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 22px;
  margin-left: 15px;
  font-family: Materialicons, sans-serif;
  display: flex;
}

._1div-block-5217-copy:hover {
  color: #fff;
  background-color: #303030;
}

.div-block-5220-copy {
  z-index: 10;
  border: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 79px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: 80px;
}

.div-block-5220-copy.refresh {
  left: 20px;
  right: auto;
}

.div-block-5230 {
  background-image: linear-gradient(to right, #00f 2%, red 95%);
  border-radius: 6px;
  width: 133px;
  height: 6px;
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 30px;
}

.div-block-5231 {
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: absolute;
  top: -34px;
  left: 0;
}

.div-block-5231._2 {
  left: auto;
  right: -16px;
}

.div-block-5232 {
  height: 100%;
  display: flex;
}

.div-block-5226-copy {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  align-items: center;
  margin-right: 6px;
  padding: 6px 15px 6px 16px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-5233 {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  margin-left: 22px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
}

.radiodot {
  opacity: 1;
  background-color: #fff;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  margin-bottom: 0;
  font-family: GoogleMaterialicons, sans-serif;
  transition: all .4s;
  display: none;
  position: relative;
  left: 15px;
}

.radiodot.active {
  opacity: 1;
  color: #fff;
  background-color: #0000;
  align-items: center;
  transition: opacity .1s;
  display: flex;
}

.radiodot.round {
  background-color: #fff;
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.radiodot.round.active {
  background-color: #0f69ff;
  width: 9px;
  height: 9px;
}

.radiodot.poll1.active {
  background-color: #fff;
  display: flex;
  left: 0;
}

.radiodot.checkbox, .radiodot.box, .radiodot.poll2, .radiodot.poll3 {
  display: none;
}

.radiodot.radiobutton.active {
  background-color: #fff;
  display: flex;
  left: 0;
}

.form_number_tag {
  display: none;
  position: absolute;
  left: 17px;
}

.form_number_tag.poll1 {
  display: flex;
}

.animator_holder {
  z-index: 9999;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.animator_holder.active {
  justify-content: center;
  height: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.animations_holder {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  display: flex;
}

.animator_main {
  background-color: #fff;
  border: 0 solid #e9e9e9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 25px;
  line-height: 25px;
  display: flex;
  position: relative;
}

.animator_main.tmp {
  border-width: 1px;
  width: 300px;
  height: 600px;
}

.sequence_item {
  border: 0 solid #e2e2e2;
  border-radius: 0;
  display: flex;
  position: relative;
}

.animator_s1 {
  z-index: 2;
  cursor: text;
  margin-bottom: 2px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: .48em;
  font-weight: 500;
  line-height: 1em;
  transition: all .35s;
  position: relative;
}

.animator_s1.seq_editing {
  background-color: #feffec;
  padding: 10px;
}

.animator_s1.editor {
  min-width: 60px;
  min-height: 16px;
}

.animator_s1.editor:hover {
  background-color: #f5f6e6b3;
}

.sequence_item_inner {
  border: 0 solid #e2e2e2;
  border-radius: 0;
  width: 300px;
  position: relative;
}

.sequence_item_inner.tmp {
  width: 800px;
  height: 600px;
}

.div-block-5235 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-5236 {
  padding-bottom: 10px;
  display: flex;
}

.div-block-5237 {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.div-block-5238 {
  background-color: #f8f8f8;
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
}

.animator_content {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.animator_content.animator {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.animator_s2 {
  z-index: 2;
  cursor: text;
  position: relative;
}

.animator_s2.seq_editing {
  background-color: #feffec;
  padding: 10px;
}

.animator_s2.editor {
  border: 1px solid #6c91ce00;
  padding: 5px;
  transition-property: none;
}

.animator_s2.editor:hover {
  background-color: #c7dcee42;
  border-color: #6c91ce99;
}

.animator_s2.editor:focus {
  background-color: #c7dcee42;
  border-color: #7195ce;
}

.animator_s2.tmp {
  font-size: .88em;
}

.animator_s2.h3 {
  margin-top: 5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
}

.animator_s2.h2 {
  margin-bottom: 5px;
  font-size: .5em;
}

.animator_s3 {
  color: #919191;
  cursor: text;
  margin-top: 4px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: .4em;
  font-weight: 500;
  line-height: 1.6em;
  transition: all .35s;
}

.animator_s3.seq_editing {
  background-color: #feffec;
  padding: 10px;
}

.animator_s3.editor {
  z-index: 2;
  min-width: 30px;
  min-height: 16px;
  font-size: .4em;
  position: relative;
}

.animator_s3.editor:hover {
  background-color: #f5f6e6b3;
}

.animator_timeline {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 0;
  min-height: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.animator_timeline.active_scene {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.animator_timeline.active_scene.animator {
  padding-top: 50px;
  display: flex;
  top: 0;
}

.animator_timeline.animator {
  z-index: 98;
}

.animator_timeline.animator.expanded {
  padding-left: 100px;
  position: absolute;
  bottom: 0;
}

.animator_timeline.minimised {
  height: 56px;
  min-height: 56px;
  overflow: hidden;
}

.animator_timeline.timelineactive {
  z-index: 55;
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 310px;
  min-height: 310px;
  display: none;
  overflow: visible;
}

.animator_timeline.timelineactive.is_active {
  display: flex;
}

.animator_timeline.mode_prompt, .animator_timeline.mode_code {
  display: none;
}

.animator_nav {
  z-index: 2;
  color: #333;
  white-space: nowrap;
  cursor: grab;
  background-color: #f3f2ee;
  border: 0 solid #b1b0ce;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  height: 27px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 35px;
  font-size: 10px;
  font-weight: 500;
  transition: padding .35s;
  display: flex;
  position: absolute;
  top: 0;
  left: 69px;
  overflow: hidden;
  box-shadow: 0 0 7px #5568a00a;
}

.animator_nav:hover {
  border-color: #424242;
}

.animator_nav.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.animator_nav.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.animator_nav.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.animator_nav.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.animator_nav.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.animator_nav.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.animator_nav.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.animator_nav.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.animator_nav.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.animator_nav.inactive {
  border-color: #a84747;
}

.animator_nav.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.animator_nav._100 {
  width: 100%;
  margin-left: 0;
}

.animator_nav.first {
  margin-left: 0;
}

.animator_nav.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.animator_nav.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.animator_nav.right {
  margin-left: 0;
  margin-right: 5px;
}

.animator_nav.right.inactive {
  display: none;
}

.animator_nav.inverted {
  color: #fff;
  border-color: #919191;
}

.animator_nav.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.animator_nav.status.enabled {
  border-color: #e6e6e6cc;
}

.animator_nav.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.animator_nav.small:hover {
  color: #050505;
  background-color: #03030300;
}

.animator_nav.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.animator_nav.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.animator_nav.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.animator_nav.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.animator_nav.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.animator_nav.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.animator_nav.active {
  color: #212c3f;
  background-color: #c7cbdb;
  border-color: #c7cbdb;
}

.animator_nav.active:hover {
  border-color: #7584c0;
}

.animator_nav.test {
  left: 146px;
}

.animator_nav.active {
  background-color: #fff;
  border-color: #444;
}

.animator_nav.content_media {
  background-color: #ddf0dd;
}

.animator_nav.content_media.active {
  background-color: #fff;
}

.animator_nav.colision {
  overflow: visible;
}

.animator_nav.snap {
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55), padding .35s;
}

.animator_nav.is_full {
  width: 100%;
}

.animator_nav.content_audio {
  background-color: #f7f8fa;
}

.animator_nav.content_audio.active {
  background-color: #fff;
}

.animator_nav.is_highlighted {
  background-color: #d9f4fd;
}

.animator_nav.is_animated {
  transition: all .55s cubic-bezier(.86, 0, .07, 1), padding .35s;
}

.div-block-5239 {
  opacity: .5;
  width: 100%;
  height: 30px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.top_animator_nav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 0;
  min-height: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top_animator_nav.expanded {
  background-color: #dbe9ee;
}

.top_animator_nav.timelineisactive {
  z-index: 60;
  border-top: 1px solid #ddd;
  height: 100%;
  min-height: 310px;
  padding-top: 56px;
}

.div-block-5240 {
  background-color: #979797;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 5px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.div-block-5240.large {
  height: 10px;
}

.div-block-5241 {
  font-size: 10px;
  position: absolute;
  bottom: -19px;
}

.timeline_comp {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-5243 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  display: flex;
}

.animator_dropdown, .animator_dropdown.animator {
  display: flex;
}

.animator_dropdown._2 {
  color: #fff;
  background-color: #d1d1d1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 47px;
  font-family: Materialicons, sans-serif;
  font-size: 18px;
}

.animator_dropdown._2:hover {
  background-color: #000;
}

.div-block-5244 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.play_add_animation {
  z-index: 50;
  justify-content: flex-start;
  width: 100%;
  padding-top: 20px;
  position: absolute;
  top: 0;
}

.play_add_animation.animator {
  justify-content: flex-start;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  top: 0;
  left: 0;
}

.div-block-5246 {
  cursor: pointer;
  border: 1px solid #d3d3d3;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 47px;
  margin-right: 10px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.div-block-5246:hover {
  color: #fff;
  background-color: #1b1b1b;
  border-color: #0c0c0c;
}

.div-block-4131-copy {
  max-width: 15px;
  margin-right: 0;
  font-family: Materialicons, sans-serif;
}

.div-block-5247 {
  margin-left: 5px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5248 {
  background-color: #050505;
  width: 4px;
  height: 100%;
  transition: all .4s;
  display: none;
  position: absolute;
  left: 0;
}

.div-block-5248.inactive, .animator_spare {
  display: none;
}

.div-block-5249 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-5249.lines.animator {
  display: none;
}

.animator_pickers {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: none;
}

.animator_pickers.active, .animator_pickers.animator {
  display: flex;
}

.animator_text {
  z-index: 2;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 34px;
  left: 0%;
}

.animator_text.animator {
  z-index: 2;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.animator_text.inactive {
  display: none;
}

.animator_text.static {
  position: static;
}

.rulerscontainer {
  opacity: .5;
  cursor: pointer;
  border-top: 0 solid #2f309c;
  width: 100%;
  height: 30px;
  padding-right: 0;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 1px;
  left: 250px;
}

.div-block-5251 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-right: 0;
  display: flex;
}

.div-block-5251.lightscrolly {
  align-items: flex-start;
  width: 100%;
}

.div-block-5251.lightscrolly.lightscroll2 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 25px;
  position: relative;
}

.div-block-5252 {
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  bottom: -19px;
}

.div-block-5252:hover {
  color: #fff;
  background-color: #5469b6;
}

.div-block-5253 {
  background-color: #979797;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 5px;
  display: flex;
  position: relative;
}

.div-block-5253.large {
  height: 10px;
}

.div-block-5253.large.double {
  height: 20px;
}

.div-block-5253.large.is_hidden, .div-block-5253.inv {
  opacity: 0;
}

.div-block-5254 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  line-height: 10px;
  display: flex;
}

.timeline_track {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #777;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 26px;
  transition: height .25s;
  display: flex;
  position: relative;
}

.timeline_track.colision {
  z-index: 90;
}

.timeline_track.dragging {
  z-index: 999;
  background-color: #fff;
  border-width: 3px 0 0;
  border-color: #2698ff;
  height: 40px;
  margin-top: 38px;
  position: absolute;
  left: 38px;
  box-shadow: 0 0 16px #0000000d;
}

.timeline_track.expanded {
  justify-content: flex-start;
  height: auto;
}

.timeline_track.dragged_over {
  z-index: 2;
  border-top-color: #c91215;
  border-bottom-width: 0;
  border-bottom-color: #216fff;
}

.timeline_track.dragged_over:hover {
  z-index: 3;
  background-color: #f6faee;
  border-top-width: 2px;
  border-top-color: #00b300;
  border-bottom-width: 0;
  height: 39px;
}

.div-block-5255 {
  z-index: 20;
  background-color: #fff0;
  border-top: 1px solid #e9e9e900;
  border-bottom: 0 solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.div-block-5255.expanded {
  background-color: #f4f8fa;
  border-top-left-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  top: -53px;
}

.div-block-5255.bottom {
  box-shadow: none;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  padding-left: 15px;
  position: static;
  bottom: 0;
}

.div-block-5255.timelineactive {
  background-color: #fff;
  border-top-width: 0;
  border-top-color: #e0e0e0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 15px #0000000d;
}

.div-block-5255.timelineactive.tight {
  box-shadow: none;
  border-bottom-width: 1px;
  border-bottom-color: #e2e1e1;
  padding-left: 5px;
}

.tracks_container {
  cursor: auto;
  background-color: #fff;
  border: 0 solid #2c2c2c38;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100px;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.tracks_container.lightscrolly {
  overflow: auto;
}

.drag_holder {
  z-index: 3;
  cursor: ew-resize;
  background-color: #6d6d6d0d;
  border-left: 1px solid #e0e0e000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 1px;
  right: 1px;
}

.drag_holder:hover {
  background-color: #fff;
}

.drag_holder.left {
  z-index: 6;
  border-left-width: 0;
  border-right: 1px solid #e0e0e000;
  border-radius: 0;
  top: 1px;
  left: 2px;
  right: auto;
}

.drag_holder.left.effect {
  height: 33px;
}

.drag_holder.hidden {
  opacity: 0;
  transition: opacity .2s;
}

.drag_holder.hidden:hover {
  opacity: 0;
}

.drag_holder.is_small {
  width: 10px;
}

.drag_holder.effect {
  height: 33px;
}

.dragicon {
  max-width: 15px;
  margin-right: 0;
  font-family: Materialicons, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.dragicon.large {
  font-size: 14px;
}

.dragicon.nospaced {
  margin-right: 0;
}

.ruler_container {
  z-index: 9999;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.animator_playhead {
  z-index: 2999;
  cursor: col-resize;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  padding-right: 4px;
  display: flex;
  position: absolute;
  top: 0;
  left: 571px;
}

.animator_playhead.hidden {
  display: none;
}

.animator_playhead.is_elastic {
  transition: all .7s cubic-bezier(.86, 0, .07, 1);
}

.animator_playhead.shifted {
  top: -1px;
  left: 200px;
}

.animator_playhead.shifted.is_slow {
  transition: all .3s;
}

.animator_playhead.shifted.head_only {
  pointer-events: none;
}

.animator_playhead.shifted.head_only.is_moving {
  background-color: #d1d3b026;
}

.div-block-5258 {
  z-index: 5;
  border: 0 solid gray;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 25px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5258.bottom {
  border-radius: 3px;
  height: 10px;
  top: auto;
  bottom: 0;
}

.div-block-5259 {
  background-color: #6365d440;
  width: 1px;
  height: 100%;
}

.div-block-5259.active {
  background-color: #463bbe;
}

.div-block-5259.is_active {
  background-color: #3b3edb99;
}

.div-block-5259.is_moving {
  background-color: #cf114099;
}

.div-block-5259.is_cursor {
  background-color: #ce653833;
  border-radius: 17px;
  transition: all .2s;
}

.div-block-5259.is_cursor.is_overlapping {
  opacity: 0;
}

.div-block-5259.is_guide {
  background-color: #27228d33;
  border-radius: 17px;
}

.drag_head {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  border-right: 0 solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  min-width: 250px;
  max-width: 270px;
  height: 100%;
  padding-left: 10px;
  font-weight: 400;
  display: flex;
  position: sticky;
  left: 0;
}

.drag_head:hover {
  color: #120fdd;
  font-weight: 500;
}

.drag_head.active {
  color: #000;
}

.drag_head.effect {
  cursor: pointer;
  width: 250px;
  max-width: 250px;
  padding-left: 14px;
}

.drag_head.effect.is_selected {
  background-color: #f4f6fa;
}

.drag_head.rollover {
  background-color: #ebf1f8;
}

.drag_head.is_animated {
  transition: all 1.2s;
}

.drag_head.is_animated.is_highlighted {
  background-color: #ddeaf5;
}

.div-block-5261 {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-5261.auto {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
}

.div-block-5262 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  cursor: text;
  border: 1px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  max-width: 80px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  display: flex;
  overflow: hidden;
}

.div-block-5262:hover {
  border-color: #00000012;
}

.div-block-5262.editing {
  border-color: #00000026;
}

.div-block-5262.dragged_over {
  pointer-events: none;
}

.div-block-5262.effect {
  width: 160px;
  max-width: 160px;
}

.div-block-5263 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 0;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5263.spaced {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.track_container {
  color: #cacaca;
  cursor: pointer;
  border-left: 0 solid #d8d8d8;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track_container:hover {
  color: #575555;
}

.track_container.dragging {
  position: relative;
}

.track_container.effect {
  cursor: auto;
  height: 100%;
  min-height: 36px;
}

.track_container.effect.rollover {
  background-color: #f5fbff;
}

.track_container.actions, .track_container.colision {
  overflow: visible;
}

.div-block-5265 {
  background-color: #dbdbdb;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 2px;
}

.animator_button {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e400;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.animator_button:hover {
  color: #fefefe;
  background-color: #d80d0d;
  border-color: #03030300;
}

.animator_button.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.animator_button.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.animator_button.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.animator_button.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.animator_button.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.animator_button.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.animator_button.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.animator_button.blue.first {
  background-color: #1654ff;
}

.animator_button.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.animator_button.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.animator_button.inactive {
  border-color: #a84747;
}

.animator_button.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.animator_button._100 {
  width: 100%;
  margin-left: 0;
}

.animator_button.first {
  margin-left: 0;
}

.animator_button.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.animator_button.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.animator_button.right {
  margin-left: 0;
  margin-right: 5px;
}

.animator_button.right.inactive {
  display: none;
}

.animator_button.inverted {
  color: #fff;
  border-color: #919191;
}

.animator_button.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.animator_button.status.enabled {
  border-color: #e6e6e6cc;
}

.animator_button.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.animator_button.small:hover {
  color: #050505;
  background-color: #03030300;
}

.animator_button.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.animator_button.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.animator_button.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.animator_button.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.animator_button.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.animator_button.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.animator_button.nospace {
  margin-left: 0;
}

.animator_button.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: absolute;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 12px #00000014;
}

.animator_button.vertical {
  width: 27px;
  height: 80px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: -58px;
}

.animator_button.heatmap.animator, .animator_button.improve.animator, .animator_button.mindmap.animator, .animator_button.playanimation {
  display: none;
}

.animator_button.playanimation.animator {
  display: flex;
}

.animator_button.invisible {
  display: none;
}

.animator_button.resize_timeline {
  z-index: 10;
  background-color: #fff;
  width: 20px;
  height: 40px;
  margin-left: 0;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: -10px;
}

.animator_button.resize_timeline:hover {
  color: #0e0e0e;
  border-color: #313131;
  height: 50px;
}

.animator_button.nospaced {
  margin-left: 0;
}

.animator_button.simple {
  border-width: 0;
}

.animator_button.simple:hover {
  background-color: #f8f8f800;
  border-bottom-color: #03030300;
}

.animator_button.darkblue {
  color: #000;
  background-color: #fff;
}

.animator_button.resize {
  cursor: ns-resize;
  display: none;
}

.animator_button.resize.timelineactive {
  display: flex;
}

.animator_button.expand.timelineactive, .animator_button.close {
  display: none;
}

.animator_button.close.timelineactive {
  display: flex;
}

.animator_button.reg {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: 2px;
}

.animator_button.reg:hover {
  background-color: #313131;
}

.animator_button.reg.player_control {
  background-color: #fff;
  width: 100px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  top: 0;
}

.animator_button.reg.player_control:hover {
  color: #181818;
  background-color: #ddd;
}

.animator_button.reg.player_control.is_pause {
  z-index: 3;
  background-color: #d5caca;
  transition-duration: .13s;
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
  top: 0;
}

.animator_button.reg.player_control.is_pause.is_playing {
  background-color: #fff;
  top: -34px;
}

.animator_button.reg.player_control.is_playing {
  background-color: #c2baba;
  top: 34px;
}

.timeline_spacer {
  z-index: 99;
  background-image: linear-gradient(to right, #d4d4d400 10%, #fff 97%);
  width: 45px;
  height: 100%;
  position: absolute;
  top: 13px;
  right: 10px;
}

.colision_indicator {
  z-index: 99;
  background-color: #6992dd;
  width: 2px;
  height: 600px;
  display: none;
  position: absolute;
  top: -300px;
  left: 0;
}

.colision_indicator.left {
  left: 0;
  right: auto;
}

.colision_indicator.right {
  left: auto;
  right: 0;
}

.colision_indicator.colision {
  z-index: 10;
  display: flex;
}

.colision_indicator.middle {
  background-color: #6992dd80;
  width: 1px;
  left: 50%;
}

.div-block-5266 {
  margin-left: 10px;
  font-size: 11px;
  position: relative;
}

.div-block-4131-copy {
  color: #818181;
  cursor: grab;
  max-width: none;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 15px;
  position: static;
  left: 3px;
}

.div-block-4131-copy:hover {
  color: #2c2c2c;
}

.div-block-4131-copy.large {
  font-size: 14px;
}

.div-block-4131-copy.nospaced {
  margin-right: 0;
}

.top_animator_nav-copy {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 20px;
  display: none;
  position: relative;
  overflow: auto;
}

.top_animator_nav-copy.expanded {
  background-color: #dbe9ee;
}

.top_animator_nav-copy.lightscrolly.lightscroll2.timelineactive {
  flex-flow: row;
  padding-left: 0;
}

.top_animator_nav-copy.timelineactive {
  height: 100%;
  display: flex;
}

.track_actions {
  cursor: pointer;
  border: 1px solid #bbb0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  display: flex;
}

.track_actions:hover {
  color: #000;
  background-color: #dbdbdb;
  border-right-color: #2e2e2e00;
}

.track_actions.large {
  font-size: 15px;
}

.track_actions.nospaced {
  margin-right: 0;
}

.track_actions.trackicon {
  font-size: 15px;
}

.track_actions.nohover {
  cursor: auto;
}

.track_actions.nohover:hover {
  background-color: #dbdbdb00;
}

.track_actions.smaller {
  border-left-color: #cecece4d;
  border-radius: 0;
  width: 28px;
  min-width: 28px;
  height: 27px;
  padding: 0 6px;
  font-size: 14px;
  display: flex;
}

.track_actions.smaller:hover {
  color: #0c0c0c;
  background-color: #f8f8f8;
}

.track_actions.smaller.spaced {
  margin-right: 5px;
}

.track_actions.smaller.small {
  font-size: 14px;
}

.track_actions.smaller.rollover {
  display: flex;
}

.track_actions.smaller.rollover.header {
  border-left-color: #cecece00;
  border-right-color: #bbb0;
}

.track_actions.smaller.header {
  border-left-color: #cecece00;
}

.track_actions.smaller.inactive {
  opacity: .1;
}

.track_actions.smaller.visibility {
  opacity: .4;
}

.track_actions.smaller.visibility.enabled {
  opacity: 1;
  color: #c31111;
}

.div-block-5267 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  align-items: center;
  margin-right: 5px;
  display: flex;
}

.div-block-5268 {
  opacity: 0;
  background-color: #c9d0dd;
  width: 100%;
  min-width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
}

.div-block-5269 {
  z-index: 50;
  background-color: #bbbbbb94;
  border-radius: 10px;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 56px;
  left: 250px;
}

.animator_media {
  background-color: #9bc596;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-size: 17px;
  display: flex;
  position: absolute;
}

.animator_media.inactive {
  display: none;
}

.animator_cta {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .6em;
  display: flex;
  position: absolute;
  bottom: 0;
}

.animator_cta.inactive {
  display: none;
}

.div-block-5270 {
  color: #fff;
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.5em;
  min-height: 3.5em;
  font-size: .55em;
  font-weight: 700;
  display: flex;
}

.animator_multitext {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px;
  display: flex;
  position: absolute;
  top: 141px;
  left: 0;
}

.animator_multitext.animator {
  z-index: 2;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.animator_multitext.inactive {
  display: none;
}

.animator_multitext.temp {
  top: 284px;
}

.anim_handle {
  z-index: 20;
  cursor: grab;
  border: 1px solid #0182fd;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.anim_handle:hover {
  opacity: 1;
}

.anim_handle.basic_handle {
  opacity: 0;
  cursor: grab;
  border-style: solid;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0%;
  left: 0%;
}

.anim_handle.basic_handle:hover {
  opacity: 1;
}

.anim_handle.basic_handle.selected {
  z-index: 0;
  opacity: 1;
  cursor: auto;
  border: 2px solid #8b48fb;
}

.anim_handle.basic_handle.resizing {
  opacity: 1;
}

.anim_handle.basic_handle.highlighted {
  opacity: .3;
}

.anim_handle.basic_handle.highlighted:hover, .anim_handle.basic_handle.resizeready {
  opacity: 1;
}

.anim_handle.basic_handle.editor {
  display: none;
}

.anim_handle.selected:hover {
  opacity: 1;
}

.anim_handle.handle_inactive {
  border-color: #cc904c;
  display: flex;
}

.div-block-5271 {
  cursor: ns-resize;
  background-color: #fff;
  border: 1px solid #0685ff;
  border-radius: 1px;
  width: 9px;
  height: 9px;
  display: none;
  position: absolute;
  bottom: -5px;
}

.div-block-5271:hover {
  background-color: #0182fe;
}

.div-block-5271.right {
  cursor: ew-resize;
  bottom: auto;
  right: -5px;
}

.div-block-5271.right.resizeready.large {
  border-radius: 99px;
  height: 50%;
  min-height: 11px;
}

.div-block-5271.top {
  top: -5px;
  bottom: auto;
}

.div-block-5271.left {
  cursor: ew-resize;
  width: 9px;
  bottom: auto;
  left: -5px;
  right: auto;
}

.div-block-5271.resizeready {
  display: flex;
}

.div-block-5271.inactive {
  display: none;
}

.div-block-5272 {
  width: 100%;
  height: 11px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5273 {
  background-color: #a1a9bb36;
  border: 0 solid #acacac;
  border-radius: 99px;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
}

.div-block-5274, .handle_blockers {
  width: 100%;
  height: 100%;
}

.div-block-5275 {
  color: #161616;
  background-color: #dcdee4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 17px;
  margin-right: 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 8px;
  display: flex;
}

.div-block-5275.audio {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  cursor: pointer;
  background-color: #c1e6b5;
  border: 1px solid #c1e6b5;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5275.audio:hover {
  background-color: #fff;
  border-color: #aaa;
}

.div-block-5275.media {
  background-color: #e4d5bc;
}

.div-block-5275.is_media {
  background-color: #e5ebac;
  border: 1px solid #e5ebac;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5275.is_text {
  color: #462c2c;
  background-color: #f5d2bb;
  border: 1px solid #f5d2bb;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5275.theindex {
  background-color: #fff;
  width: auto;
  min-width: auto;
  height: 20px;
  min-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
}

.div-block-5275.theindex.is_hover {
  color: #fff;
  background-color: #1eb136;
}

.div-block-5275.theindex.hidden {
  display: none;
}

.div-block-5275.theindex.noselect {
  border: 0 solid #e6e6e6;
  border-radius: 1px;
}

.div-block-5275.theindex.noselect.is_active_scene {
  color: #fff;
  background-color: #1eb136;
}

.div-block-5275.theindex.topscene {
  border-radius: 0;
}

.div-block-5275.theindex.topscene.is_active_scene {
  color: #fff;
  background-color: #063cff;
  border-radius: 0;
}

.div-block-5275.is_scene {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  cursor: pointer;
  background-color: #dcdddc;
  border: 1px solid #c1e6b5;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5275.is_scene:hover {
  background-color: #fff;
  border-color: #aaa;
}

.div-block-5275.rollover {
  background-color: #fff;
}

.track_border {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 0 solid #e9e9e9;
  width: 100%;
  display: flex;
}

.track_border.expanded {
  z-index: 10;
  border-bottom-color: #eeafaf;
  position: relative;
}

.track_border.first {
  border-top: 1px solid #e9e9e9;
}

.track_border.is_animated {
  background-color: #0000;
  transition: all 1.5s;
}

.track_border.is_animated.is_highlighted {
  background-color: #ffffea;
}

.effects_container {
  width: 100%;
  display: none;
}

.effects_container.enabled {
  flex-direction: column;
  display: flex;
  position: relative;
}

.effects_item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0 solid #cecece;
  border-bottom: 0 solid #ebebeb;
  width: 100%;
  height: 36px;
  display: flex;
  position: relative;
  top: -1px;
}

.effect_nav {
  z-index: 2;
  white-space: nowrap;
  cursor: grab;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/668cb54959415ccc7d9903de_tween2.svg.svg");
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 500;
  transition: padding .35s;
  display: flex;
  position: absolute;
  left: 395px;
  overflow: visible;
}

.effect_nav:hover {
  border-color: #424242;
}

.effect_nav.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.effect_nav.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.effect_nav.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.effect_nav.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.effect_nav.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.effect_nav.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.effect_nav.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.effect_nav.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.effect_nav.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.effect_nav.inactive {
  border-color: #a84747;
}

.effect_nav.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.effect_nav._100 {
  width: 100%;
  margin-left: 0;
}

.effect_nav.first {
  margin-left: 0;
}

.effect_nav.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.effect_nav.right {
  margin-left: 0;
  margin-right: 5px;
}

.effect_nav.right.inactive {
  display: none;
}

.effect_nav.inverted {
  color: #fff;
  border-color: #919191;
}

.effect_nav.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.effect_nav.status.enabled {
  border-color: #e6e6e6cc;
}

.effect_nav.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.effect_nav.small:hover {
  color: #050505;
  background-color: #03030300;
}

.effect_nav.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.effect_nav.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.effect_nav.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.effect_nav.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.effect_nav.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.effect_nav.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.effect_nav.active {
  color: #212c3f;
  background-color: #c7cbdb;
  border-color: #c7cbdb;
}

.effect_nav.active:hover {
  border-color: #7584c0;
}

.effect_nav.test {
  left: 146px;
}

.effect_nav.active {
  background-color: #fff;
  border-color: #444;
}

.effect_nav.content_media {
  background-color: #ddf0dd;
}

.effect_nav.content_media.active {
  background-color: #fff;
}

.effect_nav.colision {
  overflow: visible;
}

.effect_nav.snap {
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55), padding .35s;
}

.effect_nav.is_selected {
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/668cb9ff3a02f05af9f35b1c_tweenblue.svg.svg");
  background-position: 0 0;
  background-size: auto;
  border-color: #1f45ee;
}

.div-block-5275-copy {
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 3px 8px;
  font-size: 8px;
  font-weight: 500;
  line-height: 8px;
  display: flex;
}

.animator_editor {
  display: none;
}

.animator_editor.animator {
  z-index: 60;
  width: 100%;
  min-width: 552px;
  height: 100%;
  display: flex;
  position: relative;
}

.animator_main_screen {
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.animator_main_screen.active {
  display: flex;
}

.div-block-5278 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-5279 {
  z-index: 5;
  border-bottom: 0 solid #c7c7c726;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5279.bottom {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  top: auto;
  bottom: 0;
}

.thecontent_holder {
  z-index: 4;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  transition: opacity .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thecontent_holder:hover {
  border-color: #207ace4d;
}

.thecontent_holder.hidden {
  display: none;
}

.animator_bg {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

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

.animator_bg.live_view {
  justify-content: flex-end;
}

.content_cover {
  background-color: #756b6b1a;
  width: 100%;
  height: 100%;
}

.div-block-5281 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5282 {
  z-index: 9999;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 16px;
}

.div-block-5282.rel {
  z-index: 1;
  position: absolute;
  top: auto;
}

.div-block-5282.editor {
  top: 9px;
}

.workarea {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}

.workarea.lightscrolly.lightscroll2 {
  flex-direction: row;
  position: relative;
  overflow: hidden;
}

.config_multitext {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  padding-left: 5px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-5284 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #ddd;
  height: 100px;
  display: flex;
}

.layermedia_animator {
  border-right: 0 solid #dfdfdf;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 100%;
  position: relative;
}

.image-695 {
  object-fit: cover;
  height: 100%;
}

.div-block-5286 {
  z-index: 5;
  color: #fff;
  cursor: ew-resize;
  background-color: #fff3;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5286:hover {
  color: #111;
  background-color: #fff;
}

.div-block-5287 {
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cells_container {
  z-index: 1;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.timeline_cell {
  border-top: 3px solid #5b56c400;
  border-bottom: 0 solid #d8d8d8;
  border-left: 0 solid #d8d8d8;
  border-right: 1px solid #b6b6b633;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  padding-bottom: 1.5px;
  font-size: 12px;
  font-style: italic;
  display: flex;
  position: relative;
}

.timeline_cell:hover {
  background-color: #d1d9e4;
  border-top-color: #5b56c4;
}

.timeline_cell.highlight1 {
  background-color: #f8f8f8f7;
}

.timeline_cell.highlight1:hover {
  background-color: #ecf0f5;
}

.timeline_cell.hasactions {
  color: #1d2681;
  background-color: #d9eafc;
}

.timeline_cell.is_current {
  background-color: #dbeafa;
}

.trackborder {
  z-index: 1;
  pointer-events: none;
  border: 0 solid #a8a3e9;
  width: 100%;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.trackborder.active {
  border-color: #bdbc91;
}

.trackborder._1 {
  z-index: 5000;
  pointer-events: none;
  border-width: 1px;
  border-color: #7f99e700 #7f99e700 #7f99e7c9;
  height: 44px;
  display: flex;
}

.trackborder._1:hover {
  border-color: #919adb;
}

.trackborder._2 {
  z-index: 100;
  pointer-events: none;
  border-width: 1px 1px 1px 0;
  border-color: #d1d1d1 #d1d1d1 #d1d1d1 #cecece;
  height: 44px;
}

.trackborder.tracks_reg {
  z-index: 999999;
  pointer-events: none;
  border-width: 1px;
  border-color: #be2222;
  height: 100%;
}

.trackborder.tracks_reg:hover {
  border-color: #919adb;
}

.trackborder.rollover {
  border-width: 1px;
  border-color: #989899;
}

.div-block-5288 {
  background-color: #fff0;
  border-top: 0 solid #dddddd9e;
  border-bottom: 1px solid #535353;
  border-left: 0 solid #424242;
  border-right: 0 solid #4b4b4b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.div-block-5288.small {
  background-color: #f8f8f8;
  justify-content: space-between;
  align-items: center;
  height: 43px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-5288.side {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  padding-left: 10px;
}

.div-block-5288.side.split {
  z-index: 10;
  justify-content: space-between;
  margin-bottom: 18px;
  position: sticky;
  top: 0;
}

.div-block-5288.side.datasources {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.div-block-5289 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 85px;
  left: 0;
}

.image-696 {
  width: 13px;
  padding-top: 0;
  transform: rotate(180deg);
}

.image-696.bottom {
  top: auto;
  bottom: -2px;
  transform: none;
}

.blank_track {
  background-color: #f8f8f8;
  width: 100%;
  height: 36px;
}

.drag_handler {
  z-index: 90;
  cursor: grab;
  background-color: #fff;
  border: 0 solid #ddd;
  border-radius: 99px;
  height: 25px;
  padding: 2px 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.drag_handler:hover {
  border-color: #a7a7a7;
}

.drag_handler.rollover {
  display: flex;
}

.div-block-5290 {
  display: none;
  position: absolute;
  right: 0;
}

.div-block-5290.header {
  pointer-events: none;
  color: #cacaca;
  display: flex;
}

.div-block-5290.rollover {
  color: #322ca5;
  display: flex;
}

.div-block-5291 {
  z-index: 5;
  cursor: nesw-resize;
  background-color: #fff;
  border: 1px solid #0685ff;
  border-radius: 99px;
  width: 9px;
  height: 9px;
  display: none;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.div-block-5291.tr {
  top: -5px;
  bottom: auto;
  right: -5px;
}

.div-block-5291.tr.resizeready.inactive {
  display: none;
}

.div-block-5291.tl {
  inset: -4px auto auto -4px;
}

.div-block-5291.bl {
  inset: auto auto -4px -4px;
}

.div-block-5291.resizeready {
  display: flex;
}

.div-block-5291.inactive {
  display: none;
}

.animator_comps {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.div-block-5292 {
  z-index: 2;
  background-color: #fff;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-5293 {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 43px;
  display: flex;
  position: relative;
}

.div-block-5293.inactive {
  display: none;
}

.div-block-5294 {
  align-items: center;
  display: flex;
}

.div-block-5295 {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.div-block-5296 {
  background-color: #fff;
  border-radius: 8px;
  width: 450px;
  height: 200px;
  display: none;
  position: absolute;
  top: 57px;
  box-shadow: 0 0 18px #0000000d;
}

.div-block-5296.active {
  justify-content: center;
  align-items: center;
  width: 433px;
  height: auto;
  padding: 22px;
  display: flex;
}

.config_media {
  z-index: 15;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 10px 20px 10px 5px;
  display: flex;
  position: relative;
}

.config_div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 10px 20px 10px 5px;
  display: flex;
}

.animator_holder_border {
  z-index: 2;
  border: 0 solid #bdbdbd30;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: 160px;
  max-width: 100%;
  height: 100%;
  padding: 0;
  display: none;
  position: relative;
}

.animator_holder_border.is_hidden {
  display: none;
}

.animator_holder_border.is_active, .animator_holder_border.is_prompt {
  display: flex;
}

.div-block-5297 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.div-block-5297:hover {
  border-color: #c2c2c2;
}

.div-block-5298 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.div-block-5298:hover {
  overflow: visible;
}

.div-block-5299 {
  white-space: nowrap;
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 43px;
  display: flex;
  position: static;
  bottom: -56px;
  overflow: hidden;
  box-shadow: 0 0 12px #00000014;
}

.div-block-5300 {
  justify-content: flex-start;
  height: 180px;
  padding-top: 110px;
  display: flex;
  position: absolute;
  top: 0;
  right: -50px;
}

.anim_carousel {
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.animator_level2 {
  background-color: #fff;
  border: 0 solid #e9e9e9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 25px;
  display: flex;
  position: relative;
}

.animator_level2.tmp {
  border-width: 1px;
  width: 300px;
  height: 600px;
}

.animator_level3 {
  background-color: #9bc596;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 17px;
  display: flex;
}

.animator_level3.inactive {
  display: none;
}

.theline_1 {
  z-index: 10;
  background-color: #80808030;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

.theline_1.top {
  opacity: .5;
  background-color: #80808066;
  top: 0;
  bottom: auto;
}

.theline_1.full {
  background-color: #4c66da;
  height: 2px;
  display: none;
  top: 36px;
  bottom: auto;
}

.theline_1.full.expanded {
  background-color: #4c66da;
  display: flex;
  left: 251px;
}

.theline_1.bottom_f {
  background-color: #4c66da;
  height: 2px;
  display: none;
  top: auto;
  bottom: 0;
}

.theline_1.bottom_f.expanded {
  z-index: 100;
  display: flex;
  left: 250px;
}

.theline_1.bottom {
  background-color: #80808000;
}

.theline_1.bottom.is_last {
  background-color: #80808066;
}

.div-block-5302 {
  align-items: center;
  height: 100%;
  display: flex;
}

.tools_container {
  z-index: 10;
  position: relative;
}

.font_size {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-5305 {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 3px 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
}

.div-block-5305:hover {
  color: #fcfcfc;
  background-color: #2e2e2e;
}

.div-block-5306 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.actions_track {
  z-index: 999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #777;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 26px;
  transition: height .25s;
  display: flex;
  position: relative;
}

.actions_track.colision {
  z-index: 90;
}

.actions_track.dragging {
  z-index: 999;
  background-color: #fff;
  border-width: 3px 0 0;
  border-color: #2698ff;
  height: 40px;
  margin-top: 38px;
  position: absolute;
  left: 38px;
  box-shadow: 0 0 16px #0000000d;
}

.actions_track.expanded {
  justify-content: flex-start;
  height: auto;
}

.actions_track.dragged_over {
  z-index: 2;
  border-top-color: #c91215;
  border-bottom-width: 0;
  border-bottom-color: #216fff;
}

.actions_track.dragged_over:hover {
  z-index: 3;
  background-color: #f6faee;
  border-top-width: 2px;
  border-top-color: #00b300;
  border-bottom-width: 0;
  height: 39px;
}

.actions_track.is_hidden {
  display: none;
}

.div-block-5307 {
  color: #292929;
  letter-spacing: .1px;
  cursor: pointer;
  background-color: #ffffff82;
  border: 1px solid #dbdbdb;
  border-radius: 99px;
  justify-content: space-between;
  width: 120px;
  padding: 3px 8px 3px 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: absolute;
  bottom: -38px;
  left: 0;
}

.code_editor {
  z-index: 100;
  background-color: #3d3d3d1a;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 80px;
}

.code_editor.active {
  z-index: 50;
  display: flex;
  left: 0;
}

.code_editor_main {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 700px;
  max-width: 700px;
  box-shadow: 10px 0 9px #0000000a;
}

.div-block-5310 {
  border: 0 solid #000;
  border-top: 1px solid #383838;
  flex-direction: row;
  height: 100%;
  display: flex;
}

.div-block-5311 {
  background-color: #f8f8f8;
  border-right: 1px solid #e6e6e6;
  width: 100px;
}

.div-block-5312 {
  width: 100%;
  padding: 0;
  font-family: IBM Plex Mono, sans-serif;
  overflow: hidden;
}

.div-block-5313 {
  align-items: center;
  height: 51px;
  min-height: 51px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.div-block-5313.dark {
  color: #fff;
  background-color: #1f1e1e;
}

.div-block-5313.dark-copy {
  color: #fff;
  background-color: #1f1e1e;
  border-right: 1px solid #b2afaf4f;
  justify-content: space-between;
  padding: 0 10px 0 12px;
}

.div-block-5314 {
  border: 0 solid #e7e0e01a;
  height: 100%;
  padding: 0;
}

.div-block-5314:hover {
  background-color: #fafcf5;
}

.div-block-5315 {
  padding-top: 10px;
}

.sidebar_animator {
  z-index: 99;
  background-color: #fff;
  background-image: linear-gradient(#f1f1f1, #fff);
  border-right: 1px solid #e9e9e9;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 100%;
  transition: all .65s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar_animator.advanced {
  display: none;
}

.sidebar_animator.dashboard {
  background-color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 320px;
  min-width: 155px;
  padding-bottom: 10px;
  transition: all .3s;
  left: 0;
}

.sidebar_animator.dashboard.small {
  width: 80px;
  min-width: 80px;
  padding-bottom: 0;
}

.sidebar_animator.dashboard.expanded {
  z-index: 9999999;
  width: 800px;
  position: static;
  left: 0;
}

.sidebar_animator.dashboard.faded {
  border-right-color: #e9e9e94d;
  transition: width .2s;
}

.sidebar_animator.dashboard.faded.expanded {
  border-right-color: #a09c9c4d;
  width: 540px;
  min-width: 540px;
  position: relative;
}

.sidebar_animator.dashboard.faded.lightscroll {
  transition: all .2s, width .2s;
}

.sidebar_animator.dashboard.faded.lightscroll.dark {
  background-color: #000;
  border-right-width: 0;
  border-right-color: #0000001a;
}

.sidebar_animator.dashboard.faded.lightscroll.no_h_scroll.dark {
  background-color: #fff;
}

.sidebar_animator.dashboard.faded.lightscroll.no_h_scroll.dark.large {
  width: 350px;
}

.sidebar_animator.dashboard.dark {
  background-color: #fff0;
  border-right-color: #53535321;
}

.sidebar_animator.dashboard.dark._2 {
  background-color: #000;
}

.sidebar_animator.dashboard.smaller {
  width: 0;
  min-width: 0;
}

.sidebar_animator.slided {
  display: none;
}

.sidebar_animator.blue {
  background-image: linear-gradient(#f8fafc, #fff);
}

.sidebar_animator.full {
  background-image: none;
  width: 100%;
  max-width: 280px;
  overflow: visible;
}

.sidebar_animator.compact {
  background-color: #fff0;
  background-image: linear-gradient(#f8fafc, #fff);
  width: 80px;
  max-width: 80px;
  overflow: visible;
}

.menu_button {
  z-index: 99;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 10px;
  font-weight: 300;
  transition: all .4s;
  display: flex;
  position: absolute;
  right: -100%;
}

.menu_button:hover {
  background-color: #fff;
  border-bottom-color: #fff;
}

.menu_button.reverse_border {
  letter-spacing: .4px;
  text-transform: none;
  border-top: 1px solid #f1f1f1;
  border-bottom-width: 0;
  height: 80px;
  font-size: 12px;
  font-weight: 300;
}

.menu_button.active {
  z-index: 999;
  background-color: #f1f1f1;
  border-left: 1px solid #e0e0e0;
  transition-property: none;
  display: flex;
  right: 0%;
}

.menu_button.active:hover {
  filter: invert();
  background-color: #fff;
}

.menu_button.small {
  height: 56px;
}

.animator_main_screen_level2 {
  background-color: #f8f8f8;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/655b372c1dd80a8c48ad556f_dot_pattern3.png");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.animator_main_screen_level2.noselect {
  background-color: #f9fbfd;
  background-image: none;
}

.tab_container {
  border-right: 1px solid #a8a8a840;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 200px;
  height: 100%;
  display: none;
  overflow: visible;
}

.tab_container.lightscroll {
  display: none;
}

.tab_container.lightscroll.active {
  z-index: 999;
  background-color: #fff;
  border-right-color: #a8a8a821;
  width: 450px;
  display: flex;
  position: absolute;
  left: 80px;
  box-shadow: 9px 0 15px #0000000d;
}

.tab_container.lightscroll.large {
  width: 360px;
}

.tab_container.active {
  z-index: 20000;
  border: 0 solid #000;
  display: flex;
  position: relative;
  overflow: hidden;
}

.animator_edit {
  height: 100vh;
  position: relative;
}

.filebar {
  background-color: #f9fbfd;
  border-bottom: 0 solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5317 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-5318 {
  color: #353535;
  cursor: pointer;
  border-right: 0 solid #e0e0e054;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-5318:hover {
  background-color: #f1f1f1;
}

.div-block-5318.icon {
  justify-content: center;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
}

.div-block-5318.logo_type {
  justify-content: flex-start;
  min-width: 160px;
  padding-left: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 18px;
}

.div-block-5319 {
  color: #928a8a;
  border: 1px solid #464646;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.propertylogo {
  color: #363636;
  white-space: nowrap;
  cursor: pointer;
  border: 0 solid #000;
  border-right-color: #f1f1f1;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 0;
  padding-bottom: 2px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.propertylogo.icon {
  justify-content: center;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
}

.propertylogo.logo_type {
  justify-content: flex-start;
  min-width: 160px;
  padding-left: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 18px;
}

.div-block-5320 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
  padding-left: 5px;
  display: flex;
}

.anim_countdown, .anim_products, .anim_reveal, .anim_scratch, .anim_zoom, .anim_onemedia {
  width: 100%;
}

.size_chart {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 15px 20px 60px 10px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5322 {
  color: #fff;
  background-color: #fff;
  border: 1px solid #d3c5c5;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 2px;
  display: flex;
}

.div-block-5322.active {
  color: #202020;
  border-color: #e9e9e9;
}

.div-block-5322.round {
  border-color: #575757;
  border-radius: 99px;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  padding: 3px;
}

.div-block-5322.round.active {
  border-color: #333;
}

.div-block-5323 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-5324 {
  color: #c0bdbd;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 500;
}

.div-block-5324.active {
  color: #141414;
  margin-right: 10px;
  display: flex;
}

.div-block-5325 {
  border-top: 0 solid #e6e6e6;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.div-block-5326 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #e4e4e4;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 12px;
  padding-top: 12px;
  padding-right: 0;
  display: flex;
}

.div-block-5326.active {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.sizes_unit {
  color: #7a7a7a;
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.sizes_unit:hover {
  background-color: #f8f8f8;
}

.sizes_unit.active {
  color: #2c2c2c;
}

.div-block-5328 {
  opacity: 0;
  background-color: #292929;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-5328.active {
  opacity: 1;
}

.div-block-5329 {
  border-top: 0 solid #e9e9e9;
  border-bottom: 0 solid #f1f1f1;
  border-right: 0 solid #dfdfdf;
  justify-content: center;
  align-items: center;
  height: 32px;
  min-height: 32px;
  display: flex;
}

.div-block-5318-copy {
  cursor: pointer;
  border-right: 1px solid #dfdfdf54;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 14px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-5318-copy:hover {
  background-color: #f1f1f1;
}

.div-block-5318-copy.icon {
  justify-content: center;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
}

.div-block-5318-copy.logo_type {
  justify-content: flex-start;
  min-width: 160px;
  padding-left: 10px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 18px;
}

.div-block-5330 {
  align-items: center;
  height: 43px;
  display: flex;
}

.slider_ui_label {
  color: #f1ecec;
  white-space: nowrap;
  background-color: #1f1f1f;
  border: 0 solid #000;
  border-radius: 4px;
  margin-left: 7px;
  padding: 2px 6px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 10px;
}

.slider_ui_label.small {
  color: #645e5e;
  font-size: 4px;
}

.slider_ui_label.hidden {
  color: #fff;
}

.slider_ui_label.ai {
  color: #f3e9e9;
  background-color: #181818;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.slider_ui_label.bold {
  display: none;
}

.slider_ui_label.emoji {
  color: #fff;
  background-color: #f83b0c;
}

.slider_ui {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.slider_ui._50 {
  border-bottom-width: 0;
  width: 50%;
  min-width: 104px;
  margin-left: 0;
  padding-bottom: 0;
}

.slider_ui._50.last {
  margin-right: 0;
}

.slider_ui._50.first {
  margin-right: 20px;
}

.slider_ui.last {
  padding-bottom: 12px;
}

.slider_ui.no_margin {
  margin-left: 0;
}

.div-block-5331 {
  align-items: center;
  min-width: 150px;
  display: flex;
}

.custom_label_slider {
  color: #f1ecec;
  white-space: nowrap;
  background-color: #1f1f1f;
  border: 0 solid #000;
  border-radius: 4px;
  margin-left: 7px;
  padding: 2px 6px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 10px;
}

.custom_label_slider.small {
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  display: flex;
  position: relative;
}

.custom_label_slider.hidden {
  color: #fff;
}

.custom_label_slider.ai {
  color: #f3e9e9;
  background-color: #181818;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.custom_label_slider.bold {
  display: none;
}

.custom_label_slider.emoji {
  color: #fff;
  background-color: #f83b0c;
}

.custom_label_slider.hascssvalue {
  cursor: pointer;
  background-color: #1b18d1;
}

.div-block-5332 {
  display: flex;
}

.custom_slider_value {
  color: #3a3a3a;
  letter-spacing: .5px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: static;
  left: -53px;
}

.custom_slider_value.padded {
  margin-left: 12px;
}

.custom_slider_value.aligned {
  justify-content: flex-end;
}

.custom_slider_value.emoji {
  justify-content: center;
}

.div-block-5212-copy {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.an_tab_variations {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  width: 320px;
  padding: 15px;
  display: flex;
}

.div-block-5334 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-5335 {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.maincontainer_animator {
  background-color: #f1f1f1;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.maincontainer_animator.dark {
  background-color: #f1f4f8;
}

.maincontainer_animator.white {
  background-color: #fff;
}

.maincontainer_animator.light {
  background-color: #f8fafc;
}

.maincontainer_animator.responsive {
  flex-direction: row;
  display: flex;
}

.maincontainer_animator.responsive.light.y {
  background-image: linear-gradient(#f9f9f7, #fff);
  justify-content: flex-start;
}

.div-block-5316-copy {
  z-index: 120;
  background-color: #f8f8f8;
  border-right: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: space-between;
  width: 70px;
  min-width: 70px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page_tab {
  opacity: .7;
  color: #111;
  cursor: pointer;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.page_tab:hover {
  opacity: 1;
  background-color: #fff;
}

.page_tab._56 {
  height: 56px;
  position: relative;
}

.page_tab.hidden, .page_tab.is_design.mode_prompt, .page_tab.is_design.mode_code, .page_tab.is_prompt.mode_design, .page_tab.is_code.mode_design, .page_tab.is_code.mode_prompt {
  display: none;
}

.page_tab.is_section {
  position: relative;
}

.page_tab.is_bottom {
  border-right-width: 3px;
  padding-left: 3px;
}

.page_tab.is_bottom.is_active {
  background-color: #fff;
  border-right-color: #202020;
}

.div-block-5337 {
  justify-content: center;
  align-items: center;
  width: 24px;
  margin-bottom: 8px;
  font-family: Materialicons, sans-serif;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}

.div-block-5337.media {
  width: 24px;
}

.div-block-5337.pages {
  filter: blur(5px);
  width: 23px;
}

.div-block-5338 {
  opacity: 1;
}

.div-block-5339 {
  z-index: 1;
  border-top: 1px solid #dfdfdf;
  width: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-5340 {
  z-index: 1600;
  height: 100%;
  padding-left: 70px;
  transition: all .36s ease-out;
  display: flex;
  position: relative;
}

.div-block-5340.is_live_preview {
  padding-left: 0;
}

.an_tab_text {
  width: 100%;
  max-width: 550px;
  padding: 0;
}

.animator_variation {
  color: #949494;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.animator_variation:hover {
  border-color: #b6b6b6;
}

.animator_variation.active {
  color: #1a1a1a;
  background-color: #edf7f8;
  border-color: #c4cbd8;
}

.animator_variation.disabled {
  opacity: .5;
  border-color: #cc6363;
}

.an_tab_elements {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.text-field-8 {
  background-color: #fff0;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  width: 100%;
  height: 43px;
  margin-bottom: 0;
  font-weight: 300;
  box-shadow: 0 0 7px #0000000d;
}

.text-field-8:focus {
  background-color: #fff;
}

.div-block-5341 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.form-block-17 {
  width: 100%;
  margin-bottom: 0;
}

.template_item_text {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 25px 16px;
  font-size: 25px;
  display: flex;
  position: relative;
}

.template_item_text:hover {
  border-color: #9e9595;
}

.template_item_text.fixed {
  height: 180px;
}

.template_items {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  padding: 15px 25px;
  display: flex;
}

.div-block-5342 {
  cursor: auto;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: -9px;
  left: 10px;
}

.div-block-5343 {
  white-space: nowrap;
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 0 10px #0000001f;
}

.div-block-5344 {
  color: #474242;
  cursor: pointer;
  border-right: 1px solid #e0dcdc70;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 14px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-5344:hover {
  color: #f0f1e1;
  background-color: #323141;
  border-right-color: #323141;
}

.div-block-5344.last {
  border-right-width: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.div-block-5344.first {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.div-block-5344.vertical {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 6px;
}

.div-block-5345 {
  font-size: 14px;
}

.holder_hint {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  display: none;
  position: absolute;
  bottom: -54px;
}

.holder_hint.resizeready {
  width: auto;
  padding-top: 15px;
  padding-bottom: 0;
  display: none;
}

.tooltip_item {
  z-index: 999;
  color: #1f1f1f;
  background-color: #ececec;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 7px #0003;
}

.tooltip_item.light {
  color: #e2e2e2;
  background-color: #292929;
  box-shadow: 0 2px 4px #0003;
}

.div-block-5346 {
  z-index: 1;
  background-color: #ececec;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -2px;
  transform: rotate(45deg);
}

.div-block-5346.down {
  bottom: 7px;
  transform: rotate(45deg);
}

.div-block-5346.left {
  border-radius: 2px;
  bottom: auto;
  right: -2px;
  transform: rotate(45deg);
}

.div-block-5346.right {
  border-radius: 2px;
  bottom: auto;
  left: -3px;
  right: auto;
  transform: rotate(45deg);
}

.div-block-5346.light {
  background-color: #292929;
}

.div-block-5347 {
  z-index: 6;
  white-space: nowrap;
  position: relative;
}

.an_tab_media {
  width: 320px;
  padding: 14px;
}

.template_item_media {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 25px 20px;
  font-size: 25px;
  display: flex;
  position: relative;
}

.template_item_media:hover {
  border-color: #9e9595;
}

.template_item_media.fixed {
  height: 180px;
}

.div-block-5348 {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 150px;
}

.assistants_holder {
  display: none;
}

.assistants_holder.active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5349 {
  align-items: flex-end;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.div-block-5350 {
  width: 50px;
}

.div-block-5351 {
  background-color: #fff;
  border-radius: 6px;
}

.div-block-5352 {
  border-bottom: 1px solid #e0e0e0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.div-block-5352.last {
  border-bottom-width: 0;
}

.anim_products_full {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-5353 {
  height: 100%;
}

.image-697 {
  filter: invert();
}

.controls_container {
  z-index: 5;
  background-color: #fff;
  border-top: 1px solid #dddddd9e;
  border-bottom: 0 solid #000;
  border-left: 0 solid #000;
  border-right: 1px solid #eee;
  width: 340px;
  height: 100%;
  display: none;
  position: relative;
  top: 0;
  right: 0;
  box-shadow: 1px 0 12px #0000000d;
}

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

.controls_panel {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  height: 100%;
  padding: 3px 30px 20px;
  display: flex;
  overflow: auto;
}

.controls_panel.lightscroll {
  background-image: linear-gradient(#fff, #f8f8f8);
}

.text-field-9 {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #414141;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-9:hover {
  border-color: #d6d8da4f;
}

.text-field-9:active {
  border-color: #d4d8db4f;
}

.text-field-9:focus {
  color: #dbd7d7;
}

.text-field-9::placeholder {
  color: #757575;
}

.text-field-9.hasicon {
  padding-left: 30px;
}

.text-field-9.small {
  width: 100px;
  height: 32px;
}

.text-field-9._100 {
  width: 100%;
  padding-left: 30px;
}

.text-field-9._100.nopadding {
  padding-left: 5px;
}

.text-field-9.full {
  background-color: #41414129;
  border-color: #464646;
  width: 100%;
}

.text-field-9.full.mat {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.text-field-9.full.istextarea {
  height: 100px;
}

.text-field-9.full.istextarea.darkscroll {
  line-height: 19px;
}

.text-field-9.full.istextarea.darkscroll.create_standard_large {
  height: 200px;
}

.text-field-9.full.istextarea.darkscroll.create_standard_large.small {
  height: 60px;
}

.text-field-9.full.istextarea.darkscroll.create_standard_large.audio {
  color: #f0eeee;
  background-color: #eeecec17;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  font-size: 14px;
}

.text-field-9.full.istextarea.darkscroll.create_standard_med {
  height: 120px;
}

.text-field-9.light {
  color: #2b2b2b;
  background-color: #ffffffb5;
  border-color: #cacaca;
}

.text-field-9.light::placeholder {
  background-color: #2b2b2b00;
}

.text-field-9.light_full {
  color: #2b2b2b;
  background-color: #ffffffb5;
  border-width: 0;
  border-color: #cacaca;
  border-radius: 0;
  height: 100%;
}

.text-field-9.light_full::placeholder {
  background-color: #2b2b2b00;
}

.text-field-9.is_text {
  width: 96px;
}

.text-field-9.half {
  width: 50%;
}

.text-field-9.full-copy {
  background-color: #41414129;
  border-color: #616161;
  width: 100%;
}

.text-field-9.full-copy.mat {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.text-field-9.full-copy.istextarea {
  height: 100px;
}

.text-field-9.full-copy.istextarea.darkscroll {
  line-height: 19px;
}

.text-field-9.full-copy.istextarea.darkscroll.create_standard_large {
  height: 200px;
}

.text-field-9.full-copy.istextarea.darkscroll.create_standard_large.small {
  height: 60px;
}

.text-field-9.full-copy.istextarea.darkscroll.create_standard_large.audio {
  color: #f0eeee;
  background-color: #eeecec17;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  font-size: 14px;
}

.text-field-9.full-copy.istextarea.darkscroll.create_standard_med {
  height: 120px;
}

.field_label {
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
}

.field_label.modified {
  color: #1625ca;
  cursor: pointer;
}

.field_label.double {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.size_input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  display: flex;
}

.size_input._100 {
  justify-content: space-between;
  width: 100%;
}

.size_input._100.margin {
  margin-right: 0;
}

.size_input.full {
  width: 100%;
}

.size_input.full.hidden {
  display: none;
}

.size_input.full.top {
  align-items: flex-start;
}

.size_input.full.spaced {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.size_input.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.size_input._48 {
  width: 47.5%;
}

.size_input._48.hidden {
  display: none;
}

.size_input.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.size_input.on_timeline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.size_input.on_timeline.hidden {
  display: none;
}

.size_input.on_timeline.top {
  align-items: flex-start;
}

.div-block-5358 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  border-top-color: #6d6d6d4a;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-5358.border_top {
  border-top-width: 1px;
  border-top-color: #333;
}

.div-block-5358.border_top.vertical {
  flex-direction: column;
}

.div-block-5358.border_top._5 {
  margin-bottom: 0;
}

.div-block-5358.border_top.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

.div-block-5358.border_top.nospace.hidden {
  display: none;
}

.div-block-5358.border_top._2nospace-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

.div-block-5358.border_top._2nospace-copy.hidden, .div-block-5358.public-panel-hidden {
  display: none;
}

.div-block-5358.s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.div-block-5358.border_top-copy {
  border-top-width: 1px;
  border-top-color: #333;
}

.div-block-5358.border_top-copy.vertical {
  flex-direction: column;
}

.div-block-5358.border_top-copy._5 {
  margin-bottom: 0;
}

.div-block-5358.border_top-copy.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

.div-block-5358.border_top-copy.nospace.hidden {
  display: none;
}

.div-block-5358.border_top-copy._2nospace-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

.div-block-5358.border_top-copy._2nospace-copy.hidden {
  display: none;
}

.div-block-5359 {
  background-color: #f0f0f0;
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.div-block-5359.nobreaking {
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.slider_new {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.slider_new._50 {
  border-bottom-width: 0;
  width: 50%;
  min-width: 104px;
  margin-left: 0;
  padding-bottom: 0;
}

.slider_new._50.last {
  margin-right: 0;
}

.slider_new._50.first {
  margin-right: 20px;
}

.slider_new.last {
  padding-bottom: 12px;
}

.slider_new.no_margin {
  margin-left: 0;
}

.slider_new._100 {
  width: 100%;
}

.slider_new._100.nospace {
  margin-left: 0;
}

.div-block-5360 {
  border: 0 solid #e9e9e9;
  border-radius: 0;
  height: 52px;
  padding: 0;
  transition: all .5s;
  overflow: hidden;
}

.div-block-5360.active {
  border-radius: 0;
  height: auto;
  overflow: visible;
}

.form-block-18 {
  padding: 20px 0 0 25px;
}

.div-block-5361 {
  color: #111;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #ebebeb;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 17px 13px 17px 0;
  display: flex;
  box-shadow: 0 10px 20px -5px #00000005;
}

.div-block-5361:hover {
  color: #171e6d;
  border-color: #c1c0d1;
}

.div-block-5362 {
  font-weight: 500;
}

.text-block-485 {
  font-family: Materialicons, sans-serif;
}

.div-block-5363 {
  font-size: 16px;
}

.div-block-5364 {
  background-color: #7c787847;
  border: 1px solid #313131;
  border-color: #3a3a3a #313131 #313131 #3a3a3a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 130px;
  padding: 25px 46px;
  display: flex;
  position: relative;
  box-shadow: 0 0 14px #0000000a;
}

.div-block-5365 {
  z-index: 12;
  color: #9b9b9bd1;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 400;
  position: absolute;
  top: 2px;
  left: 6px;
}

.div-block-5366 {
  z-index: 10;
  background-color: #3f3f3f;
  border: 3px solid #00000045;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  display: flex;
  position: relative;
}

.div-block-5366.small {
  height: 25px;
}

.div-block-5366.small.last {
  background-color: #292929;
}

.div-block-5367 {
  position: absolute;
  right: 12px;
}

.spacing_indicator {
  z-index: 5;
  color: #8d8d8d;
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #556da800;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: absolute;
}

.spacing_indicator:hover {
  color: #fff;
  background-color: #99999947;
}

.spacing_indicator.right {
  justify-content: flex-end;
  right: 5px;
}

.spacing_indicator.left {
  justify-content: flex-start;
  left: 5px;
}

.spacing_indicator.top, .spacing_indicator.top.v2 {
  top: 4px;
}

.spacing_indicator.bottom {
  bottom: 4px;
}

.spacing_indicator.bottom.v2 {
  bottom: 6px;
}

.spacing_indicator.active {
  background-color: #f1f1df;
  border-color: #e9e7cd;
}

.spacing_indicator.hasvalue {
  color: #93bae2;
  background-color: #1a2d418a;
}

.spacing_indicator.hasvalue:hover {
  color: #fff;
  background-color: #2c2e33;
  border-color: #33353a;
}

.spacing_indicator.hasinheritedvalue {
  color: #eeb082;
  background-color: #36251e;
}

.div-block-5368 {
  width: 100%;
  position: relative;
}

.div-block-5369 {
  width: 47%;
  height: 150px;
}

.div-block-5370 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.border_comps {
  border-top: 0 solid #cecece29;
  border-left: 0 solid #cecece29;
  border-right-width: 0;
  border-right-color: #b3a3a329;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  max-width: 120px;
  height: 60px;
  max-height: 125px;
  display: flex;
  position: relative;
}

.border_selector {
  cursor: pointer;
  border: 1px solid #77777780;
  border-radius: 2px;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  position: absolute;
  box-shadow: 0 0 10px #0000000d;
}

.border_selector:hover {
  background-color: #c4c6d630;
}

.border_selector.left {
  border-left-width: 2px;
  border-left-color: #e3e3e6;
  left: 0;
}

.border_selector.right {
  border-right-width: 2px;
  border-right-color: #e3e3e6;
  right: 0;
}

.border_selector.top {
  border-top-width: 2px;
  border-top-color: #e3e3e6;
  top: 0;
}

.border_selector.bottom {
  border-bottom-width: 2px;
  border-bottom-color: #e3e3e6;
  bottom: 0;
}

.border_selector.middle {
  border-width: 2px;
  border-color: #181aa380;
}

.border_selector.side-active {
  background-color: #2070c9;
}

.border_selector.csshasvalue {
  background-color: #373b8a;
}

.border_selector.center.side-active {
  background-color: #2070c945;
}

.div-block-5373 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-left: 0;
  display: flex;
}

.div-block-5373.border {
  border-left: 1px solid #b9b9b90d;
  margin-left: 5px;
  padding-left: 20px;
}

.div-block-5374 {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 46px;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 7px #00000005;
}

.div-block-5374._46 {
  width: 40px;
  height: 30px;
}

.div-block-5374._46:hover {
  color: #1654ff;
  border-color: #1654ff;
}

.div-block-5374._46.custom {
  width: 100%;
}

.div-block-5375 {
  background-color: #5a85a8;
  border-radius: 6px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 7px #0000000d;
}

.slider_holder1 {
  width: 100%;
}

.div-block-5377 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5378 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-top: 23px;
  padding-left: 15px;
  display: flex;
}

.spacing_config {
  z-index: 999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #2c2c2c;
  white-space: nowrap;
  background-color: #d3d3d3;
  border: 1px solid #222;
  border-radius: 6px;
  flex-direction: column;
  width: 225px;
  padding: 0 0 12px;
  font-size: 11px;
  display: none;
  position: absolute;
  top: 166px;
  box-shadow: 0 0 10px #00000040;
}

.spacing_config.active {
  background-color: #d8d8d8;
  display: flex;
  top: 0;
}

.div-block-5380 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 0 10px;
  display: flex;
}

.div-block-5380.hidden {
  display: none;
}

.div-block-5381 {
  color: #c7c7c7;
  background-color: #292929;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 27px;
  font-weight: 500;
  display: flex;
}

.div-block-5381:hover {
  background-color: #35363a;
}

.div-block-5381.hidden {
  display: none;
}

.div-block-5382 {
  color: #333;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: underline;
  display: flex;
}

.div-block-5382:hover {
  color: #1654ff;
}

.div-block-5382.inactive {
  display: none;
}

.form-block-19 {
  margin-bottom: 0;
}

.div-block-5383 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.animator_guides {
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-5384 {
  border-bottom: 1px dashed #40428b;
  width: 4000px;
  position: absolute;
  top: 0;
  left: -2000px;
}

.div-block-5385 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 56px;
  padding: 16px 30px;
  font-size: 11px;
  display: flex;
  box-shadow: 0 0 9px #00000005;
}

.div-block-5385.active {
  border-color: #5c5c5c;
}

.bottom_bar {
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 0 solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding-left: 5px;
  padding-right: 15px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 15px #0000000d;
}

.bottom_bar.expanded {
  background-color: #f4f8fa;
  border-top-left-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  top: -53px;
}

.bottom_bar.bottom {
  box-shadow: none;
  background-color: #f8f8f8;
  background-image: url("https://cdn.prod.website-files.com/616546f10f35b37c2f6f998a/655b372c1dd80a8c48ad556f_dot_pattern3.png");
  background-position: 0 0;
  background-size: auto;
  height: 105px;
  min-height: 105px;
  max-height: 105px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  transition: all .15s cubic-bezier(.215, .61, .355, 1);
  position: static;
  bottom: 0;
}

.bottom_bar.bottom.timelineactive {
  height: 78px;
  min-height: 78px;
  max-height: 78px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.animator_branding {
  z-index: 10;
  width: 100%;
  padding: .2em;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5386 {
  background-color: #f1f1f1;
  border-radius: 99px;
  width: 1.3em;
  height: 1.3em;
  display: none;
}

.div-block-5387 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: .3em;
  display: flex;
}

.div-block-5388 {
  color: #3d3d3d;
  background-color: #fff;
  border: 0 solid #000;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 10px 0 0;
  display: flex;
}

.div-block-5388.bottom {
  z-index: 200;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e9e9e9;
  border-bottom-width: 0;
  padding-right: 5px;
  position: relative;
}

.div-block-5388.bottom.is_live_preview, .div-block-5388.bottom.hidden {
  display: none;
}

.div-block-5388.has_tabs {
  white-space: nowrap;
  background-color: #181818;
  border-bottom-color: #0000;
  justify-content: space-between;
  align-items: flex-end;
  height: 42px;
  min-height: 42px;
  padding-right: 8px;
}

.breadcrumb {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  white-space: nowrap;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.breadcrumb:hover {
  color: #333;
  background-color: #f8f8f8;
}

.breadcrumb.is_dynamic {
  color: #fff;
  background-color: #c21789;
}

.breadcrumb.crumb_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb.crumb_table, .breadcrumb.crumb_highlights {
  color: #fff;
  background-color: #4b5963;
}

.breadcrumb.crumb_quotes, .breadcrumb.crumb_bullets, .breadcrumb.crumb_dynamic_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb.large {
  color: #d4d4d4;
  border-left: 1px solid #e2e2e224;
  border-right-width: 0;
}

.breadcrumb.large:hover {
  background-color: #f8f8f800;
}

.breadcrumb.border {
  border-left: 1px solid #ebebeb;
}

.breadcrumb.noborder {
  border-right-width: 0;
}

.breadcrumb.is_component {
  background-color: #e7f1f8;
}

.materialicon {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

.materialicon.withtooltip {
  z-index: 10;
  position: relative;
}

.materialicon.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.materialicon.faded {
  color: #686161;
}

.materialicon.faded:hover {
  color: #e0dbdb;
}

.materialicon.small {
  font-size: 12px;
}

.materialicon.relative {
  z-index: 2;
}

.materialicon.is_red {
  color: #b82525;
}

.materialicon._29 {
  min-height: 29px;
}

.materialicon.top {
  z-index: 2;
}

.materialicon.large {
  font-size: 17px;
}

.div-block-5389 {
  height: 100%;
}

.div-block-5390 {
  font-size: 12px;
}

.div-block-5391 {
  height: 100%;
}

.div-block-5392 {
  font-size: 11px;
  font-weight: 500;
}

.div-block-5392.large {
  font-size: 12px;
}

.div-block-5392.set {
  color: #333;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  display: flex;
}

.div-block-5392.set:hover {
  color: #000;
}

.div-block-5393 {
  justify-content: flex-start;
  align-items: center;
  max-width: 90%;
  height: 32px;
  display: flex;
}

.div-block-5394 {
  height: 100%;
}

.div-block-5395 {
  color: #9c9c9c;
  text-transform: capitalize;
  cursor: pointer;
  border-right: 0 solid #e0e0e0;
  border-radius: 6px;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-5395:hover {
  color: #333;
  background-color: #f8f8f8;
}

.div-block-5395.active {
  color: #000;
  background-color: #f8f8f8;
}

.div-block-5396 {
  font-size: .44em;
  font-weight: 500;
}

.div-block-5397 {
  color: #fff;
  background-color: #0685ff;
  border-radius: 3px;
  margin-left: .3em;
  padding: .6em;
  font-size: .35em;
  font-weight: 500;
  line-height: .75em;
}

.div-block-5398 {
  z-index: 5;
  opacity: 0;
  background-color: #0a0a0a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.div-block-5398:hover {
  opacity: 1;
}

.image-698 {
  opacity: .81;
  filter: invert();
  width: 23px;
}

.sitemenu {
  color: #1b1b1bb3;
  cursor: pointer;
  border-bottom: 1px solid #f3f2ee;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100px;
  font-weight: 500;
  display: flex;
}

.sitemenu:hover {
  background-color: #e7eef1;
}

.sitemenu.active {
  color: #0e0e0e;
  background-color: #f1f1f1;
  border-bottom-color: #e2e2e200;
}

.sitemenu._56 {
  border-bottom-color: #dfdfdf;
  width: 70px;
  height: 51px;
  position: relative;
}

.submenu_1 {
  background-color: #fff;
  width: 300px;
  height: 400px;
  display: none;
  position: absolute;
  top: 56px;
  left: 5px;
  box-shadow: 0 0 18px #0003;
}

.extrapanel {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 450px;
  height: 200px;
  padding: 14px;
  display: none;
  position: absolute;
  top: 57px;
  box-shadow: 0 0 18px #0000000d;
}

.extrapanel.active {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  width: 433px;
  height: auto;
  padding: 0 22px 22px;
  display: flex;
}

.extrapanel.active._250 {
  width: 250px;
}

.extrapanel._250 {
  width: 250px;
  max-height: 650px;
}

.extrapanel._250.active {
  font-family: Circularxxweb, sans-serif;
}

.extrapanel._250.lightscroll.zero, .extrapanel._250.left {
  left: 0;
}

.extrapanel._250.left.large {
  width: 450px;
  padding: 0;
}

.extrapanel._250.left.large.active {
  width: 800px;
  min-width: 400px;
  overflow: hidden;
}

.div-block-5399 {
  border-bottom: 0 solid #f0f0f0;
  padding: 12px 8px;
}

.div-block-5400 {
  width: 100%;
  display: flex;
}

.div-block-5401 {
  font-size: 11px;
  font-weight: 500;
  display: none;
}

.div-block-5401.active {
  display: flex;
}

.csshasvalue {
  color: #1625ca;
}

.font_weight_item {
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 6px 10px 15px;
  font-size: 12px;
}

.font_weight_item:hover {
  background-color: #f8f8f8;
}

.font_weight_item.isfont {
  font-size: 14px;
}

.div-block-5402 {
  color: #ccc;
  margin-top: 6px;
  padding-top: 10px;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
}

.font_break {
  color: #2b2b31;
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px 6px 15px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.form-block-20 {
  margin-bottom: 0;
}

.div-block-5403 {
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5403.topborder {
  border-top: 1px solid #f1f1f1;
}

.submenu_item {
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 6px 10px 10px;
  font-size: 11px;
  font-weight: 500;
}

.submenu_item:hover {
  background-color: #f8f8f8;
}

.submenu_item.isfont {
  font-size: 14px;
}

.submenu_item.inactive {
  cursor: auto;
}

.submenu_item.inactive:hover {
  background-color: #f8f8f800;
}

.div-block-5357-copy {
  flex-direction: column;
  width: 47%;
  display: flex;
}

.div-block-5357-copy._100 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: pre;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}

.div-block-5357-copy._100.margin {
  margin-right: 0;
}

.div-block-5357-copy._100.horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
}

.div-block-5404 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5405 {
  color: #1a1a1a;
  background-color: #f4f5f2;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 0 7px #00000005;
}

.div-block-5405:hover {
  color: #eee;
  background-color: #4b4b4b;
}

.div-block-5405.large {
  width: 120px;
  padding-left: 15px;
}

.layerinformation {
  z-index: 1;
  color: #fff;
  background-color: #2497ff;
  align-items: center;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: static;
  top: -49px;
  left: -1px;
}

.layerinformation.resizing {
  align-items: center;
  font-size: 11px;
  display: flex;
}

.layerinformation.size {
  position: static;
  inset: -25px auto auto -1px;
}

.layerinformation.size.resizing {
  height: 24px;
  top: -24px;
}

.layer_info_holders {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.layer_info_holders.active {
  display: flex;
}

.div-block-5393-copy {
  height: 100%;
  display: none;
}

.div-block-5393-copy.active {
  display: flex;
}

.div-block-5406 {
  align-items: center;
  width: 100%;
  height: 56px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-5342-copy {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: absolute;
  bottom: -10px;
  right: 10px;
}

.div-block-5342-copy:hover {
  color: #000;
}

.div-block-5342-copy.active {
  display: flex;
}

.div-block-5407 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-5408 {
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.div-block-5409 {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.nondiv_selectors {
  align-items: center;
  display: none;
}

.nondiv_selectors.active {
  display: flex;
}

.data_sources_item {
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
  padding: 15px 6px 15px 10px;
  font-size: 12px;
  display: flex;
}

.data_sources_item:hover {
  background-color: #f8f8f8;
}

.data_sources_item.isfont {
  font-size: 14px;
}

.div-block-5410 {
  margin-right: 5px;
}

.div-block-5410.sep_1 {
  border-right: 1px solid #e4e4e4;
  width: 100px;
  margin-right: 10px;
  padding-right: 10px;
}

.div-block-5410.regular {
  font-size: 13px;
  font-weight: 400;
}

.div-block-5410.index {
  width: 20px;
  min-width: 20px;
}

.div-block-5411 {
  padding: 22px;
}

.datasources_panel {
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.generative_ai_panel {
  padding-left: 25px;
  padding-right: 25px;
  display: none;
}

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

.div-block-5412 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-5412._56 {
  z-index: 9;
  margin-bottom: 10px;
  position: relative;
}

.div-block-5412._56.border {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 5px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.template_items-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  padding: 15px 0;
  display: flex;
}

.div-block-5341-copy {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-5413 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5404-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5414 {
  width: 100%;
}

.div-block-5415 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
  position: absolute;
  right: 15px;
}

.div-block-5416 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  aspect-ratio: 2.39;
  border: 1px solid #8b8b8b;
  border-radius: 99px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 30px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.dragocomp {
  z-index: 20;
  opacity: .5;
  cursor: grab;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 5px;
  display: flex;
  position: sticky;
  top: 0;
}

.dragocomp:hover {
  opacity: 1;
}

.dragocomp.datasources {
  justify-content: flex-end;
  width: 100px;
  padding-top: 25px;
  padding-right: 15px;
  position: absolute;
  right: 0;
}

.div-block-5417 {
  background-color: #f1f1f1;
  border-radius: 99px;
  width: 50%;
  height: 6px;
}

.div-block-5417.datasources {
  width: 100%;
}

.dragcomp2 {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  right: 15px;
}

.dragcomp2:hover {
  opacity: 1;
}

.reset_slider_panel {
  z-index: 20;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #2c2c2c;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  flex-direction: column;
  width: 195px;
  padding: 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 25px;
  box-shadow: 0 0 8px #0000001a;
}

.source_content_1 {
  padding: 22px;
  display: none;
}

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

.source_content_1-copy {
  padding: 22px;
  display: none;
}

.source_content_1-copy.active {
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.bar_panel {
  z-index: 999;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  min-width: 300px;
  padding: 0;
  display: none;
  position: absolute;
  top: 18px;
  left: 23px;
  box-shadow: 0 0 18px #0000000d;
}

.bar_panel.active {
  display: flex;
}

.bar_panel.active._250 {
  width: 250px;
}

.bar_panel._250 {
  width: 250px;
  max-height: 650px;
}

.bar_panel._250.active {
  font-family: Circularxxweb, sans-serif;
}

.bar_panel._250.lightscroll.zero, .bar_panel._250.left {
  left: 0;
}

.bar_panel._250.left.large {
  width: 450px;
  padding: 0;
}

.bar_panel._250.left.large.active {
  width: 800px;
  min-width: 400px;
  overflow: hidden;
}

.floating_container {
  max-height: 600px;
  padding: 15px 20px 20px;
  overflow: auto;
}

.floating_container.datasources {
  padding: 0;
}

.f_font_weight {
  min-width: 340px;
}

.f_font_family {
  min-width: 340px;
  max-width: 340px;
}

.f_font_size {
  min-width: 340px;
}

.f_font_moresettings {
  max-width: 340px;
}

.menu_bar_group {
  display: none;
}

.menu_bar_group.active {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 0 solid #000;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.menu_bar_group.active.spaced {
  padding-right: 10px;
}

.menu_bar_group.hidden {
  display: none;
}

.text-block-487 {
  padding-bottom: 6px;
}

.animator_div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 150px;
  min-height: 150px;
  padding: 10px;
  display: flex;
  position: absolute;
}

.div-block-5418 {
  width: 100%;
}

.f_position {
  min-width: 340px;
  max-width: 350px;
}

.f_position_new {
  max-width: 340px;
  padding-right: 15px;
  overflow: hidden;
}

.side_panel_main {
  z-index: 10;
  background-color: #292929;
  flex-direction: column;
  width: 270px;
  min-width: 270px;
  height: 100%;
  transition: all .25s;
  position: absolute;
  right: -270px;
  overflow: visible;
}

.side_panel_main.lightscroll {
  position: relative;
}

.side_panel_main.active {
  flex-direction: column;
  transition-duration: .36s;
  transition-timing-function: ease-out;
  display: flex;
  position: absolute;
  right: 0;
}

.side_panel_main.active.tmp {
  padding-left: 10px;
}

.side_panel_main.active.is_live_preview {
  right: -290px;
}

.side_panel_main.live_view, .side_panel_main.mode_code, .side_panel_main.mode_prompt {
  display: none;
}

.div-block-5419 {
  color: #9c9c9ccc;
  cursor: default;
  border-bottom: 2px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5419:hover {
  color: #e4e4e4;
}

.div-block-5419.active {
  color: #f0f0f0;
  border-bottom-color: #a5a5a5ed;
}

.div-block-5419.light {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #999;
  cursor: pointer;
  border-bottom-width: 2px;
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 500;
}

.div-block-5419.light:hover {
  color: #444;
  border-bottom-color: #141414;
}

.div-block-5419.light.active {
  color: #1d1d1d;
  border-bottom-width: 2px;
  border-bottom-color: #111;
  font-weight: 500;
}

.div-block-5419.light.mindmap.is_compact, .div-block-5419.light.hidden {
  display: none;
}

.div-block-5419.light.secondary {
  color: #818181;
  cursor: pointer;
  background-color: #e0e0e00f;
  border-bottom-width: 0;
  border-right: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
}

.div-block-5419.light.secondary:hover {
  background-color: #ffffff0f;
}

.div-block-5419.light.secondary.active {
  color: #141414;
  font-weight: 500;
}

.div-block-5419.is_label {
  color: var(--purple);
  padding-left: 3px;
  font-size: 15px;
}

.div-block-5419.is_label.active {
  color: #272727;
}

.div-block-5419.hidden {
  display: none;
}

.div-block-5419.lighter {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ddd;
  cursor: default;
}

.div-block-5419.lighter:hover {
  color: #444;
}

.div-block-5419.lighter.active {
  color: #272727;
}

.div-block-5419.lighter.mindmap.is_compact, .div-block-5419.lighter.hidden {
  display: none;
}

.div-block-5419.lighter.secondary.active {
  border-bottom-color: #e4e4e400;
}

.div-block-5419.regular {
  font-size: 13px;
  font-weight: 400;
}

.div-block-5420 {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  background-color: #292929;
  border-bottom: 1px solid #444;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding-left: 10px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 4px 7px #0003;
}

.colllection_styles {
  width: 100%;
  padding-left: 10px;
  padding-right: 0;
}

.colllection_styles.noselect {
  height: 100%;
  padding-left: 0;
  display: none;
  overflow: auto;
}

.colllection_styles.noselect.lightscroll.active {
  padding-left: 0;
}

.colllection_styles.noselect.active {
  display: flex;
}

.reg_label {
  color: #9b9b9b;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.reg_label.modified {
  color: #1625ca;
  cursor: pointer;
}

.reg_label.double {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.reg_label.large {
  width: 70px;
}

.reg_label.setsize {
  width: 55px;
  min-width: 55px;
  text-decoration: none;
}

.reg_label.setsize.large {
  width: 80px;
  min-width: 80px;
}

.reg_label.setsize.large.hidden_opacity {
  opacity: 0;
}

.reg_label.setsize.large.ish {
  width: 70px;
  min-width: 70px;
  font-weight: 500;
}

.reg_label.setsize.large.button {
  cursor: pointer;
  width: auto;
  min-width: auto;
  padding-right: 6px;
}

.reg_label.setsize.large.button:hover {
  color: #fff;
}

.reg_label.setsize.bold {
  font-weight: 500;
}

.reg_label.setsize.large2 {
  width: 140px;
  min-width: 140px;
}

.reg_label.setsize.large2.hidden_opacity {
  opacity: 0;
}

.reg_label.setsize.large2.ish {
  width: 70px;
  min-width: 70px;
  font-weight: 500;
}

.reg_label.setsize.larger {
  min-width: 65px;
}

.reg_label.setsize.opacity {
  opacity: 0;
}

.reg_label._38 {
  width: 38px;
  min-width: 38px;
}

.reg_label.hidden {
  display: none;
}

.reg_label.nosize {
  width: auto;
}

.reg_label.auto {
  width: auto;
  min-width: auto;
}

.reg_label.is_custom_ui {
  display: none;
}

.reg_label.bold {
  width: auto;
  font-weight: 500;
}

.reg_label.slider_size {
  width: 25px;
}

.reg_label.small {
  width: 25px;
  font-weight: 400;
}

.reg_label.is_class {
  width: 40px;
}

.thegroup_header {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #f3efef;
  white-space: nowrap;
  border-bottom: 1px solid #acacac00;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.thegroup_header:hover {
  color: #fff;
}

.thegroup_header.public-panel-hidden {
  color: #837b7b;
}

.thegroup_header.public-panel-hidden:hover {
  color: #fafafa;
}

.thegroup_header.light {
  color: #303030;
  border-bottom-width: 0;
}

.thegroup_header.border {
  border-bottom-color: #9e9e9e21;
}

.thegroup_header.is_videoheader {
  color: #c7c7c7;
  border-bottom-color: #cccccc1f;
  min-height: 51px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.thegroup_header.is_videoheader:hover {
  color: #e6e6e6;
}

.thegroup_header.nospace {
  margin-bottom: 0;
  padding-bottom: 0;
}

.form-14 {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.input_element {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.input_element.full {
  background-color: #f3f3f000;
  border: 0 solid #000;
  border-bottom: 1px solid #e4e4e400;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-height: 220px;
  padding: 2px;
}

.input_element.full.is_active {
  background-color: #f3f3f000;
  border-width: 0 0 1px;
  border-color: #6760b18c #6760b18c #817acf8c;
}

.input_element.full.reg {
  border-bottom-width: 0;
  min-height: auto;
}

.input_element.full.reg2 {
  border-bottom-width: 0;
}

.input_element.full.nospace {
  padding: 0;
}

.input_element.full-copy {
  background-color: #4141411a;
  border: 1px solid #5a575740;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-height: 250px;
  box-shadow: 0 0 7px #00000008;
}

.input_element.full-copy.is_active {
  background-color: #2c2c2c75;
  border-color: #64644a4f;
}

.input_element._100 {
  width: 100%;
}

.input_element._40 {
  max-width: 115px;
}

.input_element._30 {
  max-width: 80px;
}

.unit_indicator {
  color: #8a8a8a;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 9px;
  font-weight: 400;
  line-height: 9px;
  display: flex;
  position: absolute;
  right: 3px;
}

.unit_indicator:hover {
  color: #d4d4d4;
  background-color: #464545;
}

.unit_indicator.hidden {
  display: none;
}

.unit_indicator.button {
  text-transform: none;
  background-color: #464545;
  padding-left: 6px;
  padding-right: 6px;
}

.unit_indicator.button:hover {
  color: #222;
  background-color: #a0a0a0;
}

.field_value {
  color: #afa7a7;
  white-space: nowrap;
  cursor: default;
  background-color: #252525;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px;
  font-weight: 400;
  display: flex;
}

.field_value:hover {
  background-color: #1d1d1d;
}

.field_value.hasvalue {
  color: #93bae2;
  cursor: pointer;
  background-color: #1a2d418a;
}

.field_value.hasinheritedvalue {
  color: #fbba88;
  cursor: pointer;
  background-color: #36251e;
}

.field_value.no_bg {
  color: #333;
  background-color: #25252500;
  font-weight: 500;
}

.field_value.nobg {
  color: #f3f6ffc2;
  background-color: #25252500;
}

.field_value.auto {
  background-color: #25252500;
  padding-left: 0;
}

.field_value.light {
  color: #353535;
  background-color: #25252500;
  font-size: 12px;
  font-weight: 500;
}

.field_value.is_preset {
  color: #58a0e4;
}

.field_value.clear_bg {
  color: #bdbdbd;
  background-color: #25252500;
  font-weight: 500;
}

.field_value.clear_bg.hasvalue {
  color: #93bae2;
  background-color: #93bae20f;
}

.field_value.clear_bg.hasinheritedvalue {
  color: #fbba88;
}

.field_value.spacing_bg {
  color: #0c0c0c;
  background-color: #25252500;
  font-weight: 500;
}

.field_value.spacing_bg.hasvalue {
  color: #196fbd;
  background-color: #d6e2f0;
}

.field_value.clear_bg_reg {
  background-color: #25252500;
}

.field_value.clear_bg_reg.hasvalue {
  color: #93bae2;
  background-color: #93bae20f;
}

.field_value.clear_bg_reg.hasinheritedvalue {
  color: #fbba88;
}

.field_value.clear_bg_reg.bold {
  color: #afa7a7;
  font-weight: 700;
}

.field_value.clear_bg_reg.bold.underline {
  text-decoration: underline;
}

.field_value.bold {
  letter-spacing: .3px;
  font-weight: 500;
  line-height: 11px;
}

.css_extra {
  background-color: #353535;
  border-radius: 6px;
  width: 80px;
  position: absolute;
  top: 0;
  right: -10px;
  overflow: hidden;
  box-shadow: 0 0 13px 1px #00000014;
}

.css_extra_item {
  color: silver;
  cursor: default;
  align-items: center;
  height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 11px;
  display: flex;
}

.css_extra_item:hover {
  background-color: #7a7a7a78;
}

.css_extra_item.hidden {
  display: none;
}

.css_extra_item.is_title {
  pointer-events: none;
  cursor: none;
  background-color: #b1aaaa26;
  font-weight: 700;
}

.source_label {
  padding-left: 5px;
}

.source_label.ns {
  padding-left: 0;
}

.materialicon_switch {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.materialicon_switch.withtooltip {
  z-index: 10;
  position: relative;
}

.materialicon_switch.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.materialicon_switch.active {
  opacity: 1;
}

.materialicon_switch.hidden {
  display: none;
}

.materialicon_switch.is_large {
  font-size: 15px;
}

.reset_panel {
  z-index: 10;
  background-color: #353535;
  border-radius: 3px;
  width: 200px;
  position: absolute;
  bottom: -81.5px;
  overflow: hidden;
  box-shadow: 0 0 13px 1px #00000014;
}

.div-block-5428 {
  color: #969696;
  white-space: normal;
  border-top: 1px solid #cacaca;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 15px;
}

.reset_button {
  color: #bebebe;
  cursor: default;
  border-bottom: 1px solid #5e5e5e;
  justify-content: space-between;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.reset_button:hover {
  color: #f3f3f3;
  background-color: #7a7a7a78;
}

.reset_button.light {
  color: #303030;
  border-top: 1px solid silver;
  border-bottom-color: #8f8f8f;
}

.reset_button.light:hover {
  background-color: #f3f3f378;
}

.reset_button.hidden {
  display: none;
}

.css_group {
  z-index: 2;
  opacity: .9;
  filter: sepia(10%);
  border-bottom: 1px solid #424242de;
  flex-direction: column;
  width: 100%;
  padding: 10px 16px 10px 15px;
  display: flex;
  position: relative;
}

.css_group:hover {
  opacity: 1;
  filter: sepia(0%);
}

.css_group.classes {
  z-index: 1001;
  opacity: 1;
  background-color: #292929;
  padding-bottom: 5px;
  position: sticky;
  top: -40px;
  box-shadow: 0 2px 12px 8px #292929;
}

.css_group.layout {
  z-index: 19;
}

.css_group.spacing {
  z-index: 18;
}

.css_group.size {
  z-index: 17;
}

.css_group.position {
  z-index: 16;
}

.css_group.typography {
  z-index: 15;
  border-bottom-width: 0;
}

.css_group.background {
  z-index: 14;
}

.css_group.borders {
  z-index: 13;
}

.css_group.style {
  z-index: 12;
}

.css_group.effects {
  z-index: 11;
}

.css_group.public-group-faded {
  opacity: .26;
}

.css_group.disabled {
  opacity: .19;
  pointer-events: none;
  cursor: not-allowed;
  mix-blend-mode: difference;
}

.css_group.transitions {
  z-index: 10;
  padding-bottom: 20px;
}

.css_group.hidden {
  display: none;
}

.css_group.carousel {
  z-index: 19;
}

.css_group.filters {
  z-index: 9;
}

.css_group.bg_filters {
  z-index: 8;
}

.css_group.is_white {
  border-bottom-width: 0;
}

.css_group.is_hidden {
  display: none;
}

.css_group.transforms {
  z-index: 17;
  padding-left: 0;
  padding-right: 0;
}

.group_label_1 {
  font-size: 13px;
}

.group_label_1.bold {
  color: #000000f2;
  font-size: 12px;
  font-weight: 500;
}

.multi_input {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

.multi_input._100 {
  width: 100%;
}

.multi_input._100.margin {
  margin-right: 0;
}

.multi_input.hidden {
  display: none;
}

.multi_input.nospace, .multi_input.no_space {
  margin-right: 0;
}

.multi_input.spaced {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.multi_input._5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.div-block-5430 {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.div-block-5430.noborder {
  border-width: 0;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: visible;
}

.div-block-5430.noborder._50 {
  width: 50%;
}

.div-block-5430.noborder.small {
  width: 50%;
  max-width: none;
  margin-left: 0;
}

.div-block-5430.noborder.double {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
}

.div-block-5430.noborder.double_split {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
}

.div-block-5430.noborder._60 {
  width: 70%;
}

.div-block-5430.spaced {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  box-shadow: none;
  border-width: 0;
  border-radius: 0;
  height: 20px;
}

.div-block-5430.light {
  pointer-events: auto;
  background-color: #fff;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 6px;
  height: 42px;
  position: relative;
  box-shadow: 0 0 10px #0000000a;
}

.div-block-5430.light:hover {
  background-color: #fafaf0;
}

.div-block-5430.is_custom_ui {
  box-shadow: none;
  border-width: 0;
  justify-content: flex-end;
  height: 100%;
}

.div-block-5430.small {
  max-width: 36px;
  margin-left: 5px;
}

.div-block-5430.is_custom {
  height: 75px;
  min-height: 75px;
}

.div-block-5430.white {
  box-shadow: none;
  border-width: 1px 0;
  border-color: #e7e7e7 #d3c8c8 #e7e4e4;
  border-radius: 0;
  height: 61px;
  overflow: visible;
}

.div-block-5430.hidden {
  display: none;
}

.div-block-5430.border {
  border-color: #444;
}

.div-block-5430.large {
  box-shadow: none;
  background-color: #fff;
  border-color: #d1d1d1;
  border-radius: 6px;
  height: 42px;
}

.combo_element {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #adadad;
  cursor: default;
  background-color: #c0ba9b14;
  border-right: 1px solid #1f1f1f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 30px;
  height: 100%;
  font-size: 11px;
  display: flex;
  position: relative;
}

.combo_element:hover {
  background-color: #1a1c2b14;
}

.combo_element.active {
  color: #d8d7cd;
  background-color: #202020;
}

.combo_element.small {
  color: #afafaf;
  cursor: pointer;
  background-color: #bdb1b11a;
  border: 1px solid #1f1e1e;
  border-radius: 3px;
  min-width: 20px;
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
}

.combo_element.small:hover {
  background-color: #bdb1b145;
}

.combo_element.small.active {
  background-color: #202020;
}

.combo_element.last {
  border-right-width: 0;
}

.combo_element.custom-active {
  color: #d8d7cd;
  background-color: #202020;
}

.combo_element.is_custom {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #adadad73;
  flex-flow: column;
}

.combo_element.is_custom:hover {
  color: #adadad;
}

.combo_element.is_custom.active {
  color: #e0e0e0;
}

.combo_element.white {
  opacity: .5;
  color: #3f3b3b;
  background-color: #ffffff14;
  border-top: 0 solid #000;
  border-bottom: 0 solid #0000;
  border-left: 0 solid #000;
  border-right: 1px solid #f0f0f0;
  border-radius: 0;
  min-height: 61px;
}

.combo_element.white.active {
  opacity: 1;
  border-bottom-color: #3b3b3b;
}

.combo_element.dark {
  color: #b5b5b5;
  background-color: #81807878;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.combo_element.dark.last {
  border-radius: 0 4px 4px 0;
}

.combo_element.dark.active {
  color: #e2e2e2;
  background-color: #23232278;
}

.combo_element.highlights_use {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
}

.combo_element.highlights_use.is_active {
  display: flex;
}

.combo_element.is_large {
  color: #332f2f;
  cursor: pointer;
  background-color: #ffffff14;
  border-right-color: #1f1f1f00;
  font-weight: 300;
}

.combo_element.is_large.last {
  color: #928b8b;
}

.combo_element.is_large.active {
  color: #000;
  background-color: #e0e0e0;
  border-right-color: #f1f1f1;
}

.switch_label {
  align-items: center;
  max-width: 135px;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.switch_label.material {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.switch_label.material.large {
  font-size: 14px;
}

.switch_label.material._16 {
  font-size: 16px;
}

.switch_label.material.small {
  font-size: 10px;
}

.switch_label.material.filled {
  font-family: Materialicons_old, sans-serif;
}

.switch_label.strike {
  text-decoration: line-through;
}

.switch_label.underline {
  text-decoration: underline;
}

.switch_label.topline {
  text-decoration: overline;
}

.switch_label.light {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}

.switch_label.white {
  font-size: 12px;
}

.switch_label.relative {
  z-index: 2;
  position: relative;
}

.switch_label.relative.is_light {
  max-width: 500px;
  font-size: 13px;
  font-weight: 300;
  overflow: visible;
}

.switch_label.small {
  font-size: 10px;
}

.switch_label.neutral {
  color: #858585;
  font-size: 10px;
}

.switch_label.is_light {
  font-size: 11px;
  font-weight: 500;
}

.switch_label.full {
  max-width: none;
}

.group_content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.group_content.public-panel-hidden {
  display: none;
}

.group_content.nospaced {
  padding-bottom: 0;
}

.group_content.nospaced.topspaced {
  padding-top: 10px;
}

.group_content.hidden {
  display: none;
}

.dropdown_main {
  color: #b5b5b5;
  white-space: nowrap;
  cursor: default;
  background-color: #444;
  border-top: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 27px;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  transition: all .14s;
  display: flex;
}

.dropdown_main:hover {
  background-color: #535353;
}

.dropdown_main.active {
  background-color: #202020;
}

.dropdown_main.light {
  background-color: #4440;
  border-top-width: 0;
}

.dropdown_main.is_custom_ui {
  display: none;
}

.dropdown_main.is_preset {
  color: #dfdfdf;
  background-color: #0d5ca7;
}

.dropdown_main.centered {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #bdbdbd;
  cursor: pointer;
  justify-content: center;
  font-weight: 500;
}

.dropdown_main.centered.green {
  color: #e0dbdb;
  cursor: pointer;
  background-color: #24721e;
  font-weight: 500;
}

.dropdown_main.centered.green:hover {
  color: #fff;
  background-color: #2b9124;
}

.dropdown_main.centered.confirmation {
  cursor: pointer;
  font-weight: 500;
}

.dropdown_main.centered.confirmation:hover {
  color: #242424;
  background-color: #ccc;
}

.dropdown_main.centered.save {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.dropdown_main.centered.save.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dropdown_main.centered.hidden {
  display: none;
}

.dropdown_main.centered.blue {
  color: #bdbdbd;
  cursor: pointer;
  background-color: #414141;
  border: 1px solid #361010;
  border-radius: 4px;
  height: 29px;
  font-weight: 300;
  box-shadow: 0 2px 5px #0003;
}

.dropdown_main.centered.blue:hover {
  background-color: #505050;
}

.dropdown_main.centered.small {
  background-color: #4440;
  margin-top: 5px;
}

.dropdown_main.centered.large {
  opacity: .9;
  color: #3d3d3d;
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 31px;
  min-height: 36px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  position: relative;
  overflow: hidden;
}

.dropdown_main.centered.large:hover {
  opacity: 1;
  background-color: #eee7e7;
}

.dropdown_main.centered.large.red {
  color: #e7dada;
  background-color: #701111;
  border: 1px solid #701111;
}

.dropdown_main.centered.large.recording {
  color: #ebe7e7;
  background-color: #a02828;
}

.dropdown_main.centered.large.top {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dropdown_main.centered.large.is_hidden {
  display: none;
}

.dropdown_main.centered.floating {
  width: 120px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.dropdown_main.hiddenoverflow {
  position: relative;
  overflow: hidden;
}

.dropdown_main.hiddenoverflow.hidden {
  display: none;
}

.dropdown_main.hiddenoverflow._48.is_light {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  height: 42px;
  min-height: 42px;
}

.dropdown_main.hiddenoverflow.sample {
  height: 2px;
  min-height: 2px;
}

.dropdown_main.recording {
  color: #c3bdbd;
  background-color: #861010;
}

.dropdown_main._48 {
  width: 50%;
  position: relative;
}

.dropdown_main.hidden {
  display: none;
}

.dropdown_main.secondary {
  background-color: #444b45;
}

.dropdown_main.auto {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.dropdown_main.auto.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown_main.auto.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown_main._248-copy {
  width: 100px;
  height: 23px;
  min-height: 23px;
  padding-left: 7px;
  font-size: 10px;
}

.dropdown_main.large {
  width: 105px;
}

.dropdown_main.large.faded {
  opacity: .5;
}

.dropdown_main.large.faded:hover {
  opacity: 1;
}

.dropdown_main.auto {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: auto;
}

.dropdown_main.auto.faded {
  opacity: .5;
}

.dropdown_main.auto.faded:hover {
  opacity: 1;
}

.dropdown_main.smallest {
  justify-content: center;
  width: 27px;
}

.dropdown_main.is_custom {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  height: 42px;
  min-height: 42px;
}

.multi_dropdown {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.multi_dropdown._100 {
  width: 100%;
}

.multi_dropdown._100.margin {
  margin-right: 0;
}

.multi_dropdown.hidden {
  display: none;
}

.multi_dropdown.nospace {
  margin-right: 0;
}

.multi_dropdown.split {
  width: 48%;
}

.color_input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.color_input._100 {
  width: 100%;
}

.color_input._100.margin {
  margin-right: 0;
}

.color_input1 {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5433 {
  z-index: 10;
  background-color: #0a233a00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 28px;
  height: 100%;
  padding: 7px;
  position: absolute;
  left: 0;
}

.div-block-5434 {
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.align_lines {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 1px;
}

.align_lines._2 {
  width: 60%;
}

.align_lines._3 {
  width: 85%;
}

.align_lines._4 {
  width: 90%;
}

.align_icon {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  width: 15px;
  display: flex;
}

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

.align_icon.right {
  align-items: flex-end;
}

.align_icon.small {
  opacity: .5;
  width: 11px;
}

.div-block-5366-copy {
  background-color: #292929;
  border: 1px solid #00000024;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  display: flex;
  position: relative;
}

.div-block-5366-copy.small {
  height: 35px;
}

.div-block-5435 {
  background-color: #292929;
  border: 1px solid #02020200;
  border-radius: 3px;
  width: 40%;
  height: 15px;
}

.div-block-5435.large {
  width: 100%;
  height: 100%;
}

.div-block-5436 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 27px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.div-block-5437 {
  background-color: #4d4d4d;
  width: 100%;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.div-block-5437.light {
  background-color: #dadada;
}

.div-block-5437.document {
  background-color: #cdddec;
}

.div-block-5437.is_css {
  background-color: #696969;
}

.div-block-5438 {
  z-index: 10;
  cursor: ew-resize;
  background-color: #948d87;
  border-radius: 1px;
  width: 5px;
  height: 15px;
  position: absolute;
}

.div-block-5438:hover {
  background-color: #f3f1ef;
}

.div-block-5438.is_separator {
  opacity: .2;
  width: 1px;
}

.div-block-5438.rounded {
  cursor: pointer;
  background-color: #c4c4c4;
  border-radius: 99px;
  width: 13px;
  height: 13px;
  padding: 3px;
}

.div-block-5438.rounded:hover {
  background-color: #333336;
}

.div-block-5438.rounded.document {
  background-color: #1f6fbf;
}

.div-block-5438.rounded.document:hover {
  background-color: #202020;
}

.div-block-5438.is_css {
  cursor: pointer;
  background-color: #c4c4c4;
  border-radius: 99px;
  width: 13px;
  height: 13px;
  padding: 3px;
}

.div-block-5438.is_css:hover {
  background-color: #fff;
}

.div-block-5438.is_css.document {
  background-color: #1f6fbf;
}

.div-block-5438.is_css.document:hover {
  background-color: #202020;
}

.div-block-5438.is_css.is_elastic {
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
}

.extra_settings {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

.extra_settings._100 {
  width: 100%;
}

.extra_settings._100.margin {
  margin-right: 0;
}

.div-block-5439 {
  color: #999;
}

.div-block-5440 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 27px;
  padding-right: 5px;
  display: flex;
}

.extra_panel {
  border: 1px solid #444343;
  border-radius: 3px;
  align-items: center;
  width: 100%;
  height: 100px;
  min-height: 100px;
  margin-top: 5px;
  display: none;
}

.extra_panel.active {
  display: flex;
}

.class_selector {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.class_selector.full {
  justify-content: flex-start;
  width: 100%;
}

.class_selector_input {
  color: #dbd7d7;
  background-color: #0000000d;
  border: 1px solid #444;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.class_selector_input:hover {
  border-color: #6a708a;
}

.class_selector_input.hasicon {
  padding-left: 30px;
}

.class_selector_input.small {
  width: 100px;
  height: 32px;
}

.class_selector_input._100 {
  width: 100%;
  padding-left: 33px;
}

.class_selector_input.full {
  width: 100%;
}

.div-block-5441 {
  z-index: 2;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #444;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 38px;
  padding: 5px 27px 5px 5px;
  display: flex;
  position: relative;
}

.div-block-5441.active {
  border-color: #578cbe94;
}

.class_element {
  z-index: 5;
  color: #e9e9e9;
  cursor: default;
  background-color: #106dc9;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  min-width: 20px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.class_element.brand_new {
  background-color: #464444;
}

.class_element.editing_name {
  background-color: #761481;
}

.class_element.public_suggestion:hover {
  background-color: #8a15ad;
}

.class_element.public-combo {
  background-color: #344f69;
}

.class_element.public-state {
  background-color: #108449;
}

.class_element.breakpoint {
  background-color: #424242;
}

.class_element.create_copy {
  background-color: #1e824a;
  border-radius: 2px;
}

.class_element.create_copy:hover {
  background-color: #0f532d;
}

.div-block-5443 {
  z-index: 1;
  background-color: #2929297a;
  width: 255px;
  height: 255px;
  position: absolute;
  left: -110%;
  transform: rotate(45deg);
}

.div-block-5443.right {
  left: auto;
  right: -110%;
}

.div-block-5443.larger {
  width: 265px;
  height: 265px;
}

.shadows {
  z-index: 1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.slider_basic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

.slider_basic._100 {
  width: 100%;
}

.slider_basic._100.margin {
  margin-right: 0;
}

.div-block-5444 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -20%;
}

.div-block-5444.hasinheritedvalue {
  background-color: #f8b88696;
}

.div-block-5444.hasvalue {
  background-color: #93bae2;
}

.div-block-5444.zoom {
  background-color: #494186;
  width: 50%;
  left: 0%;
}

.div-block-5444.zoom-copy {
  background-color: #3d50a8;
  width: 50%;
  left: 0%;
}

.div-block-5444.is_css {
  background-color: #fff;
  width: 50%;
  left: 0%;
}

.div-block-5444.is_css.is_elastic {
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
}

.div-block-5445 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.div-block-5446 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  padding-left: 5px;
  display: flex;
}

.div-block-5447 {
  border-bottom: 1px solid #9c9c9c;
  width: 50%;
  height: 1px;
}

.div-block-5447.dotted {
  border-bottom-style: dashed;
}

.div-block-5447.dot2 {
  border-bottom-style: dotted;
}

.div-block-5448 {
  z-index: 10;
  color: #f1eeee;
  cursor: default;
  background-color: #3a363624;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 27px;
  display: flex;
  position: absolute;
  top: 5px;
  right: 5px;
}

.div-block-5448:hover {
  background-color: #3a3636f2;
}

.an_tab_add_content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-5449 {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  padding: 18px 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.elements_collection {
  border-bottom: 0 solid #f0f0f0;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 15px;
  display: flex;
}

.div-block-5450 {
  opacity: .9;
  color: #525252;
  cursor: pointer;
  background-color: #ffffff30;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48.5%;
  height: 90px;
  font-size: 11px;
  display: flex;
  position: relative;
}

.div-block-5450:hover {
  opacity: 1;
  border-color: #949494;
}

.div-block-5451 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5452 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  display: flex;
}

.div-block-5453 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 500;
}

.div-block-5454 {
  border: 2px solid #9b9b9b;
  border-radius: 2px;
  width: 28px;
  height: 28px;
}

.image-699 {
  width: 24px;
}

.image-699.radio {
  width: 38px;
}

.class_more {
  background-color: #207fdb;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: -2px 1px 5px #0f6bc4c2;
}

.class_more.active {
  max-width: 20px;
  display: flex;
  overflow: hidden;
}

.class_item_label {
  font-weight: 400;
  overflow: hidden;
}

.extra_panel_holder {
  z-index: 5;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: absolute;
  top: 31px;
  left: 0;
}

.css_extra_classes {
  white-space: nowrap;
  background-color: #353535;
  border-radius: 6px;
  width: 160px;
  overflow: hidden;
  box-shadow: 0 0 13px 1px #00000014;
}

.expand_panel {
  color: #dddbdb;
  background-color: #464242;
  border-radius: 3px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.expand_panel.active {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 3px;
  margin-top: 5px;
  display: flex;
  box-shadow: 2px 1px 9px 15px #0003;
}

.css_suggestions {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.div-block-5456 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #c3bfbf;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.div-block-5456.light {
  color: #6e6e6e;
}

.css_extra_states {
  white-space: nowrap;
  background-color: #353535;
  border-radius: 6px;
  width: 120px;
  overflow: hidden;
  box-shadow: 0 0 13px 1px #00000014;
}

.css_extra_states.full {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  box-shadow: none;
  background-color: #35353500;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.state_panel {
  color: #dddbdb;
  background-color: #464242;
  border-radius: 3px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.state_panel.active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
  display: flex;
  left: auto;
  right: 0;
}

.sidebar_logo_staging {
  cursor: pointer;
  border-bottom: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.sidebar_logo_staging:hover {
  background-color: #fff;
}

.sidebar_logo_staging.dashboard {
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  padding-left: 20px;
  display: none;
}

.sidebar_logo_staging.dashboard.dark {
  background-color: #141414;
  border-right: 1px solid #474747;
}

.sidebar_logo_staging.dashboard.compact {
  justify-content: center;
  padding-left: 0;
  display: none;
}

.sidebar_logo_staging.dashboard.compact.staging {
  display: none;
}

.sidebar_logo_staging.dashboard.staging {
  justify-content: flex-start;
  padding-bottom: 5px;
  display: flex;
}

.image-700 {
  width: 135px;
}

.value_source_panel {
  z-index: 1090;
  color: #dddbdb;
  background-color: #464242;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 225px;
  padding: 0 0 10px;
  display: flex;
  position: absolute;
  top: 30px;
  left: 0;
  overflow: hidden;
  box-shadow: 0 0 13px 2px #0009;
}

.value_source_panel.active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
  display: flex;
  left: auto;
  right: 0;
}

.value_source_panel.right {
  left: auto;
  right: -59px;
}

.css_source_item {
  color: silver;
  cursor: default;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 11px;
  display: flex;
}

.css_source_item:hover {
  background-color: #7a7a7a78;
}

.css_source_item.test:hover {
  background-color: #b45b5b78;
}

.css_source_item.blue {
  color: #e4ecf3;
  background-color: #106ec9;
  border-radius: 6px;
  align-items: center;
  height: 27px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
}

.css_source_item.blue.inactive {
  background-color: #515457;
  margin-left: 10px;
}

.css_source_item.blue.clickable {
  cursor: pointer;
}

.css_source_item.blue.clickable:hover {
  background-color: #083663;
}

.div-block-5457 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-5457.ligh {
  color: #0e0e0e;
}

.css_units {
  z-index: 20;
  background-color: #353535;
  border-radius: 6px;
  width: 80px;
  position: absolute;
  top: -7px;
  right: -5px;
  overflow: hidden;
  box-shadow: 0 0 13px 1px #00000014;
}

.dropdown_comp {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown_comp._48 {
  width: 48%;
}

.dropdown_comp.auto {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-right: 8px;
}

.dropdown_comp.auto.horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
}

.dropdown_comp.wrapped {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 48%;
}

.dropdown_comp.auto {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  padding-right: 0;
}

.dropdown_comp.is_custom_ui {
  width: 100%;
  height: auto;
  position: static;
  top: 50px;
  right: 50px;
}

.dropdown_comp.sides {
  justify-content: space-between;
}

.dropdown_comp.spaced {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.dropdown_comp.hidden {
  display: none;
}

.dropdown_expansion {
  z-index: 20;
  background-color: #353535;
  border-radius: 6px;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.dropdown_expansion.test {
  max-width: 400px;
  left: 200px;
}

.dropdown_expansion.active {
  border-radius: 4px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 0 15px 4px #00000024;
}

.dropdown_expansion.active.up {
  top: auto;
  bottom: -42px;
}

.dropdown_expansion.up {
  flex-direction: column-reverse;
  display: flex;
  top: auto;
  bottom: -41px;
}

.dropdown_expansion.is_custom_ui {
  flex-direction: column;
  min-width: 200px;
  display: flex;
}

.dropdown_expansion.is_custom_ui.light {
  background-color: #2c2c2c;
}

.dropdown_expansion.is_custom_ui.light.lighter {
  background-color: #414141;
}

.dropdown_expansion.is_custom_ui.is_large {
  background-color: #fff;
}

.dropdown_expansion.light {
  background-color: #f0f0f0;
}

.dropdown_expansion.is_large {
  background-color: #f0ecec;
}

.dropdown_extra_item {
  pointer-events: auto;
  color: #dcdcdc;
  cursor: default;
  border-bottom: 1px solid #58585866;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 27px;
  min-height: 27px;
  padding: 5px 10px;
  font-size: 11px;
  display: flex;
}

.dropdown_extra_item:hover {
  color: #ddd;
  background-color: #7a7a7a78;
}

.dropdown_extra_item.test:hover {
  background-color: #b45b5b78;
}

.dropdown_extra_item.isfont {
  white-space: nowrap;
  height: auto;
  min-height: 27px;
  overflow: hidden;
}

.dropdown_extra_item.light {
  color: #c0bebe;
  white-space: nowrap;
  justify-content: space-between;
  height: 34px;
  min-height: 34px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 400;
}

.dropdown_extra_item.light.is_chapter {
  cursor: not-allowed;
  background-color: #c7c7c71a;
  font-weight: 500;
}

.dropdown_extra_item.light.is_chapter:hover {
  background-color: #c7c7c71a;
}

.dropdown_extra_item.light.is_white {
  color: #292929;
  background-color: #eceaea;
  border-bottom-color: #5858584d;
}

.dropdown_extra_item.light.is_white:hover {
  background-color: #ddd6d6;
}

.dropdown_extra_item.light.is_large {
  color: #292929;
  background-color: #fff;
  border-bottom-color: #58585824;
  height: 38px;
  min-height: 38px;
}

.dropdown_extra_item.light.is_large:hover {
  background-color: #e6e6e6;
}

.dropdown_extra_item.light.is_large.is_dark_chapter {
  color: #eee;
  cursor: not-allowed;
  background-color: #444;
}

.dropdown_extra_item.light.is_large.is_highlighted {
  cursor: not-allowed;
  background-color: #f1f6e8;
}

.dropdown_extra_item.bold {
  color: #dad7d0;
  white-space: nowrap;
  height: 34px;
  min-height: 34px;
  font-size: 12px;
  font-weight: 400;
}

.dropdown_extra_item.is_title {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #7976764d;
  font-weight: 700;
}

.dropdown_extra_item.is_chapter {
  color: #eceac5;
  cursor: not-allowed;
  background-color: #000000c9;
  font-weight: 700;
}

.dropdown_extra_item.is_chapter:hover {
  background-color: #000000c9;
}

.dropdown_extra_item.is_blue {
  color: #f3efef;
  background-color: #106ec9;
}

.dropdown_extra_item.is_blue:hover {
  background-color: #0d5396;
}

.dropdown_extra_item.is_blank {
  color: #eceac5;
  cursor: not-allowed;
  background-color: #6d6d6dc9;
  font-weight: 700;
}

.dropdown_extra_item.is_blank:hover {
  background-color: #000000c9;
}

.dropdown_items {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-height: 280px;
  display: flex;
  overflow: auto;
}

.dropdown_items.lightscroll.isfont {
  max-height: 600px;
}

.dropdown_comment {
  color: #9b9b9b;
  border-top: 1px solid #1f1f1f;
  padding: 10px;
  font-size: 11px;
  display: none;
}

.dropdown_comment.active {
  color: #a1a1a1;
  background-color: #a3a3a329;
  border-top-color: #1f1f1f00;
  display: flex;
}

.dropdown_comment.light.active {
  color: silver;
  font-size: 12px;
  line-height: 17px;
}

.dropdown_label_1 {
  padding-left: 5px;
}

.dropdown_label_1.ns {
  padding-left: 0;
}

.dropdown_label_1.is_large {
  font-size: 11px;
  font-weight: 500;
}

.div-block-5374-copy {
  color: #3d3d3d;
  background-color: #f1f1f1;
  border: 0 solid #ebebeb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 27px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 0 7px #00000005;
}

.div-block-5374-copy:hover {
  color: #fff;
  background-color: #757575;
}

.div-block-5374-copy._46 {
  width: 40px;
  height: 30px;
}

.div-block-5374-copy._46:hover {
  color: #1654ff;
  border-color: #1654ff;
}

.div-block-5374-copy._46.custom {
  width: 100%;
}

.div-block-5458 {
  margin-bottom: 10px;
  padding: 10px 10px 0;
}

.div-block-5459 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-5460 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
}

.spacing_builder {
  background-color: #7c787847;
  border: 1px solid #313131;
  border-color: #3a3a3a #313131 #313131 #3a3a3a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 130px;
  padding: 25px 40px;
  display: flex;
  position: relative;
  box-shadow: 0 0 14px #0000000a;
}

.spacing_builder.small {
  min-height: 100px;
  padding-left: 45px;
  padding-right: 45px;
}

.spacing_builder.public-panel-hidden {
  display: none;
}

.div-block-5461 {
  background-color: #a0a0a0;
  border-radius: 1px;
  width: 6px;
  height: 6px;
  position: absolute;
}

.div-block-5461._2 {
  top: 0;
  left: auto;
  right: 0;
}

.div-block-5461._3 {
  bottom: 0;
  left: 0;
}

.div-block-5461._4 {
  bottom: 0;
  right: 0;
}

.div-block-5461._5 {
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-5461._6 {
  width: 100%;
  height: 4px;
  bottom: 0;
}

.div-block-5461._7 {
  width: 4px;
  height: 100%;
  left: 0;
}

.div-block-5461._0 {
  top: 0;
  left: 0;
}

.div-block-5461._8 {
  width: 4px;
  height: 100%;
  right: 0;
}

.text-block-488 {
  white-space: nowrap;
}

.slider_elements {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 27px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.slider_elements.fixed_size {
  width: 90px;
}

.slider_elements.fixed_size.large {
  width: 120px;
}

.slider_elements.is_css {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #dbd1d1;
  font-size: 11px;
}

.div-block-5331-copy {
  align-items: center;
  min-width: 150px;
  display: flex;
}

.dropdown_search {
  border-bottom: 1px solid #58585866;
  width: 100%;
  padding: 7px;
  display: none;
}

.dropdown_search.active {
  display: flex;
}

.dd_search {
  color: #dbd7d7;
  background-color: #0000000d;
  border: 1px solid #444;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.dd_search:hover {
  border-color: #6a708a;
}

.dd_search:focus {
  border-color: #4e65b4;
}

.dd_search.hasicon {
  padding-left: 30px;
}

.dd_search.small {
  width: 100px;
  height: 32px;
}

.dd_search._100 {
  width: 100%;
  padding-left: 33px;
}

.dd_search._100.nopadding {
  padding-left: 5px;
}

.dd_search.full {
  background-color: #c9b5b50d;
  width: 100%;
}

.dd_search.full:focus {
  border-color: #63656b;
}

.dd_search.light::placeholder {
  background-color: #2b2b2b00;
}

.div-block-5462 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: .13;
  cursor: default;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5462.spaced {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #818181;
  padding-right: 5px;
}

.div-block-5462.spaced:hover {
  color: #e4e4e4;
}

.div-block-5462.public-panel-hidden {
  opacity: 1;
}

.div-block-5462.full {
  opacity: .8;
}

.device_selection {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.device_selection.mode_prompt, .device_selection.mode_code, .custom_corners {
  display: none;
}

.custom_corners.has-custom-corners {
  display: flex;
}

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

.div-block-5358-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  border-bottom: 1px solid #414141;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
  display: flex;
}

.div-block-5358-copy.public-panel-hidden {
  display: none;
}

.div-block-5464 {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.cover_color {
  z-index: 10;
  pointer-events: none;
  border-radius: 99px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cover_color.transparent {
  pointer-events: auto;
}

.div-block-5465 {
  background-color: #fcfcfc;
  border: 1px solid #00000017;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 2px 1px 5px #0003;
}

.div-block-5465:hover {
  border-color: #9087876e;
}

.transparency_check {
  border-radius: 99px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.transparency_check.active {
  border-radius: 1px;
  display: flex;
}

.div-block-5467 {
  background-color: #e4e4e4;
  width: 33%;
  height: 33%;
}

.div-block-5467.gray {
  background-color: #afa4a4;
}

.image-701 {
  width: 21px;
}

.image-702 {
  width: 24px;
}

.an_tab_add_content-copy {
  flex-direction: column;
  width: 100%;
  min-width: 340px;
  max-width: 370px;
  height: 100%;
  padding: 0;
  display: flex;
}

.elements_item {
  z-index: 5;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #333;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding-right: 10px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.elements_item:hover {
  background-color: #dddddd1f;
}

.elements_item.nav-selected {
  color: #e5dcdc;
  background-color: #2b2b2b;
}

.elements_item.is_faded {
  opacity: .25;
}

.elements_item.is_highlighted {
  color: #000;
  border-left: 2px solid #000;
}

.table_line_entries {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.el_close {
  cursor: pointer;
  border-radius: 3px;
  padding: 1px 3px;
  line-height: 18px;
}

.el_close.inactive {
  opacity: 0;
  pointer-events: none;
}

.el_bar_item {
  opacity: .7;
  background-color: #53535336;
  width: 1px;
  height: 100%;
  position: absolute;
}

.el_bar_item.nav-selected {
  opacity: 1;
  background-color: #cfcfcf7a;
}

.div-block-5472 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  height: 100%;
  display: flex;
}

.el_bars {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  height: 100%;
  margin-right: 3px;
  display: flex;
}

.elements_nav {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: auto;
}

.elements_block {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
}

.element_children {
  z-index: 2;
  background-color: #f1f1f1;
  flex-direction: column;
  width: 100%;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.element_children.inactive {
  display: none;
}

.element_children.dark {
  background-color: #f1f1f100;
}

.el_label {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 1px;
  font-size: 13px;
  font-weight: 400;
}

.el_label:hover {
  background-color: #d4d4d41a;
}

.el_label.editing {
  color: #292929;
  background-color: #fcfcfc;
  border-color: #71accc;
  padding: 2px 6px;
}

.el_label.bold {
  color: #383838;
  font-weight: 500;
}

.el_label.dark {
  font-size: 12px;
  font-weight: 500;
}

.el_icon {
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

.el_icon.withtooltip {
  z-index: 10;
  position: relative;
}

.el_icon.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.el_icon.faded {
  color: #686161;
}

.el_icon.faded:hover {
  color: #e0dbdb;
}

.el_visibility {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

.el_visibility.withtooltip {
  z-index: 10;
  position: relative;
}

.el_visibility.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.el_visibility.faded {
  color: #686161;
}

.el_visibility.faded:hover {
  color: #e0dbdb;
}

.div-block-5473 {
  background-color: #1e1e1e;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 600px;
  display: flex;
}

.div-block-5474 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  cursor: pointer;
  background-color: #c7c7c700;
  border-right: 1px solid #3b3b3b;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
}

.div-block-5474:hover {
  background-color: #c7c7c70f;
}

.div-block-5474.active {
  opacity: 1;
  background-color: #ffffff30;
}

.div-block-5474.large {
  justify-content: center;
  width: 70px;
}

.div-block-5474.white {
  color: #fff;
}

.div-block-5475 {
  border: 1px solid #4d4d4d;
  border-radius: 1px;
  width: 17px;
  height: 14px;
}

.div-block-5476 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5477 {
  background-color: #4d4d4d;
  border: 0 solid #000;
  width: 24px;
  height: 1px;
  position: relative;
  top: -1px;
}

.div-block-5475-copy {
  border: 1px solid #4d4d4d;
  border-radius: 2px;
  justify-content: center;
  align-items: flex-end;
  width: 16px;
  height: 20px;
  display: flex;
  position: relative;
}

.div-block-5475-copy.mobile {
  width: 14px;
  height: 24px;
}

.div-block-5475-copy.mobile.h {
  align-items: center;
  width: 24px;
  height: 14px;
}

.div-block-5478 {
  background-color: #777;
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: 2px;
}

.div-block-5478._2 {
  width: 1px;
  height: 6px;
  bottom: auto;
  right: 2px;
}

.div-block-5479 {
  color: #afa7a7;
  min-width: 60px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 500;
}

.div-block-5479.hidden {
  display: none;
}

.div-block-5480 {
  background-color: #1f1f1f;
  border-radius: 99px;
  width: 3px;
  min-width: 3px;
  height: 3px;
  min-height: 3px;
}

.header_1 {
  z-index: 99;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  white-space: nowrap;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.header_1.split {
  background-color: #fff;
  justify-content: space-between;
  padding-right: 10px;
}

.header_1.split.dark {
  background-color: #1d1d1d;
}

.header_1.split.secondary {
  background-color: #f8f8f8;
}

.header_1.full {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 15px;
}

.header_1.full.collections {
  justify-content: space-between;
  position: static;
}

.div-block-5481 {
  background-color: #292929;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-703 {
  width: 17px;
}

.image-703.inverted {
  filter: invert();
}

.an_tab_css {
  flex-direction: column;
  width: 100%;
  min-width: 420px;
  max-width: 450px;
  height: 100%;
  padding: 0;
  display: flex;
}

.div-block-5482 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: 100%;
  display: flex;
}

.div-block-5482.spaced {
  z-index: 50;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  padding-left: 10px;
  position: relative;
}

.main_button {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #363636;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fafafa00;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 13px #00000005;
}

.main_button:hover {
  color: #131313;
  background-color: #fff;
  border-color: #6b6b6b;
}

.main_button.active {
  background-color: #202020;
}

.main_button.inactive {
  display: none;
}

.main_button.regular_size {
  width: auto;
}

.main_button.centered {
  color: silver;
  border-color: #444;
  justify-content: center;
}

.main_button.black {
  color: #f8f8f8;
  background-color: #5200ff;
  border-color: #5200ff;
  border-radius: 3px;
  width: auto;
  position: relative;
}

.main_button.black:hover {
  background-color: #133f69;
  border-color: #133f69;
}

.main_button.addsection {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.main_button.no_border_center {
  box-shadow: none;
  color: #7c7c7c;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
}

.main_button.no_border_center:hover {
  color: #292929;
}

.main_button.basic {
  box-shadow: none;
  color: #7c7c7c;
  border-width: 0 0 0 1px;
  border-left-color: #e9e9e9;
  border-right-color: #fcfcfc;
  border-radius: 0;
  width: auto;
  position: relative;
}

.main_button.basic:hover {
  color: #161616;
}

.main_button.basic.toggled {
  display: none;
}

.main_button.basic.toggled:hover {
  background-color: #fff0;
}

.main_button.basic.toggled.is_editing {
  display: flex;
}

.main_button.basic.hidden {
  display: none;
}

.main_button.blue {
  border-color: var(--purple);
  background-color: var(--purple);
  color: #f8f8f8;
  border-radius: 3px;
  width: auto;
  position: relative;
}

.main_button.blue:hover {
  border-color: #057ef0;
}

.main_button.hidden {
  display: none;
}

.main_button.white {
  color: #303030;
  cursor: default;
  background-color: #ffffffb3;
  border-color: #e7e7e7;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button.white:hover {
  background-color: #fff;
  border-color: #c3b8b8;
}

.main_button.white.full {
  color: #eee;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding-left: 50px;
  padding-right: 50px;
}

.main_button.gray {
  color: #303030;
  cursor: default;
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  border-radius: 6px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button.gray:hover {
  background-color: #fff;
  border-color: #c3b8b8;
}

.main_button.blueish {
  color: #303030;
  cursor: default;
  background-color: #ffffff17;
  border-color: #dfdfdf;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  max-height: 38px;
  padding-right: 2px;
  position: relative;
}

.main_button.blueish:hover {
  border-color: #474747;
}

.main_button.blue2 {
  color: #fafafa;
  cursor: default;
  background-color: #057ef0;
  border-color: #e7e7e7;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button.blue2:hover {
  background-color: #313131;
  border-color: #3d3d3d;
}

.main_button.basic2 {
  box-shadow: none;
  color: #7c7c7c;
  border-width: 0;
  border-left-color: #e9e9e9;
  border-right-color: #fcfcfc;
  border-radius: 0;
  width: auto;
  min-height: auto;
  padding-right: 0;
  position: relative;
}

.main_button.basic2:hover {
  color: #161616;
  background-color: #fff0;
}

.main_button.basic2.toggled {
  display: none;
}

.main_button.basic2.toggled:hover {
  background-color: #fff0;
}

.main_button.basic2.toggled.is_editing {
  display: flex;
}

.main_button.basic2.hidden {
  display: none;
}

.div-block-5483 {
  color: #1f1f1f;
  padding: 10px 10px 10px 20px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 13px;
  font-weight: 200;
}

.object_select {
  border: 1px solid #007df0;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.object_select.over {
  border-color: #ca8f43;
}

.object_select.is_dynamic {
  border-color: #c21789;
}

.object_select.public-select {
  border-color: #ca8f43;
}

.object_select.is_moving {
  border-color: #1481e5;
}

.object_select.is_linkage {
  border-color: #33b4d8;
}

.public_div_label {
  z-index: 2;
  cursor: default;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.the_div_label {
  z-index: 1;
  color: #f1f1f1;
  letter-spacing: 0;
  text-indent: 0;
  white-space: nowrap;
  background-color: #0685ff;
  border-radius: 2px 2px 0 0;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 0 0 5px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: -24px;
  left: -1px;
}

.the_div_label.is_top {
  top: -1px;
}

.the_div_label.rollover {
  background-color: #abb6c0;
}

.the_div_label.is_dynamic {
  background-color: #c21789;
}

.the_div_label.is_bottom {
  top: auto;
  bottom: -24px;
}

.the_div_label.is_moving {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  top: -24px;
  left: -1px;
}

.the_div_icon {
  margin-right: 3px;
  font-family: Materialicons, sans-serif;
}

.the_div_text {
  border: 0 solid #000;
  margin-right: 5px;
  font-family: Circularxxweb, sans-serif;
}

.layer_settings {
  cursor: pointer;
  background-color: #2b2b2b47;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Materialicons, sans-serif;
  line-height: 12px;
  display: flex;
}

.layer_settings:hover {
  background-color: #2b2b2b9c;
}

.layer_settings.rollover, .layer_settings.hidden {
  display: none;
}

.layer_settings.green {
  background-color: #3bb6239e;
}

.class_input_field {
  color: #e9e9e9;
  background-color: #fff0;
  border: 0 solid #000;
  width: 50px;
  height: 20px;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
}

.div-block-5484 {
  z-index: 5;
  cursor: ew-resize;
  background-color: #b4b4b4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 4px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 0;
  right: -15px;
}

.div-block-5484:hover {
  background-color: #777;
  border: 0 solid #cacaca;
}

.div-block-5484.active {
  background-color: #106ec9;
}

.div-block-5484.is_hidden {
  display: none;
}

.div-block-5485 {
  background-color: #c9c9c9;
  width: 1px;
  height: 100%;
}

.div-block-5486 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  height: 40%;
  display: flex;
}

.side_resize_handle {
  cursor: ew-resize;
  width: 4px;
  min-width: 4px;
  height: 100%;
  position: absolute;
  right: -4px;
}

.side_resize_handle:hover {
  background-color: #acd0f1;
}

.side_resize_handle.active {
  background-color: #b5cce2;
}

.side_resize_handle.right {
  left: -4px;
  right: auto;
}

.devices_holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 150px;
  display: none;
  position: absolute;
  top: 72px;
  right: -160px;
}

.devices_holder.active {
  white-space: nowrap;
  display: flex;
}

.matched_device {
  color: #f5f5f5;
  background-color: #494949;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 300;
  box-shadow: 0 0 5px #00000024;
}

.section {
  border: 1px solid #424242;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
}

.additional_element_item {
  color: #e6e6e6;
  background-color: #36363600;
  border-radius: 3px;
  justify-content: space-between;
  width: 100%;
  padding: 3px;
  display: flex;
  position: relative;
}

.additional_element_item:hover {
  color: #f1f1f1;
  background-color: #464646;
}

.div-block-5488 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #818181;
  cursor: default;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-family: Materialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.div-block-5488:hover {
  color: #fff;
}

.div-block-5488.hidden {
  display: none;
}

.div-block-5488.large {
  color: #4b4b4b;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-5488.large:hover {
  color: #f3f3f3;
  background-color: #1a1919;
}

.div-block-5488.large.light {
  color: #505050;
}

.div-block-5488.large.light:hover {
  color: #fff;
  background-color: #4b4b4b;
}

.div-block-5488.large.split {
  justify-content: center;
  align-items: center;
  height: 50%;
}

.div-block-5489 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #646464;
  align-items: center;
  max-width: 90%;
  padding-left: 3px;
  font-size: 11px;
  display: flex;
  overflow: hidden;
}

.extras_container {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 1px solid #3f3f3f;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  padding: 5px;
  display: none;
}

.extras_container.active {
  color: #8a8b8d;
  border-color: #3d3c3c99 #3d3c3c #3d3c3c;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 2px 5px #0000001a;
}

.div-block-5491 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

.extra_popup {
  z-index: 10;
  background-color: #292929;
  border: 1px solid #535353;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  display: none;
  position: absolute;
  bottom: 29px;
  left: 0;
  box-shadow: 0 0 5px #0003;
}

.extra_popup.active {
  border-color: #373737;
  flex-direction: column;
  display: flex;
  box-shadow: 0 0 6px 2px #1f1f1ff2;
}

.popup_content_transitions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  min-width: 200px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.popup_content_transitions.public-panel-hidden {
  display: none;
}

.popup_content_transitions.nospaced {
  padding-bottom: 0;
}

.panel_title_1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #e6eef6;
  white-space: nowrap;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5493 {
  filter: invert();
  align-items: center;
  width: 13px;
  display: flex;
}

.switch_label-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.switch_label-copy.material {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.switch_label-copy.material.large {
  font-size: 11px;
}

.switch_label-copy.material._16 {
  font-size: 16px;
}

.switch_label-copy.material.small {
  font-size: 10px;
}

.switch_label-copy.strike {
  text-decoration: line-through;
}

.switch_label-copy.underline {
  text-decoration: underline;
}

.switch_label-copy.topline {
  text-decoration: overline;
}

.div-block-5494 {
  line-height: 11px;
}

.dropdown_button {
  color: #d3d3d3;
  white-space: nowrap;
  background-color: #444;
  border-top: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  display: flex;
}

.dropdown_button:hover {
  background-color: #535353;
}

.dropdown_button.active {
  background-color: #202020;
}

.dropdown_button.light {
  color: #222;
  background-color: #fff;
  border-top-color: #e6e6e6;
}

.dropdown_button.blue {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #eee;
  background-color: #057ef0;
  border-top-color: #1279da;
}

.div-block-5495 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.an_tab_pages {
  flex-direction: column;
  width: 100%;
  min-width: 450px;
  max-width: 450px;
  height: 100%;
  padding: 0;
  display: flex;
}

.an_tab_pages.horizontal {
  flex-direction: row;
  width: 100%;
  min-width: auto;
  max-width: none;
  position: relative;
}

.header_controls {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.header_controls.is_compact {
  display: none;
}

.pages_nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  height: 100%;
  padding: 15px;
  display: flex;
  overflow: auto;
}

.pages_nav.sources {
  padding-top: 15px;
}

.pages_item {
  z-index: 5;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #3a3a3a;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6b5;
  border-radius: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 38px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex;
  position: relative;
}

.pages_item:hover {
  background-color: #f8f8f8;
}

.pages_item.nav-selected {
  background-color: var(--purple);
  color: #e7e7e7;
}

.pages_item.dark {
  color: #ffffff80;
  cursor: pointer;
  background-color: #fff0;
  border-bottom-color: #77777759;
  border-left: 1px solid #c7c7c700;
  min-height: 40px;
  transition: opacity .3s;
}

.pages_item.dark:hover {
  background-color: #ffffff1a;
}

.pages_item.dark.nav-selected {
  color: #fffffff0;
  background-color: #ffffff0f;
  border-left: 1px solid #dbdbdb;
}

.div-block-5497 {
  align-items: center;
  padding-left: 3px;
  display: flex;
}

.page_settings_container {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  font-size: 13px;
  display: none;
}

.page_settings_container.active {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f8f8f8;
  border-radius: 0;
  height: 100%;
  padding: 2px;
  display: flex;
  position: absolute;
  right: 0;
}

.page_settings_container.dark {
  color: #fff;
  display: none;
}

.pages_item_main {
  background-color: #fff;
  border-radius: 1px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.pages_item_main.dark {
  background-color: #fff0;
  border-left: 1px solid #d4d4d41a;
}

.page_navigation {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  flex-flow: column;
  min-width: 360px;
  max-width: 360px;
  transition: all .38s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.page_navigation.inactive {
  filter: brightness(95%);
}

.page_navigation.sources {
  background-color: #fff;
  border-right: 1px solid #ececec;
  min-width: 280px;
  max-width: 280px;
}

.page_navigation.sources.inactive {
  filter: none;
  background-color: #fbfbfa;
  display: none;
}

.page_navigation.is_pinned {
  min-width: 320px;
  max-width: 320px;
  box-shadow: 7px 2px #00000005;
}

.page_properties {
  background-color: #292929;
  border-left: 1px solid #7c7c7c;
  height: 100%;
  font-style: normal;
  display: none;
}

.page_properties.active {
  z-index: 50;
  background-color: #f8f8f8;
  border-left-color: #74747433;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-style: normal;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.div-block-5499 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 22px;
  display: flex;
  overflow: auto;
}

.div-block-5499.lightscroll.classic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-right: 1px solid #eee;
  align-items: flex-start;
  max-width: 700px;
}

.div-block-5499.lightscroll.classic-copy2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-right: 1px solid #eee;
  align-items: flex-start;
  max-width: 700px;
  padding-left: 0;
}

.div-block-5499.lightscroll.is_tab {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-right: 1px solid #eee;
  align-items: flex-start;
  max-width: 700px;
  padding-left: 0;
  display: none;
}

.div-block-5499.lightscroll.is_tab.active {
  display: flex;
}

.div-block-5500 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #fcfcfc;
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-bottom: 0;
  display: flex;
}

.generic_input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.generic_input._100 {
  justify-content: space-between;
  width: 100%;
  max-width: 520px;
}

.generic_input._100.margin {
  margin-right: 0;
}

.generic_input.full {
  width: 100%;
}

.generic_input.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.generic_input.horizontal {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: row;
  align-items: center;
}

.generic_input.horizontal.top {
  align-items: flex-start;
}

.generic_input.horizontal.bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.generic_input.horizontal.padded {
  padding-left: 0;
}

.generic_input.hidden {
  display: none;
}

.generic_input.split, .generic_input._50 {
  width: 48%;
}

.generic_input_el {
  color: #adadad;
  background-color: #0000000d;
  border: 1px solid #474747d1;
  border-radius: 4px;
  width: 100%;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.generic_input_el:hover {
  border-color: #6a708a;
}

.generic_input_el:focus {
  color: #ccc;
  background-color: #0000000d;
  border-color: #545d6d;
}

.generic_input_el::placeholder {
  color: #999;
}

.generic_input_el.hasicon {
  padding-left: 30px;
}

.generic_input_el.small {
  width: 100px;
  height: 32px;
}

.generic_input_el._100 {
  width: 100%;
  padding-left: 30px;
}

.generic_input_el._100.nopadding {
  padding-left: 5px;
}

.generic_input_el.full {
  width: 100%;
}

.generic_input_el.light {
  box-shadow: none;
  color: #6b6b6b;
  background-color: #fff;
  border-color: #d8d8d8;
  border-radius: 6px;
  height: 42px;
  padding: 6px 6px 6px 8px;
  font-size: 13px;
}

.generic_input_el.light:hover {
  background-color: #fafaf0;
}

.generic_input_el.light:focus {
  background-color: #fafaf0;
  border-color: #8dabec;
}

.generic_input_el.light::placeholder {
  color: #a5a5a5;
  background-color: #2b2b2b00;
}

.generic_input_el.light.dropdown.plain_bg {
  box-shadow: none;
}

.generic_input_el.light.dropdown.plain_bg:hover {
  background-color: #fff;
  border-color: #bfc8df;
}

.generic_input_el.light.dropdown.plain_bg:focus {
  background-color: #fff;
}

.generic_input_el.dark {
  border-color: #353535;
}

.generic_input_el.is_invalid {
  color: #c21f1f;
}

.generic_input_element {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.generic_input_element.full {
  justify-content: flex-start;
  width: 100%;
}

.generic_input_element._10 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.generic_input_element._70 {
  width: 50%;
}

.generic_reg_label {
  color: #9b9b9b;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.generic_reg_label.modified {
  color: #1625ca;
  cursor: pointer;
}

.generic_reg_label.double {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.generic_reg_label.large {
  width: 70px;
}

.generic_reg_label.setsize, .generic_reg_label._38 {
  width: 55px;
  min-width: 55px;
}

.generic_reg_label.hidden {
  display: none;
}

.generic_reg_label.nosize {
  width: auto;
}

.generic_reg_label.full {
  border-bottom: 0 solid #e6e6e6;
  justify-content: space-between;
  width: 100%;
}

.generic_field_value {
  color: #1d1d1d;
  white-space: nowrap;
  cursor: default;
  background-color: #25252500;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px 2px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
}

.generic_field_value.hasvalue {
  color: #93bae2;
  cursor: pointer;
  background-color: #1a2d418a;
}

.generic_field_value.hasinheritedvalue {
  color: #fbba88;
  cursor: pointer;
  background-color: #36251e;
}

.generic_field_value.no_bg {
  color: #333;
  background-color: #25252500;
  font-weight: 500;
}

.generic_field_value.nobg {
  color: #f3f6ffc2;
  background-color: #25252500;
}

.generic_field_value.is_editable {
  cursor: text;
  border: 1px solid #0000;
  padding-left: 3px;
}

.generic_field_value.is_editable:hover {
  background-color: #f2f7fa;
  border-color: #e5e7d4;
}

.generic_field_value.is_editable.editing {
  background-color: #edf5fa;
  border-color: #e5eaf0;
  padding-left: 5px;
  padding-right: 5px;
}

.generic_field_value.full {
  width: 100%;
}

.generic_field_value.regular {
  font-size: 12px;
  font-weight: 300;
}

.generic_field_value.is_light {
  color: #a1a1a1;
}

.properties_break {
  background-color: #e7e7e7;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.div-block-5501 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  display: flex;
}

.settings_tab_main {
  width: 100%;
  padding-left: 10px;
  padding-right: 0;
}

.settings_tab_main.noselect {
  height: 100%;
  overflow: auto;
}

.textarea-9 {
  color: #6b6b6b;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  min-height: 120px;
  margin-bottom: 0;
  padding: 6px 6px 6px 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  box-shadow: 0 0 10px #0000000a;
}

.textarea-9::placeholder {
  color: #a5a5a5;
}

.textarea-9.large {
  min-height: 240px;
}

.textarea-9.prompt {
  color: #3f3f3f;
  min-height: 240px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.textarea-9.code {
  min-height: 250px;
  font-family: IBM Plex Mono, sans-serif;
}

.textarea-9.mono {
  font-family: Inconsolata, monospace;
  font-size: 14px;
}

.an_tab_schemas {
  flex-direction: column;
  width: 100%;
  min-width: 450px;
  max-width: 450px;
  height: 100%;
  padding: 0;
  display: flex;
}

.an_tab_schemas.horizontal {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  position: relative;
}

.source_properties {
  background-color: #fff;
  border-left: 1px solid #7c7c7c;
  min-width: 360px;
  max-width: 450px;
  height: 100%;
  display: none;
}

.source_properties.active {
  z-index: 50;
  background-color: #f8f8f8;
  border-left-width: 0;
  border-left-color: #ececec;
  border-right: 1px solid #ececec;
  flex-direction: row;
  width: 100%;
  min-width: auto;
  max-width: none;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.regular_label {
  color: #424242;
  white-space: nowrap;
  cursor: default;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px;
  font-weight: 400;
  display: flex;
}

.regular_label.hasvalue {
  color: #93bae2;
  cursor: pointer;
  background-color: #1a2d418a;
}

.regular_label.hasinheritedvalue {
  color: #fbba88;
  cursor: pointer;
  background-color: #36251e;
}

.regular_label.no_bg {
  color: #333;
  background-color: #25252500;
  font-weight: 500;
}

.regular_label.nobg {
  color: #f3f6ffc2;
  background-color: #25252500;
}

.regular_label.small {
  color: #000;
  text-transform: uppercase;
  background-color: #fafeff;
  border: 1px solid #d1d1d1;
  border-radius: 99px;
  padding: 0 12px;
  font-size: 8px;
  font-weight: 300;
  line-height: 16px;
}

.regular_label.small.is_prompt {
  color: #fff;
  background-color: #4a319b;
  border-color: #4a319b;
}

.regular_label.small.is_textarea {
  color: #fff;
  background-color: #27bd95;
  border-color: #27bd95;
}

.regular_label.small.is_multi {
  color: #fff;
  background-color: #4bb961;
  border-color: #4bb961;
}

.regular_label.small.is_input {
  color: #fff;
  background-color: #b3830b;
  border-color: #b3830b;
}

.regular_label.small.is_table {
  color: #fff;
  background-color: #285266;
  border-color: #285266;
}

.regular_label.light {
  font-weight: 500;
}

.source_element {
  color: #cecece;
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.source_element.is_editing {
  border: 1px solid #dddddd8f;
  box-shadow: 0 2px 8px #00000005;
}

.collection_section {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.collection_section.hidden {
  display: none;
}

.sources_item_main {
  border-radius: 1px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sources_item_main:hover {
  background-color: #92929212;
}

.div-block-5503 {
  width: 48%;
}

.div-block-5504 {
  width: 100%;
  padding-right: 8px;
}

.element_item {
  border-bottom: 0 solid #eee;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.element_item:hover {
  background-color: #f1f1f1;
}

.element_item.even {
  background-color: #f8f8f8;
}

.element_item.editing {
  background-color: #f1f1f1;
}

.element_item.is_editing {
  filter: invert(0%);
  background-color: #f3f5f6;
  border-bottom: 0 solid #e6e6e6;
  border-radius: 3px 3px 0 0;
}

.field_settings {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #3f3f3f;
  flex-direction: row;
  width: 100%;
  margin-top: 5px;
  padding: 5px 0 10px 15px;
  display: none;
}

.field_settings.active {
  flex-direction: column;
  padding-right: 0;
  display: flex;
}

.fields_settings_comp {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border: 0 solid #eee;
  border-radius: 6px;
  flex-flow: column;
  width: 100%;
  padding: 10px 20px 21px 10px;
  display: flex;
}

.div-block-5492-copy {
  color: #3f3f3f;
  border-bottom: 0 solid #d8d8d8;
  font-weight: 500;
}

.extras_container_sources {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 1px solid #3f3f3f;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  padding: 5px;
  display: none;
}

.extras_container_sources.active {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border-color: #ddd;
  border-radius: 1px;
  padding: 14px;
  display: flex;
  box-shadow: 0 0 7px #00000005;
}

.extras_container_sources.active:hover {
  border-color: #97abf1;
}

.side_panel_content {
  z-index: 500;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: 0;
}

.side_panel_content.active {
  z-index: 60;
  flex-direction: row;
  display: flex;
  overflow: hidden;
}

.regular_label_source {
  color: #202020;
  white-space: nowrap;
  cursor: default;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.regular_label_source.hasvalue {
  color: #93bae2;
  cursor: pointer;
  background-color: #1a2d418a;
}

.regular_label_source.hasinheritedvalue {
  color: #fbba88;
  cursor: pointer;
  background-color: #36251e;
}

.regular_label_source.no_bg {
  color: #333;
  background-color: #25252500;
  font-weight: 500;
}

.regular_label_source.nobg {
  color: #f3f6ffc2;
  background-color: #25252500;
}

.regular_label_source.small {
  color: #636363;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 0 8px;
  font-size: 9px;
  line-height: 18px;
}

.regular_label_source.light {
  font-weight: 500;
}

.source_contents {
  background-color: #fff;
  border-left: 1px solid #7c7c7c;
  min-width: 360px;
  height: 100%;
  display: none;
}

.source_contents.active {
  z-index: 50;
  background-color: #f1f1f1;
  border-left-width: 0;
  border-left-color: #d8d8d8;
  border-right: 1px solid #ececec;
  flex-direction: row;
  width: 100%;
  min-width: 850px;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.source_contents.active.is_compact {
  box-shadow: none;
  min-width: 320px;
  max-width: 320px;
}

.source_contents.active.live_view {
  width: auto;
  min-width: 600px;
}

.source_entry_item {
  border-radius: 1px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.source_entry_item:hover {
  background-color: #92929212;
}

.table_entry {
  z-index: 5;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #3a3a3a;
  white-space: nowrap;
  cursor: default;
  background-color: #ddd0;
  border-radius: 3px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  padding-right: 15px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.table_entry:hover {
  background-color: #f8f8f8;
}

.table_entry.nav-selected, .table_entry.header {
  background-color: #f1f1f1;
}

.select_checkbox {
  color: #fff0;
  cursor: pointer;
  border: 2px solid #94949429;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  font-size: 10px;
  display: flex;
}

.select_checkbox:hover {
  border-color: #949494b5;
}

.select_checkbox.is_compact {
  display: none;
}

.select_checkbox.is_selected {
  color: #fff;
  background-color: #057ef0;
  border-color: #057ef0;
  box-shadow: 0 0 5px #0000001f;
}

.select_checkbox.black.is_selected {
  background-color: #404346;
  border-color: #404346;
}

.entry_label {
  border: 1px solid #0000;
  border-bottom-color: #ebebeb;
  border-radius: 1px;
  align-items: center;
  width: 100%;
  height: 38px;
  padding-left: 5px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.entry_label:hover {
  background-color: #fff;
  border-color: #ca8f43;
}

.entry_label.editing {
  background-color: #f6f6ed;
  border-color: #d6d4c0;
  padding: 2px 6px;
}

.entry_label.is_header {
  color: #242424;
  cursor: pointer;
  background-color: #f1f1f1;
  font-size: 12px;
  font-weight: 500;
}

.entry_label.is_header:hover {
  background-color: #e2e1e1;
}

.entry_label.is_compact {
  border-width: 0;
  border-color: #000;
}

.entry_label.is_compact:hover {
  background-color: #fff0;
}

.entry_label.is_first {
  align-items: center;
  height: 25px;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.entry_label.is_first.is_compact {
  display: flex;
}

.entry_label.is_first.index {
  width: 15px;
  min-width: 15px;
  padding-left: 0;
  padding-right: 0;
}

.entry_label.hover {
  background-color: #f1f1f1;
}

.entry_label.hover:hover {
  background-color: #fff;
}

.entry_label.active {
  color: #e7e7e7;
  background-color: #2c2c2c;
}

.entry_label.is_selected {
  background-color: #e6f0fa;
}

.entry_label.is_edited {
  background-color: #fafbff;
  border-width: 2px;
  border-color: #1b73e9;
}

.entry_label.is_media {
  padding-left: 3px;
  padding-right: 25px;
}

.table_listing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  border-top: 1px solid #e7e7e7;
  border-left: 0 solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 0 7px #0000000a;
}

.table_listing.is_compact {
  border: 0 solid #000;
  width: auto;
}

.entry_values_list {
  width: 100%;
  padding-left: 3px;
  display: flex;
}

.sources_content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: visible;
}

.sources_content.lightscroll {
  align-items: flex-start;
}

.sources_content.is_compact {
  background-color: #f8f8f8;
}

.sources_content.white {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
}

.sources_content.white.lightscroll {
  background-color: #f8f8f8;
  padding-bottom: 20px;
}

.sources_content.nospaced {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
  overflow: auto;
}

.edit_collection_item {
  background-color: #fff;
  border-left: 1px solid #7c7c7c;
  min-width: 360px;
  max-width: 450px;
  height: 100%;
  display: none;
}

.edit_collection_item.active {
  z-index: 40;
  border-left-width: 0;
  border-left-color: #d8d8d84f;
  flex-direction: column;
  width: 100%;
  min-width: 550px;
  max-width: none;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.div-block-5507 {
  z-index: 5;
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 3px;
  display: flex;
  position: relative;
}

.custom_dropdown {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #363636;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fafafa00;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 13px #00000005;
}

.custom_dropdown:hover {
  color: #131313;
  background-color: #fff;
  border-color: #6b6b6b;
}

.custom_dropdown.active {
  background-color: #202020;
}

.custom_dropdown.inactive {
  display: none;
}

.custom_dropdown.regular_size {
  width: auto;
}

.custom_dropdown.centered {
  justify-content: center;
}

.custom_dropdown.blue {
  color: #f8f8f8;
  background-color: #057ef0;
  border-color: #057ef0;
}

.custom_dropdown.blue:hover {
  color: #2c2c2c;
  background-color: #fff;
  border-color: #464646;
}

.custom_dropdown.addsection {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.custom_dropdown.addsection.hidden {
  display: none;
}

.custom_dropdown.addsection.disabled {
  opacity: .3;
  cursor: not-allowed;
}

.sections_container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  width: 100%;
  font-weight: 300;
  display: flex;
}

.div-block-5508 {
  border-bottom: 0 solid #d8d8d8;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.div-block-5508.hidden {
  display: none;
}

.settings_components {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #000;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.c_input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.c_input._100 {
  justify-content: space-between;
  width: 100%;
}

.c_input._100.margin {
  margin-right: 0;
}

.c_input.full {
  width: 100%;
}

.c_input.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.c_input.horizontal {
  flex-direction: row;
  align-items: center;
}

.c_input.horizontal.top {
  align-items: flex-start;
}

.c_input.hidden {
  display: none;
}

.regular_textarea {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.regular_textarea._100 {
  justify-content: space-between;
  width: 100%;
}

.regular_textarea._100.margin {
  margin-right: 0;
}

.regular_textarea.full {
  width: 100%;
}

.regular_textarea.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.regular_textarea.horizontal {
  flex-direction: row;
  align-items: center;
}

.regular_textarea.horizontal.top {
  align-items: flex-start;
}

.regular_textarea.hidden {
  display: none;
}

.section_headline {
  color: var(--purple);
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  width: 100%;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
}

.section_headline.classic {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #fff;
  border-bottom-width: 2px;
  border-bottom-color: #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 12px;
  padding-left: 3px;
  position: relative;
}

.section_headline.classic.split {
  justify-content: space-between;
}

.section_headline.classic.split.noborder {
  border-bottom-width: 0;
}

.inputs_container {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 25px;
  display: flex;
}

.form-15 {
  width: 100%;
}

.collection_section_edit {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  padding: 0 5px 0 0;
  display: flex;
}

.collection_section_edit.hidden {
  display: none;
}

.collection_section_edit.classic {
  border-width: 1px;
  border-color: #fff;
  border-radius: 6px;
  align-items: flex-start;
  width: 100%;
}

.collection_section_edit.classic.spaced {
  border-left-width: 2px;
  border-left-color: #fff0;
  border-radius: 0;
  padding-left: 22px;
}

.section_items {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-bottom: 0 solid #ececec;
  border-left: 0 solid #e9e0e0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 770px;
  padding: 5px 20px 35px 36px;
  display: flex;
}

.section_items.page_general {
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 0;
}

.section_items.page_general.noborder {
  border: 0 solid #000;
}

.section_items.page_general.spaced {
  padding-left: 47px;
}

.section_items.page_general.assets {
  padding-left: 0;
}

.table_header_entry {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 0 solid #000;
  border-bottom: 1px solid #ebebeb;
  align-items: center;
  height: 38px;
  padding-right: 2px;
  display: flex;
  position: relative;
}

.table_header_entry.is_header {
  cursor: pointer;
  background-color: #f1f1f1;
}

.table_header_entry.is_header:hover {
  background-color: #e2e1e1;
}

.table_header_entry.hover {
  background-color: #f1f1f1;
}

.table_header_entry.active {
  color: #e7e7e7;
  background-color: #2c2c2c;
}

.table_header_entry.active.is_compact {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: 3px 0 0 3px;
}

.table_header_entry.is_compact {
  min-width: 320px;
}

.table_header_entry.is_selected {
  background-color: #e6f1fa;
}

.table_header {
  z-index: 5;
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: sticky;
  left: 0;
  box-shadow: 5px 0 10px #88888808;
}

.table_header.is_compact {
  border: 0 solid #000;
}

.table_column {
  border-right: 0 solid #e7e7e7;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.table_column.is_media {
  width: auto;
}

.column_container {
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column_container.is_compact {
  background-color: #fff0;
  border: 0 solid #000;
}

.column_container.is_media {
  width: auto;
  min-width: auto;
}

.column_resize {
  cursor: ew-resize;
  width: 4px;
  min-width: 4px;
  height: 100%;
  position: absolute;
  right: 0;
}

.column_resize:hover {
  background-color: #9abcfa;
}

.column_resize.is_compact {
  display: none;
}

.index_item {
  border: 1px solid #0000;
  border-radius: 1px;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-left: 5px;
  padding-right: 10px;
  display: flex;
}

.index_item:hover {
  background-color: #d4d4d41a;
}

.index_item.editing {
  background-color: #f6f6ed;
  border-color: #d6d4c0;
  padding: 2px 6px;
}

.index_item.is_header {
  color: #242424;
  background-color: #f1f1f1;
  font-weight: 500;
}

.index_item.is_compact {
  display: none;
}

.index_item.is_first {
  align-items: center;
  height: 25px;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.index_item.is_first.is_compact {
  display: flex;
}

.index_item.is_first.index {
  background-color: #55555503;
  border-right-color: #5e5e5e2e;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 100%;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 300;
}

.index_item.is_first.index.is_header {
  background-color: #f1f1f100;
}

.index_item.is_first.edit {
  z-index: 5;
  color: #fff;
  cursor: pointer;
  background-color: #2c2c2c;
  border-right-color: #5e5e5e2e;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 100%;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: absolute;
  left: 0;
}

.index_item.is_first.edit:hover {
  background-color: #057ef0;
}

.index_item.is_first.edit.is_header {
  background-color: #f1f1f100;
  display: none;
}

.index_item.is_first.edit.is_header.hover {
  display: none;
}

.index_item.is_first.edit.hover {
  display: flex;
}

.name_label {
  border: 1px solid #0000;
  border-radius: 1px;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-left: 5px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.name_label.editing {
  background-color: #f6f6ed;
  border-color: #d6d4c0;
  padding: 2px 6px;
}

.name_label.is_header {
  color: #242424;
  font-size: 12px;
  font-weight: 500;
}

.name_label.is_first {
  align-items: center;
  height: 25px;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.name_label.is_first.is_compact {
  display: flex;
}

.name_label.is_first.index {
  width: 15px;
  min-width: 15px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-5510 {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5511 {
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  min-width: 280px;
  max-width: 280px;
  overflow: auto;
  box-shadow: inset -8px 0 9px #83838303;
}

.div-block-5511.is_compact {
  display: none;
}

.text-field-10 {
  color: #252525;
  border: 0 solid #000;
  border-bottom: 2px solid #0000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
}

.form-16 {
  width: 100%;
  height: 100%;
}

.form-block-21 {
  border: 0 solid #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.form-block-21.is_compact {
  display: none;
}

.schema_structure {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 15px 15px;
  display: flex;
}

.div-block-4045-copy {
  border-bottom: 1px solid #e7e7e7;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 0 10px 15px 0;
  display: flex;
  position: relative;
}

.tick_1 {
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  line-height: 12px;
  display: flex;
  position: relative;
}

.tick_1.withtooltip {
  z-index: 10;
  position: relative;
}

.tick_1.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.tick_1.faded {
  color: #686161;
}

.tick_1.faded:hover {
  color: #e0dbdb;
}

.div-block-5512 {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  display: flex;
}

.div-block-5512.is_compact {
  display: none;
}

.schema_settings {
  padding: 22px;
  display: none;
  overflow: auto;
}

.schema_settings.lightscroll.active {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.schema_settings.lightscroll.tabbed {
  padding: 0;
}

.schema_settings.lightscroll.schema {
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: none;
}

.schema_settings.lightscroll.schema.active {
  justify-content: space-between;
  padding-bottom: 145px;
  display: flex;
  position: relative;
}

.schema_settings.active {
  display: flex;
}

.form-17, .form-block-22 {
  width: 100%;
}

.div-block-5513 {
  background-color: #fff;
  border-right: 1px solid #eee;
  flex-direction: column;
  min-width: 550px;
  display: flex;
}

.schema_item {
  z-index: 5;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3a3a3a;
  cursor: default;
  background-color: #ddd0;
  border-radius: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 38px;
  padding-left: 20px;
  padding-right: 15px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.schema_item:hover {
  background-color: #f1f1f1;
}

.schema_item.nav-selected {
  color: #e7e7e7;
  background-color: #2c2c2c;
}

.schema_nav_el {
  border-bottom: 0 solid #e7e7e7;
  border-radius: 0;
  justify-content: space-between;
  padding: 10px 10px 10px 15px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.schema_nav_el:hover {
  background-color: #f3f3f3;
}

.schema_nav_el.basic {
  color: #9b9b9b;
  cursor: default;
  border-bottom-width: 1px;
  border-bottom-color: #ececec;
}

.schema_nav_el.basic:hover {
  color: #1b1b1b;
}

.schema_nav_el.basic.active {
  color: #e9e9e9;
  background-color: #363636;
  border-bottom-color: #ececec00;
}

.div-block-5515 {
  border-bottom: 1px solid #e7e7e7;
}

.div-block-5515.hidden {
  display: none;
}

.section_head {
  z-index: 5;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3a3a3a;
  background-color: #ddd0;
  border-radius: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 34px;
  padding-left: 0;
  padding-right: 15px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.section_head.nav-selected {
  color: #e7e7e7;
  background-color: #2c2c2c;
}

.section_head.is_selected {
  background-color: #e6f0fa;
}

.section_head.is_secondary {
  padding-left: 25px;
}

.source_table_container {
  width: 100%;
  max-width: 100%;
  padding: 25px 25px 10px;
  overflow: hidden;
}

.div-block-5516 {
  pointer-events: none;
  width: 70px;
  min-width: 70px;
  height: 1px;
}

.theexp_panel {
  height: 100%;
  position: absolute;
  right: 0;
}

.overlay_container {
  z-index: 1700;
  -webkit-backdrop-filter: grayscale(12%);
  backdrop-filter: grayscale(12%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay_background {
  z-index: 1;
  opacity: 0;
  background-color: #494949;
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.86, 0, .07, 1);
  position: relative;
}

.overlay_comps {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.the_menu_container {
  width: 200px;
  position: absolute;
  top: 60px;
  right: 60px;
}

.entry_content {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.entry_content.hidden {
  display: none;
}

.div-block-5517 {
  background-color: #292bbb;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  display: none;
  position: absolute;
  bottom: -3px;
  right: -3px;
}

.div-block-5518 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 25px;
  display: flex;
}

.div-block-5518.nospace {
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 22px;
}

.div-block-5518._22 {
  margin-bottom: 20px;
  padding-left: 22px;
}

.div-block-5518.zero {
  padding-left: 0;
}

.c_upload {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-block-5519 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 dashed #a8a8a8;
  border-radius: 0;
  flex-wrap: wrap;
  width: 100%;
  min-height: 0;
  max-height: 650px;
  padding-bottom: 20px;
  display: flex;
  overflow: auto;
}

.div-block-5519:hover {
  background-color: #ffffff54;
  border-color: #ddd;
}

.div-block-5519.lightscroll {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  padding-bottom: 10px;
  padding-right: 12px;
}

.div-block-5520 {
  justify-content: space-between;
  display: flex;
}

.div-block-5520.left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
}

.c_multi {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.c_multi._100 {
  justify-content: space-between;
  width: 100%;
}

.c_multi._100.margin {
  margin-right: 0;
}

.c_multi.full {
  width: 100%;
}

.c_multi.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.c_multi.horizontal {
  flex-direction: row;
  align-items: center;
}

.c_multi.horizontal.top {
  align-items: flex-start;
}

.c_multi.hidden {
  display: none;
}

.media_widget {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.media_widget.is_tabled {
  min-width: 32px;
  max-width: 100px;
  height: 100%;
}

.media_widget.is_tabled:hover {
  border-width: 1px;
  border-color: #ca8f43;
  padding: 2px;
}

.media_widget.is_panel {
  border-width: 0;
  width: 100%;
}

.media_widget.is_variable {
  border-width: 0;
  width: 100%;
  height: auto;
  overflow: auto;
}

.div-block-5522 {
  width: 100%;
  display: none;
}

.div-block-5522.active {
  background-color: #fff;
  flex-direction: column;
  padding-bottom: 25px;
  display: flex;
}

.schemas_navigation {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #ececec;
  min-width: 320px;
  max-width: 320px;
  position: relative;
}

.schemas_navigation.inactive {
  filter: brightness(95%);
  display: none;
}

.schemas_navigation.sources {
  background-color: #fff;
  border-right: 1px solid #ececec;
  min-width: 280px;
  max-width: 280px;
}

.schemas_navigation.sources.inactive {
  filter: none;
  background-color: #fbfbfa;
  display: none;
}

.schemas_navigation.live_view {
  display: none;
}

.tab_item_content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.tab_item_content.active {
  display: flex;
}

.thecontrols1 {
  display: flex;
  position: absolute;
  right: 15px;
}

.thecontrols1.is_compact {
  display: none;
}

.reg_controls {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: none;
}

.reg_controls.is_compact {
  display: none;
}

.reg_controls.active {
  display: flex;
}

.schema_helpers {
  display: none;
}

.schema_helpers.active {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5523 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.web_browser {
  z-index: 5;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.browser_bg {
  z-index: 1;
  opacity: .1;
  background-color: #494949;
  width: 100%;
  height: 100%;
  position: relative;
}

.browser_ui {
  z-index: 1700;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-5524 {
  background-color: #fff;
  border-left: 1px solid #e2e2e2;
  flex-direction: column;
  justify-content: flex-start;
  width: 80%;
  height: 100%;
  display: flex;
}

.div-block-5525 {
  border-bottom: 1px solid #c7c7c7;
  height: 51px;
}

.div-block-5526 {
  height: 100%;
}

.div-block-5527 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-5527.is_panel {
  color: #b8a9a9;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-5528 {
  z-index: 5;
  color: #fff;
  cursor: pointer;
  background-color: #2525251a;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 5px;
  right: 5px;
  box-shadow: 0 2px 11px #0003;
}

.div-block-5528:hover {
  color: #f8f8f8;
  background-color: #333;
}

.div-block-5528.is_tabled {
  display: none;
}

.div-block-5528.is_panel {
  background-color: #807d7d1a;
}

.div-block-5528.is_panel:hover {
  color: #181818;
  background-color: #faf7f7c4;
}

.image-704 {
  object-fit: cover;
}

.entry_media {
  display: none;
}

.entry_media.active {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  display: flex;
}

.pages_items {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  height: 100%;
  padding: 15px 0 15px 15px;
  display: flex;
  overflow: auto;
}

.pages_items.sources {
  padding-top: 15px;
}

.empty_placeholder {
  border-bottom: 0 solid #e9e6e6;
  align-items: center;
  height: 38px;
  padding-left: 29px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.empty_placeholder.dark {
  color: #ddd;
}

.generic_dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 48%;
  display: flex;
}

.generic_dropdown._100 {
  justify-content: space-between;
}

.generic_dropdown._100.margin {
  margin-right: 0;
}

.generic_dropdown.full {
  width: 100%;
}

.generic_dropdown.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.generic_dropdown.horizontal {
  flex-direction: row;
  align-items: center;
}

.generic_dropdown.horizontal.top {
  align-items: flex-start;
}

.generic_dropdown.hidden {
  display: none;
}

.generic_dropdown.is_hidden {
  opacity: 0;
  pointer-events: none;
}

.generic_dropdown.fill {
  width: 100%;
}

.generic_dropdown.fill._33 {
  min-width: 32%;
}

.div-block-5488-copy {
  color: #707070;
  cursor: default;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-family: Materialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.div-block-5488-copy.large {
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-5488-copy.large:hover {
  background-color: #1a1919;
}

.div-block-5488-copy.white {
  color: #fff;
}

.generic_textarea {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.generic_textarea._100 {
  justify-content: space-between;
  width: 100%;
  max-width: 520px;
}

.generic_textarea._100.margin {
  margin-right: 0;
}

.generic_textarea.full {
  width: 100%;
}

.generic_textarea.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.generic_textarea.horizontal {
  flex-direction: row;
  align-items: center;
}

.generic_textarea.horizontal.top {
  align-items: flex-start;
}

.generic_textarea.hidden {
  display: none;
}

.div-block-5529 {
  cursor: default;
  background-color: #fff;
  border-radius: 6px;
  align-items: center;
  height: 80%;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
  position: absolute;
  right: 10px;
}

.div-block-5529.padded {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding-right: 10px;
  right: 5px;
}

.div-block-5529.relative {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  position: static;
}

.div-block-5529.top {
  height: auto;
  top: 10px;
}

.dropdown_val {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--purple);
  color: #fff;
  border: 1px solid #5200ff;
  border-radius: 3px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
}

.dropdown_val.link {
  color: #f8f8f8;
  cursor: pointer;
  background-color: #5200ff;
  border-color: #e6e6e6 #e6e6e6 #5200ff;
  padding-top: 3px;
  padding-bottom: 3px;
}

.dropdown_val.link:hover {
  color: #4d4d4d;
  background-color: #fff;
  border-color: #a8a8a8;
}

.dropdown_val.link.hidden {
  display: none;
}

.dropdown_val.blue {
  color: #464646;
  background-color: #f3f3f3;
  border-color: #e6e6e6;
  border-radius: 4px;
  align-items: center;
  height: 22px;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 10px;
}

.dropdown_val.blue.small {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  height: 29px;
  padding-right: 4px;
  font-size: 11px;
  line-height: 11px;
}

.dropdown_val.blue.small.visible {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #252525;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border-width: 0;
  border-color: #e6e6e6;
  height: 100%;
  font-size: 12px;
}

.dropdown_val.blue.small.visible:hover {
  border-color: var(--purple);
  background-color: var(--purple);
  color: #fff;
}

.dropdown_val.blue.small.white {
  color: #1e1e1f;
  cursor: pointer;
  background-color: #fff;
}

.dropdown_val.blue.filter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #2c2c2c;
  background-color: #f6fcf7;
  border-radius: 3px;
  height: 27px;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  overflow: hidden;
}

.dropdown_val.blue.filter.is_content {
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 32px;
  padding-left: 24px;
}

.dropdown_val.light {
  color: #252525;
  background-color: #eee;
  border-color: #ececec;
}

.click_capture {
  z-index: 1;
  background-color: #a1a1a133;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.click_capture.hidden {
  display: none;
}

.nav_el_container {
  width: 100%;
  max-width: 400px;
  height: 100%;
}

.nav_el_container.elements {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-5530 {
  height: 100%;
}

.image-705 {
  filter: invert();
}

.std_btn {
  color: #b8b8b8;
  cursor: pointer;
  background-color: #444;
  border: 1px solid #53535342;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px 3px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.std_btn:hover {
  color: #e7e3e3;
  background-color: #3f3f3f;
}

.std_btn.right {
  border-left: 1px solid #4d4d4d;
  border-right-width: 0;
}

.std_btn.hidden {
  display: none;
}

.std_btn.blue {
  color: #f8f8f8;
  background-color: #106ec9;
}

.std_btn.is_preset {
  color: #e4e5ee;
  background-color: #1f6fbe;
  border-color: #1f6fbe;
}

.std_btn.is_preset.floating {
  position: absolute;
  top: 10px;
  left: -152px;
}

.std_btn.white {
  background-color: var(--blue-nws);
  color: #fff;
  border-color: #007cef;
}

.std_btn.is_green {
  color: #e7e7e7;
  background-color: #108449;
}

.std_btn.close_preview {
  display: none;
}

.std_btn.close_preview.is_live_preview {
  display: flex;
}

.std_btn.is_live_preview {
  display: none;
}

.std_btn._27 {
  height: 27px;
  padding: 0 0 0 10px;
  font-size: 11px;
}

.std_btn.save_repo {
  color: #dfdfdf;
  background-color: #0078d4;
  border-left-color: #0078d4;
  padding-right: 10px;
}

.std_btn.save_repo.black {
  color: #9e9e9e;
  background-color: #2c2c2c24;
  border-color: #00000063;
  margin-left: 6px;
}

.std_btn.save_repo.black:hover {
  color: #dfdfdf;
  background-color: #7b7e814d;
}

.nav_label {
  margin-right: 8px;
}

.nav_label.nospace {
  margin-right: 0;
}

.rulerscontainer-copy {
  opacity: .5;
  cursor: pointer;
  width: 100%;
  height: 30px;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: -38px;
  overflow: visible;
}

.div-block-5533 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.panel_main {
  z-index: 10;
  background-color: #292929;
  flex-direction: column;
  width: 270px;
  min-width: 270px;
  height: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.panel_main.lightscroll {
  position: relative;
}

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

.panel_settings {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.panel_settings.noselect {
  height: 100%;
  overflow: auto;
}

.datastudio_dashboard {
  position: relative;
}

.floating_dynamic {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 260px;
  max-width: 500px;
  box-shadow: 0 2px 11px #0003;
}

.div-block-5535 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.floating_tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 2px 15px 15px;
  display: none;
}

.floating_tab.active {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 15px;
  display: flex;
}

.floating_tab.hidden {
  display: none;
}

.floating_tab.fonts.active {
  padding-top: 12px;
  overflow: visible;
}

.floating_tab.fonts.active.nb {
  padding-right: 0;
}

.floating_tab.no_padding {
  padding-bottom: 5px;
}

.floating_tab.custom_active {
  border-bottom: 1px solid #d6d6d61c;
  padding: 0 0 15px;
  display: none;
}

.floating_tab.custom_active.active {
  border-bottom-width: 0;
  display: flex;
}

.div-block-5537 {
  color: #e0e0e0;
  cursor: grab;
  border-bottom: 1px solid #3b3b3b;
  justify-content: space-between;
  height: 40px;
  min-height: 40px;
  padding: 0 10px;
  display: flex;
}

.div-block-5537:hover {
  background-color: #d3d3d312;
}

.div-block-5537.audio {
  padding-right: 0;
}

.div-block-5538 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 100%;
  display: flex;
}

.image-706 {
  filter: invert();
  width: 21px;
}

.image-706._90 {
  width: 23px;
  transform: rotate(90deg);
}

.image-706.m {
  width: 23px;
}

.image-706.tablet {
  width: 22px;
}

.navigation_element {
  z-index: 250;
  width: 70px;
  height: 100%;
  transition: left .35s ease-out;
  display: flex;
  position: absolute;
  left: 0;
}

.navigation_element.active {
  z-index: 100;
  width: 100%;
  transition-property: none;
}

.navigation_element.is_live_preview {
  pointer-events: none;
  cursor: not-allowed;
  left: -70px;
}

.div-block-5539 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 66px;
  left: -22px;
  box-shadow: 0 2px 13px #0000000d;
}

.div-block-5539:hover {
  border-color: #a39999;
  border-right-width: 0;
}

.div-block-5539.right {
  border-left-width: 0;
  border-right-width: 1px;
  border-radius: 0 4px 4px 0;
  top: 117px;
  left: auto;
  right: -23px;
}

.image-707 {
  filter: invert();
  width: 22px;
}

.div-block-5540 {
  opacity: .5;
  position: relative;
}

.div-block-5540:hover {
  opacity: .9;
}

.div-block-5540.inactive {
  opacity: .2;
  cursor: not-allowed;
}

.div-block-5541 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-block-5542 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 0 solid #464646;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  display: flex;
  overflow: hidden;
}

.form-block-23 {
  margin-bottom: 0;
}

.file_info {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #9b9b9b;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.div-block-5543 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.file_element.link {
  cursor: pointer;
}

.file_element.link:hover {
  color: #e5d9d9;
}

.div-block-5544 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: none;
}

.div-block-5544.active {
  display: flex;
}

.page_extras {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  font-size: 13px;
  display: none;
}

.page_extras.active {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

.page_extras.dark {
  color: #fff;
}

.div-block-5545 {
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5546 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  display: none;
}

.div-block-5546.active {
  display: flex;
}

.div-block-5546.active._50 {
  width: 48%;
}

.div-block-5547 {
  color: #2b2b2b;
  border: 0 solid #eaece4;
  border-radius: 6px;
  width: 100%;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.div-block-5541-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  display: flex;
}

.floating_confirmation {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 260px;
  max-width: 500px;
  box-shadow: 0 2px 11px #0003;
}

.div-block-5419-copy {
  color: #c4c4c4;
  cursor: default;
  border-bottom: 2px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5419-copy.light.active {
  color: #272727;
}

.div-block-5419-copy.light.mindmap.is_compact, .div-block-5419-copy.light.hidden {
  display: none;
}

.div-block-5537-copy {
  color: #e0e0e0;
  cursor: grab;
  border-bottom: 1px solid #3b3b3b;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 10px 8px;
  display: flex;
}

.filter_panel {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #292929;
  border-radius: 6px;
  flex-direction: column;
  padding: 17px;
  display: flex;
}

.filter_panel.active {
  padding-top: 10px;
  display: flex;
}

.filter_panel.hidden, .edit_filter {
  display: none;
}

.edit_filter.active {
  background-color: #c0c0c000;
  border: 0 solid #c4c4c43d;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.edit_filter.active.last {
  padding-bottom: 0;
}

.edit_filter.spaced {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.edit_filter.is_audio {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
}

.edit_filter.is_audio.active {
  display: flex;
}

.div-block-5548 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column wrap;
  display: flex;
}

.div-block-5548.wrap {
  z-index: 3;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-radius: 2px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 12px 15px 15px 12px;
  position: relative;
  overflow: hidden;
}

.div-block-5548.wrap.single {
  padding: 6px 8px 10px;
}

.div-block-5548.wrap.dark {
  background-color: #292929;
}

.div-block-5548.wrap.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 1px;
  max-height: 380px;
  padding: 0;
  overflow: auto;
}

.div-block-5548.wrap.no_spaced {
  padding: 0;
}

.div-block-5548.wrap.dark-copy {
  background-color: #29292900;
  padding: 0 17px 8px;
}

.div-block-5548.spaced {
  border-bottom: 0 solid #383838;
  padding-bottom: 0;
}

.div-block-5548.padded {
  padding-right: 15px;
}

.div-block-5549 {
  align-items: center;
  display: flex;
}

.gneric_checkbox {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.gneric_checkbox._100 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.gneric_checkbox._100.margin {
  margin-right: 0;
}

.gneric_checkbox.full {
  width: 100%;
}

.gneric_checkbox.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.gneric_checkbox.horizontal {
  flex-direction: row;
  align-items: center;
}

.gneric_checkbox.horizontal.top {
  align-items: flex-start;
}

.gneric_checkbox.hidden {
  display: none;
}

.add_content_c {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  padding: 18px 0;
  display: none;
  position: relative;
  overflow: auto;
}

.add_content_c.active {
  padding-bottom: 60px;
  display: flex;
}

.templates_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 12px;
  display: flex;
}

.templates_item {
  cursor: default;
  border: 0 solid #ccc;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.div-block-5550 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

._12textarea-9-copy {
  color: #6b6b6b;
  background-color: #fff0;
  border: 1px solid #5a5a5a;
  border-radius: 4px;
  min-height: 120px;
  margin-bottom: 0;
  padding: 6px 6px 6px 8px;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
  box-shadow: 0 0 10px #0000000a;
}

._12textarea-9-copy::placeholder {
  color: #616161;
}

._12textarea-9-copy.large {
  min-height: 240px;
}

.popup_shadow_setup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  min-width: 240px;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 10px #0000004d;
}

.popup_shadow_setup.public-panel-hidden {
  display: none;
}

.popup_shadow_setup.nospaced {
  padding-bottom: 0;
}

.div-block-5552 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.div-block-5552.noselect.transform {
  padding: 0 15px 0 0;
}

.div-block-5492-copy {
  color: #cfcfcf;
  cursor: grab;
  background-color: #4949492e;
  border-bottom-width: 1px;
  border-bottom-color: #3b3b3b;
  width: 100%;
  padding: 8px 8px 8px 12px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-5492-copy:hover {
  background-color: #81818112;
}

.static_shadow_el {
  color: #e6e6e6;
  background-color: #36363600;
  border-radius: 3px;
  justify-content: space-between;
  width: 100%;
  padding: 3px;
  display: flex;
  position: relative;
}

.static_shadow_el:hover {
  background-color: #464646;
}

.div-block-5553 {
  background-color: #424242de;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-5553.faded {
  opacity: .5;
}

.div-block-5553.second {
  width: 83px;
  min-width: 83px;
}

.floating_fonts {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 290px;
  max-width: 500px;
  box-shadow: 0 2px 11px #0003;
}

.multi_element_entry {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #8b8b8b;
  cursor: default;
  border-bottom: 1px solid #6e6e6e47;
  width: 100%;
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  font-size: 12px;
  display: flex;
}

.multi_element_entry:hover {
  color: #bebebe;
  background-color: #c9c9c91a;
  border-bottom-color: #6e6e6e00;
}

.multi_element_entry.active {
  color: #d3d3d3;
  background-color: #7a7a7a78;
}

.fonts_container_panel {
  flex-direction: column;
  align-items: flex-start;
  max-height: 500px;
  display: flex;
  overflow: auto;
}

.fonts_container_panel.darkscroll, .fonts_container_panel.darkscroll.ns {
  padding-right: 12px;
}

.div-block-5554 {
  display: flex;
}

.div-block-5554.is_live_preview {
  display: none;
}

.media_element_native {
  border: 0 solid #f5f5f5;
  border-bottom: 1px solid #494949;
  flex-direction: column;
  width: 100%;
  min-width: 170px;
  min-height: 100px;
  margin-bottom: 8px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.media_element_native.inactive {
  display: none;
}

.media_element_native.active {
  border-color: #1d20c7;
}

.div-block-5555 {
  color: #fff;
  font-size: 9px;
  position: absolute;
  top: 12.6406px;
}

.div-block-5555.redo {
  right: 0;
}

.popup_attr_setup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  min-width: 200px;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 10px #0000004d;
}

.popup_attr_setup.public-panel-hidden {
  display: none;
}

.popup_attr_setup.nospaced {
  padding-bottom: 0;
}

.templates_line_comp {
  z-index: 5;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #141414;
  cursor: default;
  border-radius: 3px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding-right: 10px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.templates_line_comp:hover {
  background-color: #dddddd1f;
}

.templates_line_comp.nav-selected {
  color: #e5dcdc;
  background-color: #2b2b2b;
}

.div-block-5556 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

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

.states_group.active, .div-block-5557 {
  display: flex;
}

.additional_context {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.additional_context.withtooltip {
  z-index: 10;
  position: relative;
}

.additional_context.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.additional_context.active {
  opacity: 1;
}

.div-block-5558 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 100%;
  display: flex;
}

.image-708 {
  filter: invert();
  border-radius: 80px;
  width: 19px;
}

.image-708.tablet {
  width: 17px;
}

.image-708.mobile {
  width: 20px;
}

.div-block-5559 {
  display: none;
}

.div-block-5559.active {
  opacity: .7;
  display: flex;
}

.div-block-5559.tablet {
  transform: rotate(90deg);
}

.breakpoint_element {
  z-index: 5;
  color: #e9e9e9;
  cursor: default;
  background-color: #106dc9;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  min-width: 20px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.breakpoint_element.brand_new {
  background-color: #464444;
}

.breakpoint_element.editing_name {
  background-color: #761481;
}

.breakpoint_element.public_suggestion:hover {
  background-color: #8a15ad;
}

.breakpoint_element.public-combo {
  background-color: #344f69;
}

.breakpoint_element.public-state {
  background-color: #108449;
}

.breakpoint_element.breakpoint {
  background-color: #424242;
  min-width: 32px;
  min-height: 26px;
}

.div-block-5560 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.div-block-5561 {
  font-weight: 300;
  display: none;
}

.div-block-5561.active {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px;
  display: flex;
}

.schema_editor_el {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding-bottom: 25px;
  display: none;
}

.schema_editor_el.active {
  display: flex;
}

.schema_editor_el.spaced {
  max-width: 700px;
  padding: 22px 22px 25px;
}

.schema_editor_el.spaced.full {
  max-width: 100%;
}

.section_comment {
  color: #9c9c9c;
  border-top: 1px solid #eee;
  padding: 13px;
  font-weight: 300;
  display: none;
}

.section_comment.active {
  padding: 12px 0 20px 30px;
  display: flex;
}

.div-block-5562 {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 45px;
  padding-left: 10px;
  padding-right: 15px;
  display: none;
}

.div-block-5562.hidden {
  display: none;
}

.div-block-5562.active {
  min-height: 45px;
  display: flex;
}

.prompt_section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  width: 100%;
  display: none;
}

.prompt_section.active {
  justify-content: space-around;
  padding-bottom: 30px;
  display: flex;
}

.prompt_section.active.live_view {
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5563 {
  color: #a7a7a7;
  font-weight: 300;
}

.div-block-5564 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  display: flex;
}

.div-block-5565 {
  width: 100%;
  height: 100%;
  padding-left: 70px;
  display: flex;
}

.an_tab_main {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.div-block-5566 {
  display: flex;
}

.div-block-5449-copy {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  padding: 18px 0 18px 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.an_tab_settings {
  flex-direction: column;
  width: 100%;
  min-width: 450px;
  max-width: 450px;
  height: 100%;
  padding: 0;
  display: flex;
}

.an_tab_settings.horizontal {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  position: relative;
}

.div-block-5567 {
  color: #fff;
  background-color: #1654ff;
  border: 1px solid #1654ff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5567:hover {
  border-color: #919191;
}

.div-block-5568 {
  color: #242424;
  text-transform: uppercase;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 8px;
  display: none;
  position: absolute;
  top: -21px;
  left: 0;
}

.div-block-5568.is_dynamic, .div-block-5568.is_form, .div-block-5568.is_form_prompt {
  color: #363636;
  border-radius: 0;
  display: flex;
}

.div-block-5569 {
  align-items: center;
  height: 100%;
  padding: 2px 7px 2px 5px;
  display: flex;
}

.div-block-5569.spaced {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: none;
}

.div-block-5569.spaced.is_dynamic {
  display: flex;
}

.div-block-5568-copy {
  color: #242424;
  text-transform: uppercase;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 8px;
  display: none;
  position: absolute;
  top: -42px;
  left: 0;
}

.div-block-5568-copy:hover {
  color: #fafafa;
  background-color: #303030;
}

.div-block-5568-copy.is_dynamic {
  color: #363636;
  border-radius: 0;
  display: flex;
}

.div-block-5568-copy.is_dynamic:hover {
  color: #e7e7e7;
}

.form-18 {
  padding: 22px;
}

.form-18.insettings {
  height: 100%;
  padding: 0;
}

.div-block-5500-copy.active {
  max-width: none;
  padding-bottom: 15px;
  display: flex;
}

.div-block-5570 {
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.text-block-490 {
  color: #bebcbc;
  font-size: 12px;
}

.upload_settings_create {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5571 {
  flex-direction: column;
  height: 100%;
  padding-top: 0;
  padding-bottom: 120px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.form-block-24 {
  height: 100%;
  margin-bottom: 0;
}

.div-block-5518-copy.nospace {
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.aichat {
  z-index: 20;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  padding: 20px 15px 20px 22px;
  display: flex;
  box-shadow: 0 2px 5px #c9c9c933;
}

.aichat.nospace {
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.aichat.large {
  height: 0;
  min-height: 68px;
}

.aichat.hidden {
  display: none;
}

.text-field-11 {
  background-color: #fff0;
  border: 0 solid #000;
  width: 100%;
  height: 38px;
  max-height: 38px;
  margin-bottom: 0;
  padding-left: 0;
}

.text-field-11::placeholder {
  color: #313131;
}

.form-block-25 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.div-block-5572 {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5573 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.form-19 {
  width: 100%;
}

.div-block-5574 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding-right: 15px;
  display: flex;
}

.div-block-5575 {
  display: flex;
}

.ai_prompt {
  z-index: 100;
  background-image: linear-gradient(#fff 1% 95%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: absolute;
  bottom: 0;
}

.ai_prompt.is_expanded {
  z-index: 100;
  align-items: flex-start;
  height: 100%;
  padding: 0 0 20px;
}

.div-block-5217-copy {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Materialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.div-block-5226-copy {
  color: #f7f7f7;
  cursor: pointer;
  background-color: #1b1b1b;
  border-radius: 6px;
  height: 100%;
  padding: 6px 15px 6px 20px;
}

.div-block-5226-copy:hover {
  color: #fff;
  background-color: #2c2c2c;
}

.in_chat_dropdown {
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #a7a7a7;
  border-radius: 6px;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 6px;
  padding: 6px 15px 6px 16px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  box-shadow: 0 0 3px #e7e7e733;
}

.in_chat_dropdown:hover {
  color: #fff;
  background-color: #444;
}

.div-block-5233-copy {
  color: #000;
  background-color: #f1f1f1;
  border-radius: 99px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5217-copy {
  justify-content: center;
  align-items: center;
  height: 30px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-5217-copy.small {
  width: 16px;
  padding-left: 3px;
  font-size: 15px;
}

.div-block-5576 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 770px;
  height: 100%;
  padding: 20px 20px 185px;
  display: flex;
}

.div-block-5576.prompt_inactive {
  padding-bottom: 50px;
}

.promot_block {
  z-index: 10;
  cursor: text;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  padding: 10px 15px;
  transition: all .55s;
  display: flex;
  position: absolute;
  bottom: -132px;
  box-shadow: -1px -2px 13px #00000014;
}

.promot_block:hover {
  border-color: #9e9e9e;
}

.promot_block.active {
  padding-right: 10px;
  bottom: 20px;
}

.promot_block.focused {
  border-color: #9295bd;
  box-shadow: -1px -2px 16px #0000001f;
}

.div-block-5577 {
  width: 100%;
  max-width: 770px;
}

.div-block-5578 {
  justify-content: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.ai_message {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 0 solid #ececec;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-5580 {
  font-size: 16px;
  font-weight: 500;
}

.div-block-5581 {
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.text-block-491 {
  color: #f8f8f8;
  background-color: #a84a89;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.text-block-491.user {
  background-color: #4a4ca8;
}

.div-block-5582 {
  z-index: 5;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5583 {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  position: relative;
}

.div-block-5584 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 14px 14px 14px 22px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-5585 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-5586 {
  margin-right: 30px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-5587 {
  color: #b6b6b6;
  white-space: nowrap;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  position: absolute;
  bottom: -30px;
  right: 10px;
}

.ai_progress_bar {
  background-color: #e0e0e0;
  border-radius: 3px;
  width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.div-block-5589 {
  background-color: #769be0;
  width: 100%;
  height: 100%;
  transition: all .6s;
  position: absolute;
  left: -100%;
}

.div-block-5589.completed {
  opacity: 0;
}

.ai_progress {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.text-block-492 {
  font-family: Circularxxweb, sans-serif;
}

.div-block-5590 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 730px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 30px;
}

.div-block-5591 {
  flex-direction: column;
  height: 100%;
  padding-right: 20px;
  display: flex;
  overflow: auto;
}

.div-block-5591.lightscroll {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.form_options_holder_ai {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.form_options_holder_ai.poll1 {
  flex-flow: column;
}

.confirm_item {
  cursor: pointer;
  border: 1px solid #c7c7c780;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 8px 20px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px #0000000a;
}

.confirm_item:hover {
  filter: sepia(60%) brightness(95%);
  background-color: #fff;
  border-color: #6b6b6b80;
}

.confirm_item.poll1 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  padding-left: 24px;
  padding-right: 5px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.confirm_item.checkbox.active {
  border-color: #1f1f1f;
}

.confirm_item.poll2 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  font-size: 12px;
}

.confirm_item.active {
  color: #f1f1f1;
  background-color: #1f1f1f;
}

.confirm_item.poll3 {
  border-radius: 99px;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}

.confirm_item.box.active {
  filter: invert(90%);
}

.div-block-5592 {
  font-size: 16px;
  font-weight: 500;
}

.ai_confirmations {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #c9cae9;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.form_checkboxai {
  border: 1px solid #acacacf7;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  margin-right: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000017;
}

.form_checkboxai.small {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  margin-right: 6px;
}

.form_checkboxai.rect {
  border-width: 1px;
  border-color: #c9c9c9;
  border-radius: 3px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.form_checkboxai.rect.absolute {
  margin-right: 0;
  position: absolute;
  right: 10px;
}

.form_checkboxai.rect.active {
  color: #2b2b2b;
  background-color: #fff;
  border-color: #2162ce;
}

.form_checkboxai.rect.white.active {
  color: #1660da;
  background-color: #fff;
  border-color: #0f69ff;
}

.form_checkboxai.rect._970x250 {
  margin-right: 6px;
}

.form_checkboxai.active {
  color: #fff;
  background-color: #1f1f1f;
  border-width: 2px;
  border-color: #f7f7f7;
  padding-top: 1px;
}

.form_checkboxai.box {
  display: none;
}

.form_checkboxai.checkbox {
  border-radius: 3px;
}

.form_checkboxai.poll1 {
  background-color: #fff0;
  border-color: #b4b4b4d1;
  border-radius: 99px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.form_checkboxai.poll1.active {
  background-color: #242424;
  border-color: #242424;
  padding-top: 0;
}

.form_checkboxai.poll2 {
  border-radius: 3px;
  display: none;
}

.form_checkboxai.poll3 {
  border-radius: 99px;
  box-shadow: 1px 1px 3px #00000014;
}

.form_checkboxai.poll3.active {
  border-color: #0a0a0a;
  padding-top: 0;
}

.text-field-7-copy {
  color: #272727;
  background-color: #fff0;
  border: 0 solid #000;
  border-left: 1px solid #f0f0f0;
  align-items: flex-start;
  height: 100%;
  max-height: 41px;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 0;
  padding-left: 4px;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.text-field-7-copy::placeholder {
  color: #575757;
  font-size: 17px;
  font-weight: 300;
}

.text-field-7-copy.large {
  min-height: 120px;
}

.text-field-7-copy.lightscroll {
  border-width: 0;
  border-color: #000;
}

.text-field-7-copy.lightscroll.large {
  min-height: 150px;
}

.text-field-7-copy.is_large {
  height: 150px;
  max-height: 150px;
}

.text-field-7-copy.is_largest {
  height: 250px;
  max-height: 250px;
}

.div-block-5594 {
  height: 100%;
}

.div-block-5595 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.div-block-5217-copy-copy {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 30px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-5217-copy-copy.small {
  width: 16px;
  padding-left: 3px;
  font-size: 15px;
}

.div-block-5596 {
  height: 100%;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
}

.div-block-5597, .form-20 {
  height: 100%;
}

.div-block-5598 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  top: -33px;
  left: 0;
}

.div-block-5599 {
  color: #9b9b9b;
  font-size: 11px;
}

.div-block-5600 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #424242de;
  flex-direction: column;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 12px;
  display: flex;
}

.div-block-5518-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-5518-copy.nospace {
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 22px;
}

.div-block-5518-copy._22 {
  margin-bottom: 20px;
  padding-left: 22px;
}

.div-block-5601 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #292929;
  background-color: #fcfcf8;
  border: 1px solid #dfdfdf;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  display: flex;
}

.div-block-5601.hidden {
  display: none;
}

.div-block-5602 {
  border-right: 1px solid #dfdfdf;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 19px;
  display: flex;
}

.table_component {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.other_columns {
  display: flex;
}

.div-block-5603 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.entry_icon {
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: none;
  position: relative;
}

.entry_icon.withtooltip {
  z-index: 10;
  position: relative;
}

.entry_icon.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.entry_icon.faded {
  color: #686161;
}

.entry_icon.faded:hover {
  color: #e0dbdb;
}

.entry_icon.small {
  font-size: 12px;
}

.entry_icon.active {
  display: flex;
}

.schema_settings_comp {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 0 solid #eee;
  border-radius: 6px;
  flex-flow: column;
  width: 100%;
  padding: 10px 20px 21px 10px;
  display: flex;
}

.div-block-5604 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-5605 {
  padding-left: 30px;
}

.div-block-5606 {
  z-index: 2;
  border-bottom: 0 solid #c5d1e4;
  justify-content: center;
  align-items: flex-start;
  width: 14px;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-5607 {
  background-color: #c5d1e4;
  width: 1px;
  height: 100%;
}

.div-block-5608 {
  background-color: #fff;
  border: 1px solid #c5d1e4;
  border-radius: 99px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
}

.minmax_inputs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-block-26 {
  width: 100%;
}

.div-block-5609 {
  border-radius: 3px;
  width: 100%;
  min-height: 39px;
  padding: 6px 0 0 6px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-5609:hover {
  background-color: #fafcf4;
}

.div-block-5610 {
  display: flex;
}

.div-block-5611 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.form_comment_area {
  color: #949494;
  padding-top: 8px;
  font-size: 12px;
  font-weight: 300;
}

.form-block-27 {
  width: 100%;
}

.div-block-5612 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  display: none;
}

.div-block-5612.active {
  display: flex;
}

.variable_item {
  cursor: pointer;
  border: 0 solid #000;
  border-bottom: 1px solid #b5d3eb;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding-left: 0;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 300;
  line-height: 15px;
  display: flex;
}

.variable_item:hover {
  background-color: #f8f8f8;
}

.feed_object {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5614 {
  flex-direction: column;
  padding-left: 20px;
  display: none;
}

.div-block-5614.active {
  background-color: #f8f8f8;
  border-bottom: 1px solid #b5d3eb;
  padding-bottom: 40px;
  padding-left: 39px;
  display: flex;
}

.variables_object {
  color: #1f219c;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #b5d3eb;
  border-left: 1px solid #b5d3eb;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.variables_object:hover {
  color: #fff;
  background-color: #1c2d7a;
}

.variables_object.secondary {
  background-color: #f8f8f8;
  padding-left: 14px;
}

.no_data {
  border-top: 1px solid #ececec;
  border-bottom: 0 solid #ececec;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 15px;
  display: flex;
}

.no_data.vertical {
  flex-direction: column;
  padding-bottom: 5px;
}

.no_data.disconnect {
  border-top-width: 0;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 0;
}

.no_data.updated {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding-top: 10px;
}

.no_data.noborder {
  border-top-width: 0;
}

.no_data.hidden {
  display: none;
}

.div-block-4231-copy12 {
  border-top: 1px solid #ececec;
  border-bottom: 0 solid #ececec;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 15px;
  display: flex;
}

.div-block-4231-copy12.vertical {
  flex-direction: column;
  padding-bottom: 5px;
}

.div-block-4231-copy12.disconnect {
  border-top-width: 0;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 0;
}

.div-block-4231-copy12.updated {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #b5d3eb;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.div-block-4231-copy12.noborder {
  border-top-width: 0;
}

.div-block-5615 {
  background-color: #45c940;
  border: 0 solid #000;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.div-block-5616 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #3a3a3c;
  align-items: center;
  font-weight: 300;
  display: flex;
}

.div-block-5616.is_active {
  display: none;
}

.div-block-5617 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.feeds_config {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 8px;
  height: 64px;
  margin-bottom: 15px;
  overflow: hidden;
}

.feeds_config.collapsed {
  height: 64px;
}

.feeds_config.opened {
  z-index: 99;
  border-width: 0 0 0 1px;
  border-color: #e7e7e7;
  border-radius: 0;
  width: 470px;
  min-width: 470px;
  height: 100%;
  position: relative;
  overflow: visible;
}

.feeds_config.opened:hover {
  border-color: #dfdfdf;
}

.div-block-5618 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.div-block-5619 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  align-items: center;
  height: 100%;
  font-size: 15px;
  display: flex;
}

.div-block-5620 {
  border-right: 1px solid #b5d3eb;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
  display: flex;
}

.div-block-5621 {
  white-space: nowrap;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-5616-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #3a3a3c;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  padding: 3px 5px;
  font-size: 11px;
  font-weight: 500;
  display: none;
}

.div-block-5616-copy.is_active {
  z-index: 6;
  color: #1f219c;
  border-radius: 10px;
  padding: 1px 10px;
  font-size: 10px;
  display: flex;
  position: absolute;
  top: -1px;
  right: 0;
}

.div-block-5622 {
  width: 100%;
  max-width: 270px;
  line-height: 21px;
  overflow: hidden;
}

.file_element_list {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.file_element_list:hover {
  background-color: #fff;
}

.div-block-5623 {
  font-size: 12px;
  line-height: 14px;
}

.div-block-5624 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.div-block-5625 {
  color: #242424;
  font-weight: 500;
  line-height: 18px;
}

.div-block-5625:hover {
  text-decoration: underline;
}

.div-block-5625.small {
  color: #666;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.div-block-5488-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #818181;
  cursor: default;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-family: Materialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-5488-copy:hover {
  color: #0e0e0e;
}

.div-block-5488-copy.hidden {
  display: none;
}

.div-block-5488-copy.large {
  color: #4b4b4b;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-5488-copy.large:hover {
  color: #f3f3f3;
  background-color: #1a1919;
}

.div-block-5488-copy.large.light {
  color: #505050;
}

.div-block-5488-copy.large.light:hover {
  color: #fff;
  background-color: #4b4b4b;
}

.div-block-5626 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.div-block-5627 {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  font-size: 9px;
  font-weight: 500;
  display: flex;
}

.div-block-5627.is_pdf {
  color: #fff;
  background-color: #e61616;
}

.div-block-5627.is_txt {
  background-color: #cfe4eb;
}

.file_library {
  z-index: 20;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 0;
  width: 100%;
  height: 100vh;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.div-block-5628 {
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  align-items: center;
  height: 51px;
  padding-right: 15px;
  display: flex;
}

.div-block-5628.secondary {
  background-color: #f8f8f8;
  padding-left: 10px;
}

.div-block-5629 {
  align-items: center;
  height: 70px;
  padding: 15px;
  display: flex;
}

.div-block-5630 {
  align-items: center;
  height: 100%;
  padding-left: 10px;
  display: flex;
}

.div-block-5631 {
  color: #a7a7a7;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  font-size: 13px;
  display: flex;
}

.div-block-5632 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #5a5a5a;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  align-items: center;
  max-height: 27px;
  padding: 8px 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
  box-shadow: 0 2px 13px #dfdfdf33;
}

.div-block-5632.first {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5632.first.active {
  box-shadow: none;
}

.div-block-5632.last {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.div-block-5632.middle {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}

.div-block-5632.active {
  color: #303030;
  background-color: #f8f8f8;
}

.div-block-5633 {
  display: flex;
}

.materialicon_auto {
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
  position: relative;
}

.materialicon_auto.withtooltip {
  z-index: 10;
  position: relative;
}

.materialicon_auto.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.materialicon_auto.faded {
  color: #686161;
}

.materialicon_auto.faded:hover {
  color: #e0dbdb;
}

.materialicon_auto.small {
  font-size: 12px;
}

.div-block-5634 {
  width: 100%;
  height: 3px;
  position: relative;
}

.div-block-5635 {
  background-color: #f1f1f1;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
}

.div-block-5636 {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  overflow: auto;
}

.div-block-5637 {
  font-size: 11px;
  font-weight: 500;
}

.div-block-5638 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5639 {
  border-right: 1px solid #e7e7e7;
  width: 450px;
  max-width: 450px;
}

.div-block-5640 {
  border-left: 1px solid #d6d6d6;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 2px 5px -8px #0003;
}

.div-block-5639-copy {
  border-left: 1px solid #e7e7e7;
  border-right: 0 solid #e7e7e7;
  width: 250px;
  max-width: 250px;
  display: none;
}

.div-block-5641 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-5628-copy {
  border-bottom: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  min-height: 51px;
  max-height: 51px;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.div-block-5628-copy.secondary {
  background-color: #f8f8f8;
  padding-left: 10px;
}

.div-block-5419-copy {
  color: #9c9c9c;
  cursor: default;
  border-bottom: 2px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5419-copy:hover {
  color: #e4e4e4;
}

.div-block-5419-copy.active {
  color: #f0f0f0;
  border-bottom-color: #636363ed;
}

.div-block-5419-copy.light {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #adadad;
  cursor: default;
}

.div-block-5419-copy.light:hover {
  color: #444;
}

.div-block-5419-copy.light.active {
  z-index: 10;
  color: #272727;
}

.div-block-5419-copy.light.mindmap.is_compact, .div-block-5419-copy.light.hidden {
  display: none;
}

.div-block-5419-copy.light.secondary.active {
  border-bottom-color: #16161600;
}

.div-block-5419-copy.light.nospace {
  color: #252525;
  padding-left: 0;
}

.div-block-5419-copy.is_label {
  color: #252525;
  padding-left: 3px;
}

.div-block-5419-copy.is_label.active {
  color: #272727;
}

.div-block-5419-copy.hidden {
  display: none;
}

.div-block-5419-copy.lighter {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ddd;
  cursor: default;
}

.div-block-5419-copy.lighter:hover {
  color: #444;
}

.div-block-5419-copy.lighter.active {
  color: #272727;
}

.div-block-5419-copy.lighter.mindmap.is_compact, .div-block-5419-copy.lighter.hidden {
  display: none;
}

.div-block-5419-copy.lighter.secondary.active {
  border-bottom-color: #e4e4e400;
}

.div-block-5642 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #e0e0e0;
  padding: 15px;
  display: flex;
}

.div-block-5643 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-5644 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5645 {
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  height: 51px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.div-block-5646 {
  font-size: 13px;
  font-weight: 300;
}

.main_button-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #272727;
  border: 1px solid #dfdfdf;
  border-top-color: #333;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 13px #00000005;
}

.main_button-copy:hover {
  color: #131313;
  background-color: #fff;
  border-color: #6b6b6b;
}

.main_button-copy.active {
  background-color: #202020;
}

.main_button-copy.inactive {
  display: none;
}

.main_button-copy.regular_size {
  width: auto;
}

.main_button-copy.centered {
  color: silver;
  border-color: #444;
  justify-content: center;
}

.main_button-copy.black {
  color: #f8f8f8;
  background-color: #272727;
  border-color: #3b3b3b;
  border-radius: 3px;
  width: auto;
  position: relative;
}

.main_button-copy.black:hover {
  background-color: #133f69;
  border-color: #133f69;
}

.main_button-copy.addsection {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.main_button-copy.no_border_center {
  box-shadow: none;
  color: #7c7c7c;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
}

.main_button-copy.no_border_center:hover {
  color: #292929;
}

.main_button-copy.basic {
  box-shadow: none;
  color: #7c7c7c;
  border-width: 0 0 0 1px;
  border-left-color: #e9e9e9;
  border-right-color: #fcfcfc;
  border-radius: 0;
  width: auto;
  position: relative;
}

.main_button-copy.basic:hover {
  color: #161616;
}

.main_button-copy.basic.toggled {
  display: none;
}

.main_button-copy.basic.toggled:hover {
  background-color: #fff0;
}

.main_button-copy.basic.toggled.is_editing {
  display: flex;
}

.main_button-copy.basic.hidden {
  display: none;
}

.main_button-copy.blue {
  color: #f8f8f8;
  background-color: #057ef0;
  border-color: #057ef0;
  border-radius: 3px;
  width: auto;
  position: relative;
}

.main_button-copy.blue:hover {
  border-color: #057ef0;
}

.main_button-copy.hidden {
  display: none;
}

.main_button-copy.white {
  color: #303030;
  cursor: default;
  background-color: #ffffff17;
  border-color: #e7e7e7;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button-copy.white:hover {
  background-color: #fff;
  border-color: #c3b8b8;
}

.main_button-copy.gray {
  color: #303030;
  cursor: default;
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  border-radius: 6px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button-copy.gray:hover {
  background-color: #fff;
  border-color: #c3b8b8;
}

.main_button-copy.blueish {
  color: #303030;
  cursor: default;
  background-color: #ffffff17;
  border-color: #dfdfdf;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  max-height: 38px;
  padding-right: 2px;
  position: relative;
}

.main_button-copy.blueish:hover {
  border-color: #474747;
}

.main_button-copy.blue2 {
  color: #fafafa;
  cursor: default;
  background-color: #057ef0;
  border-color: #e7e7e7;
  border-radius: 3px;
  width: auto;
  min-height: 38px;
  position: relative;
}

.main_button-copy.blue2:hover {
  background-color: #313131;
  border-color: #3d3d3d;
}

.div-block-5647 {
  display: flex;
}

.div-block-5648 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5649 {
  height: 100%;
  display: flex;
}

.header_1-copy {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 260px;
  height: 51px;
  min-height: 51px;
  max-height: 51px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.header_1-copy.split {
  background-color: #fff;
  justify-content: space-between;
  padding-right: 15px;
}

.header_1-copy.split.dark {
  background-color: #1d1d1d;
}

.header_1-copy.split.secondary {
  background-color: #f8f8f8;
}

.header_1-copy.full {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 15px;
}

.header_1-copy.full.collections {
  justify-content: space-between;
  position: static;
}

.div-block-5650 {
  cursor: ew-resize;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5650:hover {
  background-color: #e4edf8;
}

.new_library {
  z-index: 20;
  background-color: #fff;
  border: 0 solid #ece4e4;
  border-radius: 0;
  width: 100%;
  max-width: 950px;
  height: 100vh;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.library_new_main {
  z-index: 10000;
  background-color: #5c5c5c40;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.form-block-28 {
  margin-bottom: 0;
}

.div-block-5651 {
  border-radius: 2px;
  max-width: 32%;
  overflow: hidden;
}

.body-13 {
  font-family: Circularxxweb, sans-serif;
}

.elements_nav-copy {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  flex-direction: column;
  width: 100%;
  max-width: 260px;
  height: 100%;
  padding: 15px 15px 15px 10px;
  display: flex;
  position: relative;
}

.div-block-5652 {
  color: #242424;
  border: 1px solid #5f5f5f;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.div-block-5652:hover {
  color: #ececec;
  background-color: #2b2b2b;
  border-color: #303030;
}

.c_assistant_upload {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5519-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 dashed #a8a8a8;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  max-height: 650px;
  padding-bottom: 15px;
  font-weight: 300;
  display: flex;
  overflow: auto;
}

.div-block-5519-copy:hover {
  background-color: #ffffff54;
  border-color: #ddd;
}

.div-block-5519-copy.lightscroll {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  padding-right: 12px;
}

.div-block-5653 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-5654 {
  color: #525252;
  cursor: pointer;
  font-weight: 400;
}

.div-block-5654:hover {
  color: #1a1a1a;
}

.div-block-5655 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.div-block-5656 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-5657 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-5657.hidden {
  display: none;
}

.div-block-5658 {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5658:hover {
  background-color: #eef3f8;
}

.image-709 {
  width: 18px;
}

.div-block-5659 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  display: flex;
}

.div-block-5660 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding-left: 3px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: -4px;
  right: -12px;
}

.div-block-5661 {
  width: 100%;
  padding: 0;
  display: flex;
}

.div-block-5661.active {
  display: flex;
}

.div-block-5662 {
  padding: 5px;
}

.div-block-5663 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  bottom: -10px;
}

.div-block-4056-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5664 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-5665 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
}

.div-block-4056-copy-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 15px;
  display: flex;
}

.div-block-5500-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-bottom: 10px;
  display: flex;
}

.form-block-29, .form-21, .form-block-30 {
  width: 100%;
}

.div-block-5666 {
  z-index: 10;
  background-color: #5200ff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 20px;
  min-width: 6px;
  height: 4px;
  min-height: 4px;
  position: relative;
}

.div-block-5667 {
  background-color: #e6e6e6;
  width: 1px;
  height: 800px;
  position: absolute;
  top: 0;
  left: 5px;
}

.div-block-5668 {
  width: 100%;
  height: 1px;
}

.page_packages {
  background-color: #292929;
  border-left: 1px solid #7c7c7c;
  height: 100%;
  font-style: normal;
  display: none;
}

.page_packages.active {
  z-index: 50;
  background-color: #f8f8f8;
  border-left-color: #74747433;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-style: normal;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.div-block-5669 {
  width: 100%;
  padding: 21px;
}

.div-block-5670 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: 3px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 0;
  font-weight: 300;
  display: flex;
}

.package_element {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  flex-flow: column;
  min-height: 150px;
  padding: 10px;
  display: flex;
}

.package_element:hover {
  border-color: #ccc;
}

.div-block-5672 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5673 {
  color: #0e0e0e;
  background-color: #3cffd0;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 400;
}

.div-block-5674 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 235px;
  height: 198px;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.div-block-5675 {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-5675.small {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #7c7c7c;
  justify-content: space-between;
  align-items: center;
  height: 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
}

.screenshot_element {
  background-color: #ececec;
  border: 1px solid #ececec;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 80px;
  display: flex;
  overflow: hidden;
}

.div-block-5676 {
  width: 100%;
}

.div-block-5677 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
  display: flex;
}

.div-block-5678 {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: none;
}

.div-block-5678.active {
  background-color: #fafafa;
  font-weight: 300;
  display: flex;
}

.text-block-494 {
  margin-right: 20px;
}

.div-block-5679 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5680 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 0 0 0 15px;
  display: flex;
}

.div-block-5680.hidden {
  display: none;
}

.div-block-5680.right {
  justify-content: flex-end;
}

.div-block-5680.abs {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  height: 78px;
  position: absolute;
  bottom: 0;
}

.div-block-5681 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--purple);
  background-color: var(--purple);
  color: #e7e7e7;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5681:hover, .div-block-5681.white {
  border-color: var(--black);
  background-color: var(--black);
}

.div-block-5681.black {
  border-color: var(--silver);
  color: #161616;
  background-color: #fff;
}

.div-block-5681.black.hidden {
  display: none;
}

.div-block-5681._100 {
  cursor: pointer;
  width: 100%;
}

.div-block-5681._100:hover {
  border-color: var(--black);
}

.div-block-5681._100.dark:hover {
  color: #1b1b1b;
  background-color: #dfdfdf;
  border-color: #ccc;
}

.div-block-5681._100.faded {
  background-color: #474747;
  border-color: #414141;
}

.div-block-5681._100.faded:hover {
  color: #0f0f0f;
  background-color: #ebebeb;
  border-color: #cecece;
}

.div-block-5681._100.disabled {
  opacity: .2;
  cursor: wait;
}

.div-block-5681._100.small {
  padding-top: 7px;
  padding-bottom: 7px;
}

.div-block-5681._100.small.blue {
  background-color: #1f1f1f;
  border-color: #084081;
  border-radius: 0;
  min-height: 37px;
  padding: 0 25px;
}

.div-block-5681._100.small.blue.is_playground {
  display: none;
}

.div-block-5681._100.small.grey {
  color: #252525;
  background-color: #fff;
  border-width: 0 0 0 1px;
  border-color: #b6b6b6 #b6b6b6 #b6b6b6 #e6e6e6;
  border-radius: 0;
  height: 100%;
  padding: 0 25px;
}

.div-block-5681._100.small.grey:hover {
  background-color: #f5f5f5;
  border-color: #48494b #48494b #48494b #d1d5da;
}

.div-block-5681._100.small.grey.is_playground {
  display: none;
}

.div-block-5681._100._500 {
  max-width: 500px;
}

.div-block-5681._100._500.is_disabled {
  color: #a0a0a0;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #e2e2e2;
}

.div-block-5681._100.light {
  color: #2b2b2b;
  background-color: #fff;
  border-color: #e4e4e4;
  border-radius: 99px;
  height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
}

.div-block-5681.dark {
  background-color: #292929;
  border-color: #292929;
}

.div-block-5681.spaced {
  padding-left: 32px;
  padding-right: 32px;
}

.form-block-31 {
  margin-bottom: 0;
}

.panel_search {
  color: #414141;
  background-color: #ffffff0d;
  border: 1px solid #dbd5d5;
  border-radius: 3px;
  width: 100%;
  min-width: 150px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.panel_search:hover {
  color: #4b4b4b;
  background-color: #ffffff0d;
  border-color: #b1b1b1;
}

.panel_search:active, .panel_search:focus {
  color: #414141;
}

.panel_search::placeholder {
  color: #727272;
}

.panel_search.hasicon {
  padding-left: 30px;
}

.panel_search.small {
  width: 100px;
  height: 32px;
}

.panel_search._100 {
  width: 100%;
  padding-left: 30px;
}

.panel_search._100.nopadding {
  padding-left: 5px;
}

.panel_search.full {
  width: 100%;
}

.panel_search.light {
  box-shadow: none;
  color: #6b6b6b;
  background-color: #fff;
  border-color: #d8d8d8;
  border-radius: 6px;
  height: 42px;
  padding: 6px 6px 6px 8px;
  font-size: 13px;
}

.panel_search.light:hover {
  background-color: #fafaf0;
}

.panel_search.light:focus {
  background-color: #fafaf0;
  border-color: #8dabec;
}

.panel_search.light::placeholder {
  color: #a5a5a5;
  background-color: #2b2b2b00;
}

.panel_search.light.dropdown.plain_bg {
  box-shadow: none;
}

.panel_search.light.dropdown.plain_bg:hover {
  background-color: #fff;
  border-color: #bfc8df;
}

.panel_search.light.dropdown.plain_bg:focus {
  background-color: #fff;
}

.panel_search.dark {
  border-color: #353535;
}

.div-block-5682 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100px;
  min-height: 420px;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.div-block-5682.active {
  display: flex;
}

.chart_block {
  background-color: #9dcffb;
  border: 1px solid #0000;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  justify-content: center;
  align-items: flex-start;
  width: 10px;
  height: 100%;
  transition: all .3s;
  display: flex;
  position: relative;
}

.chart_block:hover {
  background-color: #8b99a5;
  border-color: #0000;
  overflow: visible;
}

.chart_block.s4 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.chart_block.hidden {
  display: none;
}

.chart_block.is_highlighted {
  opacity: 1;
  background-color: #353535;
}

.chart_block.is_faded {
  opacity: .35;
  filter: grayscale();
}

.div-block-5959 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #cfcfcf;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2de;
  border-left: 2px solid #0000;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding-left: 0;
  padding-right: 20px;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.div-block-5959.active {
  color: #444;
}

.el_tick {
  background-color: #f1f1f1;
  width: 10px;
  height: 10px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_tick.active {
  opacity: 1;
  background-color: #3475e1;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.el_tick.interaction {
  background-color: #facd48;
}

.el_reg {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_reg.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: none;
}

.set_label {
  font-size: 13px;
  font-weight: 500;
}

.div-block-5960 {
  color: #2e2e2e;
  white-space: nowrap;
  border-right: 0 solid #f0f0f0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-5961 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5962 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 1px solid #ddd8d8;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
}

.guidelines_1 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5964 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
}

.div-block-5964._11 {
  position: relative;
}

.analytics_group {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-bottom: 1px solid #dfdfdf;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-5965 {
  z-index: 2;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-top: 1px solid #0000;
  border-bottom: 1px solid #0000;
  border-right: 1px solid #ddd8d8;
  justify-content: center;
  align-items: flex-end;
  min-width: 67px;
  height: 100%;
  min-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-5965:hover {
  border-top-color: #00000082;
  border-bottom-color: #00000085;
}

.div-block-5966 {
  white-space: nowrap;
  background-color: #fff;
  border-radius: 1px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: -25px;
}

.guide_line_bar {
  background-color: #6e8fd6;
  width: 1500px;
  min-width: 5500px;
  height: 1px;
  min-height: 1px;
}

.div-block-5967 {
  z-index: 30;
  border-left: 0 solid #ddd8d8;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.bar_hover_element {
  z-index: 30;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 6px;
  flex-flow: column;
  padding: 14px;
  display: none;
  position: absolute;
  top: 20px;
  left: 10px;
}

.bar_hover_element.active {
  z-index: 100;
  display: flex;
  top: 50px;
  left: 20px;
}

.div-block-5968 {
  font-size: 14px;
}

.div-block-5968.small {
  color: #a4a4a7;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-5968.bold {
  font-weight: 500;
}

.div-block-5969 {
  border-top: 1px solid #e4e4e4;
  margin-top: 5px;
  padding-top: 5px;
}

.div-block-5970 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  display: flex;
}

.guidelines_1-copy {
  z-index: 50;
  pointer-events: auto;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.guidelines_1-copy.active {
  pointer-events: none;
  display: flex;
}

.guidelines_2 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.guidelines_2.active {
  display: flex;
}

.guideline12 {
  background-color: #3957c2;
  width: 100%;
  height: 1px;
}

.guideline12.moving {
  transition: all .7s;
  position: absolute;
  bottom: 0;
}

.midway {
  background-color: #3957c2;
  width: 10px;
  height: 1px;
  position: static;
  top: 50%;
  left: 0;
}

.midway.moving {
  position: absolute;
  bottom: 0;
}

.midway._2 {
  left: auto;
  right: 0;
}

.numbers12_2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.numbers12_2.right {
  left: auto;
  right: 0;
}

.div-block-5972 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.value_element {
  color: #fdfbfb;
  background-color: #444;
  border: 1px solid #5f5f5f;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  display: none;
  position: absolute;
  top: -30px;
}

.value_element.is_highlighted {
  text-transform: capitalize;
  line-height: 12px;
  display: flex;
}

.div-block-5973 {
  border-left: 0 solid #ddd8d8;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 440px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.div-block-5974 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-5975 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
  min-height: 1px;
}

.div-block-5976 {
  background-color: #0000;
  border: 1px solid #d8cccc00;
  border-radius: 99px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
}

.div-block-5976:hover {
  border-color: #777171;
  padding: 6px;
}

.div-block-5976.active {
  border-color: #d8cccc;
}

.div-block-5977 {
  background-color: #99b2e9;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-5977.t2 {
  background-color: #edeeec;
}

.div-block-5977.t3 {
  background-color: #ebebeb;
}

.analytics_chart {
  flex-flow: column;
  display: none;
}

.analytics_chart.active {
  display: flex;
}

.div-block-5979 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-496 {
  color: #7c7c7c;
  padding-right: 5px;
  font-size: 11px;
}

.div-block-5980 {
  width: 100%;
  display: flex;
}

.div-block-5981 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5982 {
  height: 100%;
  display: flex;
}

.div-block-5983 {
  background-color: #fff;
  width: 100%;
  max-width: 700px;
  height: 100%;
  padding: 0;
  overflow: auto;
}

.div-block-5984 {
  width: 100%;
  height: 100%;
}

.div-block-5985 {
  border-top: 0 solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 25px 20px;
}

.div-block-5986 {
  border-bottom: 1px solid #e6e6e6;
  height: 80px;
  padding-left: 25px;
  display: flex;
}

.div-block-5987 {
  width: 100%;
  padding: 17px 25px;
}

.snapshot_element {
  background-color: #f8f8f8;
  border: 1px solid #e9e9e957;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.snapshot_element:hover {
  background-color: #fff;
}

.div-block-5989 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-5990 {
  font-weight: 500;
}

.div-block-5991 {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-5976-copy {
  background-color: #0000;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.div-block-5976-copy:hover {
  border-color: #777171;
}

.div-block-5976-copy.active {
  border-color: #a3a3a3;
}

.div-block-5992 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: .2;
  color: #1d1d1d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 16px;
  line-height: 11px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-5992:hover {
  opacity: 1;
}

.div-block-5992.hidden {
  display: none;
}

.text-block-497 {
  display: flex;
}

.div-block-5993 {
  width: 100%;
}

.div-block-5994 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: .9;
  color: #252525;
  cursor: pointer;
  border-bottom: 1px solid #4b4a4a40;
  border-right: 1px solid #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 72px;
  height: 90px;
  font-size: 11px;
  font-weight: 500;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.div-block-5994:hover {
  opacity: 1;
  background-color: #fff;
  border-bottom-color: #8d8d8d;
  padding-top: 0;
}

.div-block-5994.active {
  opacity: 1;
  background-color: #fff;
  border-left: 5px solid #444;
  padding-right: 5px;
}

.div-block-5994._65 {
  height: 64px;
}

.div-block-5994.create.is_playground, .div-block-5994.edit.is_hidden, .div-block-5994.edit.is_playground, .div-block-5994.campaign.is_playground, .div-block-5994.campaign.hidden, .div-block-5994.save.is_playground, .div-block-5994.logout.is_playground, .div-block-5994.saved.is_playground, .div-block-5994.tasks.is_playground, .div-block-5994.tasks.is_hidden {
  display: none;
}

.image-710 {
  opacity: .7;
  width: 23px;
}

.header_native {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.header_native.split {
  background-color: #fff;
  justify-content: space-between;
  padding-right: 15px;
}

.header_native.split.dark {
  background-color: #1d1d1d;
}

.header_native.split.secondary {
  background-color: #f8f8f8;
}

.header_native.full {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 15px;
}

.header_native.full.collections {
  justify-content: space-between;
  position: static;
}

.div-block-5995 {
  border-bottom: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 10px 10px 10px 15px;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.div-block-5996 {
  height: 100%;
}

.div-block-5997 {
  z-index: 10;
  background-color: #292929;
  border-bottom: 1px solid #3f3f3f;
  border-left: 0 solid #444;
  border-right: 1px solid #444;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 65px;
  min-height: 65px;
  padding-left: 20px;
  padding-right: 15px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-5997.right {
  z-index: 20;
  border-left-width: 1px;
  border-left-color: #444;
  border-right-width: 0;
  height: 51px;
  min-height: 51px;
  overflow: auto;
}

.div-block-5997.right.lightscroll {
  border-left-width: 0;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
}

.div-block-5997.right.lightscroll.is_hidden {
  position: relative;
  top: -51px;
}

.div-block-5997.white {
  background-color: #f1f1f1;
  border-bottom-color: #e5e4e4;
  border-left-width: 0;
  border-left-color: #ddd;
  border-right-width: 0;
  height: 51px;
  min-height: 51px;
}

.div-block-5997.white.reverse {
  border-top: 1px solid #e5e4e4;
  border-bottom-width: 0;
  border-right-color: #dfdfdf;
  position: static;
}

.div-block-5998 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-5999 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-5999:hover {
  border-color: #a8a8a8;
}

.image-711 {
  width: 21px;
}

.div-block-6000 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
}

.el_panel {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  height: 100%;
  padding: 25px 30px 30px;
  display: none;
  overflow: auto;
}

.el_panel.active {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 0;
  display: flex;
}

.dropdrown_menu_1 {
  background-color: #f1f1f1;
  border-radius: 99px;
  width: 100%;
  height: 30px;
  min-height: 30px;
}

.dropdrown_menu_1.spaced {
  margin-right: 5px;
}

.dropdrown_menu_1._50 {
  width: 50%;
}

.dropdrown_menu_1._50.spaced {
  margin-right: 10px;
}

.dropdrown_menu_1.aspect {
  padding-left: 12px;
  display: none;
}

.dropdrown_menu_1.aspect.active {
  display: flex;
}

.floating_panel_el {
  z-index: 500;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6001 {
  width: 72px;
  min-width: 72px;
}

.div-block-6002 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  display: flex;
}

.config_side_panel {
  z-index: 99;
  background-color: #292929;
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -300px;
  box-shadow: -10px 2px #0000000d;
}

.config_side_panel.active {
  width: 100%;
  margin-right: 0;
  transition-duration: .55s;
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  right: 0;
  box-shadow: -11px 2px #0000000a;
}

.config_side_panel.active.hidden {
  display: none;
}

.config_side_panel.active.compact {
  min-width: 270px;
  max-width: 270px;
}

.config_side_panel.hidden, .config_side_panel.is_playground {
  display: none;
}

.config_side_panel.is_video {
  min-width: 270px;
  max-width: 270px;
  right: -270px;
}

.config_side_panel.is_video.active {
  right: 0;
}

.dropdown_comp_5 {
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown_comp_5._48 {
  width: 48%;
}

.dropdown_comp_5.auto {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-right: 8px;
}

.dropdown_comp_5.auto.horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
}

.dropdown_comp_5.wrapped {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 48%;
}

.dropdown_comp_5.auto {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  padding-right: 0;
}

.dropdown_comp_5.is_custom_ui {
  width: 100%;
  height: auto;
  position: static;
  top: 50px;
  right: 50px;
}

.dropdown_comp_5.sides {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  align-items: stretch;
}

.dropdown_comp_5.sides.spaced {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  align-items: center;
}

.dropdown_comp_5.sides.spaced.top {
  justify-content: space-between;
  align-items: center;
}

.dropdown_comp_5.hidden {
  display: none;
}

.dropdown_comp_5.inactive {
  opacity: .2;
  pointer-events: auto;
  cursor: not-allowed;
}

.div-block-5358-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-5358-copy.border_top {
  border-top-width: 1px;
  border-top-color: #333;
}

.div-block-5358-copy.border_top.vertical {
  flex-direction: column;
}

.div-block-5358-copy.border_top._5 {
  margin-bottom: 0;
}

.div-block-5358-copy.border_top.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

.div-block-5358-copy.border_top.nospace.hidden, .div-block-5358-copy.public-panel-hidden {
  display: none;
}

.image-712 {
  filter: invert();
  width: 23px;
}

.div-block-6004 {
  opacity: .9;
  display: flex;
}

.div-block-6005 {
  z-index: 1;
  flex-flow: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.native_panel {
  display: none;
}

.native_panel.active {
  flex-flow: column;
  padding-bottom: 120px;
  display: flex;
}

.div-block-6006 {
  background-color: #292929;
  border-top: 1px solid #e4e4e4;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
  display: flex;
  position: static;
  bottom: 0;
}

.div-block-6007 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6008 {
  background-color: #3d3d3d;
  border-radius: 3px;
  width: 100px;
  height: 100%;
}

.div-block-6009 {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.form-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.timeline_content {
  background-color: #3b3b3b;
  border-top: 1px solid #ebebeb00;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.timeline_content.scenes {
  z-index: 21;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #a5aae400;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  min-height: 320px;
  padding-top: 0;
  position: relative;
  overflow: auto;
}

.timeline_content.scenes.is_compact, .timeline_content.scenes.is_closed {
  height: 0;
  min-height: 0;
}

.div-block-6011 {
  cursor: pointer;
  background-color: #e6e6e617;
  border: 1px solid #d3d3d300;
  border-radius: 3px;
  width: 150px;
  height: 100%;
  min-height: 125px;
  max-height: 125px;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000001f;
}

.div-block-6011:hover {
  border-color: #d3d3d357;
}

.div-block-6011.first {
  box-shadow: 4px 2px 12px #00000040;
}

.native_close_controller {
  z-index: 50;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 154px;
  left: -22px;
  box-shadow: 0 2px 13px #0000000d;
}

.native_close_controller:hover {
  border-color: #a39999;
  border-right-width: 0;
}

.native_close_controller.left {
  border-left-width: 0;
  border-right-width: 1px;
  top: 103px;
  left: 0;
}

.bottom_media_container {
  z-index: 50;
  background-color: #f8f8f8;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  flex-flow: column;
  width: 100%;
  height: 51px;
  min-height: 51px;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: static;
  bottom: 0;
  overflow: hidden;
  box-shadow: 0 -7px 13px #0000000d;
}

.bottom_media_container.is_active {
  height: 255px;
}

.bottom_media_container.is_active.hoverinfo {
  background-color: #353434;
  height: 390px;
}

.bottom_media_container.hidden {
  display: none;
}

.media_header_1 {
  cursor: pointer;
  background-color: #292929;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #414141;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 34px;
  display: flex;
}

.media_header_1:hover {
  background-color: #333;
}

.div-block-6014 {
  color: #d6d6d6;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6015 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 25px;
  display: flex;
}

.div-block-6015.nospace {
  padding-right: 0;
}

.breadcrumb_large {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #313131;
  white-space: nowrap;
  cursor: pointer;
  border-right: 1px solid #9494942e;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 6px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.breadcrumb_large.active {
  background-color: #1f1f1f;
}

.breadcrumb_large.is_dynamic {
  color: #fff;
  background-color: #c21789;
}

.breadcrumb_large.crumb_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb_large.crumb_table, .breadcrumb_large.crumb_highlights {
  color: #fff;
  background-color: #4b5963;
}

.breadcrumb_large.crumb_quotes, .breadcrumb_large.crumb_bullets, .breadcrumb_large.crumb_dynamic_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb_large.large {
  color: #fff;
  background-color: #292929;
  border-left: 1px solid #e2e2e2;
  border-right-width: 0;
}

.breadcrumb_large.white {
  color: #e0dddd;
}

.breadcrumb_large.white.project {
  cursor: text;
  transition: width .45s;
}

.breadcrumb_large.white.project:hover {
  background-color: #dbcccc17;
}

.breadcrumb_large.white.project.editing {
  background-color: #dfdada14;
  width: 280px;
}

.breadcrumb_large.white.is_hidden {
  display: none;
}

.breadcrumb_bottom {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #d1d1d1;
  white-space: nowrap;
  cursor: pointer;
  border-right: 0 solid #575757;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 6px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.breadcrumb_bottom.is_dynamic {
  color: #fff;
  background-color: #c21789;
}

.breadcrumb_bottom.crumb_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb_bottom.crumb_table, .breadcrumb_bottom.crumb_highlights {
  color: #fff;
  background-color: #4b5963;
}

.breadcrumb_bottom.crumb_quotes, .breadcrumb_bottom.crumb_bullets, .breadcrumb_bottom.crumb_dynamic_carousel {
  color: #fff;
  background-color: #3281b9;
}

.breadcrumb_bottom.large {
  color: #fff;
  background-color: #292929;
  border-left: 1px solid #e2e2e2;
  border-right-width: 0;
}

.div-block-6016 {
  z-index: 30;
  border-top: 0 solid #c4c4c454;
  border-bottom: 0 solid #525252;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-6016.media {
  border-bottom-color: #52525214;
}

.div-block-6011-copy {
  white-space: nowrap;
  background-color: #e6e6e617;
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  height: 26px;
  min-height: 26px;
  display: flex;
  overflow: hidden;
}

.div-block-6011-copy.nb {
  background-color: #292929;
  border: 0 solid #000;
  border-radius: 0;
  width: 100%;
  height: 51px;
  min-height: 51px;
  font-size: 15px;
}

.div-block-6011-copy.nb-copy {
  background-color: #292929;
  border-bottom: 1px solid #e0e0e04a;
  border-radius: 0;
  height: 51px;
  min-height: 51px;
  font-size: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6011-copy.nb-copy.is_hover {
  background-color: #29292900;
  border-bottom-width: 0;
  width: 200px;
  height: 30px;
  min-height: 30px;
  display: flex;
  top: auto;
  left: auto;
  right: 0;
}

.media_el_native {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid #d4d4d42b;
  flex-flow: column;
  padding: 0;
  display: flex;
  position: relative;
}

.media_el_native:hover {
  border-right-color: #d4d4d436;
}

.div-block-4201-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #e9e9e9;
  cursor: pointer;
  background-color: #333;
  border-right: 1px solid #cccccc36;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4201-copy:hover {
  color: #fff;
  background-color: #131313;
}

.div-block-4201-copy.inactive {
  display: none;
}

.div-block-4201-copy.last {
  border-right-width: 0;
  margin-right: 0;
}

.div-block-4201-copy.last.larger {
  line-height: 20px;
}

.div-block-4201-copy.last.larger.spaced {
  margin-right: 5px;
}

.div-block-4201-copy.last.hidden {
  display: none;
}

.div-block-4201-copy.last.transparent.text {
  padding-left: 14px;
  padding-right: 10px;
}

.div-block-4201-copy.last.transparent.text.border {
  border-right-width: 1px;
  border-right-color: #c4c4c478;
}

.div-block-4201-copy.last._2 {
  padding-right: 5px;
}

.div-block-4201-copy.arrows {
  color: #585858;
  border-color: #3a3a3a1a;
  line-height: 20px;
}

.div-block-4201-copy.arrows:hover {
  color: #fff;
  border-color: #8d8d8d33;
}

.div-block-4201-copy._100 {
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-4201-copy._100:hover {
  color: #161616;
  background-color: #13131300;
}

.div-block-4201-copy.has_sound {
  color: #f5f5f5;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}

.div-block-4201-copy.transparent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  color: #063cff;
  background-color: #fff;
  border-right-color: #063cff;
  width: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.div-block-4201-copy.transparent:hover {
  color: #f7f7f7;
  background-color: #063cff;
}

.div-block-4201-copy.transparent.first {
  border-left: 1px solid #5c5c5c00;
}

.div-block-4201-copy.transparent.large {
  color: #e7dddd;
  background-color: #393b3f;
  min-width: 80px;
}

.div-block-4201-copy.transparent.last {
  padding-right: 15px;
}

.div-block-4201-copy.transparent.blue {
  color: #fff;
  background-color: #063cff;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-4201-copy.transparent.blue:hover {
  background-color: #3a3a3a;
}

.div-block-4201-copy.transparent.islast {
  border-right-width: 0;
}

.div-block-4201-copy.transparent.is_initial {
  opacity: 1;
  border-right-width: 0;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 10px;
  display: flex;
}

.div-block-4201-copy.transparent.is_initial.is_hover {
  width: 0%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.div-block-4201-copy.transparent.is_initial.is_dragging:hover {
  color: #063cff;
  background-color: #fff;
}

.div-block-4201-copy.transparent.is_hover {
  opacity: 1;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-4201-copy.transparent.is_hidden {
  display: none;
}

.selected_settings {
  background-color: #f8f8f8;
  width: 100%;
  height: 300px;
  display: none;
}

.div-block-6018 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.add_new {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #161616;
  cursor: pointer;
  border-right: 1px solid #d4d4d436;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 120px;
  min-width: 120px;
  padding: 15px 0 7px;
  font-size: 12px;
  font-weight: 400;
  transition: all .1s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.add_new:hover {
  color: #131313;
  background-color: #0000002b;
  border-right-color: #777;
}

.add_new.active {
  justify-content: center;
  align-items: center;
}

.add_new.is_active {
  border-right-color: #6e6e6e36;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
}

.add_new.is_hover {
  justify-content: center;
  align-items: center;
}

.add_new._2 {
  border-right-width: 0;
  border-right-color: #d4d4d429;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  line-height: 12px;
}

.add_new._2:hover {
  background-color: #4b4b4b2b;
  border-right-color: #d4d4d426;
}

.add_new._2.spaced {
  padding-left: 10px;
}

.div-block-6019 {
  background-color: #3b3b3b;
  width: 100%;
  display: flex;
}

.div-block-6019.lightscrolly {
  height: 100%;
}

.div-block-6011-copy-copy {
  background-color: #292929;
  border: 0 solid #000;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30px;
  min-height: 30px;
  display: flex;
  position: static;
  top: 51px;
  left: 0;
  overflow: hidden;
  box-shadow: 0 2px 6px #0000000d;
}

.div-block-6011-copy-copy.hidden {
  display: none;
}

.div-block-6020 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  pointer-events: auto;
  color: #dbdbdb;
  background-color: #0000;
  border-bottom: 1px solid #cacaca17;
  border-left: 0 solid #8080805c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 14px;
  font-size: 12px;
  font-weight: 400;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6020:hover {
  color: #a7a7a7;
}

.div-block-6020.is_active {
  background-color: #284b5e2e;
}

.div-block-6021 {
  display: none;
}

.form-23 {
  height: 100%;
}

.media_el_native_2 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-right: 0 dashed #505050;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_el_native_2:hover {
  border-right-color: #777;
}

.media_el_native_2.rollover_state {
  z-index: 1;
  transition: all .25s;
  position: absolute;
  right: 0;
}

.media_el_native_2.rollover_state:hover {
  right: -5px;
}

.media_controls_panel {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #29292999;
  border-top: 1px solid #424242;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 20px;
  transition: all .3s cubic-bezier(.86, 0, .07, 1);
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0;
}

.media_controls_panel.is_hover {
  -webkit-backdrop-filter: brightness(120%);
  backdrop-filter: brightness(120%);
  background-color: #2929290d;
  border-top-width: 0;
  border-top-color: #8b7c7c;
  justify-content: space-between;
  padding: 0;
  display: flex;
  bottom: 0%;
}

.div-block-6022 {
  font-weight: 500;
  display: flex;
}

.div-block-6023 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 150px;
  padding-bottom: 19px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-6024 {
  background-color: #292929;
}

.div-block-6025 {
  display: flex;
}

.dateconfiggroup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.dateconfiggroup.active {
  display: flex;
}

.div-block-6026 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid #474747;
  margin-top: 0;
  padding-top: 40px;
  display: flex;
}

.div-block-4449-copy {
  color: #7a7a7a;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: relative;
  bottom: 0;
}

.checkboxes_basic {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.checkboxes_basic._48 {
  width: 48%;
}

.checkboxes_basic.auto {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-right: 8px;
}

.checkboxes_basic.auto.horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
}

.checkboxes_basic.wrapped {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 48%;
}

.checkboxes_basic.auto {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  padding-right: 0;
}

.checkboxes_basic.is_custom_ui {
  width: 100%;
  height: auto;
  position: static;
  top: 50px;
  right: 50px;
}

.media_css_container {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 1px solid #3f3f3f;
  border-radius: 3px;
  flex-direction: column;
  width: 100%;
  height: 100px;
  padding: 5px;
  display: flex;
}

.media_css_container.active {
  color: #8a8b8d;
  border-color: #3d3c3c99 #3d3c3c #3d3c3c;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 2px 5px #0000001a;
}

.media_css_container.custom {
  height: auto;
  min-height: 100px;
}

.media_css_container.custom.no-border {
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.media_css_container.square {
  justify-content: center;
  align-items: center;
  height: auto;
}

.media_css_container.square:hover {
  background-color: #a099990d;
}

.div-block-6027 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-6027.custom {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 90px;
  padding: 6px;
}

.div-block-6027.custom.scenes {
  color: #837f7f;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.div-block-6027.ssquare {
  width: 160px;
  height: 160px;
}

.div-block-6028 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ffffff80;
  display: flex;
  position: relative;
}

.div-block-6028.is_active {
  opacity: 0;
  display: none;
  top: -125px;
}

.image-713 {
  filter: invert(90%);
  width: 30px;
}

.div-block-6029 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #e0e0e0;
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  bottom: -100px;
}

.div-block-6029.is_active {
  opacity: 1;
  position: relative;
  bottom: 0;
}

.div-block-6030 {
  opacity: .81;
  border: 1px solid #00000029;
  border-radius: 99px;
  width: 26px;
  height: 26px;
  overflow: hidden;
}

.image-714 {
  width: 100%;
  height: 100%;
}

.additional_info {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  color: #cacacab8;
  border-bottom: 1px solid #63636387;
  border-left: 0 solid #8080805c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 15px 10px 10px;
  font-size: 12px;
  font-weight: 400;
  display: none;
  position: static;
  top: -34px;
  left: -1px;
}

.additional_info:hover, .additional_info.is_hover {
  color: #a7a7a7;
}

.additional_info.hoverinfo {
  display: flex;
}

.products_container {
  z-index: 50;
  background-color: #292929;
  border-top: 1px solid #727272;
  flex-flow: column;
  width: 100%;
  height: 51px;
  min-height: 51px;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.products_container.is_active {
  height: 615px;
}

.products_container.is_active.hoverinfo {
  background-color: #353434;
  height: 390px;
}

.products_container.hidden {
  display: none;
}

.native_product_el {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid #5c5c5c;
  flex-flow: column;
  width: 320px;
  min-width: 320px;
  padding: 0;
  display: flex;
  position: relative;
}

.native_product_el:hover {
  border-right-color: #777;
}

.div-block-6031 {
  width: 250px;
  display: none;
}

.div-block-6032 {
  height: 100%;
}

.div-block-6033 {
  font-weight: 500;
}

.div-block-6033.light {
  color: #333636;
  font-size: 11px;
  font-weight: 500;
}

.tab_sections_container {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.sect_editor {
  width: 100%;
  height: 100%;
  display: none;
}

.sect_editor.active {
  background-image: linear-gradient(#f9f9f7, #fff);
  flex-flow: row;
  display: flex;
  position: relative;
}

.sect_editor.active.is_multi {
  flex-flow: column;
  height: 100%;
  overflow: auto;
}

.sect_editor.is_multi {
  flex-flow: column;
  display: none;
}

.sect_editor.is_multi.active {
  display: flex;
}

.section_navigation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 300px;
  height: 100%;
  padding: 30px;
  display: flex;
  overflow: auto;
}

.section_navigation.sources {
  padding-top: 15px;
}

.section_navigation.hidden {
  display: none;
}

.div-block-6034 {
  background-color: #fff;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #f7f7f7;
  width: 100%;
  max-width: 860px;
  height: 100%;
  padding: 0;
  overflow: auto;
}

.div-block-6034.full {
  border-left-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.image-715 {
  filter: invert();
  width: 18px;
}

.div-block-6035 {
  width: 30px;
}

.div-block-6036 {
  opacity: .2;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-6036:hover {
  opacity: .4;
}

.section_panel {
  display: none;
}

.section_panel.active {
  flex-flow: column;
  height: 100%;
  padding: 15px 15px 100px;
  display: flex;
  overflow: auto;
}

.section_panel.previews {
  padding: 0;
  position: relative;
}

.div-block-6037 {
  color: #eee8e8;
  cursor: pointer;
  background-color: #3b3b3b;
  border-left: 1px solid #535353;
  justify-content: center;
  align-items: center;
  height: 51px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
}

.div-block-6037.white {
  color: #3d3d3d;
  background-color: #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #e0d5d5;
  height: 50px;
}

.variations_list {
  z-index: 9999;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.variations_list.active {
  background-color: #fff;
  border-top: 1px solid #d4d4d4;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-6038 {
  background-color: #302c2c33;
  width: 100%;
  height: 100%;
}

.div-block-6039 {
  position: absolute;
  bottom: 71px;
  left: 20px;
}

.div-block-6039.hidden {
  display: none;
}

.div-block-6040 {
  color: #8f8f8f;
  font-family: Polysans Neutral, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.div-block-6041 {
  font-family: Polysans Neutral, sans-serif;
  font-size: 15px;
}

.div-block-6041.bold {
  font-family: Polysans Bulky, sans-serif;
}

.div-block-6042 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.div-block-6043 {
  display: flex;
  position: relative;
}

.div-block-6044 {
  background-color: #fff;
  border: 1px solid #c9c9c921;
  border-radius: 2px;
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 25px;
  right: 25px;
}

.div-block-6030-copy {
  z-index: 15;
  opacity: .81;
  background-color: #6b6b6b;
  border: 0 solid #00000029;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  position: relative;
  overflow: hidden;
}

.div-block-6030-copy.is_hover {
  background-color: #1eb136;
}

.product_controls_panel {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #29292999;
  border-top: 1px solid #424242;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 51px;
  padding: 20px;
  transition: all .3s cubic-bezier(.86, 0, .07, 1);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.product_controls_panel.is_hover {
  -webkit-backdrop-filter: brightness(120%);
  backdrop-filter: brightness(120%);
  background-color: #2929290d;
  border-top-width: 0;
  border-top-color: #8b7c7c;
  justify-content: space-between;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.product_details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  color: #cacacab8;
  background-color: #292929;
  border-bottom: 1px solid #63636387;
  border-left: 0 solid #8080805c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 18px 5px 10px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  position: static;
  top: -34px;
  left: -1px;
}

.product_details:hover, .product_details.is_hover {
  color: #a7a7a7;
}

.product_details.hoverinfo {
  display: flex;
}

.div-block-6044-copy {
  color: #f8f8f8;
  cursor: pointer;
  background-color: #333333e3;
  border-radius: 2px;
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.div-block-6044-copy:hover {
  color: #161616;
  background-color: #ffffffe3;
}

.div-block-6045 {
  z-index: 1000;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-6046 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: none;
}

.div-block-6046.active {
  display: flex;
}

.div-block-6047 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-6048 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  display: flex;
}

.image-716 {
  width: 17px;
}

.div-block-6049 {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.not_container {
  z-index: 500;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 62px;
  left: 180px;
}

.not_container.interactive {
  inset: auto 290px 50px auto;
}

.not_container.native {
  padding: 0;
  inset: auto 20px 20px auto;
}

.div-block-6050 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 100%;
  display: flex;
  overflow: visible;
}

._2materialicon-copy {
  color: #f1f1e196;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

._2materialicon-copy:hover {
  color: #f1f1e1;
}

._2materialicon-copy.withtooltip {
  z-index: 10;
  position: relative;
}

._2materialicon-copy.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

._2materialicon-copy.faded {
  color: #686161;
}

._2materialicon-copy.faded:hover {
  color: #e0dbdb;
}

._2materialicon-copy.small {
  font-size: 12px;
}

._2materialicon-copy.border {
  border-top: 1px solid #6d6d6d6b;
}

._2materialicon-copy.border.active {
  color: #f1f1e1;
}

.div-block-6051 {
  cursor: pointer;
  background-color: #292929;
  border-right: 1px solid #525252;
  flex-flow: column;
  align-items: flex-start;
  width: 100px;
  min-width: 100px;
  height: 100%;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-6051:hover {
  width: 225px;
  min-width: 225px;
}

.div-block-6051.expanded {
  width: 260px;
  min-width: 260px;
}

.div-block-6051.hidden {
  display: none;
}

.div-block-6051.lightscroll {
  z-index: 5;
}

.div-block-6051.lightscroll.expanded {
  overflow: visible;
}

.div-block-6051.lightscroll.expanded.is_options {
  width: 300px;
  min-width: 300px;
}

.div-block-6051.lightscroll.is_options {
  width: 320px;
}

.div-block-6051.lightscroll.domaun_reports {
  width: 600px;
}

.div-block-6052 {
  background-color: #fff;
  height: 51px;
}

.filter_el {
  z-index: 10;
  color: #e0dcdc00;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #353535de;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 13px;
  padding-right: 10px;
  transition: all .35s;
  display: flex;
  position: relative;
  overflow: auto;
}

.filter_el:hover {
  color: #e0dcdc75;
  background-color: #dadada08;
  border-bottom-color: #6e6e6e;
}

.filter_el.header {
  z-index: 30;
  background-color: #000;
  height: 51px;
  padding-right: 10px;
  position: sticky;
  top: 0;
}

.filter_el.header.light {
  background-color: #f1f1f1;
  border-bottom-color: #e0e0e0de;
  padding-left: 25px;
}

.filter_el.hidden {
  display: none;
}

.filter_el.is_option {
  color: #bbb;
  border-bottom-color: #96969630;
  padding-left: 0;
  padding-right: 0;
}

.filter_el.is_option:hover {
  background-color: #dadada00;
}

.filter_el.nopadding {
  padding-right: 0;
}

.div-block-5934 {
  color: #e6e6e6;
  cursor: pointer;
  border: 0 solid #000;
  border-bottom-color: #dadada;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5934.is_search {
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}

.div-block-4510 {
  z-index: 5;
  max-width: 15px;
  margin-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  position: relative;
}

.div-block-4510.bg {
  z-index: 20;
  background-color: #393d39;
  position: relative;
}

.div-block-4510.bg.media {
  background-color: #3d3535;
}

.div-block-4510.bg.is_media {
  background-color: #403e39;
}

.div-block-4510.bg.audio {
  background-color: #2b2b2b;
}

.div-block-5935 {
  font-family: Circularxxweb, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.div-block-5935.is_editable {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5940 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ebe9e99e;
  white-space: nowrap;
  border: 0 solid #d8d8d83b;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.mode_switch {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 0;
  font-weight: 400;
  transition: all .4s;
  display: flex;
  position: relative;
}

.mode_switch:hover {
  background-color: #c0ba9b1a;
}

.mode_switch.active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffffffe6;
  background-color: #c0ba9b0f;
  border-bottom-color: #77777780;
}

.div-block-6054 {
  border-left: 0 solid #ececec;
}

.el_tick-2 {
  color: #ffffff4d;
  justify-content: center;
  align-items: center;
  width: 20px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_tick-2.active {
  opacity: 1;
  color: #ffffff80;
  justify-content: center;
  align-items: center;
  display: flex;
}

.el_tick-2.is_hovering {
  color: #fff;
}

.theexp_panelx {
  background-color: #f8f8f8;
  width: 100%;
  padding-left: 20px;
  transition: all .5s;
  display: none;
}

.theexp_panelx.active {
  white-space: nowrap;
  background-color: #f8f8f80d;
  flex-flow: column;
  padding-left: 17px;
  display: flex;
}

.theexp_panelx.project_list {
  max-height: 500px;
  overflow: auto;
}

.theexp_panelx.project_list.lightscroll.active {
  height: 100%;
  max-height: none;
}

.set_label-2 {
  font-size: 12px;
  font-weight: 400;
}

.set_label-2.active {
  font-weight: 500;
}

.set_label-2.set_size {
  width: 65%;
  overflow: hidden;
}

.set_label-2.set_size.created {
  width: 35%;
}

.set_label-2.fixed {
  width: 180px;
  overflow: hidden;
}

.div-block-6055 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .9;
  color: #d4d4d494;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 10px;
  font-size: 10px;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.div-block-6055:hover {
  opacity: 1;
  color: #ffffffdb;
}

.div-block-6056 {
  background-color: #999b85;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  transition: all .25s;
}

.div-block-6056.is_active {
  background-color: #68dd68;
}

.div-block-6057 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6057.split {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.div-block-6057.full {
  width: 100%;
}

.div-block-4510-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #b3b3b3;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  line-height: 13px;
  display: flex;
}

.div-block-4510-copy:hover {
  color: #f8f8f8;
}

.div-block-4510-copy.floating {
  position: absolute;
  right: 10px;
}

.div-block-6058 {
  background-color: #bdb9b92b;
  width: 1px;
  min-width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 18px;
}

.div-block-6058.first {
  height: 50%;
}

.div-block-6058.last {
  height: 50%;
  top: 0;
  bottom: auto;
}

.text-block-499 {
  font-family: Circularxxweb, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.div-block-6059 {
  z-index: 999;
  opacity: .4;
  background-image: linear-gradient(90deg, #29292900 13%, #292929 85%);
  width: 6px;
  height: 100%;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  right: 0;
}

.div-block-6059.active {
  opacity: 1;
  width: 20px;
  min-width: 20px;
  top: 0;
}

.div-block-6059.faded {
  opacity: .2;
}

.color_switch {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 0;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.color_switch:hover {
  background-color: #c0ba9b1a;
}

.color_switch.active {
  color: #fffffff2;
  background-color: #c0ba9b14;
  border-bottom-color: #777777bf;
  border-left-color: #ddd;
}

.div-block-6060 {
  background-color: #e4e4e4;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.color_preview_unit {
  border: 1px solid #b8b8b85c;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
  padding: 1px;
  display: flex;
}

.div-block-6062 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border-radius: 99px;
  margin-left: 5px;
  padding: 3px 5px;
  display: flex;
}

.div-block-6063 {
  background-color: #3b3b3b;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: 0;
  left: -302px;
}

.div-block-6063.is_hidden {
  top: -51px;
}

.media_controls_bottom {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: absolute;
  bottom: 55px;
}

.media_controls_bottom.active_scene {
  z-index: 50;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  top: 25px;
}

.media_controls_bottom.active_scene.animator {
  display: none;
}

.div-block-6064 {
  background-color: #f3f2f200;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  position: absolute;
  left: -13px;
}

.div-block-6065 {
  padding: 17px;
}

.div-block-6066 {
  width: 100%;
}

.div-block-6067 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  padding: 25px;
  display: flex;
}

.div-block-6067.hidden {
  display: none;
}

.div-block-6068 {
  z-index: 5;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: 300;
  display: none;
  position: absolute;
}

.div-block-6068.active {
  display: flex;
}

.div-block-6069 {
  z-index: 50;
  width: 100%;
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
}

._2div-block-5680-copy {
  z-index: 1500;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a3a3a324;
  border-top: 1px solid #474747;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 90px;
  padding: 15px;
  display: none;
  position: absolute;
  bottom: 0;
}

._2div-block-5680-copy.hidden {
  display: none;
}

._2div-block-5680-copy.active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  background-color: #3a3a3a;
  display: flex;
  position: absolute;
}

.content_filter_controller {
  cursor: auto;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.content_filter_controller.active {
  display: flex;
}

.content_filter_controller.video, .content_filter_controller.video.is_native {
  display: none;
}

.content_filter_controller.video.active {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.content_filter_controller.video.active.hidden {
  display: none;
}

.content_filter_controller.padded {
  padding-bottom: 40px;
}

.div-block-6071 {
  width: 100%;
}

.calendar_preset_1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 0;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.calendar_preset_1:hover {
  background-color: #c0ba9b1a;
}

.calendar_preset_1.active {
  color: #ffffffd9;
  background-color: #c0ba9b14;
  border-bottom-color: #7777778f;
  border-left-color: #29832cbf;
}

.calendar_from {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 0;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.calendar_from:hover {
  background-color: #c0ba9b1a;
}

.calendar_from.active {
  color: #fffffff2;
  background-color: #c0ba9b14;
  border-bottom-color: #777777bf;
  border-left-color: #ddddddbf;
}

.el_tick-2-copy {
  border: 1px solid #d4d4d4;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_tick-2-copy.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.el_tick-2-copy.filled {
  background-color: #ccc;
}

.div-block-6072 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

._2div-block-6058-copy {
  background-color: #bdb9b942;
  width: 1px;
  min-width: 1px;
  height: 45%;
  position: absolute;
  bottom: 0;
}

._2div-block-6058-copy.first {
  height: 50%;
}

._2div-block-6058-copy.last {
  height: 50%;
  top: 0;
  bottom: auto;
}

._2div-block-6058-copy._2 {
  top: 0;
  bottom: auto;
}

.div-block-6057-copy {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.calendar_comp {
  flex-flow: column;
  display: none;
}

.calendar_comp.active {
  display: flex;
}

.div-block-6073 {
  background-color: #f7f7f7;
  border-radius: 2px;
  width: 350px;
  padding: 10px;
  display: none;
  position: absolute;
  top: 217px;
  left: 333px;
}

.div-block-6073.active {
  display: flex;
}

.div-block-6074 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.comments_box {
  z-index: 100;
  background-color: #fff;
  border-left: 1px solid #eee;
  min-width: 300px;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.comments_box.is_playground {
  display: none;
}

.div-block-6075 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.div-block-6075.smaller {
  padding-bottom: 10px;
}

.div-block-6075.run_report {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 20px;
}

.div-block-6075.run_report.light {
  border-top: 1px solid #e7e7e7;
}

.reports_panel_exp {
  cursor: pointer;
  background-color: #292929;
  border-right: 1px solid #525252;
  flex-flow: column;
  align-items: flex-start;
  width: 225px;
  min-width: 225px;
  height: 100%;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: none;
  position: relative;
  overflow: auto;
}

.reports_panel_exp:hover {
  width: 225px;
  min-width: 225px;
}

.reports_panel_exp.expanded {
  width: 260px;
  min-width: 260px;
}

.reports_panel_exp.hidden {
  display: none;
}

.reports_panel_exp.lightscroll {
  z-index: 5;
}

.reports_panel_exp.lightscroll.expanded {
  overflow: visible;
}

.reports_panel_exp.active {
  width: 450px;
  min-width: 450px;
  display: flex;
  overflow: visible;
}

.reports_panel_exp.active.reports_expanded {
  width: 800px;
  min-width: 800px;
}

.reports_panel_exp.white {
  background-color: #fff;
}

.reports_panel_exp.white.active {
  border-right-width: 1px;
  border-right-color: #dbdbdb57;
  min-width: 600px;
}

.saved_report {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 6px;
  font-weight: 400;
  transition: all .1s;
  display: flex;
}

.saved_report:hover {
  background-color: #c0ba9b1a;
}

.saved_report.active {
  color: #fffffff2;
  background-color: #c0ba9b14;
  border-bottom-color: #777777bf;
  border-left-color: #ddddddbf;
}

.saved_report.is_active {
  color: #eee6e6;
  background-color: #e7e6e12e;
}

.el_detele_button {
  padding: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_detele_button:hover {
  color: #fff;
}

.el_detele_button.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.div-block-6076 {
  padding-left: 10px;
  padding-right: 16px;
  font-size: 10px;
}

.div-block-6076:hover {
  color: #ffffffbd;
}

.previews_container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-6078 {
  justify-content: center;
  align-items: center;
  min-width: 30px;
  display: flex;
}

.preview_column {
  border-right: 1px solid #d6d6d6;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.preview_column.highlight {
  background-color: #f6f6f1;
}

.preview_element {
  border-top: 1px solid #acb1d400;
  border-bottom: 1px solid #acb1d4;
  border-left: 0 solid #acb1d400;
  border-right: 1px solid #acb1d400;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.preview_element.highlight {
  background-color: #f8f8f8;
}

.div-block-6081 {
  z-index: 15;
  border: 1px solid #0000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: 100%;
  padding: 25px;
  display: flex;
  position: relative;
}

.div-block-6081._970 {
  background-color: #f8f8f8;
  width: 970px;
}

.preview_header {
  z-index: 20;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #e0e0e0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 51px;
  min-height: 51px;
  padding-left: 25px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
}

.elements_cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.preview_index {
  cursor: pointer;
  background-color: #f8f8f8;
  border-right: 1px solid #d6d6d6;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  overflow: clip;
}

.preview_index:hover {
  color: #eee;
  background-color: #292929;
}

.preview_index.hidden {
  display: none;
}

.preview_index.header {
  position: absolute;
  left: 0;
}

.div-block-6082 {
  background-color: #f8f8f8;
  width: 300px;
  height: 250px;
}

.div-block-6083 {
  color: #333;
  background-color: #fff;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 700;
}

.div-block-6083.is_mode {
  color: #2b2b2b;
  background-color: #fff;
}

.div-block-6083.style {
  background-color: #963707;
}

.div-block-6084 {
  z-index: 1;
  opacity: 0;
  border: 1px solid #067def;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6084:hover {
  opacity: 1;
}

.nws_template5 {
  border: 1px solid #e2e2e2;
  flex-flow: column;
  justify-content: space-between;
  width: 300px;
  height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template5._300x250 {
  height: 250px;
}

.nws_template5._970x250 {
  width: 970px;
  height: 250px;
}

.nws_template5._336x280 {
  width: 336px;
  height: 280px;
}

.nws_template5._320x480 {
  width: 320px;
  height: 480px;
}

.body_wrap {
  width: 100%;
  padding-left: 15px;
  padding-right: 10px;
  display: none;
  position: relative;
}

.body_wrap.t2 {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.body_wrap.t2._300x250 {
  height: 0;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  overflow: hidden;
}

.body_wrap.t2._300x250.highlight_content {
  height: auto;
}

.body_wrap.t2._336x280 {
  height: 0;
  overflow: hidden;
}

.body_wrap.t2._336x280.highlight_content {
  height: auto;
}

.body_wrap.t5 {
  padding-left: 0;
  display: flex;
}

.headline_wrap {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-6087 {
  background-color: #fff;
  width: 4px;
  min-width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
}

.div-block-6088 {
  background-color: #940d0d;
  width: 50px;
  height: 50px;
}

.cta_secondary_el {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 1em;
}

.div-block-6090 {
  width: 100%;
  display: flex;
}

.like_heart {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding-left: 5px;
  font-size: 22px;
  display: none;
}

.like_heart.hidden, .like_heart._300x250, .like_heart._336x280 {
  display: none;
}

.div-block-6089-copy {
  cursor: pointer;
  background-color: #3333331f;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.div-block-6089-copy:hover {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #181818;
  background-color: #ffffffe6;
}

.div-block-6092 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #2b2b2b66;
  border-radius: 6px;
  flex-flow: column;
  width: 100%;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.div-block-6093 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #f3f3f3;
  border: 1px solid #7070700d;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 10px;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6093._300x250, .div-block-6093._336x280 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
}

.div-block-6093._300x600 {
  background-color: #f7f7f7;
}

.div-block-6094 {
  z-index: 100;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 450px;
  padding: 0;
  transition: all .3s;
  display: flex;
  position: relative;
}

.content_group {
  z-index: 20;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  position: relative;
}

.content_group._970x250 {
  width: 50%;
  min-height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.content_group.t2 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.content_group.t2.style2 {
  align-items: flex-start;
  position: absolute;
  bottom: 0;
}

.content_group.t2.style1 {
  padding: 8px 15px 15px;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
}

.content_group.t2.style1._300x250 {
  flex-flow: row-reverse wrap-reverse;
  padding-bottom: 45px;
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  bottom: 0;
}

.content_group.t2.style1._300x250.highlight_media {
  opacity: .2;
  filter: blur(2px) brightness(120%);
  padding-bottom: 0;
  bottom: -28px;
}

.content_group.t2.style1._300x250.highlight_content {
  padding-bottom: 0;
}

.content_group.t2.style1._336x280 {
  flex-flow: wrap-reverse;
  padding-bottom: 48px;
  position: absolute;
  bottom: 0;
}

.content_group.t2.style1._336x280.highlight_media {
  padding-bottom: 6px;
}

.content_group.t2.style1._300x600 {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.content_group.t2.style1._970x250 {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.content_group.hidden {
  display: none;
}

.div-block-6095 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6096 {
  position: relative;
}

.div-block-6097 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.form_spacer {
  opacity: .9;
  background-color: #cacaca26;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.form_spacer.small {
  margin-top: 3px;
  margin-bottom: 3px;
}

.form_spacer._10 {
  margin-top: 10px;
}

.bottom_panels {
  z-index: 50;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.alt_media {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: none;
  position: relative;
  overflow: hidden;
}

.alt_media.t3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.alt_media.t2._300x250 {
  z-index: 1;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 100%;
  padding: 0 0 81px;
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.alt_media.t2._300x250.square {
  z-index: 6;
  padding: 0;
}

.alt_media.t2._300x250.active {
  left: 0%;
}

.alt_media.t2._300x250.highlight_media {
  z-index: 12;
  filter: brightness(120%);
  padding-bottom: 61px;
}

.alt_media.t2._970x250 {
  width: 50%;
  min-width: 50%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  box-shadow: 1px 2px 14px 7px #00000014;
}

.alt_media.t2._970x250.square {
  min-width: 250px;
  max-width: 250px;
}

.alt_media.t2._300x600 {
  box-shadow: 0 5px 8px #0000000d;
}

.alt_media.t2._300x600.scratch, .alt_media.t2._300x600.noshadow, .alt_media.t2._300x600.native_product {
  box-shadow: none;
}

.alt_media.t2._320x480 {
  min-height: 240px;
  max-height: 60%;
}

.alt_media.t2._320x480.wide {
  max-height: 190px;
}

.alt_media.t2.style2 {
  z-index: 1;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}

.alt_media.t2.style2._300x250 {
  border-radius: 0;
  display: flex;
  position: static;
}

.alt_media.t2.style2.wide {
  max-height: 100%;
}

.alt_media.t2.style1._0x0 {
  min-height: 50%;
  max-height: 50%;
}

.alt_media.t2.style1.wide {
  aspect-ratio: 16 / 9;
  min-height: 169px;
}

.alt_media.t2.style1._970x250 {
  margin-bottom: 0;
}

.alt_media.t2.style1.square {
  aspect-ratio: 1;
}

.alt_media.t2._336x280 {
  height: 100%;
  padding: 0 0 91px;
  transition: all .45s;
  position: absolute;
  top: 0;
}

.alt_media.t2._336x280.square {
  z-index: 6;
}

.alt_media.t2._336x280.active {
  left: 0%;
}

.alt_media.t2._336x280.highlight_media {
  padding-bottom: 71px;
}

.alt_media.t4 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  height: 250px;
  margin-top: 5px;
  margin-bottom: 5px;
  transition: all .25s;
  overflow: hidden;
}

.alt_media.t4:hover {
  filter: brightness(105%);
}

.alt_media.t4._970x250 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.alt_media.t4.style2 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 265px;
}

.alt_media.t4._300x250 {
  border-radius: 3px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.alt_media.native_product {
  display: none;
}

.alt_media.t5 {
  z-index: 1;
  height: 100%;
  position: absolute;
}

.alt_media.is_active {
  display: flex;
}

.alt_media._970x250 {
  width: 50%;
  height: 100%;
  margin-bottom: 0;
}

.native_media_holder-copy {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.native_media_holder-copy.story {
  color: #707070;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 250px;
  font-weight: 300;
  display: flex;
}

.native_media_holder-copy.t2._300x250 {
  border-radius: 0;
  min-height: 100%;
}

.native_media_holder-copy.native_product {
  padding-top: 35px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.alt_native_media {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.alt_native_media.square {
  width: 300px;
  height: 300px;
}

.alt_native_media.wide {
  justify-content: center;
  width: 100%;
  height: 234px;
}

.alt_native_media.t3 {
  height: 100%;
}

.alt_native_media.t2 {
  z-index: 1;
  border-bottom: 0 solid #9797970f;
  justify-content: center;
  height: 100%;
}

.alt_native_media.t2._300x250 {
  border-radius: 0;
}

.alt_native_media.t2.style1._300x250 {
  transition: all .45s cubic-bezier(.86, 0, .07, 1);
}

.alt_native_media.t2.style1._300x250.highlight_media {
  box-shadow: 0 6px 12px #0003;
}

.alt_native_media.t4 {
  justify-content: center;
  height: 100%;
}

.alt_native_media.t4._970x250 {
  height: 100%;
  overflow: hidden;
}

.alt_native_media._300x250 {
  border-radius: 2px;
  justify-content: center;
  height: 250px;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.alt_native_media._336x280 {
  border-radius: 2px;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.alt_native_media._336x280.square {
  height: 100%;
}

.alt_native_media.invisible {
  display: none;
}

.alt_native_media.native_product {
  overflow: visible;
}

.alt_native_media.t5 {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.alt_media_holder {
  width: 100%;
  height: 100%;
}

.alt_media_holder.wide {
  aspect-ratio: 16 / 9;
}

.alt_media_holder.square {
  aspect-ratio: 1;
}

.div-block-6099 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-6099.hidden {
  display: none;
}

.alt_media_social {
  z-index: 3;
  align-items: center;
  padding-left: 0;
  display: none;
  position: relative;
}

.alt_media_social._970x250 {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.alt_media_social.style2 {
  padding-left: 0;
}

.alt_media_social._300x250 {
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 11px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  left: -100%;
}

.alt_media_social._300x250.active {
  left: 0%;
}

.alt_media_social.native_product {
  display: none;
}

.alt_media_social._336x280 {
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 11px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  left: -100%;
}

.alt_media_social._336x280.active {
  left: 0%;
}

.alt_media_social.is_active {
  display: flex;
  overflow: hidden;
}

.native_media_social {
  width: 100%;
  height: 100%;
}

.div-block-6100 {
  flex-flow: column;
  padding: 25px 20px 10px;
  display: flex;
}

.div-block-6100.page_style2 {
  padding-top: 0;
}

.div-block-6101 {
  width: 100%;
  height: 600px;
  position: relative;
}

.alt_branding_bar {
  z-index: 2;
  cursor: pointer;
  border: 0 solid #000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
  position: absolute;
  left: 0;
}

.alt_branding_bar:hover {
  color: #e7e6e6;
}

.alt_branding_bar.t2 {
  z-index: 7;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #505050;
  background-color: #41414100;
  border-radius: 6px;
  justify-content: space-between;
  padding: 12px 6px 12px 5px;
  position: relative;
  top: 6px;
}

.alt_branding_bar.t2.style2._300x250 {
  color: #fff;
  padding-top: 10px;
}

.alt_branding_bar.t2.style2._970x250 {
  padding-bottom: 5px;
  top: -6px;
}

.alt_branding_bar.t2._336x280 {
  color: #1f1f1f;
}

.alt_branding_bar.t2.native_brand_nobranding {
  display: none;
}

.alt_branding_bar.t2.native_brand_round {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 7px;
}

.alt_branding_bar.t2.native_brand_left {
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-right: 2px;
}

.alt_branding_bar.t2.native_brand_default_nologo {
  padding-left: 7px;
}

.alt_branding_bar.t2.native_brand_left_nologo {
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-right: 2px;
}

.alt_branding_bar.t2.native_brand_clear {
  background-color: #0e0e0e00;
}

.alt_branding_bar.t2.style1._300x250 {
  padding-bottom: 10px;
  padding-left: 8px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.alt_branding_bar.t2.style1._336x280 {
  padding-left: 8px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.alt_branding_bar.t2.style1._970x250 {
  top: -6px;
}

.alt_branding_bar.t3 {
  z-index: 10;
  color: #fff;
  background-color: #41414100;
  background-image: linear-gradient(#0003, #14141400 95%);
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 14px;
  top: 0;
}

.alt_branding_bar.t4 {
  background-color: #f1f1f100;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: static;
}

.alt_branding_bar.t4:hover {
  color: #1b1b1b;
}

.alt_branding_bar.form {
  z-index: 20;
  opacity: 1;
  background-color: #f8f8f8;
  border-bottom-width: 1px;
  border-bottom-color: #f3f3f3;
  position: sticky;
  top: 0;
}

.alt_branding_bar.form:hover {
  color: #222;
}

.alt_branding_bar.form._970x250 {
  background-color: #f8f8f800;
  border-width: 0;
  border-color: #dbdbdb33 #000 #000;
  padding-top: 4px;
  padding-bottom: 4px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.alt_branding_bar.form.default, .alt_branding_bar.inactive, .alt_branding_bar.twostep {
  display: none;
}

.alt_branding_bar.page_style2 {
  display: flex;
  top: 0;
}

.alt_branding_bar.page_default {
  display: none;
}

.alt_branding_bar.t5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #41414100;
  width: auto;
  padding-top: 4px;
  padding-bottom: 0;
  padding-left: 0;
  position: static;
}

.alt_branding_bar.alt_media_box {
  top: 0;
}

.div-block-6102 {
  border-top: 1px solid #3a3a3a;
  min-height: 51px;
}

.div-block-6103 {
  width: 100%;
}

.div-block-6104 {
  background-color: #f6fdff;
  border-top: 1px solid #c7d0e2;
  flex-flow: column;
  padding: 10px 25px 10px 20px;
  display: none;
}

.div-block-6104.is_active {
  width: 100%;
  display: flex;
}

.div-block-6105 {
  font-weight: 300;
}

.preview_metric {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  display: flex;
}

.div-block-6106 {
  flex-flow: column;
  display: flex;
}

.div-block-6106.is_playground {
  display: none;
}

.story_slide {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.story_slide.slide_left {
  left: auto;
  right: -100%;
}

.story_slide.is_inactive {
  display: none;
}

.story_slide.layout2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 5%;
}

.div-block-6108 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.nws_template55 {
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  height: 600px;
  max-height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nws_template55._300x250 {
  height: 250px;
  max-height: 250px;
}

.nws_template55._600x300 {
  width: 600px;
  height: 300px;
  max-height: 300px;
}

.nws_template55._600x250 {
  width: 600px;
  height: 250px;
  max-height: 250px;
}

.nws_template55._600x600 {
  width: 600px;
  height: 600px;
  max-height: 600px;
}

.t5_head {
  background-color: #fff;
  flex-flow: column;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: flex;
}

.t5_bottom {
  z-index: 12;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  flex-flow: column;
  width: 100%;
  padding: .5em;
  display: flex;
  position: absolute;
  bottom: 0;
}

.t5_bottom.is_ready {
  z-index: 25;
  grid-column-gap: .18em;
  grid-row-gap: .18em;
  opacity: 1;
}

.slide_text {
  z-index: 10;
  grid-column-gap: .17em;
  grid-row-gap: .17em;
  flex-flow: column;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.slide_text._300x250 {
  padding-top: 15px;
  padding-right: 20px;
}

.slide_text._600x300 {
  padding-right: 45px;
}

.slide_text._600x250 {
  padding-top: 18px;
  padding-right: 45px;
}

.slide_text.layout3 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 45px;
}

.slide_text._600x600 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
}

.t5_media {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.t5_media.layout2 {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.el_contrast {
  z-index: 5;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.t5_wrapper {
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.native_text {
  z-index: 5;
  color: #eee;
  width: 100%;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.1em;
  position: relative;
  top: 0;
  left: 0;
}

.native_text.is_faded {
  opacity: .16;
}

.native_text._300x250 {
  font-size: 28px;
  line-height: 31px;
}

.native_text.is_ghost {
  z-index: 1;
  filter: blur(.7px);
  position: absolute;
}

.native_text.is_transparent {
  opacity: 0;
}

.native_text._600x250 {
  font-size: 32px;
  line-height: 39px;
}

.native_text._600x600 {
  font-size: 45px;
  line-height: 46px;
}

.native_text.is_hidden {
  display: none;
}

.t5_swiper {
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.t5_holder {
  width: 100%;
  height: 100%;
}

.t5_bg {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-6111 {
  width: 100%;
  height: 0;
  overflow: hidden;
}

.progress_track {
  z-index: 5;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -102%;
}

.current_progress {
  width: .06em;
  min-width: 3px;
  height: .6em;
  min-height: .6em;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.current_progress._300x250 {
  height: 38px;
}

.current_progress.is_active {
  height: 100%;
}

.current_progress.is_ended {
  width: 1px;
  max-width: 1px;
}

.current_progress.is_ready.is_active {
  height: 65px;
  min-height: 65px;
}

.current_progress.is_editing {
  height: 25px;
  min-height: 25px;
}

.t5_cta {
  z-index: 1;
  opacity: 0;
  background-color: #67d5b6;
  border-radius: 3px;
  width: auto;
  min-width: 65%;
  height: 3em;
  font-size: .32em;
  font-weight: 700;
  line-height: 1em;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.t5_cta.is_active {
  opacity: 1;
}

.t5_cta.is_active.sounds {
  width: 50px;
}

.t5_cta.is_double {
  height: 47px;
  min-height: 47px;
}

.t5_cta.nws_custom_visible {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: flex;
}

.t5_cta.nws_custom_visible.sounds {
  width: 50px;
}

.t5_cta.nws_custom_hidden {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.t5_cta.nws_custom_hidden.sounds {
  width: 50px;
}

.native_cover {
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #242424b3;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  top: 0;
}

.native_cover.is_ready {
  background-color: #24242480;
  top: -100%;
}

.div-block-6112 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6112.hidden {
  display: none;
}

.div-block-6113 {
  color: #bebebe;
  border-right: 1px solid #f1f1f1;
  justify-content: center;
  align-items: center;
  width: 120px;
  min-width: 120px;
  height: 61px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-6114 {
  min-width: 200px;
  max-width: 400px;
}

.scenes_container {
  z-index: 50;
  background-color: #fff0;
  border-top: 0 solid #ececec;
  border-bottom: 0 solid #5a5a5a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.scenes_container.is_active {
  border: 0 solid #000;
  justify-content: flex-start;
}

.scenes_container.is_active.hoverinfo {
  background-color: #353434;
  height: 390px;
}

.scenes_container.hidden {
  display: none;
}

.scenes_container.video_editor {
  z-index: 500;
  position: relative;
}

.native_scene_el {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 0 solid #d1d1d1;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 400px;
  padding: 0;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.div-block-6115 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.scene_details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  color: #cacacab8;
  background-color: #292929;
  border-bottom: 1px solid #63636387;
  border-left: 0 solid #8080805c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 15px 10px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  position: static;
  top: -34px;
  left: -1px;
}

.scene_details:hover, .scene_details.is_hover {
  color: #a7a7a7;
}

.scene_details.hoverinfo {
  display: flex;
}

.div-block-6043-copy {
  color: #9e9696;
  justify-content: center;
  align-items: center;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-6043-copy:hover {
  background-color: #3636366b;
}

.media_el_scene {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-right: 0 dashed #505050;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_el_scene:hover {
  border-right-color: #777;
}

.media_el_scene.rollover_state {
  z-index: 1;
  transition: all .25s;
  position: absolute;
  right: 0;
}

.media_el_scene.rollover_state:hover {
  right: -5px;
}

.div-block-6116 {
  color: #ddd9d9;
  font-size: .35em;
  line-height: 1.1em;
  position: relative;
}

.div-block-6116.hidden {
  display: none;
}

.div-block-6116.is_transparent {
  opacity: 0;
}

.div-block-6116._600x600 {
  font-size: 20px;
  line-height: 25px;
}

.div-block-6116.is_hidden {
  display: none;
}

.supporting_line {
  padding-right: 10px;
}

.supporting_line.layout3 {
  text-align: right;
  padding-left: 10px;
  padding-right: 0;
}

.bg_blur_t5 {
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: all .4s;
  position: absolute;
  top: 0;
  left: 0;
}

.bg_blur_t5.is_ready {
  pointer-events: none;
}

.div-block-6117 {
  width: 100%;
  height: 100%;
}

.div-block-6118 {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.form-block-33 {
  width: 100%;
}

.div-block-6119 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-left: 100px;
  display: flex;
}

.div-block-6120 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 15px;
  right: 6px;
}

.div-block-6121 {
  color: #949494;
  border-left: 1px solid #ececec;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
  display: flex;
}

.div-block-6121:hover {
  color: #222;
}

.div-block-6121.active {
  color: #1a1a1a;
}

.div-block-6121.close_button.hidden {
  display: none;
}

.div-block-6122 {
  height: 100%;
  display: flex;
}

.div-block-6123 {
  font-family: Circularxxweb, sans-serif;
  font-size: 10px;
}

.el_attribute {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #797979;
  border-bottom: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 3px 3px 3px 26px;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.el_attribute:hover {
  color: #1d1d1d;
  background-color: #ffffffa1;
}

.el_attributes {
  border-left: 1px solid #898cd3;
  width: 100%;
}

.el_attributes.is_faded {
  display: none;
}

.div-block-6124, .div-block-6125 {
  font-weight: 500;
}

.text-field-12 {
  border: 0 solid #000;
  border-bottom: 2px solid #e7e7e7;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.text-field-12:hover {
  border-bottom-color: #5775cf;
}

.form-block-34 {
  height: 100%;
  margin-bottom: 0;
}

.div-block-6126 {
  width: 100%;
  height: 100%;
}

.form-24 {
  height: 100%;
}

.div-block-6127 {
  background-color: #e7e7e77d;
  width: 100%;
  height: 1px;
}

.form-25 {
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.popup_effect_setup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  min-width: 240px;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 10px #0000004d;
}

.popup_effect_setup.public-panel-hidden {
  display: none;
}

.popup_effect_setup.nospaced {
  padding-bottom: 0;
}

.css_panels_config {
  width: 100%;
  padding-left: 10px;
  padding-right: 0;
}

.css_panels_config.noselect {
  height: 100%;
  display: none;
  overflow: auto;
}

.css_panels_config.noselect.lightscroll.active {
  padding-left: 0;
}

.css_panels_config.noselect.active {
  display: flex;
}

.div-block-6128 {
  justify-content: center;
  align-items: center;
  width: 70px;
  display: flex;
}

.div-block-5680-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ececec;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 0 0 0 15px;
  display: flex;
}

.div-block-5680-copy.hidden {
  display: none;
}

.div-block-5680-copy.right {
  justify-content: flex-end;
}

.div-block-5680-copy.abs {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  height: 78px;
  position: absolute;
  bottom: 0;
}

.div-block-6130 {
  opacity: .9;
  display: flex;
}

.div-block-6131 {
  width: 100%;
}

.div-block-6132 {
  z-index: 1;
  opacity: 0;
  background-color: #c02e2e;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6132.is_video {
  opacity: 1;
  background-color: #000;
  border-radius: 0;
}

.div-block-6133 {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.div-block-6133.noborder {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-width: 0;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: visible;
}

.div-block-6133.noborder.right {
  width: auto;
}

.div-block-6133.is_custom {
  height: 75px;
  min-height: 75px;
}

.div-block-6133.custom_radius {
  border-radius: 0 0 4px 4px;
}

.div-block-6134 {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.image-717 {
  filter: invert();
  width: 23px;
}

.div-block-6135 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
}

.div-block-6136 {
  background-color: #e4e4e4;
  width: 33%;
  height: 33%;
}

.div-block-6136.gray {
  background-color: #afa4a4;
}

.div-block-6137 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-6138 {
  background-color: #0a233a00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 28px;
  height: 100%;
  padding: 7px;
  position: absolute;
  left: 0;
}

.div-block-6138.padded {
  padding: 5px;
}

.div-block-6139 {
  background-color: #fcfcfc;
  border: 1px solid #00000017;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 2px 1px 5px #0003;
}

.div-block-6139:hover {
  border-color: #9087876e;
}

.div-block-6139.is_video {
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  width: 30px;
  overflow: hidden;
}

.div-block-6140 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-6140.border_top {
  border-top-width: 1px;
  border-top-color: #333;
}

.div-block-6140.border_top._5 {
  margin-bottom: 0;
}

.div-block-6140.s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.div-block-6141 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: default;
  display: flex;
}

.text-field-13 {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #414040;
  border-radius: 4px;
  width: 100%;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-13:hover {
  color: #dbd7d7;
  border-color: #6a708a;
}

.text-field-13:focus {
  color: #dbd7d7;
}

.text-field-13::placeholder {
  color: #757575;
}

.text-field-13._100 {
  width: 100%;
  padding-left: 30px;
}

.text-field-13._100.padded {
  background-color: #0000;
  border-color: #41404073;
  padding-left: 40px;
}

.text-field-13._100.padded:hover {
  border-color: #414040d6;
}

.text-field-13.small {
  height: 21px;
  font-size: 11px;
  line-height: 11px;
  box-shadow: 0 0 3px #0003;
}

.text-field-13.dark {
  border-color: #646464b0;
}

.text-field-13.contrasted {
  color: #d4d4d4;
  background-color: #10101029;
  border-color: #706b6b;
}

.data_panel_1 {
  cursor: pointer;
  background-color: #292929;
  border-right: 1px solid #525252;
  flex-flow: column;
  align-items: flex-start;
  width: 100px;
  min-width: 100px;
  height: 100%;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: auto;
}

.data_panel_1:hover {
  width: 225px;
  min-width: 225px;
}

.data_panel_1.expanded {
  width: 260px;
  min-width: 260px;
}

.data_panel_1.hidden {
  display: none;
}

.data_panel_1.lightscroll {
  z-index: 5;
}

.data_panel_1.lightscroll.expanded {
  z-index: 100;
  position: absolute;
  left: -190px;
  overflow: visible;
}

.data_panel_1.lightscroll.expanded.active {
  z-index: 50;
  transition-duration: .36s;
  transition-timing-function: ease-out;
  left: 70px;
}

.data_panel_1.lightscroll.expanded.active.is_live_preview {
  left: -340px;
}

.div-block-6142 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6142.hidden {
  display: none;
}

.div-block-6143 {
  width: 150px;
  position: absolute;
  bottom: 10px;
  right: -160px;
}

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

.div-block-6144 {
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.div-block-6144.hidden {
  display: none;
}

.form-block-35 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.size_page {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.size_page._100 {
  justify-content: space-between;
  width: 100%;
}

.size_page._100.margin {
  margin-right: 0;
}

.size_page.full {
  width: 100%;
}

.size_page.full.hidden {
  display: none;
}

.size_page.full.top {
  align-items: flex-start;
}

.size_page.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.size_page._48 {
  width: 47.5%;
}

.size_page._48.hidden {
  display: none;
}

.size_page.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.size_page.border {
  border-left: 1px solid #3b3b3b;
  margin-left: 6px;
  padding-left: 10px;
}

.form-26 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.iframe_holder {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  box-shadow: 0 0 30px #0000001a;
}

.iframe_holder.hidden {
  display: none;
}

.live_preview {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  color: #9c9595;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  transition: all .55s;
  display: none;
}

.live_preview.is_live_preview {
  opacity: 1;
  display: flex;
}

.div-block-6146 {
  background-color: #37bb29;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.bg_track1 {
  z-index: 1;
  background-color: #e7e7e7;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
}

.div-block-6147 {
  z-index: 20;
  opacity: 0;
  background-color: #ccc3;
  width: 1px;
  height: 100%;
  transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  top: -100%;
  right: 17px;
}

.div-block-6147.is_ready, .div-block-6147.is_editing {
  top: 0%;
}

.div-block-6148 {
  background-color: #fff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 37px;
  min-height: 37px;
  font-size: 16px;
  display: flex;
}

.div-block-6148.hidden {
  display: none;
}

.div-block-6149 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  position: relative;
}

.cta_secondary_el-copy {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-6150 {
  width: 100%;
  padding-left: .5em;
  position: relative;
}

.div-block-6150._600x600 {
  max-width: none;
  padding-right: 12px;
}

.div-block-6151, .div-block-6152 {
  width: 100%;
  padding-left: .5em;
  position: relative;
}

.side_progress {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  width: 4px;
  height: 100%;
  transition: all .55s;
  position: absolute;
  top: 0;
  left: 0;
}

.content_holder {
  z-index: 10;
  width: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-right: .6em;
  position: absolute;
  top: 0%;
  left: 0%;
}

.content_holder.layout2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: auto;
}

.content_holder.is_hidden {
  display: none;
}

.input_el {
  color: #bbbaba;
  white-space: normal;
  background-color: #41414129;
  border: 1px solid #464646;
  border-radius: 4px;
  width: 100%;
  height: 27px;
  padding: 3px 10px 3px 5px;
  font-weight: 300;
  box-shadow: 0 0 7px #00000005;
}

.input_el.small {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 27px;
  display: flex;
  overflow: hidden;
}

.div-block-6154 {
  border-top: 1px solid #5a5a5a;
  width: 100%;
  height: 100%;
  position: relative;
}

.tracks_container_14 {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-6156 {
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-6156.is_active {
  opacity: 1;
  top: -51px;
}

.div-block-6157 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
}

.div-block-6157.is_active {
  border-right: 0 solid #c5c3c3;
  display: flex;
}

.div-block-6158 {
  border-top: 1px solid #68686870;
  width: 100%;
  height: 51px;
  display: none;
}

.div-block-6158.is_active {
  background-color: #3b3b3b;
  padding-left: 0;
  display: flex;
}

.div-block-6158.is_active:hover {
  background-color: #252525;
}

.div-block-6159 {
  color: #dbdbdb;
  border-bottom: 1px solid #5353539c;
  justify-content: space-between;
  align-items: center;
  min-height: 51px;
  padding: 0 10px 0 0;
  display: flex;
  position: relative;
}

.div-block-6159:hover {
  background-color: #0303038a;
}

.div-block-6160 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #dbdbdbad;
  justify-content: flex-start;
  align-items: center;
  padding-left: 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.collapse_panel {
  height: 0;
  padding-left: 10px;
  padding-right: 15px;
  overflow: hidden;
}

.collapse_panel.is_open {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 0 solid #8181813d;
  flex-flow: column;
  width: 100%;
  min-width: 300px;
  height: auto;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
  overflow: visible;
}

.collapse_panel.content.is_open {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow: visible;
}

.collapse_panel.trans {
  padding-top: 0;
}

.collapse_panel.trans.is_open {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 10px;
}

.collapse_panel.full_height {
  height: auto;
}

.collapse_panel.audio.is_open {
  padding-top: 10px;
}

.exp_container {
  background-color: #292929;
}

.exp_container.layout {
  background-color: #292929;
  padding: 15px 15px 15px 17px;
}

.form-27 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.form-block-36 {
  margin-bottom: 0;
}

.expansion_container_1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-right: 0 solid #83838345;
  flex-flow: column;
  width: 100%;
  max-width: 400px;
  padding: 18px 0 22px;
  display: flex;
}

.expansion_container_1.text {
  background-color: #29292900;
  padding: 0;
}

.expansion_container_1.no_padding {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.expansion_container_1.nospace {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-6161 {
  background-color: #535353d1;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 18px;
}

.div-block-6161.top {
  height: 50%;
  bottom: 0;
}

.div-block-6161.bottom {
  height: 50%;
  top: 0;
}

.div-block-6162 {
  border-right: 1px solid #4e4bd13d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.button_scenes {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #161616;
  cursor: pointer;
  border-top: 1px solid #6868686b;
  border-right: 3px solid #c7c7c700;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 51px;
  min-height: 51px;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  transition: all .1s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button_scenes:hover {
  color: #131313;
}

.button_scenes.active {
  justify-content: center;
  align-items: center;
}

.button_scenes.is_active {
  justify-content: center;
  align-items: center;
  padding: 0;
}

.button_scenes.is_hover {
  justify-content: center;
  align-items: center;
}

.button_scenes._2 {
  border-right-width: 0;
  border-right-color: #d4d4d429;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  line-height: 12px;
}

.button_scenes._2:hover {
  background-color: #4b4b4b2b;
  border-right-color: #d4d4d426;
}

.button_scenes._100 {
  border-top-width: 0;
  height: 100%;
}

.button_scenes.first {
  border: 0 solid #000;
  height: 37px;
  min-height: 37px;
}

.button_scenes.large {
  border: 0 solid #000;
  border-top-color: #e0e0e0;
  flex-flow: column;
  height: 40px;
  min-height: 40px;
  overflow: visible;
}

.div-block-6163 {
  height: 100%;
}

.native_scene_container {
  z-index: 10;
  height: 100%;
  max-height: 40px;
  display: flex;
  position: relative;
  left: 135px;
  overflow: hidden;
}

.native_scene_container.is_elastic {
  transition: all .18s cubic-bezier(.68, -.55, .265, 1.55);
}

.native_scene_container.is_active_scene {
  z-index: 100;
  max-height: none;
  box-shadow: 12px 10px #0000000a;
}

.native_scene_container.temp {
  left: 268px;
}

.div-block-6164 {
  pointer-events: none;
  color: #899497;
  cursor: ew-resize;
  background-color: #fcfcfce3;
  border-top: 1px solid #c5c5c500;
  border-bottom: 0 solid #232cd5;
  border-left: 1px solid #c5c5c547;
  border-right: 1px solid #fff0;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 40px;
  font-size: 18px;
  transition: right .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  right: -25px;
}

.div-block-6164:hover {
  color: #fff;
  background-color: #063cff;
  border-left-color: #3a4ac2a3;
}

.div-block-6164.is_active_scene {
  z-index: 5;
  pointer-events: auto;
  color: #1e1e1f;
  background-color: #fff;
  display: flex;
  right: 0;
}

.div-block-6164.is_active_scene:hover {
  color: #fff;
  background-color: #fff;
}

.div-block-6164.is_active_scene.is_hover {
  background-color: #fff;
  border-left-color: #c2c2c2;
}

.div-block-6164.rel {
  padding-top: 0;
  position: relative;
}

.div-block-6164.is_hover {
  color: #fff;
  background-color: #063cff;
  border-left-color: #4561c7;
}

._1add_new-copy {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #161616;
  cursor: pointer;
  background-color: #f8f8f800;
  border-right: 0 solid #d1d1d1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 100%;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  transition: all .1s;
  display: flex;
  position: relative;
  overflow: hidden;
}

._1add_new-copy:hover {
  color: #131313;
}

._1add_new-copy.active {
  justify-content: center;
  align-items: center;
}

._1add_new-copy.is_active {
  justify-content: center;
  align-items: center;
  padding: 0;
}

._1add_new-copy.is_hover {
  justify-content: center;
  align-items: center;
}

._1add_new-copy._2 {
  border-right-width: 0;
  border-right-color: #d4d4d429;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  line-height: 12px;
}

._1add_new-copy._2:hover {
  background-color: #4b4b4b2b;
  border-right-color: #d4d4d426;
}

._1add_new-copy.nohover:hover {
  background-color: #0000;
}

.div-block-6165 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  min-height: 46px;
  display: flex;
}

.div-block-6165.is_active {
  display: none;
}

.div-block-6028-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ffffff80;
  background-color: #f3f3f300;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.div-block-6028-copy:hover {
  color: #c7c7c780;
  background-color: #f3f3f3;
}

.div-block-6028-copy.spaced {
  padding-left: 15px;
}

.div-block-6028-copy.label {
  padding-left: 20px;
  font-weight: 300;
}

.native_scene_config {
  flex-flow: column;
  display: none;
}

.native_scene_config.is_active {
  border-right: 0 solid #5a5a5a33;
  width: 100%;
  display: flex;
}

.native_scene_config.video {
  max-width: 350px;
  padding-left: 5px;
}

.native_scene_config.video.is_active {
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.native_scene_config.video.is_full_width {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

._2dragicon-copy {
  z-index: 4;
  max-width: 15px;
  margin-right: 0;
  font-family: Materialicons, sans-serif;
  font-size: 13px;
  line-height: 11px;
}

._2dragicon-copy.large {
  font-size: 14px;
}

._2dragicon-copy.nospaced {
  margin-right: 0;
}

._2dragicon-copy.hidden {
  display: none;
}

.div-block-6167 {
  color: #00000080;
  background-color: #dcdee4;
  border-right: 1px solid #c0bfbf08;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  font-size: 11px;
  display: flex;
}

.div-block-6168 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 0%;
  display: flex;
}

.div-block-6027-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-6027-copy.custom {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 90px;
  padding: 6px;
}

.div-block-6027-copy.custom.scenes {
  color: #837f7f;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.timeline_media_el {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #a09898;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 3px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.media_timeline12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #dbdbdb;
  border-bottom: 0 solid #5353539c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0;
  display: flex;
  position: relative;
}

.media_timeline12:hover {
  background-color: #0303038a;
}

.media_timeline12.nohover {
  border-top: 1px solid #53535345;
  border-bottom-width: 0;
  border-bottom-color: #53535345;
}

.media_timeline12.nohover:hover {
  background-color: #03030300;
}

.media_timeline12.nohover.audio {
  border: 0 solid #000;
  height: 46px;
}

.media_timeline12.nohover.media {
  background-color: #4916162b;
}

.media_timeline12.nohover.is_media {
  border: 0 solid #000;
}

.div-block-6170 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #8f8f8f;
  justify-content: space-between;
  align-items: center;
  min-width: 150px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-6170.is_empty {
  padding-left: 12px;
}

.div-block-6171 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6172 {
  color: #b4b4b4;
  cursor: pointer;
  border-left: 1px solid #b4b3b31c;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  display: flex;
}

.div-block-6172:hover {
  background-color: #292929;
}

.div-block-6172.hidden {
  display: none;
}

.div-block-6172.drag {
  cursor: ew-resize;
  background-color: #c0c0c01a;
  border-right: 1px solid #4d4d4d;
}

.div-block-6172.double {
  min-width: 51px;
}

.mat_filled {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-family: Materialicons_old, sans-serif;
  line-height: 12px;
  display: flex;
  position: relative;
}

.mat_filled.withtooltip {
  z-index: 10;
  position: relative;
}

.mat_filled.iconforinputs {
  color: gray;
  border-radius: 50px;
  position: absolute;
  left: 11px;
}

.mat_filled.faded {
  color: #686161;
}

.mat_filled.faded:hover {
  color: #e0dbdb;
}

.mat_filled.small {
  font-size: 12px;
}

.mat_filled.large {
  font-size: 14px;
}

.mat_filled.large.is_light {
  font-size: 20px;
}

.media_preview_item {
  background-color: #f8f8f8;
  border: 0 solid #c5adad;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px 0 0;
  display: flex;
}

.media_preview_item.is_text {
  background-color: #f5f2f4;
}

.media_preview_item.is_audio {
  background-color: #f8fbff;
}

.media_preview_item.is_cta {
  background-color: #eef7ec;
}

.media_pattern {
  opacity: .8;
  cursor: grab;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-block-6175 {
  white-space: nowrap;
  font-size: 11px;
  line-height: 17px;
}

.timeline_media_main {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  pointer-events: auto;
  color: #a09898;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.timeline_media_main:hover, .timeline_media_main.is_over {
  background-color: #e5f8ff;
}

.timeline_media_main.noselect {
  min-height: 40px;
}

.timeline_media_main.is_selected {
  background-color: #e5f8ff;
}

.div-block-6176 {
  display: flex;
}

.seq_media {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.add_new_scene {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  opacity: .5;
  color: #dfdada;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #61616147;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 125px;
  min-width: 125px;
  height: 100%;
  font-size: 11px;
  display: none;
}

.add_new_scene:hover {
  opacity: 1;
}

.add_new_scene.is_active {
  background-color: #3b3b3b;
  display: flex;
}

.image-718 {
  filter: invert();
}

.div-block-6177 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #9b9191;
  background-color: #3b3b3b;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 15px 5px 6px;
  font-size: 20px;
  display: flex;
}

.div-block-6177:hover {
  background-color: #3b3b3b;
}

.div-block-6177.is_hidden {
  display: none;
}

.audio_track_item {
  pointer-events: none;
  background-color: #64646400;
  border-radius: 1px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.audio_track_item.is_inactive {
  display: none;
}

.div-block-6179 {
  color: #777474;
  font-size: 11px;
  font-weight: 300;
}

.div-block-6180 {
  background-color: #b9acac;
  width: 100%;
  height: 100%;
  position: relative;
  left: -100%;
}

.div-block-6181 {
  opacity: 1;
  background-color: #2d2d2d;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-size: 16px;
  transition: all .45s;
  display: flex;
}

.div-block-6181:hover {
  color: #2c2a2a;
  background-color: #eeeeeed6;
}

.div-block-6181.is_inactive {
  opacity: 0;
  display: none;
}

.div-block-6182 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-6182.left {
  justify-content: flex-end;
}

.sample_progress {
  z-index: 1;
  background-color: #eee9e91c;
  border-radius: 3px;
  width: 0%;
  height: 100%;
  transition: all .15s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sample_progress.is_light {
  background-color: #aa2b2d;
  width: 0%;
}

.sample_progress.white {
  background-color: #cac9d68c;
  width: 0%;
}

.div-block-6183 {
  color: #838383;
  white-space: nowrap;
  font-size: 12px;
  display: none;
}

.div-block-6183.is_inactive {
  display: flex;
}

.div-block-6183-copy {
  color: #838383;
  white-space: nowrap;
  font-size: 12px;
  display: flex;
}

.div-block-6183-copy.is_inactive {
  display: none;
}

.div-block-6184 {
  background-color: #dbdbdb;
  border-radius: 99px;
  width: 7px;
  height: 7px;
}

.div-block-6185 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6186 {
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffffd9;
  border-top: 0 solid #a8a8a89c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: -51px;
  box-shadow: 0 5px 5px #0003;
}

.div-block-6186.is_active {
  opacity: 1;
  border-top-width: 0;
  border-top-color: #a8a8a845;
  display: flex;
  top: -51px;
}

.timeline_seq_button {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e400;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.timeline_seq_button:hover {
  color: #111;
  background-color: #f8f8f8;
  border-color: #03030300;
}

.timeline_seq_button.light {
  color: #292929;
  background-color: #fff;
  border-color: #5f5f5f;
}

.timeline_seq_button.light:hover {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.timeline_seq_button.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.timeline_seq_button.temp.active {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.timeline_seq_button.temp.active:hover {
  border-color: var(--logo-1);
  color: #0053bc;
  background-color: #fff;
}

.timeline_seq_button.blue {
  color: #fff;
  background-color: #0685ff;
  border-color: #0685ff;
}

.timeline_seq_button.blue:hover {
  background-color: #141414;
  border-color: #141414;
}

.timeline_seq_button.blue.first {
  background-color: #1654ff;
}

.timeline_seq_button.improving {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
  transition: all .6s;
}

.timeline_seq_button.disabled {
  opacity: .5;
  border-radius: 99px;
  display: flex;
}

.timeline_seq_button.inactive {
  border-color: #a84747;
}

.timeline_seq_button.deepblue {
  color: #fff;
  background-color: #1654ff;
  border-color: #1654ff;
}

.timeline_seq_button._100 {
  width: 100%;
  margin-left: 0;
}

.timeline_seq_button.first {
  margin-left: 0;
}

.timeline_seq_button.enabled {
  background-color: #f2f5ff;
  border-color: #e6e6e6cc;
}

.timeline_seq_button.enabled:hover {
  color: #202020;
  border-color: #bebebecc;
}

.timeline_seq_button.right {
  margin-left: 0;
  margin-right: 5px;
}

.timeline_seq_button.right.inactive {
  display: none;
}

.timeline_seq_button.inverted {
  color: #fff;
  border-color: #919191;
}

.timeline_seq_button.status {
  border-color: #e0c9c9;
  transition: all .4s;
}

.timeline_seq_button.status.enabled {
  border-color: #e6e6e6cc;
}

.timeline_seq_button.small {
  border-width: 0;
  border-color: #e4e4e466;
  border-radius: 0;
  height: 21px;
  padding-left: 0;
  padding-right: 0;
  line-height: 10px;
}

.timeline_seq_button.small:hover {
  color: #050505;
  background-color: #03030300;
}

.timeline_seq_button.half_left {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.timeline_seq_button.half_left:hover {
  color: #fffefe;
  background-color: #359e20;
  border-color: #e4e4e4;
}

.timeline_seq_button.half_left.enabled {
  color: #fff;
  background-color: #359e20;
  border-right-width: 0;
}

.timeline_seq_button.half_right {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.timeline_seq_button.half_right:hover {
  color: #f6f3f3;
  background-color: #3474c2;
  border-width: 1px;
  border-color: #e6e6e6cc;
}

.timeline_seq_button.half_right.enabled {
  color: #fff;
  background-color: #3474c2;
}

.timeline_seq_button.nospace {
  margin-left: 0;
}

.timeline_seq_button.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: absolute;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 12px #00000014;
}

.timeline_seq_button.vertical {
  width: 27px;
  height: 80px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: -58px;
}

.timeline_seq_button.heatmap.animator, .timeline_seq_button.improve.animator, .timeline_seq_button.mindmap.animator, .timeline_seq_button.playanimation {
  display: none;
}

.timeline_seq_button.playanimation.animator {
  display: flex;
}

.timeline_seq_button.invisible {
  display: none;
}

.timeline_seq_button.resize_timeline {
  z-index: 10;
  background-color: #fff;
  width: 20px;
  height: 40px;
  margin-left: 0;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: -10px;
}

.timeline_seq_button.resize_timeline:hover {
  color: #0e0e0e;
  border-color: #313131;
  height: 50px;
}

.timeline_seq_button.nospaced {
  margin-left: 0;
}

.timeline_seq_button.simple {
  border-width: 0;
}

.timeline_seq_button.simple:hover {
  background-color: #f8f8f800;
  border-bottom-color: #03030300;
}

.timeline_seq_button.darkblue {
  color: #000;
  background-color: #fff;
}

.timeline_seq_button.resize {
  cursor: ns-resize;
  display: none;
}

.timeline_seq_button.resize.timelineactive {
  display: flex;
}

.timeline_seq_button.expand.timelineactive, .timeline_seq_button.close {
  display: none;
}

.timeline_seq_button.close.timelineactive {
  display: flex;
}

.div-block-6187 {
  z-index: 2;
  position: relative;
}

.div-block-6188 {
  color: #e9e9e9;
  white-space: nowrap;
  background-color: #063cff;
  border-radius: 99px;
  padding: 5px 17px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
}

.div-block-6189 {
  background-color: #d3d3d30d;
  border-right: 1px solid #504f4f38;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -100%;
}

.div-block-6190 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  display: flex;
}

.div-block-6190:hover {
  background-color: #726b6b;
}

.div-block-6191 {
  background-color: #c9c9c940;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.div-block-6192 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #222;
  background-color: #fff;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.div-block-6192.dark {
  background-color: #fff;
  border: 1px solid #cacaca;
}

.div-block-6192.is_hidden {
  display: none;
}

.div-block-6192.is_active_scene {
  background-color: #fff;
}

.div-block-6192.noselect {
  border: 0 solid #ebebeb;
  border-radius: 1px;
}

.div-block-6192.noselect.is_button {
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: all .15s cubic-bezier(.77, 0, .175, 1);
}

.div-block-6192.noselect.is_button:hover {
  color: #f1eaea;
  background-color: #242424;
}

.div-block-6192.noselect.is_button.is_active_scene {
  opacity: 1;
  pointer-events: auto;
}

.div-block-6193 {
  border: 0 solid #c9c9c9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22px;
  display: flex;
  position: absolute;
  top: -12px;
  left: 0;
}

.div-block-6194 {
  background-color: #dddddd80;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-6195 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.track_nav {
  z-index: 10;
  border: 0 solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 500px;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.track_nav.is_hidden {
  display: none;
}

.div-block-6197 {
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 8px;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 48px;
}

.div-block-6198 {
  z-index: 10;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  min-height: 44px;
  display: flex;
  position: relative;
}

.div-block-6198.large {
  justify-content: flex-start;
  align-items: center;
  height: 1px;
  min-height: 65px;
}

.div-block-6199 {
  width: 100px;
  height: 3px;
}

.timeline_chapter {
  justify-content: flex-start;
  align-items: center;
  line-height: 14px;
  display: flex;
  position: absolute;
  left: 54px;
}

.div-block-6200 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-right: 0 solid #e2dede;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.div-block-6198-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-right: 0 solid #c8c8c8;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding-left: 10px;
  display: flex;
}

.div-block-6198-copy._20 {
  height: 20px;
  min-height: 20px;
}

.rulerscontainer-copy {
  z-index: 20;
  opacity: .5;
  cursor: pointer;
  flex-flow: row;
  width: 80%;
  padding-right: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.rulerscontainer-copy.is_hidden {
  display: none;
}

.audi_track_element {
  background-color: #fff;
  border-top: 0 solid #eee;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
  position: relative;
}

.audi_track_element.is_inactive {
  display: none;
}

.div-block-6202 {
  opacity: 0;
  color: #dacfcf29;
  cursor: pointer;
  background-color: #2929290a;
  border: 1px solid #4646464a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  padding: 5px;
  font-size: 11px;
  line-height: 11px;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 5px;
  right: 5px;
}

.div-block-6202:hover {
  color: #161616d6;
  background-color: #252525a3;
  border-color: #8888884a;
}

.div-block-6202.field_is_active {
  opacity: 1;
}

.timeline_input {
  color: #303030;
  white-space: normal;
  width: 100%;
  padding: 4px 0 4px 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  overflow: auto;
}

.timeline_input.small {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 27px;
  display: flex;
  overflow: hidden;
}

.timeline_input.is_single {
  height: 27px;
  min-height: 27px;
  max-height: 27px;
}

.timeline_input.is_medium {
  height: 56px;
}

.timeline_input.is_large {
  height: 112px;
  max-height: 200px;
  overflow: scroll;
}

.timeline_input.is_focused {
  color: #bbbaba;
}

.div-block-6203 {
  background-color: #72be8c;
  border-radius: 99px;
  width: 100px;
  height: 100%;
}

.el_formatting {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #27272757;
  border-top: 0 solid #7e7e7e00;
  border-bottom: 0 solid #5252525c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 0 15px;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  overflow: hidden;
}

.el_formatting.is_visible {
  background-color: #292929;
  border-top-color: #8d8c8c1a;
  height: 66px;
}

.el_formatting.audio {
  background-color: #27272700;
  border: 0 solid #000;
  border-radius: 0;
  width: auto;
  padding: 0;
}

.el_formatting.audio-copy {
  background-color: #27272700;
  border: 0 solid #000;
  width: 56px;
  height: 100%;
  padding: 0;
}

.el_formatting.noborder {
  border-bottom-width: 0;
}

.el_formatting.no_border {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #27272700;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.el_formatting.no_border.is_hidden {
  display: none;
}

.div-block-6205 {
  color: #bdb1b17d;
  text-transform: uppercase;
  background-color: #4449;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 7px;
  font-weight: 700;
  line-height: 7px;
  display: flex;
}

._2div-block-6133-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 0 solid #3b3b3b;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

._2div-block-6133-copy.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

._2div-block-6133-copy.is_custom {
  height: 75px;
  min-height: 75px;
}

._2div-block-6133-copy._24 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

._2div-block-6133-copy.full {
  width: 100%;
}

._2div-block-6133-copy.bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

._2div-block-6133-copy.vertical {
  flex-flow: column;
}

._2div-block-6133-copy.is_hidden {
  display: none;
}

.div-block-6206 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.rich_input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  display: flex;
}

.rich_input._100 {
  justify-content: space-between;
  width: 100%;
}

.rich_input._100.margin {
  margin-right: 0;
}

.rich_input.full {
  width: 100%;
}

.rich_input.full.hidden {
  display: none;
}

.rich_input.full.top {
  align-items: flex-start;
}

.rich_input.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.rich_input._48 {
  width: 47.5%;
}

.rich_input._48.hidden {
  display: none;
}

.rich_input.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.rich_input.on_timeline {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 2px solid #0000;
  border-bottom: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 6px 0 6px 8px;
}

.rich_input.on_timeline.hidden {
  display: none;
}

.rich_input.on_timeline.top {
  align-items: flex-start;
}

.rich_input.on_timeline.is_active {
  min-height: 60px;
}

.rich_size_input {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.rich_size_input._100 {
  justify-content: space-between;
  width: 100%;
}

.rich_size_input._100.margin {
  margin-right: 0;
}

.rich_size_input.full {
  width: 100%;
}

.rich_size_input.full.hidden {
  display: none;
}

.rich_size_input.full.top {
  align-items: flex-start;
}

.rich_size_input.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.rich_size_input._48 {
  width: 47.5%;
}

.rich_size_input._48.hidden {
  display: none;
}

.rich_size_input.vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.rich_size_input.on_timeline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.rich_size_input.on_timeline.hidden {
  display: none;
}

.rich_size_input.on_timeline.top {
  align-items: flex-start;
}

.rich_size_input.is_horizontal {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.rich_size_input.has_max {
  max-width: 80px;
}

.rich_size_input._75 {
  width: 50%;
}

.rich_size_input.disabled {
  opacity: 0;
  pointer-events: none;
}

.unit_indicator_mat {
  color: #adaaaa;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  padding: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 11px;
  line-height: 10px;
  display: flex;
  position: absolute;
  right: 0;
}

.unit_indicator_mat:hover {
  color: #d4d4d4;
  background-color: #464545;
}

.unit_indicator_mat.hidden {
  display: none;
}

.scene_resize_controls {
  cursor: grab;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.scene_resize_controls.is_editing {
  cursor: text;
}

.div-block-6208 {
  z-index: 3;
  cursor: ew-resize;
  background-color: #fff;
  border: 1px solid #007df0;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 22px;
  min-height: 22px;
  transition: opacity .25s;
  position: absolute;
  right: -4px;
  box-shadow: 0 2px 5px #0000000f;
}

.div-block-6208:hover {
  background-color: #007df0;
}

.div-block-6208.vertical {
  opacity: .99;
  cursor: ns-resize;
  border-radius: 99px;
  width: 22px;
  min-width: 22px;
  height: 7px;
  min-height: 7px;
  bottom: -4px;
  right: auto;
}

.div-block-6208.vertical.is_hidden {
  display: none;
}

.div-block-6208.vertical.top {
  top: -4px;
  bottom: auto;
}

.div-block-6208.left {
  left: -4px;
  right: auto;
}

.div-block-6208.is_moving {
  opacity: .1;
}

.div-block-6208.is_editing {
  display: none;
}

.div-block-6208-copy {
  z-index: 2;
  pointer-events: none;
  color: #363636;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  bottom: 0;
}

.div-block-6208-copy:hover {
  color: #fff;
  border: 0 solid #007df0;
}

.drag_icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Materialicons, sans-serif;
  line-height: 12px;
  display: flex;
}

.drag_icon.rollover, .drag_icon.hidden {
  display: none;
}

.drag_icon.green {
  background-color: #3bb6239e;
}

.div-block-6209 {
  color: #c3b8b887;
  cursor: pointer;
  border: 1px solid #5a575740;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  padding: 3px;
  line-height: 12px;
  transition: all 50ms cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.div-block-6209:hover {
  color: #d3c6c6bd;
  background-color: #000;
  border-color: #2f3331;
}

.div-block-6209.is_visible {
  opacity: 1;
  filter: none;
  font-size: 12px;
  position: static;
}

.div-block-6209.is_enabled {
  color: #c3b8b8;
  background-color: #1d5029;
}

.fetched_fonts_gallery {
  width: 100%;
  margin-bottom: 25px;
}

.fetched_fonts_gallery.nospace {
  margin-bottom: 5px;
}

.fetched_fonts_gallery.hidden {
  display: none;
}

.div-block-6210 {
  border-bottom: 0 solid #dbdbdb;
  width: 100%;
  padding: 10px 10px 10px 12px;
}

.font_install {
  border-bottom: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-6211 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-6212 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.fetched_media_container {
  opacity: .6;
  border: 2px solid #2f9e2c00;
  border-radius: 6px;
  max-width: 360px;
  height: 100px;
  max-height: 360px;
  overflow: hidden;
}

.fetched_media_container.is_selected {
  opacity: 1;
  border-color: #63ad608a;
  padding: 4px;
}

.div-block-6214 {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.settings_box_1 {
  background-color: #fff;
  border: 1px solid #e4e1e1c4;
  border-radius: 6px;
  width: 100%;
  margin-top: 0;
  padding: 20px 20px 20px 30px;
  position: relative;
  overflow: hidden;
}

.settings_box_1.formsettings {
  background-color: #fff;
  max-width: 650px;
  padding-left: 46px;
  overflow: visible;
}

.settings_box_1.formsettings.small {
  max-width: 560px;
}

.settings_box_1.invisible {
  display: none;
}

.div-block-6215 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-6216 {
  background-color: #e4dddd;
  width: 100%;
  height: 1px;
}

.div-block-6217 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-6218 {
  white-space: nowrap;
}

.page_content_reg {
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.page_content_reg.active {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5px 25px 100px 22px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.page_content_reg.active.lightscroll {
  background-color: #fff;
}

.page_content_reg.dark {
  display: none;
}

.page_content_reg.dark.active {
  border-left: 0 solid #e6e6e6;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.page_content_reg.dark.active.demo {
  height: 1500px;
  overflow: scroll;
}

.page_content_reg.strategy {
  background-color: #f5f5f5;
}

.form-28 {
  padding-left: 22px;
}

.knowledge_bases_main {
  position: relative;
}

.div-block-6219 {
  width: 100%;
  display: none;
}

.div-block-6219.active {
  display: flex;
}

.source_contents-copy {
  background-color: #fff;
  border-left: 1px solid #7c7c7c;
  min-width: 360px;
  height: 100%;
  display: none;
}

.source_contents-copy.active {
  z-index: 50;
  background-color: #fff;
  border-left-width: 0;
  border-left-color: #d8d8d8;
  border-right: 1px solid #ececec;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 850px;
  display: flex;
  position: relative;
  box-shadow: -5px 0 20px 11px #adadad0a;
}

.source_contents-copy.active.is_compact {
  box-shadow: none;
  min-width: 320px;
  max-width: 320px;
}

.source_contents-copy.active.live_view {
  width: auto;
  min-width: 600px;
}

._2prompt_section-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  width: 100%;
  display: none;
}

._2prompt_section-copy.active {
  justify-content: flex-start;
  padding-bottom: 30px;
  display: flex;
}

._2prompt_section-copy.active.live_view {
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-6220 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6221 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._12div-block-5519-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f845;
  border: 1px dashed #e7e7e7;
  border-radius: 6px;
  flex-wrap: wrap;
  width: 100%;
  min-height: 0;
  max-height: 650px;
  padding: 14px;
  display: flex;
  overflow: auto;
}

._12div-block-5519-copy:hover {
  background-color: #ffffff54;
  border-color: #ddd;
}

._12div-block-5519-copy.lightscroll {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  padding-bottom: 10px;
  padding-right: 12px;
}

.form-block-22-copy {
  width: 100%;
  display: none;
}

.form-block-22-copy.active {
  flex-flow: column;
  display: flex;
}

.div-block-6222 {
  width: 100%;
}

.color_switch_light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 0;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.color_switch_light:hover {
  background-color: #c0ba9b1a;
}

.color_switch_light.active {
  color: #fffffff2;
  background-color: #c0ba9b14;
  border-bottom-color: #777777bf;
  border-left-color: #ddd;
}

.div-block-6223 {
  background-color: #cfc8c8;
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: 200px;
  max-height: 400px;
  padding: 0;
  display: flex;
}

.div-block-6224 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: #7e7e7e;
  border-bottom: 1px solid #4d4d4d;
  flex-flow: column;
  height: 700px;
  margin-bottom: 10px;
  padding-bottom: 25px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  overflow: auto;
}

.theme_element {
  z-index: 20;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  background-color: #3a3a3a;
  border-bottom: 0 solid #c0b8b82b;
  flex-flow: column;
  transition: all .25s;
  display: flex;
  position: relative;
}

.theme_element:hover {
  opacity: 1;
}

.div-block-6225 {
  color: #dad1d1;
  background-color: #3d3939;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-6226 {
  background-color: #cec8c84f;
  border-radius: 3px;
  width: 40%;
  height: 50%;
}

.div-block-6227 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.div-block-6228 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #3838380a;
  border-radius: 4px;
  justify-content: space-between;
  padding: 5px 10px 8px;
  display: flex;
}

.div-block-6229 {
  color: #fff;
  background-color: #978f8f;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-6230 {
  color: #464646;
  font-size: 11px;
  font-weight: 500;
}

.div-block-6231 {
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.div-block-6232 {
  padding: 10px;
}

.div-block-6233 {
  padding: 0 10px 10px;
}

.div-block-6234 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  height: 100%;
  padding-top: 0;
  display: flex;
  overflow: auto;
}

.div-block-6235 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 1px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.color_sample_unit {
  cursor: pointer;
  border: 1px solid #616161;
  border-radius: 99px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}

.div-block-6236 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-6236._48 {
  width: 50%;
}

.div-block-6237 {
  opacity: 0;
  background-color: #272727cc;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6237:hover {
  opacity: 1;
}

.div-block-6238 {
  color: #4d4d4d;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}

.div-block-6239 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6240 {
  background-color: #d6cece9c;
  border-radius: 99px;
  width: 3px;
  min-width: 3px;
  height: 3px;
  min-height: 3px;
}

.div-block-6241 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  cursor: pointer;
  border-left: 1px solid #9e9e9e00;
  border-right: 1px solid #9e9e9e00;
  border-radius: 1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 30px;
  margin-left: 0;
  margin-right: 0;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.div-block-6241:hover {
  background-color: #3a3636;
  border-left-color: #9e9e9e00;
}

.div-block-6241.is_hovering {
  border-left-color: #9e9e9e30;
  border-right-color: #9e9e9e30;
  width: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-6241.is_hovering:hover {
  border-left-color: #9e9e9e00;
  border-right-color: #9e9e9e00;
}

.slide_media_item {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slide_media_item.layout2 {
  border-radius: 12px;
  overflow: hidden;
}

.image-719 {
  object-fit: cover;
  height: 100%;
}

.image-720 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.form-27-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.form-27-copy.is_h {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
}

.text_content_block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 0 5px;
  display: flex;
  position: relative;
}

.text_content_block.spaced {
  margin-top: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.text_content_block.spaced.white {
  margin-top: 0;
}

.align_panels_ {
  border: 0 solid #3b3b3b;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.align_panels_.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

.align_panels_.is_custom {
  height: 75px;
  min-height: 75px;
}

.align_panels_._24 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  height: 27px;
}

.div-block-6243 {
  background-color: #707070;
  border: 1px solid #323232;
  border-radius: 4px;
  width: 58px;
  height: 27px;
}

.div-block-6244 {
  color: #afa7a7;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
}

.div-block-6244.has_value {
  color: #93bae2;
  cursor: pointer;
  background-color: #1a2d418a;
}

.div-block-6244.is_btn {
  cursor: pointer;
}

.div-block-6244.is_btn:hover {
  color: #a8a8a8;
}

.div-block-6244.fixed {
  width: 55px;
  min-width: 55px;
}

._2div-block-6133-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #3b3b3b;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

._2div-block-6133-copy-copy.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

._2div-block-6133-copy-copy.is_custom {
  height: 75px;
  min-height: 75px;
}

._2div-block-6133-copy-copy._24 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

._2div-block-6133-copy-copy.small {
  width: 60px;
  min-width: 60px;
}

._2div-block-6133-copy-copy._120 {
  min-width: 95px;
}

._2div-block-6133-copy-copy.full {
  width: 100%;
}

._2div-block-6133-copy-copy.regular {
  width: auto;
}

._2div-block-6133-copy-copy._30 {
  width: 40%;
}

.div-block-6245 {
  z-index: 5;
  color: #000000f7;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #3d3d3d57;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 10px;
  font-weight: 700;
  transition: all .1s;
  display: flex;
  position: relative;
  top: 8px;
}

.div-block-6245:hover {
  color: #ece1e1ba;
  background-color: #111;
  border-color: #4747471f;
}

.div-block-6245.is_active {
  color: #fffffff0;
  background-color: #1eb136;
  border-color: #1eb136;
}

.div-block-6245.is_active:hover {
  background-color: #202020;
  border-color: #252525;
}

.div-block-6246 {
  justify-content: center;
  align-items: flex-start;
  min-width: 25px;
  height: 100%;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  right: 2px;
}

._1div-block-5430-copy {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

._1div-block-5430-copy.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

._1div-block-5430-copy.noborder._50 {
  width: 50%;
}

._1div-block-5430-copy.noborder.small {
  width: 50%;
  max-width: none;
  margin-left: 0;
}

._1div-block-5430-copy.spaced {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  box-shadow: none;
  border-width: 0;
  border-radius: 0;
  height: 20px;
}

._1div-block-5430-copy.light {
  pointer-events: auto;
  background-color: #fff;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 6px;
  height: 42px;
  position: relative;
  box-shadow: 0 0 10px #0000000a;
}

._1div-block-5430-copy.light:hover {
  background-color: #fafaf0;
}

._1div-block-5430-copy.is_custom_ui {
  box-shadow: none;
  border-width: 0;
  justify-content: flex-end;
  height: 100%;
}

._1div-block-5430-copy.small {
  max-width: 36px;
  margin-left: 5px;
}

._1div-block-5430-copy.is_custom {
  height: 75px;
  min-height: 75px;
}

._1div-block-5430-copy.white {
  box-shadow: none;
  border-width: 1px 0;
  border-color: #e7e7e7 #d3c8c8 #e7e4e4;
  border-radius: 0;
  height: 61px;
  overflow: visible;
}

._1div-block-5430-copy.hidden {
  display: none;
}

.div-block-6242-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.div-block-6025-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-6247 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.div-block-6247.is_active {
  opacity: 1;
}

.div-block-6248 {
  background-color: #ccc;
  width: 1px;
  height: 200%;
  position: absolute;
  top: -20px;
}

.div-block-6248.is_first {
  top: 28%;
}

.div-block-6248.is_last {
  top: auto;
  bottom: 50%;
}

.audio_track_item_adv {
  background-color: #64646400;
  border-radius: 1px;
  width: 100%;
  height: 24px;
  padding-top: 1px;
  position: relative;
  overflow: hidden;
}

.audio_track_item_adv.is_inactive {
  display: none;
}

.audio_track_comp {
  border: 0 solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.audio_track_comp.is_inactive {
  display: none;
}

.div-block-6249 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.resize_track_container {
  border-top: 1px solid #68686870;
  width: 100%;
  height: 44px;
  display: flex;
}

.resize_track_container.is_active {
  background-color: #3b3b3b;
  padding-left: 0;
  display: flex;
}

.resize_track_container.is_active:hover {
  background-color: #252525;
}

.resize_track_container.large {
  height: 46px;
}

.resize_track_container._2large-copy {
  z-index: 1;
  background-color: #fff;
  border: 0 solid #000;
  border-top: 1px solid #e6e6e6;
  height: 44px;
  position: relative;
}

.div-block-6250 {
  border-right: 1px solid #97979736;
  padding: 13px;
}

.div-block-6251 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding-left: 9px;
  display: flex;
}

.div-block-6252 {
  z-index: 6;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 1;
  border: 0 solid #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.div-block-6252:hover {
  opacity: 1;
}

.div-block-6252.zero {
  border-bottom-style: dashed;
  border-bottom-color: #4d4d4d9c;
  padding-left: 0;
}

.div-block-6253 {
  background-color: #b6b6b617;
  width: 100%;
  height: 1px;
  position: relative;
  left: 0;
}

.div-block-6254 {
  width: 100%;
}

.div-block-6181-copy {
  opacity: 1;
  color: #d4cfcf;
  background-color: #444;
  border-right: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 27px;
  font-size: 18px;
  transition: all .1s;
  display: flex;
  box-shadow: 0 0 3px #0003;
}

.div-block-6181-copy:hover {
  color: #c0baba;
  background-color: #1b1b1bd6;
}

.div-block-6181-copy.is_inactive {
  opacity: 0;
  display: none;
}

.div-block-6255 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #525252;
  white-space: nowrap;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-6255.is_hidden {
  display: none;
}

.audio_bars {
  width: 100%;
  display: none;
}

.div-block-6256 {
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-6257 {
  z-index: 50;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-6258 {
  color: #c7c7c7;
  cursor: pointer;
  background-color: #27272738;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-6258:hover {
  background-color: #dad4d438;
}

.div-block-6258.is_hidden {
  display: none;
}

.div-block-6259 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
  position: absolute;
  right: 0;
}

.div-block-6260 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 0;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6260.is_active {
  height: 1em;
}

.cta_secondary_el-copy {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
}

.div-block-6261 {
  background-color: #ffffff8f;
  border-radius: 5px;
  width: 4px;
  height: 3px;
  transition: all .15s cubic-bezier(.165, .84, .44, 1);
}

.div-block-6261.is_hover {
  background-color: #2b2b2be0;
}

.div-block-6262 {
  z-index: 100;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  cursor: pointer;
  background-color: #24242475;
  border: 0 solid #00000036;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: .6em;
  min-width: 35px;
  height: .6em;
  min-height: 35px;
  display: flex;
  position: absolute;
  bottom: .5em;
  right: .5em;
  box-shadow: 0 2px 5px #0003;
}

.div-block-6262.is_hover {
  background-color: #ffffffd6;
}

.div-block-6263 {
  border: 2px solid #ececec1f;
  border-radius: 99px;
  width: 100%;
  height: 100%;
  transition: all .15s;
  position: absolute;
}

._2div-block-6177-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #9b9191;
  border-left: 0 solid #454545;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  font-size: 20px;
  display: flex;
}

._2div-block-6177-copy:hover {
  background-color: #3b3b3b;
}

._2div-block-6177-copy.is_hidden, .div-block-6264 {
  display: none;
}

.div-block-6264.is_inactive {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.floating_fonts_native {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 290px;
  max-width: 500px;
  box-shadow: 0 2px 11px #0003;
}

.div-block-6208-copy {
  z-index: 10;
  pointer-events: auto;
  cursor: nesw-resize;
  background-color: #fff;
  border: 1px solid #007df0;
  border-radius: 99px;
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px;
  box-shadow: 0 2px 11px #0000001a;
}

.div-block-6208-copy:hover {
  background-color: #007df0;
}

.div-block-6208-copy.is_hidden {
  display: none;
}

.div-block-6208-copy.tl {
  cursor: nwse-resize;
  top: -5px;
  left: -6px;
}

.div-block-6208-copy.tr {
  top: -5px;
  right: -6px;
}

.div-block-6208-copy.br {
  cursor: nwse-resize;
  bottom: -5px;
  right: -6px;
}

.div-block-6208-copy.bl {
  bottom: -5px;
  left: -6px;
}

.div-block-6208-copy.is_moving {
  opacity: .1;
  transition: opacity .2s;
}

.div-block-6208-copy.is_editing {
  display: none;
}

.div-block-6265 {
  background-color: #d5cccc;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-6266 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.picker_highlights {
  padding-top: 5px;
  display: none;
}

.picker_highlights.active {
  flex-flow: column;
  display: flex;
}

.div-block-6267 {
  display: flex;
}

.scene_custom_element {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6268 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.div-block-6269 {
  flex-flow: column;
  display: flex;
}

.about_el {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #a3a0a06b;
  text-align: left;
  white-space: normal;
  border: 0 solid #8d8d8d;
  border-bottom: 1px solid #7a7a7a54;
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.custom_element_config {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.nws_responsive {
  border: 1px solid #bdbdbd80;
  border-radius: 4px;
  width: 100%;
  height: 600px;
  font-size: 60px;
  line-height: 60px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px 2px #00000003;
}

.nws_responsive_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-6271 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-6272 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6273 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 4px 5px 4px 10px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-6273:hover {
  color: #e2d7d7;
  background-color: #1a1a1a;
}

.div-block-6020-copy {
  z-index: 500;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  color: #dbdbdb;
  cursor: pointer;
  background-color: #ebf4f8;
  border: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  transition: all cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6020-copy:hover {
  color: #a7a7a7;
  background-color: #adb3ba;
}

.div-block-6020-copy.is_hover {
  background-color: #ebf4f8;
}

.div-block-6020-copy.is_active_scene {
  cursor: grab;
  background-color: #edf2ef;
}

.div-block-6020-copy.is_draggable {
  cursor: grab;
}

.div-block-6020-copy.is_elastic {
  cursor: progress;
}

.floating_container_native {
  z-index: 1001;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.floating_widget_native {
  pointer-events: auto;
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 260px;
  display: none;
  position: absolute;
  top: 60px;
  right: 250px;
  box-shadow: 0 2px 11px #0003;
}

.floating_widget_native.is_visible {
  max-width: 400px;
  display: flex;
  top: 216px;
  right: 521px;
}

.floating_widget_native.is_elastic {
  transition: all .6s cubic-bezier(.77, 0, .175, 1);
}

.div-block-6274 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 12px 0;
  display: flex;
}

.div-block-6274.top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 25px;
  overflow: visible;
}

.div-block-6275 {
  color: #8a8a8a;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.div-block-6275:hover {
  color: #eee;
}

.div-block-6170-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #8f8f8f;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 150px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-6170-copy.is_empty {
  padding-left: 12px;
}

.track_cont {
  z-index: 1;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  transition: all .35s cubic-bezier(.77, 0, .175, 1);
  display: none;
  position: relative;
  overflow: hidden;
}

.track_cont.is_active_scene {
  z-index: 2;
  border-right: 0 solid #ddd;
  flex-flow: row;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.content_track {
  z-index: 12;
  color: #a1a1a1;
  background-color: #fff;
  border-top: 0 solid #dadada;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.content_track:hover {
  color: #a11b1b;
}

.content_track.is_collapsed {
  max-height: 40px;
  overflow: hidden;
}

.content_track.lightscroll {
  overflow: visible;
}

.content_track.is_active_scene {
  z-index: 30;
  background-color: #fcfcfc;
}

.div-block-5255-copy {
  z-index: 20;
  background-color: #fff0;
  border-top: 0 solid #e9e9e900;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.div-block-5255-copy.expanded {
  background-color: #f4f8fa;
  border-top-left-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  top: -53px;
}

.div-block-5255-copy.bottom {
  box-shadow: none;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  padding-left: 15px;
  position: static;
  bottom: 0;
}

.div-block-5255-copy.timelineactive {
  z-index: 1;
}

.div-block-6188-copy {
  color: #303030;
  white-space: nowrap;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
}

.div-block-6276 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6167-copy {
  color: #00000080;
  border-right: 1px solid #c0bfbf08;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 100%;
  display: flex;
  position: absolute;
  right: 0;
}

.div-block-6277 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #ddd;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0;
  display: flex;
}

.div-block-6278 {
  width: 100%;
  height: 100%;
}

.story_audio_track {
  border-top: 1px solid #e6e6e6;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-6280 {
  background-color: #f5f9fd;
  border-bottom: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
  position: relative;
}

.div-block-6281, .div-block-6282 {
  width: 100%;
}

.div-block-6283 {
  z-index: 20;
  pointer-events: none;
  background-color: #373ac5;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.div-block-6283.single {
  background-color: #373ac570;
  height: 1px;
}

.div-block-6283._0 {
  z-index: 11000;
  height: 0;
  bottom: 0;
}

.hover_controls {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #4d4d4d;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  font-size: 10px;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 0;
}

.hover_controls:hover {
  opacity: 1;
}

.hover_controls.is_over {
  z-index: 50;
  opacity: 1;
  width: auto;
  height: 40px;
  bottom: 0;
}

.hover_controls.audio {
  z-index: 60;
  opacity: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: grab;
  border: 0 solid #000;
  transition-duration: .1s;
  bottom: 0;
}

.hover_controls.audio.is_active {
  z-index: 999;
  opacity: 1;
  height: 100%;
}

.div-block-6285 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  cursor: pointer;
  background-color: #fff;
  border-right: 1px solid #cfcfcf8a;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-6285:hover {
  color: #ebe3e3;
  background-color: #363535;
}

.div-block-6285.dropdown {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-6285.is_dark {
  color: #f5f4f4;
  background-color: #2e2e2e;
}

.div-block-6285.vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 11px;
}

.audio_track_container {
  background-color: #d3d3d300;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: -2px;
}

.audio_track_container.is_audio, .audio_track_container.is_sfx, .audio_track_container.is_voiceover {
  display: flex;
}

.cursor_options {
  z-index: 999999;
  color: #2b2b2b;
  white-space: nowrap;
  background-color: #e6e6e617;
  border: 1px solid #e7e7e7;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  height: 25px;
  max-height: 36px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.cursor_options.nb {
  background-color: #292929;
  border-bottom: 1px solid #e0e0e04a;
  border-radius: 0;
  height: 51px;
  min-height: 51px;
  font-size: 15px;
}

.cursor_options.nb-copy {
  background-color: #292929;
  border-bottom: 1px solid #e0e0e04a;
  border-radius: 0;
  height: 51px;
  min-height: 51px;
  font-size: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cursor_options.nb-copy.is_hover {
  background-color: #29292900;
  border-bottom-width: 0;
  width: 200px;
  height: 30px;
  min-height: 30px;
  display: flex;
  top: auto;
  left: auto;
  right: 0;
}

.cursor_options.blue {
  border-color: #063cff;
}

.cursor_options.blue.shift {
  position: relative;
}

.cursor_options.blue.is_clear {
  border-width: 0;
  border-radius: 0;
}

.cursor_options.blue.transitioned {
  width: 100px;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
}

.cursor_options.blue.transitioned.is_hover {
  background-color: #ffffff17;
  width: 500px;
}

.cursor_options.blue.transitioned.is_dragging {
  pointer-events: none;
  width: 25px;
}

.cursor_options.blue.transitioned.is_early {
  width: 25px;
}

.cursor_options.blue.animator {
  width: 30px;
  height: 22px;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
}

.cursor_options.blue.animator.is_hover {
  background-color: #ffffff17;
  width: 500px;
}

.cursor_options.blue.animator.is_dragging {
  pointer-events: none;
  width: 25px;
}

.cursor_options.blue.animator.is_early {
  width: 25px;
}

.cursor_options.blue.transitioned_2 {
  z-index: 30;
  opacity: 0;
  width: 100px;
  display: none;
  position: absolute;
  top: 0;
}

.cursor_options.blue.transitioned_2.is_hover {
  background-color: #ffffff17;
  width: 500px;
}

.cursor_options.blue.transitioned_2.is_dragging {
  pointer-events: none;
  width: 25px;
}

.cursor_options.blue.transitioned_2.is_early {
  width: 25px;
}

.cursor_options.blue.transitioned_2.is_active {
  opacity: 1;
  display: flex;
}

.cursor_options.is_hiden {
  display: none;
}

.div-block-6287 {
  z-index: 999999;
  background-color: #a14242;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -24px;
}

.track_controls_panel {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  pointer-events: auto;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 65px;
  padding-left: 0;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: -65px;
}

.track_controls_panel.is_active_scene {
  opacity: 1;
  pointer-events: auto;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
}

.track_controls_panel.is_hidden {
  display: none;
}

.div-block-6188-copy-copy {
  white-space: nowrap;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
}

.div-block-6289 {
  font-weight: 700;
  line-height: 10px;
}

.div-block-6289.faded {
  opacity: .5;
}

.div-block-6290 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.layer_line_item {
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  max-height: 44px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layer_line_item.is_audio {
  background-color: #e9ebd330;
}

.layer_line_item.is_media {
  background-color: #d3e2eb30;
}

.layer_line_item.centered {
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 700;
}

.layer_line_item.centered:hover {
  color: #ebebeb;
  background-color: #063cff;
}

.layer_line_item.side_info {
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.div-block-6292 {
  border-right: 1px solid #e9e9e9;
  width: 40px;
  min-width: 40px;
  height: 100%;
}

.div-block-6292.full {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.scene_layers_holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f1f1f1;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.drag_handle2 {
  z-index: 90000;
  opacity: 1;
  color: #373737;
  cursor: ew-resize;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #d6d6d6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  font-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.drag_handle2:hover {
  color: #fff;
  background-color: #fff;
  border-left-color: #c6c6c7a3;
}

.drag_handle2.rel {
  padding-top: 0;
  position: relative;
}

.drag_handle2.is_dragging {
  color: #e4e9eb;
  background-color: #063cff;
  border-left-color: #063cff;
}

.drag_handle2.is_hidden {
  display: none;
}

.drag_handle2.is_media {
  color: #040404;
}

.drag_handle2.is_video {
  z-index: 90;
  color: #101010;
  background-color: #fff;
  height: 100%;
}

.drag_handle2.is_video.is_start {
  border-left-width: 0;
  left: 0;
  right: auto;
}

.bg_pattern {
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6295 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-6296 {
  z-index: 3;
  padding-left: 10px;
  position: relative;
  left: 0;
}

.media_action_item {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #063cff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e1e1e4;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.media_action_item:hover {
  color: #e2e5ee;
  background-color: #063cff;
  border-color: #063cff;
}

.layer_content_cont {
  z-index: 50;
  pointer-events: auto;
  cursor: grab;
  background-color: #f3f2ee;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #d6d6d6;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 250px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 157px;
}

.layer_content_cont.is_media {
  width: 100%;
  position: absolute;
  left: 0;
}

.layer_content_cont.is_elastic {
  transition: all .32s cubic-bezier(.68, -.55, .265, 1.55);
}

.layer_content_cont.temp {
  left: 426px;
}

.layer_content_cont.is_selected {
  box-shadow: 7px 7px #8d93d433;
}

.border_line {
  z-index: 100;
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
}

.border_line.bottom {
  top: auto;
  bottom: 0;
}

.border_line.bottom.large {
  z-index: 50;
  width: 100%;
  bottom: 1px;
  left: 0;
}

.border_line.bottom.large._10 {
  z-index: 10;
}

.border_line.relative {
  background-color: #e2e2e229;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.border_el {
  z-index: 40;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.border_el._500 {
  width: 500%;
}

.border_el.text {
  z-index: 55;
}

.border_el.text.is_over {
  z-index: 40;
}

.div-block-6297 {
  z-index: 10;
  height: 100%;
  padding: 0;
  transition: all .35s cubic-bezier(.77, 0, .175, 1);
  position: relative;
}

.div-block-6297.is_hover {
  padding: 0;
}

.div-block-6298 {
  position: absolute;
  right: 10px;
}

.div-block-6299 {
  z-index: 30;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  display: flex;
  position: absolute;
}

.timeline_audio_item {
  z-index: 999999;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  pointer-events: auto;
  color: #a09898;
  cursor: grab;
  background-color: #fff;
  border-left: 1px solid #d6d6d6;
  border-right: 0 solid #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  min-width: 200px;
  height: 100%;
  padding: 15px 0 0;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: 0;
  left: 67px;
  overflow: hidden;
}

.timeline_audio_item:hover, .timeline_audio_item.is_over {
  background-color: #e5f8ff;
}

.timeline_audio_item.is_elastic {
  transition: all .32s cubic-bezier(.68, -.55, .265, 1.55);
}

.timeline_audio_item.is_selected {
  background-color: #e5f8ff;
}

.audio_layers {
  z-index: 5;
  width: 100%;
  position: relative;
}

.audio_line_item {
  z-index: 1;
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.audio_line_item:hover {
  z-index: 10;
}

.audio_line_item.is_audio {
  background-color: #e9ebd330;
}

.audio_line_item.is_media {
  background-color: #d3e2eb30;
}

.audio_line_item.centered {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}

.audio_line_item.is_over {
  z-index: 1000;
  background-color: #f4fafc;
}

.nav_spacer {
  background-color: #f6f6f6;
  width: 100%;
  height: 0;
  transition: all .35s cubic-bezier(.77, 0, .175, 1);
}

.nav_spacer.is_expanded {
  justify-content: flex-end;
  align-items: center;
  height: 132px;
  display: flex;
}

.audio_spacer {
  background-color: #f6f6f6;
  height: 0;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
}

.div-block-6300 {
  color: #bbb1b1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  font-size: 11px;
  display: none;
}

.div-block-6300.active {
  display: flex;
}

.div-block-6301 {
  color: #bab3b39e;
  white-space: normal;
  padding: 0;
  font-size: 11px;
  line-height: 17px;
}

.div-block-6302 {
  text-align: left;
  background-color: #fff;
  padding-top: 0;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 11px;
  font-weight: 400;
  position: static;
  top: 0;
  left: 0;
}

._2timeline_chapter-copy {
  background-color: #a8a5a5;
  border: 0 solid #e2e1e1;
  border-radius: 3px;
  width: 1px;
  min-width: 1px;
  height: 3px;
  min-height: 3px;
  transition: all .35s cubic-bezier(.77, 0, .175, 1);
}

.image-722 {
  width: 100%;
}

.div-block-6303 {
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: absolute;
  left: -15px;
}

.rich_input_audio {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  display: flex;
}

.rich_input_audio._100 {
  justify-content: space-between;
  width: 100%;
}

.rich_input_audio._100.margin {
  margin-right: 0;
}

.rich_input_audio.full {
  width: 100%;
}

.rich_input_audio.full.hidden {
  display: none;
}

.rich_input_audio.full.top {
  align-items: flex-start;
}

.rich_input_audio.fullsplit {
  justify-content: space-between;
  width: 100%;
}

.rich_input_audio._48 {
  width: 47.5%;
}

.rich_input_audio._48.hidden {
  display: none;
}

.rich_input_audio.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.rich_input_audio.on_timeline {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.rich_input_audio.on_timeline.hidden {
  display: none;
}

.rich_input_audio.on_timeline.top {
  align-items: flex-start;
}

.div-block-6304 {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d6d3d3;
  border-radius: 99px;
  width: 20px;
  height: 20px;
  padding: 5px;
  position: relative;
  top: 5px;
}

.div-block-6304:hover {
  border-color: #424040;
}

.div-block-6305 {
  background-color: #38383814;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-6305.is_active {
  background-color: #801818;
}

.div-block-6306 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.floating_themes {
  pointer-events: auto;
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 260px;
  display: none;
  position: absolute;
  top: 60px;
  left: 350px;
  box-shadow: 0 2px 11px #0003;
}

.floating_themes.is_visible {
  min-width: 330px;
  max-width: 330px;
  height: auto;
  display: flex;
}

.div-block-6307 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  display: flex;
}

.floating_audio_library {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 500px;
  max-width: 500px;
  box-shadow: 0 2px 11px #0003;
}

.audio_element {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #8b8b8b;
  cursor: default;
  border-bottom: 1px solid #6e6e6e24;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 9px 10px 6px;
  font-size: 12px;
  display: flex;
}

.audio_element:hover {
  color: #eeeded;
  background-color: #c9c9c91a;
  border-bottom-color: #6e6e6e00;
}

.audio_element.active {
  color: #d3d3d3;
  background-color: #7a7a7a78;
}

.audio_element.audio_panel {
  background-color: #e5d8d808;
  border: 1px solid #3a3a3a;
  padding: 12px 16px 12px 12px;
}

.audio_element.audio_panel:hover {
  border-color: #202020;
}

.audio_element.audio_panel-copy {
  border: 0 solid #000;
  padding: 0;
}

.audio_element.audio_panel-copy:hover {
  background-color: #c9c9c900;
  border-color: #202020;
}

.media_play_item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  cursor: pointer;
  background-color: #c5c0c01c;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.media_play_item:hover {
  color: #1f1f1f;
  background-color: #e6e6e6e3;
}

.media_play_item.fixed {
  color: #cfc8c8;
  white-space: nowrap;
  width: 65px;
  min-width: 65px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
}

.media_play_item.fixed:hover {
  color: #313131;
}

.media_play_item.fixed.is_active {
  color: #141414;
  background-color: #e6e3e3ba;
}

.media_play_item.fixed.audio {
  color: #f0f0f0;
  background-color: #c5c0c000;
  border: 2px solid #c2c2c2;
  border-radius: 99px;
  width: 80px;
  min-width: 80px;
  font-size: 10px;
  font-weight: 500;
}

.media_play_item.fixed.audio:hover {
  color: #1d1d1d;
  background-color: #e2dddd;
}

.media_play_item.fixed.audio.small {
  width: 80px;
  min-width: 80px;
}

.media_play_item.fixed.audio.small._100 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  height: 27px;
}

.media_play_item.fixed_nolabel {
  color: #cfc8c8;
  white-space: nowrap;
  width: 40px;
  min-width: 40px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
}

.media_play_item.fixed_nolabel:hover {
  color: #313131;
}

.media_play_item.fixed_nolabel.is_active {
  color: #141414;
  background-color: #e6e3e3ba;
}

.media_play_item.fixed_nolabel.audio {
  color: #f0f0f0;
  background-color: #c5c0c000;
  border: 2px solid #c2c2c2;
  border-radius: 99px;
  width: 80px;
  min-width: 80px;
  font-size: 10px;
  font-weight: 500;
}

.media_play_item.fixed_nolabel.audio:hover {
  color: #1d1d1d;
  background-color: #e2dddd;
}

.media_play_item.fixed_nolabel.audio.small {
  width: 80px;
  min-width: 80px;
}

.media_play_item.fixed_nolabel.audio.small._100 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  height: 27px;
}

.div-block-6308 {
  font-family: Materialicons_old, sans-serif;
  font-size: 14px;
}

.div-block-6309 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-6310 {
  background-color: #414141;
  width: 100%;
  height: 3px;
  position: relative;
  overflow: hidden;
}

.div-block-6310._15 {
  height: 25px;
}

.div-block-6311 {
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-6311.upload_audio {
  color: #9c9c9ccc;
  cursor: pointer;
  padding-left: 14px;
  padding-right: 14px;
}

.div-block-6311.upload_audio:hover {
  color: #fffc;
  background-color: #8f8c8c1a;
}

.div-block-6311.upload_audio.visible {
  color: #c4c4c4;
}

.div-block-6312 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6313 {
  z-index: 2;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #1f1f1f1f;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
}

.media_layers {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.media_line_item {
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_line_item.is_audio {
  z-index: 1;
  background-color: #e9ebd300;
}

.media_line_item.is_audio.is_over {
  z-index: 1000;
}

.media_line_item.is_media {
  background-color: #d3e2eb30;
}

.media_line_item.centered {
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 700;
}

.media_line_item.centered:hover {
  color: #ebebeb;
  background-color: #063cff;
}

.media_line_item.side_info {
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.media_line_item.is_media {
  z-index: 5;
  color: #a0a0a0;
  background-color: #fff;
  height: auto;
  min-height: 40px;
  max-height: none;
  overflow: hidden;
}

.media_line_item.is_media:hover {
  color: #a22828;
}

.media_line_item.is_media.is_over {
  z-index: 49;
  background-color: #f4fafc;
}

.media_line_item.is_media.is_selected {
  z-index: 50;
  overflow: visible;
}

.text_line_item {
  background-color: #e9ebd300;
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text_line_item.is_audio {
  z-index: 1;
  background-color: #e9ebd300;
  min-height: 40px;
}

.text_line_item.is_audio:hover {
  z-index: 10;
}

.text_line_item.is_audio.is_over {
  z-index: 1000;
  overflow: visible;
}

.text_line_item.is_media {
  background-color: #d3e2eb30;
}

.text_line_item.centered {
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 700;
}

.text_line_item.centered:hover {
  color: #ebebeb;
  background-color: #063cff;
}

.text_line_item.side_info {
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.text_line_item.is_over {
  z-index: 1000;
  background-color: #f4fafc;
  overflow: visible;
}

.div-block-6314 {
  color: #1b1b1b;
  font-size: 10px;
  font-weight: 500;
}

.div-block-6314.hidden {
  display: none;
}

.track_controls_panel-copy {
  z-index: 8500;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  padding-left: 50px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: -44px;
}

.track_controls_panel-copy.is_hover {
  opacity: 1;
  pointer-events: auto;
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  padding-left: 10px;
}

.div-block-6315 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-6316 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6317 {
  height: 100%;
}

.all_border_1 {
  z-index: 299;
  opacity: .49;
  pointer-events: none;
  border: 0 solid #d1d1d1;
  width: 100%;
  height: 100%;
  transition: all 5ms;
  position: absolute;
  top: -1px;
  left: 0;
}

.all_border_1.is_active_scene {
  z-index: 5000;
  opacity: 1;
  border-width: 1px;
  border-color: #5f82e9;
  border-radius: 0;
  top: 0;
}

.all_border_1.is_elastic {
  opacity: 1;
  border-color: #25af2f;
}

.div-block-6318 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-6319 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-6320 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.panel_el_1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #3b3b3b;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.panel_el_1.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

.panel_el_1.is_custom {
  height: 75px;
  min-height: 75px;
}

.panel_el_1._24 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.panel_el_1.small {
  width: 60px;
  min-width: 60px;
}

.panel_el_1._120 {
  min-width: 95px;
}

.panel_el_1.full {
  width: 100%;
}

.panel_el_1.regular {
  width: auto;
}

.panel_el_1._30 {
  width: 40%;
}

.panel_el_1.vertical {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.panel_el_1.wrap {
  white-space: normal;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-6321 {
  color: #e5dcdc;
  border-bottom: 1px solid #dfdfdf24;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-right: 5px;
  display: flex;
}

.div-block-6322 {
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15px;
  display: flex;
  position: absolute;
  top: -12px;
}

.div-block-6323 {
  font-family: NeueHaasGrotText-65Medium-Web, sans-serif;
  font-size: 20px;
}

.panel_animations {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.panel_animations.noselect {
  height: 100%;
  overflow: auto;
}

.popup_animations_setup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  min-width: 380px;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 10px #0000004d;
}

.popup_animations_setup.public-panel-hidden {
  display: none;
}

.popup_animations_setup.nospaced {
  padding-bottom: 0;
}

.div-block-6324 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6325 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ddd;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.div-block-6326 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  padding-left: 18px;
  display: flex;
}

.div-block-6326.left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  padding-left: 5px;
}

.div-block-6326.no-padding {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  padding-left: 0;
}

.div-block-6327 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 8px;
  display: none;
}

.div-block-6327.active {
  align-items: stretch;
  display: flex;
}

.div-block-6327.is_keyframes {
  display: flex;
}

.div-block-6328 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6329 {
  opacity: .25;
  justify-content: flex-start;
  align-items: center;
  width: 70px;
  height: 20px;
  display: flex;
}

.div-block-6330 {
  background-color: #8f8c8c;
  width: 100%;
  height: 1px;
}

.div-block-6331 {
  border: 1px solid #b9a2a2;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
}

.image-723 {
  filter: invert();
  width: 10px;
  min-width: 10px;
}

.div-block-6332 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6333 {
  color: #d4c9c9;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 9px;
}

.div-block-6334 {
  color: #c5bdbd;
  min-width: 25px;
  height: 100%;
  padding-right: 10px;
  font-size: 11px;
}

.div-block-6335 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-right: 18px;
  display: flex;
  position: relative;
}

.div-block-6335.left {
  justify-content: center;
  align-items: flex-start;
  padding-right: 0;
}

.div-block-6336 {
  opacity: .35;
  cursor: pointer;
  border: 1px solid #7e7e7e;
  border-left-width: 0;
  border-radius: 1px;
  justify-content: flex-end;
  align-items: center;
  width: 12px;
  height: 46%;
  display: flex;
  position: absolute;
  top: 11px;
  right: 10px;
}

.div-block-6336:hover {
  opacity: .8;
}

.div-block-6336.active {
  opacity: 1;
}

.div-block-6336._100 {
  height: 75%;
}

.div-block-6337 {
  background-color: #292929;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: absolute;
  right: -9px;
}

.image-724 {
  opacity: 1;
  filter: invert();
}

.div-block-5420-copy {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  border-bottom: 1px solid #444;
  justify-content: flex-start;
  align-items: center;
  height: 51px;
  min-height: 51px;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-5420-copy.spaced2 {
  cursor: grab;
  height: 41px;
  min-height: 41px;
  padding-left: 0;
}

.div-block-5420-copy.spaced2.is_keyframes {
  display: none;
}

.div-block-5420-copy.keyframes {
  cursor: grab;
  height: 41px;
  min-height: 41px;
  padding-left: 0;
  display: none;
}

.div-block-5420-copy.keyframes.is_keyframes {
  display: flex;
}

._1div-block-5358-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

._1div-block-5358-copy.border_top {
  border-top-width: 1px;
  border-top-color: #333;
}

._1div-block-5358-copy.border_top.vertical {
  flex-direction: column;
}

._1div-block-5358-copy.border_top._5 {
  margin-bottom: 0;
}

._1div-block-5358-copy.border_top.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

._1div-block-5358-copy.border_top.nospace.hidden {
  display: none;
}

._1div-block-5358-copy.border_top._2nospace-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

._1div-block-5358-copy.border_top._2nospace-copy.hidden, ._1div-block-5358-copy.public-panel-hidden {
  display: none;
}

._1div-block-5358-copy.s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

._1div-block-5358-copy.border_top-copy {
  border-top-width: 1px;
  border-top-color: #333;
}

._1div-block-5358-copy.border_top-copy.vertical {
  flex-direction: column;
}

._1div-block-5358-copy.border_top-copy._5 {
  margin-bottom: 0;
}

._1div-block-5358-copy.border_top-copy.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

._1div-block-5358-copy.border_top-copy.nospace.hidden {
  display: none;
}

._1div-block-5358-copy.border_top-copy._2nospace-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
}

._1div-block-5358-copy.border_top-copy._2nospace-copy.hidden, ._1div-block-5358-copy.is_hidden {
  display: none;
}

.transform_setup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 0 0 0 10px;
  display: flex;
}

.transform_setup.public-panel-hidden {
  display: none;
}

.transform_setup.nospaced {
  padding-bottom: 0;
}

.div-block-6338 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6339 {
  z-index: 3;
  color: #141414;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-width: 85px;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.div-block-6339.active {
  color: #e2dddd;
}

.div-block-6340 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f1f1f1;
  border: 1px solid #86868614;
  border-radius: 99px;
  padding: 3px;
  display: flex;
  position: relative;
}

.keyframe_selector {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.keyframe_selector.full {
  justify-content: flex-start;
  width: 100%;
}

.div-block-6341 {
  display: flex;
}

.pill_12 {
  z-index: 1;
  color: #141414;
  cursor: pointer;
  background-color: #292929;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-width: 85px;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 3px;
}

.pill_12:hover {
  background-color: #fff;
}

.pill_12.active {
  color: #e2dddd;
}

.pill_12.keyframes {
  width: 85px;
  min-width: 85px;
  left: 89px;
}

.pill_12.keyframes:hover {
  background-color: #181764;
}

.floating_keyframe_templates {
  background-color: #292929;
  border: 0 solid #1b1b1b;
  border-radius: 3px;
  min-width: 400px;
  max-width: 400px;
  box-shadow: 0 2px 11px #0003;
}

.keyframe_element {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #8b8b8b;
  cursor: default;
  border-bottom: 1px solid #6e6e6e47;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 10px 9px 10px 20px;
  font-size: 12px;
  display: flex;
}

.keyframe_element:hover {
  color: #bebebe;
  background-color: #c9c9c91a;
  border-bottom-color: #6e6e6e00;
}

.keyframe_element.active {
  color: #d3d3d3;
  background-color: #7a7a7a78;
}

.track_status_el {
  z-index: 500;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #292929;
  border: 1px solid #86868614;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 3px;
  transition: padding .35s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 720px;
}

.track_status_el.active {
  padding-left: 3px;
  padding-right: 3px;
}

.pill_select {
  z-index: 2;
  color: #141414;
  cursor: pointer;
  background-color: #292929;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  left: 3px;
}

.pill_select:hover {
  background-color: #fff;
}

.pill_select.active {
  color: #e2dddd;
}

.pill_select.keyframes {
  left: 79px;
}

.pill_select.keyframes:hover {
  background-color: #181764;
}

.div-block-6342 {
  z-index: 1;
  background-color: #292929;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  transform: rotate(45deg);
}

.keyframe_sel {
  z-index: 3;
  color: #dbd7d7;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.keyframe_sel:hover {
  background-color: #585858;
}

.keyframe_sel.active {
  color: #3a3a3a;
  background-color: #fff;
}

.div-block-6343 {
  background-color: #e7ecf000;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
  position: absolute;
  top: 5.5px;
  left: 37px;
}

.div-block-6343._100 {
  left: auto;
  right: 0;
}

.div-block-6344 {
  background-color: #464646;
  border-radius: 99px;
  width: 6px;
  min-width: 7px;
  height: 6px;
  min-height: 7px;
}

.div-block-6345 {
  z-index: 2;
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #9b9b9b00;
  border-radius: 99px;
  padding: 5px 15px;
  font-size: 10px;
  line-height: 11px;
  transition: all .2s;
  position: absolute;
}

.div-block-6345.black {
  color: #292929;
  background-color: #fff;
  border: 1px solid #b3b3b3;
}

.div-block-6345.black.is_selected {
  color: #fff;
  background-color: #1f45ee;
  border-color: #1f45ee;
}

.div-block-6345.is_selected {
  border-width: 1px;
  border-color: #2f4fde;
}

.div-block-6345.is_hidden {
  display: none;
}

.div-block-6346 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-6346.is_selected {
  opacity: 1;
}

.timline_numbers {
  z-index: 999;
  border-top: 1px solid #fff0;
  justify-content: space-between;
  align-items: center;
  width: 500px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: absolute;
  left: 633px;
}

.timline_numbers.inelastic {
  transition-duration: 0s;
}

.timestart {
  color: #161616;
  background-color: #f1f1f1;
  border: 0 solid #000;
  border-radius: 1px;
  width: 45px;
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  left: 0;
}

.timestart.right {
  border: 0 solid #000;
  width: 45px;
  font-weight: 500;
  left: auto;
  right: -45px;
}

.timestart.mid {
  border: 0 solid #000;
}

.position_sel {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f1f1f1;
  border: 1px solid #86868614;
  border-radius: 99px;
  padding: 3px;
  display: none;
  position: relative;
}

.position_sel.is_active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 8px -1px #0000000a;
}

.control_element {
  z-index: 3;
  color: #141414;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 100%;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.control_element:hover {
  background-color: #e4e4e4;
}

.control_element.active {
  color: #e2dddd;
  background-color: #1a1a1a;
  justify-content: space-between;
  width: 85px;
  min-width: 85px;
  padding-right: 3px;
}

.control_element.og {
  min-width: 85px;
}

.control_element._100 {
  width: 100%;
}

.div-block-6349 {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 42px;
  padding-right: 0;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  left: 0;
}

.div-block-6349.is_selected {
  opacity: 1;
}

.div-block-6350 {
  background-color: #8696df;
  width: 100%;
  height: 1px;
}

.div-block-6351 {
  color: #6f72b3;
  justify-content: center;
  align-items: center;
  width: 8px;
  font-family: Materialicons_old, sans-serif;
  font-size: 13px;
  line-height: 13px;
  display: flex;
  position: relative;
  left: 0;
}

.div-block-6352 {
  border-left: 1px solid #8696df;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 7px;
  padding-left: 0;
  display: flex;
}

.control_element-copy {
  z-index: 3;
  color: #141414;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.div-block-6353 {
  padding-top: 10px;
}

.div-block-6354 {
  display: flex;
}

.div-block-6355 {
  cursor: ew-resize;
  background-color: #8e9fac;
  width: 1px;
  min-width: 1px;
  height: 10000px;
}

.div-block-6355:hover {
  background-color: #6b99b9;
}

.timeline_el_start {
  z-index: 10;
  color: #fff;
  background-color: #cf1919;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: absolute;
  left: 0;
}

.timeline_el_start.end {
  left: 100%;
}

.control_element-copy {
  z-index: 3;
  color: #141414;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.control_element-copy.active {
  color: #e2dddd;
  background-color: #1a1a1a;
  width: 80px;
  min-width: 80px;
}

.position_sel-cop2y {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f1f1f1;
  border: 1px solid #86868614;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
  display: flex;
  position: relative;
}

.position_sel-cop2y.is_active {
  display: flex;
}

.add_dropdow_b {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f1f1f1;
  border: 1px solid #86868614;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 7px 3px 12px;
  display: none;
  position: relative;
}

.add_dropdow_b:hover {
  color: #e0e0e0;
  background-color: #2e2e2e;
}

.add_dropdow_b.is_active {
  justify-content: flex-start;
  align-items: center;
  padding-left: 21px;
  padding-right: 15px;
  display: flex;
}

.add_dropdow_b.is_active._100 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
}

.add_dropdow_b.straight {
  border-radius: 0;
  height: 100%;
}

.add_dropdow_b.straight.is_active {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.add_dropdow_b.straight.white {
  background-color: #fff;
  border-width: 0 0 0 1px;
  border-left-color: #70707042;
}

.add_dropdow_b.straight.white.is_active {
  background-color: #fff0;
}

.add_dropdow_b.straight.white.is_active:hover {
  background-color: #424040;
}

.add_dropdow_b.straight.white.is_active.dark {
  color: #bebebe;
  border-left-color: #c2c2c242;
}

._21control_element-copy-copy {
  z-index: 3;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: relative;
}

._21control_element-copy-copy.active {
  color: #e2dddd;
  background-color: #1a1a1a;
  width: 80px;
  min-width: 80px;
}

._21control_element-copy-copy.large {
  font-size: 11px;
}

.timeline_placeholder {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.div-block-6356 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #eee;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.effects_placeholder {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.div-block-6357 {
  width: 60px;
  height: 60px;
  position: absolute;
}

.add_new_timeline_el {
  z-index: 10;
  opacity: 1;
  pointer-events: auto;
  color: #00ec2f;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1f1f3a;
  border: 1px solid #1f1f3a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 30px;
}

.add_new_timeline_el:hover {
  color: #fff;
  background-color: #cf1919;
  border-color: #cf1919;
  padding-left: 12px;
  padding-right: 12px;
}

.add_new_timeline_el.end {
  left: auto;
  right: -40px;
}

.add_new_timeline_el.is_hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}

.div-block-6358 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  display: flex;
}

.div-block-6358._100 {
  width: 100%;
}

.div-block-6359 {
  z-index: 50;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  pointer-events: none;
  flex-flow: row;
  padding-left: 350px;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: -80px;
}

.div-block-6359.is_active {
  opacity: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

._2div-block-6349-copy {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  padding-left: 0;
  padding-right: 0;
  transition: opacity .2s;
  display: flex;
}

._2div-block-6349-copy.is_selected {
  opacity: 1;
}

.div-block-6360 {
  z-index: 9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.keyframe_el {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 100%;
}

.keyframe_el:hover {
  color: #333;
}

.div-block-6362 {
  color: #eeecec;
  cursor: pointer;
  background-color: #46429400;
  border: 1px solid #676b9e;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 9px;
  min-height: 9px;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.div-block-6362:hover {
  background-color: #da1212;
  border-color: #da1212;
}

.div-block-6362.is_active {
  background-color: #cf1919;
  border-color: #cf1919;
  width: auto;
  height: 20px;
  min-height: 12px;
  padding-left: 7px;
  padding-right: 7px;
}

.div-block-6362.is_dragging {
  background-color: #da1212;
  border-color: #da1212;
}

.div-block-6363 {
  font-size: 10px;
  font-weight: 700;
  display: none;
}

.div-block-6363.is_active {
  display: flex;
}

.div-block-6363.is_dragging {
  white-space: nowrap;
  background-color: #2c2c2c;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 8px;
  line-height: 15px;
  display: flex;
  position: absolute;
  left: 13.1562px;
}

.div-block-6364 {
  background-color: #fff;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-6365 {
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  height: auto;
  min-height: 80px;
}

.div-block-6365.summary {
  max-height: 300px;
  padding: 10px;
  overflow: auto;
}

.track_border_1 {
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #767bdf;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.track_border_1.is_over {
  opacity: 1;
  border-color: #3d45d8;
}

.track_border_1.is_selected {
  opacity: 1;
  border-color: #1d24a5;
}

.track_border_1.is_media {
  border-width: 1px;
  border-color: #1a48d3;
}

.track_border_1.is_media.is_over {
  opacity: 1;
}

.track_border_1.is_media.is_selected {
  opacity: 0;
}

.settings_handle {
  z-index: 90000;
  opacity: 1;
  color: #787878;
  cursor: pointer;
  background-color: #26262600;
  border-left: 1px solid #ddd;
  border-right: 0 solid #d6d6d6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  font-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  right: 24px;
}

.settings_handle:hover {
  color: #fff;
  background-color: #063cff;
  border-left-color: #3a4ac2a3;
}

.settings_handle.rel {
  padding-top: 0;
  position: relative;
}

.settings_handle.is_dragging {
  color: #e4e9eb;
  background-color: #063cff;
  border-left-color: #063cff;
}

.settings_handle.is_hidden {
  display: none;
}

.div-block-6366 {
  font-family: xx_ GoogleMaterialicons, sans-serif;
  font-size: 12px;
}

.div-block-6367 {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.small_button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #504f4f;
  cursor: pointer;
  background-color: #fff;
  border-right: 1px solid #474747;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 30px;
  height: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 10px;
  font-weight: 500;
  transition: all 50ms;
  display: flex;
  position: relative;
}

.small_button:hover {
  color: #fff;
  background-color: #474747;
  height: 22px;
}

.small_button.inactive {
  display: none;
}

.small_button.last {
  border-right-width: 0;
  margin-right: 0;
}

.small_button.last.larger {
  line-height: 20px;
}

.small_button.last.larger.spaced {
  margin-right: 5px;
}

.small_button.last.hidden {
  display: none;
}

.small_button.last.transparent.text {
  padding-left: 14px;
  padding-right: 10px;
}

.small_button.last.transparent.text.border {
  border-right-width: 1px;
  border-right-color: #c4c4c478;
}

.small_button.arrows {
  color: #585858;
  border-color: #3a3a3a1a;
  line-height: 20px;
}

.small_button.arrows:hover {
  color: #fff;
  border-color: #8d8d8d33;
}

.small_button._100 {
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.small_button._100:hover {
  color: #161616;
  background-color: #13131300;
}

.small_button.has_sound {
  color: #f5f5f5;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}

.small_button.transparent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #063cff;
  background-color: #fff;
  border-right-color: #063cff;
  padding-left: 12px;
  padding-right: 12px;
}

.small_button.transparent:hover {
  color: #f7f7f7;
  background-color: #3f3f3f;
}

.small_button.transparent.first {
  border-left: 1px solid #5c5c5c00;
}

.small_button.transparent.large {
  color: #e7dddd;
  background-color: #393b3f;
  min-width: 80px;
}

.small_button.transparent.last {
  padding-right: 15px;
}

.small_button.transparent.blue {
  color: #fff;
  background-color: #063cff;
  padding-left: 15px;
  padding-right: 15px;
}

.small_button.transparent.blue:hover {
  background-color: #3a3a3a;
}

.small_button.transparent.islast {
  border-right-width: 0;
}

.small_button.first {
  border-left: 0 solid #af8686;
}

.coverarea_1 {
  width: 100%;
  height: 25px;
  position: absolute;
  left: 0;
}

.div-block-6368 {
  z-index: 100;
  background-color: #fff;
  border-top: 0 solid #d1d1d1;
  width: 100%;
  height: 15px;
  position: relative;
}

.div-block-6369 {
  background-color: #e9e9e9;
  width: 50%;
  height: 100%;
  position: relative;
}

.div-block-6369:hover {
  background-color: #d4d4d4;
}

.div-block-6370 {
  z-index: 1;
  background-color: #f8f8f8;
  border-top: 1px solid #d6d6d654;
  border-bottom: 0 solid #e0d9d9;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 15px 15px 15px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.div-block-6370.is_hidden {
  display: none;
  bottom: -60px;
}

.div-block-6371 {
  background-color: #d2d5dd;
  width: 15px;
  height: 100%;
  position: absolute;
  right: 0;
}

.div-block-6372 {
  width: 100%;
  height: 20px;
  min-height: 20px;
  position: absolute;
  bottom: 0;
}

.media_el_object {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.media_el_object.is_active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.media_el_object.is_inactive {
  display: none;
}

._12div-block-5934-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #e6e6e6;
  cursor: pointer;
  border: 0 solid #000;
  border-bottom-color: #dadada;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.options_panel_1 {
  background-color: #f8f8f8;
  width: 100%;
  padding-left: 20px;
  transition: all .5s;
  display: none;
}

.options_panel_1.active {
  opacity: .9;
  white-space: nowrap;
  background-color: #292929;
  border-bottom: 1px solid #96969630;
  flex-flow: column;
  padding: 12px 10px 20px 15px;
  display: flex;
}

.options_panel_1.active:hover {
  opacity: 1;
}

.options_panel_1.is_text.active {
  padding-right: 0;
}

.div-block-6373 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-6374 {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.text-field-14 {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #414040;
  border-radius: 4px;
  width: 100%;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-14:hover {
  color: #dbd7d7;
  border-color: #6a708a;
}

.text-field-14:focus {
  color: #dbd7d7;
}

.text-field-14::placeholder {
  color: #757575;
}

.text-field-14.contrasted {
  color: #d4d4d4;
  background-color: #1010101c;
  border-color: #414040;
}

.text-field-14.contrasted:hover {
  border-color: #6a708a;
}

.form-block-37 {
  margin-bottom: 0;
}

.div-block-6375 {
  color: #838383;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
}

.div-block-6375.fixed {
  color: #d4c9c9;
  width: 55px;
  min-width: 55px;
  font-weight: 500;
}

.div-block-6376 {
  color: #e5dcdc;
  border-bottom: 1px solid #dfdfdf24;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-right: 5px;
  display: flex;
}

.div-block-6377 {
  z-index: 20;
  background-color: #bb939300;
  width: 80px;
  height: 36px;
  position: absolute;
  top: 0;
}

.div-block-6377.bottom {
  height: 30px;
  top: auto;
  bottom: 0;
}

.div-block-6378 {
  font-weight: 700;
}

.div-block-6379 {
  color: #f2f2f2;
  background-color: #313131;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.div-block-6379.is_audio {
  background-color: #5b83c3;
}

.div-block-6379.is_text {
  background-color: #6342cf;
}

.div-block-6379.is_media {
  background-color: #9b1138;
}

.div-block-6379.is_video {
  background-color: #d81515;
}

.div-block-6379.is_cta {
  color: #fff;
  background-color: #5c9b52;
}

.div-block-6379.is_div {
  background-color: #757f81;
}

.div-block-6379.is_button {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: 0;
  color: #fff;
  cursor: pointer;
  background-color: #c9c8cc;
}

.div-block-6379.is_button:hover {
  color: #fff;
  background-color: #313331;
}

.div-block-6379.is_button.is_over {
  opacity: 1;
  background-color: #342ebe;
  display: flex;
}

.div-block-6379.is_time.is_over {
  color: #fff;
  background-color: #383b4b;
}

.trackinfo_1 {
  z-index: 30;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  top: 0;
  left: 10px;
}

.trackinfo_1.is_selected {
  opacity: 1;
}

.trackinfo_1.is_video {
  left: 35px;
}

.audio_players {
  z-index: 100000;
  width: 100%;
  height: 100px;
  display: none;
  position: absolute;
  bottom: 0;
}

.audio_players.is_active {
  flex-flow: column;
  display: flex;
}

.native_audio_player {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 10px;
  display: flex;
}

.div-block-6380 {
  color: #e4d8d8;
  border: 1px solid #ddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.div-block-6381 {
  width: 100%;
  height: 40px;
}

.play_icon_native {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
}

.track_media_item {
  height: 100%;
  display: flex;
}

.audio_track {
  background-color: #fff;
  border-top: 1px solid #d8d7d7;
  border-right: 1px solid #d6d6d6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: flex;
  overflow: hidden;
}

.media_line_item_video {
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_line_item_video.is_audio {
  z-index: 1;
  background-color: #e9ebd300;
}

.media_line_item_video.is_audio.is_over {
  z-index: 1000;
}

.media_line_item_video.is_media {
  background-color: #d3e2eb30;
}

.media_line_item_video.centered {
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 700;
}

.media_line_item_video.centered:hover {
  color: #ebebeb;
  background-color: #063cff;
}

.media_line_item_video.side_info {
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.media_line_item_video.is_media {
  z-index: 1;
  background-color: #e9ebd300;
  height: auto;
  min-height: 40px;
  max-height: none;
}

.media_line_item_video.is_media.is_over {
  z-index: 1000;
}

.media_line_item_video.has_audio {
  z-index: 5;
  color: #a0a0a0;
  background-color: #fff;
  min-height: 80px;
  overflow: hidden;
}

.media_line_item_video.has_audio:hover {
  z-index: 10;
  color: #a12828;
}

.media_line_item_video.has_audio.is_over {
  background-color: #f4fafc;
}

.media_line_item_video.has_audio.is_selected {
  overflow: visible;
}

.div-block-6382 {
  width: 100%;
  height: 20px;
  position: relative;
  left: -2px;
}

.rightborder {
  z-index: 200;
  background-color: #dadada;
  width: 1px;
  min-width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
}

.thescenes_holder {
  border-left: 0 solid #7b739b;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.video_playhead1 {
  z-index: 105;
  cursor: ew-resize;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 571px;
}

.video_playhead1.hidden {
  display: none;
}

.video_playhead1.shifted {
  top: -1px;
  left: 200px;
}

.video_playhead1.shifted.is_slow {
  transition: all .3s;
}

.video_playhead1.shifted.head_only {
  pointer-events: auto;
  width: 25px;
}

.video_playhead1.shifted.head_only.is_moving {
  background-color: #d1d3b026;
}

.div-block-6383 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 37px;
}

.div-block-6383.is_early {
  justify-content: center;
  align-items: center;
}

.div-block-6383.is_animator {
  top: 47px;
}

.div-block-6383.is_animator.hidden {
  display: none;
}

.snap_guide {
  z-index: 1000;
  background-color: #a6a0eb;
  width: 2px;
  height: 200px;
  display: none;
  position: absolute;
  top: -42px;
  right: 0%;
}

.snap_guide.left {
  left: 0;
  right: auto;
}

.snap_guide.is_neighbouring {
  height: 800px;
  display: flex;
}

.status_number {
  color: #303030;
  white-space: nowrap;
  cursor: text;
  border-right: 1px solid #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  min-width: 102px;
  height: 56px;
  padding: 0 30px 10px 13px;
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  position: relative;
}

.status_number:hover {
  color: #f1f1f1;
  background-color: #161616;
}

.status_number.faded {
  color: #21289e;
}

.status_number.faded:hover {
  color: #eeeef3;
}

.div-block-6384 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
  bottom: 7px;
}

.div-block-6385 {
  color: #d1d1d1;
  font-style: italic;
  line-height: 14px;
}

.div-block-6386 {
  z-index: 5;
  justify-content: flex-start;
  align-items: flex-end;
  font-family: Circularxxweb, sans-serif;
  font-size: 9px;
  line-height: 9px;
  display: flex;
  position: absolute;
  bottom: -10px;
}

.div-block-6387 {
  display: flex;
  position: relative;
}

.div-block-6387.faded {
  color: #5459b4;
}

.cta_line_item {
  border-bottom: 0 solid #cacaca;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_line_item.is_audio {
  z-index: 1;
  background-color: #e9ebd300;
}

.cta_line_item.is_audio.is_over {
  z-index: 1000;
}

.cta_line_item.is_media {
  background-color: #d3e2eb30;
}

.cta_line_item.centered {
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 700;
}

.cta_line_item.centered:hover {
  color: #ebebeb;
  background-color: #063cff;
}

.cta_line_item.side_info {
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.cta_line_item.is_media {
  z-index: 5;
  background-color: #e9ebd300;
  height: auto;
  min-height: 40px;
  max-height: none;
}

.cta_line_item.is_media:hover {
  z-index: 10;
}

.cta_line_item.is_media.is_over {
  z-index: 1000;
}

.track_border_el {
  z-index: 20;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.track_border_el.is_track {
  z-index: 52;
}

.line_element {
  z-index: 52;
  background-color: #5a4fd629;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
}

.line_element.bottom {
  top: auto;
  bottom: 0;
}

.line_element.bottom.is_track {
  background-color: #d6d6d6;
  left: 0;
}

.line_element.left {
  width: 1px;
  height: 100%;
  top: auto;
  left: 0;
}

.line_element.right {
  width: 1px;
  height: 100%;
  top: auto;
  left: auto;
  right: 0;
}

.line_element.is_active_scene {
  background-color: #5990d4;
}

.line_element.is_track {
  z-index: 52;
}

.div-block-6388 {
  z-index: 99;
  background-color: #4e4bd13d;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

.add_playhead_label.is_dragging, .add_playhead_label.is_early, .add_icon_plus.is_dragging, .dragging_indicator {
  display: none;
}

.dragging_indicator.is_dragging {
  display: flex;
}

.div-block-6389 {
  background-color: #979ba8;
  border: 0 solid #063cff;
  border-radius: 0;
  width: 1px;
  height: 7px;
  position: absolute;
  left: 0;
}

.div-block-6389.right {
  left: auto;
  right: 0;
}

.div-block-6390 {
  background-color: #979ba870;
  width: 100%;
  height: 1px;
}

.div-block-6391 {
  z-index: 0;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 0 solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 300;
  display: none;
  position: absolute;
  left: 0;
}

.div-block-6391.rollover {
  display: flex;
}

.cursor_playhead {
  z-index: 9999;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  transition: opacity .18s;
  display: flex;
  position: absolute;
  top: 0;
  left: 478px;
}

.cursor_playhead.hidden {
  display: none;
}

.cursor_playhead.shifted {
  top: -1px;
  left: 200px;
}

.cursor_playhead.shifted.is_slow {
  transition: all .3s;
}

.cursor_playhead.shifted.head_only {
  pointer-events: auto;
}

.cursor_playhead.shifted.head_only.is_moving {
  background-color: #d1d3b026;
}

.cursor_playhead.is_invisible, .cursor_playhead.is_hidden {
  opacity: 0;
}

.div-block-6379-copy {
  color: #f2f2f2;
  background-color: #8a8a8a;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  transition: all .35s;
  display: flex;
  position: absolute;
  top: 1px;
  left: 0;
}

.div-block-6379-copy.is_audio {
  background-color: #5b83c3;
}

.div-block-6379-copy.is_text {
  background-color: #6342cf;
}

.div-block-6379-copy.is_media {
  background-color: #9b1138;
}

.div-block-6379-copy.is_video {
  background-color: #d81515;
}

.div-block-6379-copy.is_cta {
  color: #fff;
  background-color: #5c9b52;
}

.div-block-6379-copy.left {
  background-color: #342dbe;
  left: auto;
  right: 0;
}

.div-block-6379-copy.is_overlapping {
  background-color: #202020;
  padding-left: 14px;
  padding-right: 14px;
  top: 23px;
}

.div-block-6392 {
  z-index: 1;
  background-color: #99c09d24;
  width: 100%;
  height: 800px;
  display: none;
  position: absolute;
  top: -400px;
}

.div-block-6392.is_active_scene {
  -webkit-backdrop-filter: grayscale() sepia(15%);
  backdrop-filter: grayscale() sepia(15%);
  pointer-events: none;
  background-color: #eef2fa36;
  display: flex;
}

.div-block-6393 {
  background-color: #ececec;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
}

.div-block-6393.right {
  left: auto;
  right: 0;
}

.div-block-4131-copy {
  max-width: 15px;
  margin-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: relative;
  bottom: -2px;
  left: -3px;
}

.div-block-4131-copy.large {
  max-width: none;
  margin-right: 0;
  font-family: xx_ GoogleMaterialicons, sans-serif;
  font-size: 18px;
}

.div-block-4131-copy.large.nospaced, .div-block-4131-copy.nospaced {
  margin-right: 0;
}

.div-block-4131-copy.nospaced.large {
  font-size: 17px;
}

.div-block-4131-copy.nospaced.check {
  font-size: 15px;
  font-weight: 400;
}

.div-block-4131-copy.trackicon {
  font-size: 15px;
}

.div-block-4131-copy.size {
  margin-left: 6px;
  margin-right: 0;
}

.div-block-5282-copy {
  z-index: 9999;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 12px;
}

.div-block-5282-copy.rel {
  z-index: 1;
  position: absolute;
  top: auto;
}

.div-block-5282-copy.is_hidden {
  opacity: 0;
}

.div-block-6394 {
  background-color: #525457;
  border: 0 solid #8f8f8f;
  border-radius: 99px;
  width: 4px;
  height: 4px;
}

.div-block-6394.blue {
  background-color: #ccc;
}

.div-block-6394.is_small {
  display: none;
}

.div-block-6395 {
  z-index: 1;
  background-color: #f0f0f0;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 16px;
}

.div-block-6396 {
  z-index: 4;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.snap_guide_video {
  z-index: 105;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  transition: opacity .18s;
  display: flex;
  position: absolute;
  top: 0;
  left: 476px;
}

.snap_guide_video.hidden {
  display: none;
}

.snap_guide_video.shifted {
  top: -1px;
  left: 200px;
}

.snap_guide_video.shifted.is_slow {
  transition: all .3s;
}

.snap_guide_video.shifted.head_only {
  pointer-events: auto;
}

.snap_guide_video.shifted.head_only.is_moving {
  background-color: #d1d3b026;
}

.snap_guide_video.is_invisible, .snap_guide_video.is_hidden {
  opacity: 0;
}

.snap_label_el {
  color: #f2f2f2;
  background-color: #342dbe;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.snap_label_el.is_audio {
  background-color: #5b83c3;
}

.snap_label_el.is_text {
  background-color: #6342cf;
}

.snap_label_el.is_media {
  background-color: #9b1138;
}

.snap_label_el.is_video {
  background-color: #d81515;
}

.snap_label_el.is_cta {
  color: #fff;
  background-color: #5c9b52;
}

.snap_label_el.left {
  background-color: #342dbe;
  left: auto;
  right: 0;
}

.snap_label_el.is_left {
  left: auto;
  right: 0;
}

.highlights_group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 5px;
  display: none;
  position: relative;
}

.highlights_group.is_active {
  display: flex;
}

.div-block-6398 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #beb3b3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: static;
  top: 0;
}

.native_container_video {
  width: 100%;
  height: 100%;
  display: none;
}

.native_container_video.native {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.native_container_video.animator {
  overflow: auto;
}

.native_holder_video {
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-bottom: 1px solid #f1f1f1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.native_holder_video.active_scene {
  background-color: #f8f8f8;
  border-bottom-width: 0;
  border-bottom-color: #e0e0e0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  overflow: visible;
}

.native_holder_video.active_scene.animator {
  background-color: #f8f8f8;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.native_holder_video.active_scene.align_top {
  padding-top: 20px;
  padding-bottom: 590px;
}

.div-block-6399 {
  opacity: 0;
  border-left: 0 solid #e0e0e0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 100%;
  display: flex;
}

.div-block-6399.is_active {
  opacity: 1;
}

.div-block-6400 {
  color: #bdbdbd;
  cursor: pointer;
  border-radius: 3px;
  padding: 3px 5px;
}

.div-block-6400:hover {
  color: #fff;
  background-color: #474747;
}

.variation_element {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.variation_element.full {
  background-color: #f3f3f000;
  border: 0 solid #000;
  border-bottom: 1px solid #d1d1d100;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-height: 220px;
  padding: 2px;
}

.variation_element.full.is_active {
  background-color: #f3f3f000;
  border-top-width: 0;
  border-top-color: #6760b18c;
  border-left-width: 0;
  border-left-color: #6760b18c;
  border-right-width: 0;
  border-right-color: #6760b18c;
}

.variation_element.full.reg {
  border-bottom-width: 0;
  min-height: auto;
}

.variation_element.full.reg2 {
  border-bottom-width: 0;
}

.variation_element.full-copy {
  background-color: #4141411a;
  border: 1px solid #5a575740;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-height: 250px;
  box-shadow: 0 0 7px #00000008;
}

.variation_element.full-copy.is_active {
  background-color: #2c2c2c75;
  border-color: #64644a4f;
}

.variation_element._100 {
  width: 100%;
}

.variation_element._40 {
  max-width: 115px;
}

.variation_element._30 {
  max-width: 80px;
}

.div-block-6401 {
  color: #a8a0a0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 23px;
  padding-left: 10px;
  line-height: 12px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-6401.is_hidden {
  display: none;
}

.text-block-501 {
  padding-left: 10px;
}

.selection_contextual_menu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.selection_contextual_menu.is_moving {
  opacity: 0;
  filter: blur(8px);
  pointer-events: none;
}

.context_content {
  background-color: #ffffff4d;
  border: 0 solid #44444414;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 2px 20px 2px #0000001c;
}

.context_content.is_moving {
  opacity: 0;
  filter: blur(8px);
  pointer-events: none;
}

.context_content.is_hidden {
  display: none;
}

.context_content._1 {
  top: -59px;
}

.context_content._2 {
  top: -52px;
  right: 0;
}

.context_content._3 {
  bottom: -55px;
}

.context_content._3.vertical {
  flex-flow: column;
  bottom: auto;
  right: -56px;
}

.context_content._4 {
  flex-flow: column;
  right: -56px;
}

.div-block-6403 {
  font-family: Materialicons, sans-serif;
}

.div-block-6404 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-6405 {
  background-color: #d1d1d1;
  width: 1px;
  height: 100%;
}

.div-block-6406 {
  justify-content: center;
  align-items: flex-start;
  width: 20px;
  height: 100%;
  display: flex;
}

.div-block-6407 {
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 60px;
}

.div-block-6407:hover {
  border-color: #888;
}

.text-field-9-copy {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-9-copy:hover {
  border-color: #d6d8da4f;
}

.text-field-9-copy:focus {
  color: #dbd7d7;
}

.text-field-9-copy::placeholder {
  color: #757575;
}

.text-field-9-copy.hasicon {
  padding-left: 30px;
}

.text-field-9-copy.small {
  color: #141414;
  background-color: #ffffff0d;
  border-color: #e2e2e2;
  width: 110px;
  height: 32px;
  box-shadow: 0 0 7px #00000008;
}

.text-field-9-copy._100 {
  width: 100%;
  padding-left: 30px;
}

.text-field-9-copy._100.nopadding {
  padding-left: 5px;
}

.text-field-9-copy.full {
  background-color: #41414129;
  border-color: #464646;
  width: 100%;
}

.text-field-9-copy.full.mat {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.text-field-9-copy.full.istextarea {
  height: 100px;
}

.text-field-9-copy.full.istextarea.darkscroll {
  line-height: 19px;
}

.text-field-9-copy.full.istextarea.darkscroll.create_standard_large {
  height: 200px;
}

.text-field-9-copy.full.istextarea.darkscroll.create_standard_large.small {
  height: 100px;
}

.text-field-9-copy.full.istextarea.darkscroll.create_standard_med {
  height: 120px;
}

.text-field-9-copy.light {
  color: #2b2b2b;
  background-color: #ffffffb5;
  border-color: #cacaca;
}

.text-field-9-copy.light::placeholder {
  background-color: #2b2b2b00;
}

.text-field-9-copy.is_value {
  color: #1d1f63;
  text-align: center;
  background-color: #ffffff0d;
  border-width: 0;
  border-color: #e2e2e2;
  width: 40px;
  height: 32px;
  padding-top: 0;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1px;
  box-shadow: 0 0 7px #00000008;
}

.text-field-9-copy.is_value::placeholder {
  color: #202020;
}

.div-block-3208-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-right-color: #d6d6d6;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.div-block-3208-copy:hover {
  background-color: #fff;
  border-color: #d6d6d6;
}

.div-block-3208-copy.active {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  transition: background-color 50ms;
}

.div-block-3208-copy.large {
  width: 63px;
}

.div-block-3208-copy.icon {
  background-color: #fff;
  border-width: 0 1px 0 0;
  border-right-color: #e4e3e3;
  border-radius: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-family: Materialicons, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.div-block-3208-copy.icon:hover {
  color: #fff;
  background-color: #383737;
}

.div-block-3208-copy.icon.simple {
  border-width: 0;
  border-radius: 0;
  height: 100%;
  margin-right: 0;
}

.div-block-3208-copy.icon.simple:hover {
  color: #fff;
  background-color: #2e2d2d;
}

.div-block-3208-copy.icon.large {
  font-size: 25px;
}

.div-block-3208-copy.icon.large.med {
  width: 43px;
}

.div-block-3208-copy.icon.locked {
  color: #ac1b1b;
}

.div-block-3208-copy.icon.is_hidden {
  display: none;
}

.div-block-3208-copy.icon.is_last {
  border-right-width: 0;
}

.div-block-3208-copy.icon.vertical {
  border-bottom-width: 1px;
  border-bottom-color: #e2e2e2;
  border-right-width: 0;
}

.div-block-3208-copy.picker {
  border-width: 0;
  border-radius: 6px;
  width: 50px;
  height: 30px;
  margin-left: 0;
  padding: 5px 9px;
}

.div-block-3208-copy.picker:hover {
  background-color: #f8f8f8;
  border-width: 0;
}

.div-block-3208-copy.text {
  border-width: 0;
  border-radius: 6px;
  width: auto;
  height: 100%;
  min-height: 34px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  text-decoration: none;
  position: relative;
}

.div-block-3208-copy.text:hover {
  background-color: #ebebeb;
}

.div-block-3208-copy.text.blue {
  color: #fff;
  background-color: #1654ff;
}

.div-block-3208-copy.text.last {
  margin-right: 0;
}

.div-block-3208-copy.text.spaced {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  max-height: 34px;
}

.div-block-3208-copy.wide {
  border-color: #bebebe00;
  width: 70px;
}

.div-block-3208-copy.is_last {
  border-right-width: 0;
}

.contextual_top_menu {
  z-index: 200;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  top: 0;
}

.text_elements_format {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.text_elements_format.hidden {
  display: none;
}

.text_elements_format.active {
  display: flex;
}

.div-block-6408 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-6409 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main_name_field {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.main_name_field:hover {
  border-color: #d6d8da4f;
}

.main_name_field:focus {
  color: #dbd7d7;
}

.main_name_field::placeholder {
  color: #757575;
}

.main_name_field.hasicon {
  padding-left: 30px;
}

.main_name_field.small {
  color: #141414;
  background-color: #ffffff0d;
  border-color: #e2e2e2;
  width: 110px;
  height: 32px;
  box-shadow: 0 0 7px #00000008;
}

.main_name_field.small:hover {
  border-color: #a2aac7;
}

.main_name_field._100 {
  width: 100%;
  padding-left: 30px;
}

.main_name_field._100.nopadding {
  padding-left: 5px;
}

.main_name_field.full {
  background-color: #41414129;
  border-color: #464646;
  width: 100%;
}

.main_name_field.full.mat {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.main_name_field.full.istextarea {
  height: 100px;
}

.main_name_field.full.istextarea.darkscroll {
  line-height: 19px;
}

.main_name_field.full.istextarea.darkscroll.create_standard_large {
  height: 200px;
}

.main_name_field.full.istextarea.darkscroll.create_standard_large.small {
  height: 100px;
}

.main_name_field.full.istextarea.darkscroll.create_standard_med {
  height: 120px;
}

.main_name_field.light {
  color: #2b2b2b;
  background-color: #ffffffb5;
  border-color: #cacaca;
}

.main_name_field.light::placeholder {
  background-color: #2b2b2b00;
}

.main_name_field.is_value {
  color: #363636;
  text-align: center;
  background-color: #ffffff0d;
  border-width: 0;
  border-color: #e2e2e2;
  width: 40px;
  height: 32px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1px;
  box-shadow: 0 0 7px #00000008;
}

.div-block-6410 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6411 {
  width: 500px;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  position: absolute;
  top: 51px;
  left: 0;
}

.add_new_panel {
  z-index: 999;
  width: 100%;
  max-width: 400px;
  height: 100%;
  position: static;
  top: 0;
}

.add_new_panel.elements {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  display: flex;
  position: relative;
}

.contextual_align {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.contextual_align.is_moving {
  opacity: 0;
  filter: blur(8px);
  pointer-events: none;
}

.font_settings_el {
  display: flex;
}

.font_settings_el.is_hidden {
  display: none;
}

.form-29 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-38 {
  margin-bottom: 0;
}

.effects_timeline_1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 320px;
  min-height: 320px;
  display: flex;
  overflow: hidden;
}

.effects_timeline_1.is_closed {
  height: 0;
  min-height: 0;
}

.reports_project_item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff80;
  cursor: pointer;
  background-color: #c0ba9b00;
  border-bottom: 1px solid #77777736;
  border-left: 1px solid #bdb9b92e;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 0;
  font-weight: 400;
  display: flex;
}

.reports_project_item:hover {
  background-color: #c0ba9b1a;
}

.reports_project_item.active {
  color: #fffffff2;
  background-color: #c0ba9b14;
  border-bottom-color: #777777bf;
  border-left-color: #ddddddbf;
}

.text-field-15 {
  color: #e6e6e6;
  background-color: #fff0;
  border: 0 solid #000;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.text-field-15:focus {
  color: #fff;
}

.text-field-15::placeholder {
  color: #868686;
}

.form-block-39 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.form-30 {
  height: 100%;
}

.div-block-6412 {
  color: #d6d2d291;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.text-block-502 {
  line-height: 10px;
}

.div-block-6413 {
  background-color: #ffffff14;
  border-radius: 3px;
  padding: 6px 10px;
  font-size: 11px;
}

.main_project_reports {
  width: 100%;
  height: 100%;
  position: relative;
}

.content_filter_controller_main {
  cursor: auto;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: auto;
}

.content_filter_controller_main.active {
  display: flex;
}

.content_filter_controller_main.video.is_native {
  display: none;
}

.content_filter_controller_main.video.active {
  padding-left: 10px;
  padding-right: 10px;
}

.content_filter_controller_main.video.active.hidden {
  display: none;
}

.div-block-6414 {
  overflow: auto;
}

.separator_slider12 {
  z-index: 10;
  cursor: ew-resize;
  background-color: #948d8738;
  border-radius: 0;
  width: 1px;
  height: 15px;
  position: absolute;
}

.separator_slider12:hover {
  background-color: #f3f1ef;
}

.separator_slider12.is_separator {
  opacity: .2;
  width: 1px;
}

.choice_element {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.choice_element:hover {
  background-color: #f8f8f2;
}

.choice_element.active {
  background-color: #eef6fa;
}

.choice_element._36 {
  min-height: 44px;
}

.div-block-6415 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-6415:hover {
  background-color: #e7e9eb;
}

.div-block-6415.first {
  border-bottom: 1px solid #e7e7e7;
}

.reg_switch_el {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #f1f1f1;
  border: 1px solid #86868614;
  border-radius: 99px;
  width: 100%;
  padding: 3px;
  display: flex;
  position: relative;
}

.reg_switch_el.is_active {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 8px -1px #0000000a;
}

.timeline_enable {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.div-block-6416 {
  height: 34px;
  position: relative;
  overflow: hidden;
}

.div-block-6417 {
  width: 100%;
  height: 1px;
  position: absolute;
}

.form-block-40 {
  margin-bottom: 5px;
}

.div-block-6067-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  padding: 25px;
  display: flex;
}

.loading_screen_reports {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 25px;
  display: flex;
}

.loading_screen_reports.hidden {
  display: none;
}

.div-block-6418 {
  color: #4b4b4b;
  text-align: left;
  max-width: 570px;
  font-size: 15px;
  font-weight: 500;
}

.div-block-6419 {
  text-align: left;
  max-width: 800px;
  font-family: Polysans Median, sans-serif;
  font-size: 40px;
  line-height: 46px;
}

.div-block-6420 {
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-6421 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #000;
  border-bottom-color: #e2e2e2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.div-block-6422 {
  color: #504b4b;
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 11px 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
}

.div-block-6422:hover {
  color: #fff;
  background-color: #353535;
}

.div-block-6423 {
  background-color: #e4e4e4;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.side_reporting_container {
  z-index: 150;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.side_reporting_container.active {
  display: flex;
}

.side_reporting {
  background-color: #4646464d;
  width: 100%;
  height: 100%;
}

.side_reporting.darker {
  background-color: #46464666;
}

.loading_task {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 500px;
  display: flex;
}

.div-block-6425 {
  color: #807979;
  border: 1px solid #cccccc1f;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding-left: 1px;
  font-family: GoogleMaterialicons, sans-serif;
  transition: all .2s;
  display: flex;
}

.div-block-6425.is_active {
  color: #fff;
  background-color: #328a3a;
  border-color: #328a3a;
  line-height: 14px;
}

.div-block-6426 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6427 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.div-block-6428 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-6429 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-6430 {
  font-size: 16px;
  font-weight: 700;
}

.div-block-6431 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 37px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.div-block-6432 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 25px 20px 30px 22px;
  display: flex;
}

.chart_element {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.div-block-6434 {
  padding: 0;
  font-weight: 500;
}

.div-block-6434.is_hover {
  padding: 10px;
  display: none;
  position: absolute;
  bottom: 0;
}

.div-block-6434.is_hover.is_active {
  z-index: 30;
  color: #fcefef;
  background-color: #074081;
  border-radius: 1px;
  padding: 5px 12px;
  font-size: 12px;
  display: flex;
}

.div-block-6434._60 {
  color: #313131;
}

.div-block-6435 {
  width: 100%;
}

.div-block-6436 {
  background-color: #e4e1e1;
  width: 100%;
  height: 1px;
}

.div-block-6437 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #ebeef5;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.div-block-6438 {
  opacity: .99;
  cursor: pointer;
  background-color: #f1f1f1;
  padding: 2px 12px;
  font-size: 11px;
}

.div-block-6438:hover {
  color: #fff;
  background-color: silver;
}

.div-block-6439 {
  background-color: #336a9e;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.error_message_reports {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 500px;
  display: flex;
}

.div-block-6440 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  display: flex;
}

.save_report_container {
  z-index: 150;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.save_report_container.active {
  justify-content: flex-start;
  align-items: center;
  padding-left: 72px;
  display: flex;
}

.div-block-6441 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.saved_report_prompt {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  width: 100%;
  padding: 20px 40px 20px 25px;
  display: flex;
}

.saved_report_prompt.active {
  justify-content: space-around;
  padding-bottom: 30px;
  display: flex;
}

.saved_report_prompt.active.live_view {
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-6442 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ffefef;
  width: 100%;
  margin-top: 14px;
  padding-top: 18px;
  display: flex;
}

.div-block-6442.nospace {
  border-top-width: 0;
  margin-top: 5px;
  padding-top: 0;
}

.div-block-6443 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  width: 100%;
  display: none;
}

.div-block-6443.active {
  border-top: 0 solid #ebebeb;
  justify-content: flex-start;
  padding-top: 20px;
  padding-left: 0;
  display: flex;
}

.div-block-6444 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #d8d8d8;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 6px 0;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-6444:hover {
  border-color: #9b9393;
}

.div-block-6444.is_hidden {
  display: none;
}

.div-block-6445 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-left: 0 solid #e2e2e2;
  flex-flow: wrap;
  align-items: stretch;
  width: 100%;
  padding-left: 25px;
  display: flex;
}

.div-block-6446 {
  width: 100%;
  position: static;
}

.div-block-6447 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  border: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-6448 {
  font-size: 16px;
  font-weight: 700;
}

.div-block-6449 {
  background-color: #dfdfdf;
  width: 100%;
  height: 1px;
}

.div-block-6450 {
  background-color: #f0f0f0;
  width: 100%;
  height: 2px;
  margin-left: 5px;
  position: relative;
}

.div-block-6450.large {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  margin-right: 6px;
  display: flex;
}

.div-block-6451 {
  font-size: 13px;
}

.div-block-6451.download {
  color: #9b9b9b;
  padding: 5px 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
}

.div-block-6451.download:hover {
  color: #ac1212;
}

.div-block-6452 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding: 8px 8px 8px 0;
  display: flex;
}

.div-block-6452:hover {
  color: #b61919;
}

.div-block-6452.is_pause {
  display: none;
}

.div-block-6452.is_pause.is_playing {
  display: flex;
}

.div-block-6452.is_play.is_playing {
  display: none;
}

.div-block-6453 {
  z-index: 50;
  background-color: #e9e9e9;
  width: 100%;
  height: 60px;
  display: none;
  position: absolute;
  bottom: 0;
}

.reports_container {
  position: relative;
}

.reports_container.is_hidden {
  display: none;
}

.div-block-6432-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 25px 20px 30px 22px;
  display: flex;
}

.div-block-6454 {
  border-bottom: 1px solid #dbdbdb;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 5px;
  display: flex;
}

.div-block-6455 {
  font-size: 12px;
  display: flex;
}

.fine_print_wrap.is_hidden {
  display: none;
}

.fine_print_text {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.fine_print_text.t4 {
  padding-top: 8px;
}

.fine_print_text.is_hidden {
  display: none;
}

.div-block-6456 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 210px;
  height: 100%;
  padding-right: 10px;
  display: flex;
}

.div-block-6456.is_hidden {
  display: none;
}

.div-block-6457 {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.div-block-6458 {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-6459 {
  z-index: 2;
  background-color: #fff;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-6460 {
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.div-block-6461 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1d1f63;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-right-color: #d6d6d6;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.div-block-6461:hover {
  background-color: #f5f4f4;
}

.div-block-6461.text {
  background-color: #f6f5f5;
  border-width: 0;
  border-radius: 6px;
  width: auto;
  height: 100%;
  min-height: 34px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  text-decoration: none;
  position: relative;
}

.div-block-6461.text:hover {
  background-color: #ebebeb;
}

.div-block-6461.text.spaced {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  max-height: 34px;
}

.div-block-6461.icon {
  color: #272727;
  background-color: #fff;
  border-width: 0;
  border-right-color: #e4e3e3;
  border-radius: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-family: Materialicons, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.div-block-6461.icon:hover {
  color: #181818;
  background-color: #f5f4f4;
}

.div-block-6461.icon.large {
  font-size: 25px;
}

.div-block-6461.icon.large.med {
  width: 43px;
}

.div-block-6461.icon.enabled {
  color: #202020;
  background-color: #e7e7e7;
}

.div-block-6461.picker {
  border-width: 0;
  border-radius: 6px;
  margin-left: 3px;
  padding: 9px;
}

.div-block-6461.picker:hover {
  background-color: #f8f8f8;
  border-width: 0;
}

.form-block-41 {
  margin-bottom: 0;
}

.div-block-6462 {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 3px 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
}

.div-block-6462:hover {
  color: #fcfcfc;
  background-color: #2e2e2e;
}

.div-block-6463 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-6464 {
  background-color: #fff;
  border-radius: 8px;
  width: 450px;
  height: 200px;
  display: none;
  position: absolute;
  top: 57px;
  box-shadow: 0 0 18px #0000000d;
}

.text-field-16 {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-16:hover {
  border-color: #d6d8da4f;
}

.text-field-16:focus {
  color: #dbd7d7;
}

.text-field-16::placeholder {
  color: #757575;
}

.text-field-16.small {
  width: 100px;
  height: 32px;
}

.div-block-6465 {
  background-color: #ffffff87;
  border-radius: 2px;
  padding: 4px 8px;
  line-height: 14px;
}

.div-block-6465.is_hidden {
  display: none;
}

.track_labels_el {
  z-index: 1;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
  position: absolute;
}

.track_labels_el.is_hidden {
  display: none;
}

.effects_holder {
  z-index: 5;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 0 solid #000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 1px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.effects_line_item {
  background-color: #9c9c9c00;
  border-left: 0 solid #d1d1d157;
  border-right: 0 solid #d1d1d1;
  width: 250px;
  height: 100%;
  position: absolute;
  left: 0;
}

.effects_line_item.is_hidden {
  display: none;
}

.effects_line_item.effects {
  z-index: 6;
  pointer-events: none;
  background-color: #aab47000;
  border: 0 solid #000;
  width: 100%;
}

.div-block-6467 {
  background-color: #dadada;
  width: 1px;
  min-width: 1px;
  height: 25px;
  position: relative;
  top: 6px;
}

.div-block-6468 {
  z-index: 1;
  background-color: #f5f5f0;
  width: 100%;
  height: 43px;
  position: absolute;
  top: -6px;
  left: -14px;
}

.div-block-6469 {
  z-index: 5;
  position: relative;
}

.side_borders {
  border-left: 1px solid #e9e9e93d;
  border-right: 1px solid #d6d6d6;
  width: 100%;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6470 {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  display: none;
  position: absolute;
  top: -22px;
}

.div-block-6470.is_visible {
  color: #a7a7a7;
  display: flex;
  top: -27px;
}

.div-block-6471 {
  font-size: 11px;
  display: none;
}

.div-block-6471.is_visible {
  display: flex;
}

.template_preview_widget {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.template_preview_widget.is_tabled {
  min-width: 32px;
  max-width: 100px;
  height: 100%;
}

.template_preview_widget.is_tabled:hover {
  border-width: 1px;
  border-color: #ca8f43;
  padding: 2px;
}

.template_preview_widget.is_panel {
  border-width: 0;
  width: 100%;
}

.track_audio_holder {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  left: 1px;
  overflow: hidden;
}

.track_audio_holder.is_audio {
  background-color: #daedd2;
}

.div-block-6472 {
  z-index: 1;
  background-color: #d9ddb824;
  width: 20px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6472.is_moving {
  display: flex;
}

.div-block-6473 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 12px;
  display: flex;
}

.div-block-6474 {
  color: #c7c7c7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.media_entry_el {
  opacity: .9;
  object-fit: cover;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  min-height: 150px;
  padding: 0;
  transition: all .3s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.media_entry_el.is_panel {
  color: #b8a9a9;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: flex;
}

.media_entry_el.is_active {
  opacity: 1;
}

.textarea-10 {
  background-color: #282935;
  border: 0 solid #000;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}

.textarea-10:active {
  background-color: #f6f6f3;
}

.form-31 {
  background-color: #282935;
  height: 100%;
}

.form-block-42 {
  width: 100%;
  height: 100%;
}

.div-block-6475 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-6476 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6477 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-right: 0 solid #e7e7e7;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-right: 5px;
  display: flex;
}

.form-block-43 {
  margin-bottom: 0;
}

.div-block-6478 {
  background-color: #fff;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-6478.document_zoom {
  background-color: #f9fbfd;
}

.div-block-6478.is_css {
  background-color: #292929;
}

.div-block-6479 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6480 {
  cursor: text;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-6480:hover {
  background-color: #d6d5d514;
}

.div-block-6481 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #22232e;
  border-right: 1px solid #3f415585;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 145px;
  min-width: 145px;
  height: 100%;
  padding: 20px 10px 10px;
  display: flex;
}

.div-block-6481.is_hidden {
  display: none;
}

.code_suggestion {
  color: #d6cdcd;
  cursor: pointer;
  background-color: #d8d7d729;
  border-radius: 3px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

.code_suggestion:hover {
  color: #282935;
  background-color: #e6e6e6e3;
}

.div-block-6482 {
  color: #d1d1d19e;
  font-size: 12px;
  font-weight: 500;
}

.div-block-6483 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 0 solid #8686865c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 6px;
  display: flex;
}

.add_in_between {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 5px;
  display: flex;
  position: absolute;
  top: 0;
}

.add_in_between:hover, .add_in_between.is_active {
  background-color: #1dc9225c;
}

.add_element {
  color: #ececec;
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  transition: all .4s;
  display: none;
  position: absolute;
  top: -27px;
  left: 513px;
}

.add_element.is_visible {
  display: flex;
}

.div-block-6484 {
  padding-left: 10px;
}

.div-block-6477-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #d6caca;
  border-left: 1px solid #3b3b3b;
  border-right: 0 solid #e7e7e7;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 7px;
  padding-left: 7px;
  padding-right: 5px;
  display: flex;
}

.div-block-6477-copy.spaced {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left-width: 0;
  height: 20px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-6485 {
  background-color: #a5a5a521;
  justify-content: center;
  align-items: center;
  height: 27px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.second_dropdow_label {
  color: #afada5;
  letter-spacing: .3px;
  font-size: 9px;
  display: none;
}

.second_dropdow_label.active {
  color: #a1a098;
  display: flex;
}

.div-block-6486 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: none;
}

.div-block-6486.is_active {
  display: flex;
}

.div-block-6487 {
  cursor: pointer;
  background-color: #c9c9c98c;
  border: 1px solid #4c4b4b;
  border-radius: 99px;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
  padding: 2px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-6487:hover {
  background-color: #ffffff4f;
  border-color: #757975;
}

.div-block-6487.is_active {
  background-color: #d8d8d8;
  border-color: #3d533f;
  justify-content: flex-start;
  align-items: center;
}

.div-block-6487.is_active:hover {
  background-color: #fff;
}

.div-block-6488 {
  background-color: #292929;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  transition: all .4s;
}

.div-block-6488.is_active {
  background-color: #275827;
}

.div-block-6489 {
  color: #030303ab;
  letter-spacing: .6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 6px;
  font-weight: 500;
  line-height: 7px;
  display: none;
  position: absolute;
  left: 0;
}

.div-block-6489.is_active {
  color: #e9e9e9d6;
}

.div-block-6490 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: normal;
  border-bottom: 1px solid #ececec;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 0;
  display: flex;
}

.div-block-6491 {
  background-color: #dfdfdf;
  width: 100%;
  height: 1px;
}

.div-block-6490-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: normal;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.recording_stat {
  color: #303030;
  white-space: nowrap;
  cursor: text;
  border-right: 1px solid #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  min-width: 90px;
  padding: 10px 30px 10px 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
  position: relative;
}

.recording_stat.faded {
  color: #dbdbdb;
}

.div-block-6492 {
  flex-flow: column;
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-6493 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  padding: 0;
  display: flex;
  overflow: visible;
}

.div-block-6494 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-6495 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6496 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6497 {
  background-color: #fff;
  border: 0 solid #e0e0e0;
  width: 120px;
  height: 100px;
  overflow: hidden;
}

.vast_video_line {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px solid #9494944a;
  border-left: 0 solid #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  font-size: 12px;
  display: flex;
}

.vast_video_line:hover {
  background-color: #f8f8f8;
  border-bottom-color: #94949400;
  border-radius: 6px;
}

.div-block-6499 {
  border-right: 1px solid #e7e7e7;
  justify-content: flex-start;
  align-items: flex-end;
  width: 150px;
  padding: 0;
  display: flex;
}

.div-block-6500 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 500;
  display: flex;
}

.div-block-6501 {
  font-size: 14px;
}

.div-block-6502 {
  font-size: 13px;
  font-weight: 300;
}

.div-block-6502.faded {
  color: #3333335c;
}

.div-block-6503 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6504 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: none;
}

.div-block-6504.is_hover {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-6505 {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  box-shadow: 0 2px 5px 1px #0000000d;
}

.text-block-503 {
  font-size: 10px;
  font-weight: 500;
}

.div-block-6506 {
  width: 100%;
}

.div-block-6507 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #aaa;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 8px 16px 25px;
  display: flex;
}

.div-block-6507.nospace {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.mat_icon {
  cursor: pointer;
  border-left: 1px solid #d1d1d175;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 4px;
  font-family: Materialicons, sans-serif;
  display: flex;
}

.mat_icon:hover {
  background-color: #e5e2eb;
}

.mat_icon.is_content {
  width: 40px;
}

.div-block-6508 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-left: 1px solid #d2dce6;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 12px 12px 18px;
  display: flex;
}

.div-block-6508.is_content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}

.div-block-6509 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #c4c1c1;
  border-bottom: 1px solid #dfdfe0;
  border-radius: 0;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 50px;
  display: flex;
}

.div-block-6509.last {
  border-bottom-width: 0;
}

.div-block-6509.is_separator {
  border-bottom-color: #b6b9d5;
}

.mat_icon12 {
  padding-left: 5px;
  padding-right: 5px;
  font-family: Materialicons, sans-serif;
  font-size: 12px;
}

.div-block-6510 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fcfcfc;
  border-right: 0 solid #f0f0f0;
  justify-content: space-between;
  align-items: flex-start;
  width: 120px;
  min-width: 120px;
  padding: 12px 10px 12px 15px;
  display: flex;
}

.div-block-6510:hover {
  background-color: #eaf1f6;
}

.filter_item.is_content {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  height: 100%;
  min-height: 32px;
  display: flex;
}

.text-block-504 {
  white-space: nowrap;
}

.text-block-505 {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}

.div-block-6511 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  display: flex;
}

.div-block-5488-copy-copy {
  cursor: default;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-family: Materialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.div-block-5488-copy-copy.hidden {
  display: none;
}

.div-block-5488-copy-copy.large {
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-5488-copy-copy.large:hover {
  background-color: #1a1919;
}

.div-block-5488-copy-copy.white {
  color: #fff;
}

.div-block-6512 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6513 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6514 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.auto_label {
  z-index: 2;
  align-items: center;
  max-width: 135px;
  line-height: 11px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.auto_label.material {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.auto_label.material.large {
  font-size: 11px;
}

.auto_label.material._16 {
  font-size: 16px;
}

.auto_label.material.small {
  font-size: 10px;
}

.auto_label.strike {
  text-decoration: line-through;
}

.auto_label.underline {
  text-decoration: underline;
}

.auto_label.topline {
  text-decoration: overline;
}

.auto_label.light {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}

.auto_label.white {
  font-size: 12px;
}

.auto_label.relative {
  z-index: 2;
  position: relative;
}

.auto_label.relative.is_light {
  max-width: 500px;
  font-size: 13px;
  font-weight: 300;
  overflow: visible;
}

.auto_label.small {
  font-size: 10px;
}

.auto_label.neutral {
  color: #858585;
  font-size: 10px;
}

.auto_label.is_light {
  font-size: 11px;
  font-weight: 500;
}

.div-block-6515 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-top: 0;
  padding-left: 20px;
  display: flex;
}

.div-block-6515.no_space {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-bottom: 5px;
}

.div-block-6516 {
  background-color: #dfdfdf1c;
  width: 100%;
  height: 1px;
}

.form-block-44 {
  margin-bottom: 0;
}

.div-block-6517 {
  color: #b1b1b145;
  font-size: 12px;
}

.div-block-6518 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: none;
}

.div-block-6518.active {
  display: flex;
}

.div-block-6519 {
  white-space: nowrap;
  font-size: 11px;
}

.zoom_slider_container {
  z-index: 1000;
  background-color: #f9fbfdcc;
  border: 1px solid #f9fbfd;
  border-radius: 99px;
  padding: 8px 14px;
  position: relative;
}

.zoom_slider_container.mode_prompt, .zoom_slider_container.mode_code {
  display: none;
}

.div-block-6520 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: none;
}

.div-block-6520.active {
  display: flex;
}

.div-block-6521 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #e0e0e0;
  flex-flow: column;
  display: flex;
}

.div-block-6521.hidden {
  display: none;
}

.div-block-6522 {
  color: #bdbdbad4;
  border: 0 solid #b3afaf24;
  border-radius: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
}

.div-block-6523 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6524 {
  background-color: #c9c8c81f;
  width: 100%;
  height: 1px;
}

.div-block-6524.public-panel-hidden {
  display: none;
}

.audio_element_new {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #8b8b8b;
  cursor: default;
  border-bottom: 1px solid #6e6e6e47;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 10px 9px 10px 6px;
  font-size: 12px;
  display: flex;
}

.audio_element_new:hover {
  color: #bebebe;
  background-color: #c9c9c91a;
  border-bottom-color: #6e6e6e00;
}

.audio_element_new.active {
  color: #d3d3d3;
  background-color: #7a7a7a78;
}

.audio_element_new.audio_panel {
  background-color: #e5d8d808;
  border: 1px solid #3a3a3a;
  padding: 12px 16px 12px 12px;
}

.audio_element_new.audio_panel:hover {
  border-color: #202020;
}

.audio_element_new.audio_panel-copy {
  border: 0 solid #000;
  padding: 0;
}

.audio_element_new.audio_panel-copy:hover {
  background-color: #c9c9c900;
  border-color: #202020;
}

.div-block-6525 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
  position: absolute;
  bottom: -25.5px;
}

.div-block-6526 {
  cursor: pointer;
  background-color: #c0bbbb2e;
  border: 1px solid #292929;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.div-block-6526:hover {
  background-color: #e4e4e4;
  border-color: #d8cdcd;
}

.div-block-6526.small {
  width: 5px;
  height: 5px;
}

.div-block-6527 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-6528 {
  color: #b8b6b6;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 50px;
  padding-left: 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-6528.large {
  justify-content: flex-end;
  align-items: center;
  min-width: 53px;
}

.div-block-6529 {
  background-color: #38b66a;
  border-right: 1px solid #ddcdcd;
  width: 0%;
  height: 3px;
  transition: all .35s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-6530 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-top: 1px solid #7a7a7a36;
  flex-flow: row;
  margin-top: 4px;
  padding-top: 15px;
  display: flex;
}

.captions_editor {
  z-index: 100;
  background-color: #3d3d3d1a;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 80px;
}

.captions_editor.active {
  z-index: 600;
  display: flex;
  left: 70px;
}

.div-block-6531 {
  opacity: 0;
  pointer-events: none;
  background-color: #e7dc0e;
  border-radius: 1px;
  padding: 3px 6px;
  font-size: 8px;
  font-weight: 700;
  line-height: 8px;
  position: absolute;
  right: -45px;
}

.div-block-6531.is_animated {
  transition: all .65s cubic-bezier(.86, 0, .07, 1);
}

.div-block-6531.is_animated.is_highlighted {
  opacity: 1;
  right: 10px;
}

.animator_previews_track {
  background-color: #f3eaea;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 4px;
  min-height: 4px;
  display: flex;
}

.div-block-6533 {
  background-color: #fff;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  height: 100%;
}

.div-block-6534 {
  width: 100%;
  height: 100%;
  position: relative;
}

.timeline_preview_el {
  cursor: pointer;
  background-color: #d81616;
  border-left: 0 solid #000;
  width: 10px;
  height: 100%;
  position: absolute;
  left: 183px;
}

.timeline_preview_el:hover {
  background-color: #3f5bc2;
}

.div-block-6535 {
  z-index: 200;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffff80;
  justify-content: flex-end;
  align-items: center;
  width: 250px;
  height: 40px;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: -41px;
  left: 0;
}

.inner_timeline_el {
  background-color: #c0c9d5;
  border: 0 solid #2962ae26;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 2px;
  display: flex;
  position: relative;
  left: 20px;
}

.div-block-6536 {
  background-color: #a4a3b4;
  width: 100%;
  height: 1px;
}

.div-block-6537 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-6538 {
  width: 80px;
  min-width: 80px;
  font-weight: 300;
  overflow: hidden;
}

.track_previews_holder {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  left: 1px;
  overflow: hidden;
}

.track_previews_holder.is_audio {
  background-color: #daedd2;
}

.div-block-6539 {
  z-index: 5;
  border: 1px solid #3d3d3d00;
  border-radius: 3px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-6539.is_active {
  background-color: #69696926;
  border-color: #444;
  border-radius: 4px;
}

.div-block-6540 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #2a2a28;
  border: 0 solid #3d3d3d;
  width: 100%;
  height: 32px;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  bottom: -33px;
}

.div-block-6540.is_active {
  background-color: #dadada;
  border-top-width: 1px;
  border-top-color: #7070702e;
  bottom: 0;
  box-shadow: 0 -4px 6px #00000005;
}

.media_controls1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #1d1d1d;
  cursor: pointer;
  background-color: #fff;
  border-right: 1px solid #e0e0f3;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 30px;
  height: 100%;
  font-size: 11px;
  display: flex;
  position: relative;
}

.media_controls1:hover {
  color: #000;
  background-color: #ddd;
}

.media_controls1.active {
  color: #d8d7cd;
  background-color: #202020;
}

.media_controls1.small {
  color: #afafaf;
  cursor: pointer;
  background-color: #bdb1b11a;
  border: 1px solid #1f1e1e;
  border-radius: 3px;
  min-width: 20px;
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
}

.media_controls1.small:hover {
  background-color: #bdb1b145;
}

.media_controls1.small.active {
  background-color: #202020;
}

.media_controls1.last {
  border-right-width: 0;
}

.media_controls1.custom-active {
  color: #d8d7cd;
  background-color: #202020;
}

.media_controls1.is_custom {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #adadad73;
  flex-flow: column;
}

.media_controls1.is_custom:hover {
  color: #adadad;
}

.media_controls1.is_custom.active {
  color: #e0e0e0;
}

.media_controls1.white {
  opacity: .5;
  color: #3f3b3b;
  background-color: #ffffff14;
  border-top: 0 solid #000;
  border-bottom: 0 solid #0000;
  border-left: 0 solid #000;
  border-right: 1px solid #f0f0f0;
  border-radius: 0;
  min-height: 61px;
}

.media_controls1.white.active {
  opacity: 1;
  border-bottom-color: #3b3b3b;
}

.media_controls1.dark {
  color: #b5b5b5;
  background-color: #81807878;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.media_controls1.dark.last {
  border-radius: 0 4px 4px 0;
}

.media_controls1.dark.active {
  color: #e2e2e2;
  background-color: #23232278;
}

.media_controls1.highlights_use {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
}

.media_controls1.highlights_use.is_active {
  display: flex;
}

.media_controls1.is_large {
  color: #332f2f;
  cursor: pointer;
  background-color: #ffffff14;
  border-right-color: #1f1f1f00;
  font-weight: 300;
}

.media_controls1.is_large.last {
  color: #928b8b;
}

.media_controls1.is_large.active {
  color: #000;
  background-color: #e0e0e0;
  border-right-color: #f1f1f1;
}

.media_controls1.large {
  min-width: 70px;
  font-weight: 500;
}

.div-block-6541 {
  pointer-events: auto;
  color: #252525;
  white-space: nowrap;
  background-color: #fcd707;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  display: flex;
  position: static;
  left: 8px;
}

.div-block-6541.is_visible {
  color: #595d54;
  border-left: 3px solid #5b8625;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 18px;
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 9px;
  display: flex;
  left: 0;
}

.div-block-6542 {
  background-color: #fff;
  border-top: 1px solid #e4e3e3;
  border-left: 0 solid #e2d9d9;
  border-right: 1px solid #e4e4e4;
  width: 42px;
  min-width: 42px;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.div-block-6542.hidden {
  display: none;
}

.div-block-6543 {
  background-color: #fff;
  border-bottom: 0 solid #dbdbdb;
  border-left: 0 solid #322bc300;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  padding: 0;
  display: flex;
}

.div-block-6543.is_active {
  border-left-color: #e4e3ff;
}

.image-725 {
  width: 18px;
}

.image-725.large {
  width: 20px;
}

.div-block-6544 {
  pointer-events: none;
  border-left: 1px solid #96a5db;
  height: 70px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-6544.is_visible {
  border-left-width: 0;
  border-left-color: #f6d368;
  width: 100%;
  height: 49px;
  display: flex;
}

.captions_editor_main {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 700px;
  max-width: 700px;
  box-shadow: 10px 0 9px #0000000a;
}

.div-block-6545 {
  z-index: 5;
  cursor: ns-resize;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.div-block-6545:hover {
  background-color: #bad6f5;
}

.div-block-5262-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  border: 1px solid #0000;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: center;
  max-width: 160px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  display: flex;
  overflow: hidden;
}

.div-block-5262-copy.editing {
  border-color: #00000026;
}

.div-block-5262-copy.dragged_over {
  pointer-events: none;
}

.div-block-5262-copy.effect {
  width: 160px;
  max-width: 160px;
}

.div-block-6546 {
  color: #252525;
  background-color: #f3f0f0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 9px;
  line-height: 10px;
  transition: right .3s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: absolute;
  right: -57px;
}

.div-block-6546.active {
  cursor: pointer;
  background-color: #e4e4e4;
  display: flex;
  right: 3px;
}

.div-block-6546.active:hover {
  color: #fff;
  background-color: #cf1919;
}

.keyframe_element_b {
  z-index: 3;
  color: #141414;
  white-space: nowrap;
  cursor: pointer;
  background-color: #05050500;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 100%;
  min-height: 24px;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 500;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.keyframe_element_b:hover {
  background-color: #e4e4e4;
}

.keyframe_element_b.active {
  color: #e2dddd;
  background-color: #1a1a1a;
  justify-content: space-between;
  width: 110px;
  min-width: 110px;
  padding-right: 3px;
}

.keyframe_element_b.og {
  min-width: 85px;
}

.keyframe_element_b._100 {
  width: 100%;
}

.keyframe_element_b.active_head {
  color: #e2dddd;
  background-color: #1a1a1a;
  justify-content: center;
  width: 60px;
  min-width: 60px;
  padding-right: 12px;
}

.keyframe_element_b.basic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  width: 90px;
  min-width: 90px;
  padding-left: 15px;
  padding-right: 15px;
}

.keyframe_element_b.basic:hover {
  color: #fff;
  background-color: #2e2e2e;
}

.keyframe_element_b.is_active {
  background-color: #fff;
}

.keyframes_container {
  z-index: 7;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.key_el {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 22%;
}

.key_el:hover {
  color: #333;
}

.keys_container {
  border: 0 solid #bcbbe2;
  border-width: 0 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.div-block-6549 {
  opacity: 1;
  background-color: #c3c9f7;
  width: 100%;
  height: 1px;
  position: absolute;
}

.the_effects_container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.div-block-6550 {
  cursor: pointer;
  border-bottom: 0 solid #ececec;
  border-right: 0 solid #776d6d;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 56px;
  margin-bottom: 0;
  display: flex;
  box-shadow: 0 2px 15px #0000000d;
}

.div-block-6550:hover {
  background-color: #fdfdf3;
}

.div-block-6550.right {
  box-shadow: none;
  cursor: pointer;
  border-left: 1px solid #ddd;
  border-right-width: 0;
}

.div-block-6550.right.dark {
  color: #fff;
  border-left-color: #6d6d6d80;
}

.div-block-6550.right.dark:hover {
  background-color: #303030;
}

.div-block-6550.prompt {
  box-shadow: none;
  border-bottom-width: 1px;
  border-bottom-color: #f0f0f0;
  height: 55px;
}

.div-block-6550.prompt:hover {
  color: #fff;
  background-color: #292929;
}

.image-726 {
  width: 16px;
}

.image-726.inv {
  filter: invert();
}

.div-block-6551 {
  background-color: #fff;
  border-right: 1px solid #e6e6e6;
  width: 42px;
  min-width: 42px;
  height: 100%;
  padding-top: 3px;
}

.div-block-6552 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 6px 4px 4px;
  display: flex;
}

.div-block-6553 {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0;
  display: flex;
}

.div-block-6554 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.image-727 {
  width: 16px;
}

.div-block-6555 {
  height: 100%;
  display: flex;
}

.div-block-6556 {
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 100%;
  padding-left: 4px;
  display: flex;
}

.div-block-6557 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-6558 {
  opacity: .1;
  background-color: #f6d368;
  width: 100%;
  height: 500px;
  position: absolute;
  left: 0;
}

.div-block-6559 {
  display: flex;
}

.div-block-6560 {
  padding-right: 10px;
  font-size: 11px;
  font-weight: 300;
}

.div-block-6561 {
  color: #948b8b;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 100%;
  font-family: Materialicons, sans-serif;
  display: flex;
  position: absolute;
  right: 0;
}

.div-block-6561:hover {
  color: #e0d2d2;
}

.div-block-6562 {
  background-color: #b94747;
  width: 0%;
  height: 100%;
  transition: all .4s;
  position: absolute;
  left: 0;
}

.div-block-6563 {
  border-bottom: 1px solid #ececec;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.div-block-6564 {
  height: 100%;
}

.div-block-6565 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: 100%;
  padding-left: 10px;
  font-weight: 300;
  display: flex;
}

.div-block-6566 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #a5a2a2;
  cursor: pointer;
  border-bottom: 2px solid #0000;
  border-right: 0 solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-6566:hover {
  color: #222;
}

.div-block-6566.is_active {
  color: #000;
  border-bottom: 2px solid #000;
}

.doc_tab {
  width: 100%;
  height: 100%;
  display: none;
}

.doc_tab.is_active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-728 {
  width: 24px;
}

._2div-block-6359-copy {
  z-index: 50;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 1;
  pointer-events: auto;
  flex-flow: row;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
}

._2div-block-6359-copy.is_active {
  opacity: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.div-block-6567 {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.prompt_tab {
  width: 100%;
  height: 100%;
  display: none;
}

.prompt_tab.is_active {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6568 {
  z-index: 55;
  border-top: 1px solid #e0e0e0;
  min-height: 310px;
  display: none;
  position: relative;
}

.div-block-6568.is_active {
  height: auto;
  min-height: 200px;
  display: flex;
}

.div-block-6569 {
  width: 100%;
  height: 100%;
}

._12div-block-5255-copy {
  z-index: 20;
  background-color: #fff0;
  border-top: 1px solid #e9e9e900;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding-left: 0;
  padding-right: 0;
  transition: all .3s;
  display: flex;
  position: relative;
}

._12div-block-5255-copy.expanded {
  background-color: #f4f8fa;
  border-top-left-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  top: -53px;
}

._12div-block-5255-copy.bottom {
  box-shadow: none;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  padding-left: 15px;
  position: static;
  bottom: 0;
}

._12div-block-5255-copy.timelineactive {
  background-color: #fff;
  border-top-width: 0;
  border-top-color: #e0e0e0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 15px #0000000d;
}

._12div-block-5255-copy.timelineactive.tight {
  box-shadow: none;
  border-bottom-width: 1px;
  border-bottom-color: #e2e1e1;
  padding-left: 5px;
}

._12div-block-5255-copy.dark {
  background-color: #292929;
  border-bottom-color: #5c5b5b42;
}

.div-block-6570 {
  font-family: Neuehaasgrotdisp web, sans-serif;
  font-size: 20px;
}

.div-block-6570.is_faded {
  color: #949494;
}

.div-block-6570.dark {
  color: #cfcfcf;
}

.text-span-3 {
  color: #bebebe;
}

.div-block-6571 {
  flex-flow: column;
  display: flex;
}

.div-block-6572 {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 230px;
  padding: 0;
  display: flex;
}

.text-field-17 {
  background-color: #fff0;
  border: 0 solid #000;
  font-family: Arial, sans-serif;
}

.textarea-11 {
  border: 0 solid #000;
  height: 100%;
  min-height: 100%;
  padding: 15px 15px 15px 10px;
  font-family: Arial, sans-serif;
  font-size: 17px;
}

.form-32 {
  height: 100%;
  display: flex;
}

.form-block-45 {
  height: 100%;
  min-height: 150px;
  margin-bottom: 0;
}

.div-block-6573 {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-6574 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  background-color: #fff;
  border-top: 0 solid #ececec;
  border-left: 0 solid #e4e4e4;
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  height: 80px;
  padding: 10px 15px 10px 10px;
  display: flex;
}

.div-block-6575 {
  width: 100%;
  height: 80px;
}

.div-block-6576 {
  height: 100%;
}

.div-block-6577 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: #fff;
  cursor: pointer;
  background-color: #1276d8;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 4px 4px 30px;
  display: flex;
}

.div-block-6577:hover {
  color: #fff;
  background-color: #18114e;
}

.div-block-6578 {
  color: #303030;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
}

.div-block-6579 {
  font-size: 10px;
  font-weight: 500;
}

.div-block-6580 {
  background-color: #eee0e0;
  width: 100%;
  height: 1px;
}

.div-block-6581 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6582 {
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-6583 {
  width: 50%;
  min-width: 300px;
  max-width: 800px;
  padding: 15px 15px 0;
}

.div-block-6584 {
  color: #b1b1b1;
  background-color: #f8f8f8;
  border: 1px solid #ececec;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 14px;
  display: flex;
}

.div-block-6585 {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.div-block-6586 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 58%;
  min-width: 300px;
  max-width: 800px;
  display: flex;
}

.div-block-6587 {
  font-size: 11px;
  font-weight: 500;
}

.code_tab {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #868686;
  cursor: pointer;
  border: 0 solid #000;
  border-top: 2px solid #0000;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.code_tab:hover {
  color: #fdfdfd;
  background-color: #25252566;
}

.code_tab.is_active {
  color: #e9e7e5;
  background-color: #313131;
  border-top-color: #0078d4;
}

.div-block-6588 {
  white-space: nowrap;
  border-left: 1px solid #575757;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  height: 100%;
  padding-right: 15px;
  display: flex;
}

.div-block-6588:hover {
  background-color: #6363632e;
}

.form-block-46 {
  height: 100%;
  margin-bottom: 0;
}

.form-33 {
  height: 100%;
  display: flex;
  position: relative;
}

.text-field-18 {
  color: #dfdfdf;
  background-color: #fff0;
  border: 0 solid #000;
  height: 100%;
}

.text-field-18.bordered {
  border-right-width: 1px;
  border-right-color: #4e4e4e;
  padding-top: 15px;
}

.text-field-18.bordered.last {
  border-right-width: 0;
}

.div-block-6589 {
  background-color: #282a36;
  height: 100%;
}

.div-block-6590 {
  padding-right: 15px;
}

.div-block-6591 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.media_widget_small {
  border: 1px solid #584a4a;
  border-radius: 3px;
  width: 100%;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.media_widget_small.is_tabled {
  min-width: 32px;
  max-width: 100px;
  height: 100%;
}

.media_widget_small.is_tabled:hover {
  border-width: 1px;
  border-color: #ca8f43;
  padding: 2px;
}

.media_widget_small.is_panel {
  border-width: 0;
  width: 100%;
}

.media_widget_small.is_variable {
  border-width: 0;
  width: 100%;
  height: auto;
  overflow: auto;
}

.div-block-6592 {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-6593 {
  background-color: #f5f5f5;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.div-block-6593:hover {
  color: #fff;
  background-color: #1654ff;
}

.div-block-6594 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6595 {
  display: flex;
}

.div-block-6596 {
  padding: 20px 20px 40px;
  display: none;
}

.div-block-6596.active {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 40px;
  display: flex;
  overflow: auto;
}

.product_details-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  color: #cacacab8;
  background-color: #292929;
  border-bottom: 1px solid #63636387;
  border-left: 0 solid #8080805c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  position: static;
  top: -34px;
  left: -1px;
}

.product_details-copy:hover, .product_details-copy.is_hover {
  color: #a7a7a7;
}

.product_details-copy.hoverinfo {
  display: flex;
}

.form-block-47 {
  margin-bottom: 0;
}

.div-block-6023-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 170px;
  min-height: 135px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-6597 {
  color: #908b8b;
  border-bottom: 1px solid #585858;
  border-radius: 0;
  padding: 2px 4px 2px 0;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 2px;
  left: 10px;
}

.div-block-6598 {
  position: relative;
}

.div-block-6599 {
  color: #a7a7a7;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .loginbox {
    margin-right: 0;
    padding-left: 50px;
    padding-right: 50px;
    position: static;
  }

  .div-block-1833 {
    justify-content: center;
    margin-right: 0;
  }

  .div-block-1838 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    left: 0;
  }

  .div-block-1849 {
    margin-right: 0;
  }

  .div-block-1739-copy-copy {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-1847 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    left: 0;
  }

  .div-block-3258 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .reports_center_navigation {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .reports_center_navigation.white.mycontent {
    flex-flow: row;
  }

  .div-block-3391 {
    margin-bottom: 10px;
  }

  .div-block-3396 {
    justify-content: space-between;
    width: 100%;
  }

  .line_content.project {
    max-height: none;
  }

  .div-block-3617 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .body-10 {
    transition: border .2s;
  }

  .div-block-3646 {
    flex-direction: row-reverse;
  }

  .div-block-3893.active, .div-block-3893.activeline {
    white-space: nowrap;
  }

  .div-block-3646-copy {
    flex-direction: row-reverse;
  }

  .native_display {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-3966-copy-copy12 {
    display: none;
  }

  .context_item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-3966-copy {
    display: none;
  }

  .div-block-4004-copy {
    width: 100%;
    padding-left: 40px;
    padding-right: 50px;
  }

  .div-block-4314 {
    left: -47px;
  }

  .div-block-4314.s2, .div-block-4314.s3 {
    padding-left: 20px;
  }

  .div-block-4314.s1 {
    font-size: 10px;
    line-height: 12px;
  }

  .context_item-copy {
    padding-left: 0;
    padding-right: 10px;
  }

  .div-block-4315 {
    width: 100%;
  }

  .div-block-4317 {
    width: 100%;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 30px;
  }

  ._11div-block-4008-copy {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4319 {
    display: none;
  }

  .div-block-3955 {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .theslide {
    flex-direction: column;
    padding-left: 10px;
  }

  .div-block-3956-copy {
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .partners_page3 {
    height: auto;
  }

  .div-block-4322 {
    flex-direction: column;
  }

  .div-block-4322.thecover {
    padding-left: 20px;
  }

  .div-block-3955-copy-copy {
    width: 100%;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .div-block-4324 {
    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .div-block-3975 {
    padding-right: 0;
    position: static;
  }

  .div-block-4327 {
    flex-direction: column-reverse;
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-1542-copy {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 60px;
  }

  .div-block-1543 {
    margin-bottom: 15px;
  }

  .div-block-4331 {
    width: 100%;
  }

  .div-block-4333 {
    padding-bottom: 15px;
    padding-left: 0;
  }

  .partners_page2, .partners_context {
    height: auto;
  }

  .sheets_container {
    display: none;
  }

  .div-block-4337 {
    padding-left: 10px;
  }

  .div-block-4338 {
    width: 100%;
  }

  .partners_page2_2, .partners_problem, .partners_solution {
    height: auto;
  }

  .div-block-4331-copy {
    width: 100%;
  }

  .div-block-4364 {
    height: 100%;
  }

  .div-block-3966-copy-copy {
    display: none;
  }

  .partners_case_study_data {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentelement, .user_comps {
    border-bottom-color: #7a7a7a;
  }
}

@media screen and (max-width: 479px) {
  .div-block-2698 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-2698._450 {
    background-image: linear-gradient(#f8fafc, #fff);
    border-bottom-width: 1px;
    border-bottom-color: #ececec;
    min-width: 100%;
    height: 90px;
    min-height: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .maincontainer {
    flex-direction: column-reverse;
    justify-content: flex-start;
    position: static;
  }

  .maincontainer.white {
    flex-direction: column;
  }

  .maincontainer.responsive.light {
    flex-direction: column;
    height: 100%;
  }

  .tab.attachments {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
    font-weight: 900;
  }

  .centerpanel {
    min-width: auto;
  }

  .centerpanel.create {
    display: none;
  }

  .tabswitch-2.yellow {
    background-color: #f1f1f1;
  }

  .btn.white._100 {
    margin-right: 5px;
  }

  .btn._100 {
    width: 100%;
    margin-right: 0;
  }

  .topbar_m1 {
    width: 100%;
    position: static;
  }

  .div-block-2747 {
    padding: 8px;
  }

  .visualsolutions, .xvisualsolutions-copy {
    grid-template-columns: repeat(auto-fit, minmax(8.5em, 1fr));
  }

  .configpanel0 {
    display: none;
  }

  .text-block-306-copy-copy {
    text-align: center;
  }

  .loginbox {
    box-shadow: none;
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    padding: 20px 25px;
  }

  .div-block-1541-copy {
    margin-right: 0;
  }

  .div-block-1833 {
    margin-top: 73px;
  }

  .form-grid-halves-copy-copy {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1838 {
    margin-top: 0;
    padding-left: 20px;
    position: absolute;
    top: 10px;
  }

  .form-input-4 {
    padding-left: 10px;
    font-size: 15px;
  }

  .loginpage {
    align-items: center;
    height: auto;
    min-height: 100vh;
    position: relative;
  }

  .div-block-1850 {
    display: none;
  }

  .footer-bottom-links-copy {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
  }

  .div-block-1837 {
    color: #4b4a4a;
    font-size: 14px;
    font-weight: 500;
  }

  .div-block-1843 {
    display: none;
  }

  .form-error-3 {
    padding: 12px;
  }

  .link-block-copy {
    margin-right: 0;
  }

  .form-success-2 {
    padding: 12px;
  }

  .div-block-1741 {
    padding-bottom: 5px;
    font-size: 16px;
  }

  .div-block-1849 {
    display: none;
  }

  .image-376 {
    filter: none;
  }

  .div-block-1841 {
    margin-top: 25px;
    margin-bottom: 0;
  }

  .div-block-1835 {
    z-index: 10;
    background-color: #fafafa;
    display: flex;
  }

  .image-304 {
    object-fit: fill;
    width: auto;
  }

  .div-block-1842 {
    color: #535353;
    font-size: 13px;
    font-weight: 700;
  }

  .div-block-1739-copy-copy {
    min-width: auto;
  }

  .form-grid-vertical-copy231 {
    grid-row-gap: 12px;
  }

  .div-block-1814-copy-copy {
    font-size: 16px;
  }

  .div-block-1847 {
    display: none;
  }

  .social_signin {
    font-size: 16px;
  }

  .sidebar.dashboard {
    height: auto;
  }

  .sidebar.full {
    max-width: 100%;
    max-height: 80px;
    overflow: visible;
  }

  .sidebar.compact {
    background-image: none;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    max-height: 80px;
    position: absolute;
    bottom: 0;
    overflow: visible;
  }

  .sidebar_logo.dashboard {
    padding-left: 15px;
  }

  .image-275._312.invert {
    width: 20px;
    margin-left: 0;
  }

  .div-block-1892.dashboard {
    padding-left: 10px;
  }

  .div-block-1892.dashboard.compact {
    flex-direction: column;
    display: flex;
  }

  .skills {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .skills.active {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .the_conv_name.no_underline, .div-block-2985, .project_name.no_underline {
    display: none;
  }

  .project_link_container.alignleft {
    width: 100%;
  }

  .dropdown_menu.aicreate {
    background-color: #fff;
    border-color: #b7b7b8;
    height: 60px;
    min-height: 60px;
  }

  .dropdown_menu.filter2 {
    background-color: #fff;
    border-color: #b7b7b8;
  }

  .dropdown_menu.leadgen {
    background-color: #fff;
  }

  .dropdown_item.filter, .dropdown_item.aicreate {
    color: #202020;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb;
    height: 65px;
    min-height: 65px;
    font-size: 18px;
    font-weight: 700;
  }

  .dropdown_input.filter {
    font-weight: 500;
  }

  .dropdown_input.aicreate, .dropdown_input.filter2 {
    font-size: 15px;
    font-weight: 500;
  }

  .dropdown_input.leadgen {
    font-weight: 500;
  }

  .slider_value.ai {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 500;
  }

  .slider_label.ai {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 700;
  }

  .div-block-3214 {
    border-color: #dfdfdf;
    padding-left: 15px;
    box-shadow: 0 2px 5px #00000014;
  }

  .div-block-3215.left {
    display: none;
  }

  .div-block-3217 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown_value.filter, .dropdown_value.aicreate {
    background-color: #f0f1f1;
    border-color: #e4e4e4;
    font-size: 12px;
  }

  .dropdown_value.leadgen {
    border-color: #e4e4e4;
    font-size: 12px;
  }

  .editor_modes {
    display: none;
  }

  .div-block-3258 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-3259 {
    color: #f3ebeb;
    background-color: #1d1d1d;
    border: 0 solid #000;
    border-radius: 99px;
    height: auto;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 9px 18px;
    font-size: 12px;
    font-weight: 500;
  }

  .div-block-3259:hover {
    color: #f5f0f0;
    background-color: #313131;
    border: 0 solid #000;
  }

  .div-block-3259.last {
    margin-right: 0;
  }

  .div-block-3267 {
    align-items: center;
    display: flex;
  }

  .sidebar_logo_comp.compact {
    border-top: 1px solid #e0e0e0;
    justify-content: flex-start;
    display: none;
  }

  .div-block-3302.regular {
    width: 100%;
    margin-right: 0;
  }

  .projects_list {
    display: none;
  }

  .reports_center_navigation {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .reports_center_navigation.white.mycontent, .reports_center_navigation.white.domains {
    display: none;
  }

  .div-block-3391 {
    width: 100%;
  }

  .panel_header.active {
    border-radius: 10px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .page_content.active {
    height: auto;
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main_logo {
    width: 50px;
    height: 50px;
  }

  .main_logo.small {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    display: flex;
  }

  .div-block-3568 {
    width: 70px;
    height: 70px;
  }

  .div-block-3568.small {
    width: 12px;
    height: 12px;
  }

  .div-block-3568.black {
    background-color: #fff;
    width: 20px;
    height: 20px;
  }

  .div-block-3570 {
    display: none;
  }

  .div-block-3569 {
    bottom: -86px;
    right: auto;
  }

  .div-block-3569.black {
    color: #000;
  }

  .text-block-449.small {
    font-size: 20px;
    font-weight: 700;
  }

  .div-block-3572 {
    width: 300px;
    height: 300px;
  }

  .div-block-3573 {
    width: 150px;
    height: 150px;
  }

  .div-block-3574 {
    width: 70px;
    height: 70px;
  }

  .div-block-3575 {
    bottom: -86px;
    right: auto;
  }

  .navigation_dashboard.active {
    background-color: #f8f8f8;
  }

  .navigation_dashboard.compact {
    justify-content: flex-start;
    padding: 22px 15px 22px 20px;
  }

  .nav_items_sidebar {
    z-index: 1;
    background-color: #fff;
    height: auto;
    display: flex;
  }

  .nav_items_sidebar.active {
    height: 100%;
    padding-bottom: 12px;
    padding-left: 12px;
  }

  .nav_items_sidebar.compact {
    display: none;
  }

  .div-block-3579 {
    padding-left: 10px;
    padding-right: 20px;
  }

  .div-block-3579.compact {
    padding-right: 20px;
  }

  .div-block-3583 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-3586 {
    display: flex;
  }

  .div-block-3589.lightscroll.active {
    padding-left: 20px;
    padding-right: 20px;
  }

  .preview_nav.rev {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-3601.spaced {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .div-block-3601.spaced._1 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .div-block-3601.noborder {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .overview_line2 {
    font-size: 29px;
  }

  .overview_line1 {
    font-weight: 500;
    line-height: 22px;
  }

  .div-block-3608 {
    margin-left: 10px;
    font-size: 16px;
  }

  .div-block-3611 {
    padding: 10px;
  }

  .div-block-3612 {
    display: none;
  }

  .div-block-3613 {
    padding-right: 10px;
    position: relative;
  }

  .div-block-3645 {
    display: none;
  }

  .div-block-3646 {
    padding-right: 10px;
  }

  .div-block-3647 {
    width: 100%;
  }

  .progress_interstitial {
    align-items: flex-start;
    position: relative;
  }

  .div-block-3753.right {
    display: none;
  }

  .div-block-3886.noborder._500 {
    border-bottom: 0 solid #e7e5e599;
    min-width: 100%;
    height: 90px;
    min-height: 90px;
  }

  .div-block-3886.noborder._500._501 {
    min-width: 100%;
  }

  .div-block-3906 {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .side_visual {
    display: none;
  }

  .skill_category {
    margin-bottom: 0;
  }

  .skill_category._220 {
    width: 100%;
    max-width: 160px;
  }

  .style_slider {
    border-bottom-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 0;
  }

  .div-block-3947 {
    font-size: 16px;
    font-weight: 700;
  }

  .skill_item {
    border-width: 1px;
    border-color: #f3f3f3;
    border-radius: 16px;
    padding-left: 20px;
    padding-right: 15px;
    transition-duration: 50ms;
  }

  .skill_item:hover {
    background-color: #f8f8f8;
    border-width: 0;
  }

  .skill_item:active {
    color: #f5ebeb;
    background-color: #242424;
    border-color: #242424;
  }

  .skill_item:focus {
    color: #fff;
    background-color: #242424;
  }

  .div-block-3949 {
    border: 0 solid #000;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    padding: 10px 10px 0;
  }

  .div-block-3950 {
    margin-right: 10px;
  }

  .div-block-3952 {
    letter-spacing: -.5px;
    font-size: 22px;
  }

  .div-block-3953 {
    font-size: 18px;
    line-height: 29px;
  }

  .main_create_page {
    height: 100%;
  }

  .textarea-6 {
    color: #000;
    background-color: #fff;
    border-color: #b7b7b8;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
  }

  .textarea-6::placeholder {
    color: #2c2c2c;
  }

  .create_standard_large, .create_standard {
    margin-bottom: 35px;
  }

  .input_context {
    color: #9b9999;
    font-size: 11px;
    font-weight: 400;
  }

  .ai_input {
    background-color: #fff;
    border-color: #b7b7b8;
    height: 60px;
    font-size: 15px;
    font-weight: 500;
  }

  .ai_input::placeholder {
    color: #2c2c2c;
  }

  .create_slider {
    margin-bottom: 28px;
  }

  .form_container_ai {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }

  .div-block-3957 {
    font-weight: 500;
  }

  .create_dropdown, .create_radio {
    margin-bottom: 35px;
  }

  .the_radio_label {
    font-weight: 500;
  }

  .create_right.lightscroll.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .settings_tab.preivew.active {
    overflow: auto;
  }

  .settings_tab.preivew.active.lightscroll {
    justify-content: flex-start;
  }

  .form-block-10._500 {
    min-width: auto;
    height: auto;
  }

  .div-block-3611-copy.formsettings.small {
    padding-left: 10px;
    padding-right: 10px;
  }

  .create_preview_container {
    max-height: none;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: visible;
  }

  .content_preview_container {
    height: 100%;
  }

  .skill_name {
    background-color: #fff0;
    border-width: 1px;
    border-radius: 6px;
    margin-left: 0;
    position: static;
    top: auto;
    bottom: -21px;
    left: 0;
  }

  .skill_name.presentation {
    border-color: #e4effa;
  }

  .div-block-3978 {
    background-color: #fff0;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-3979 {
    width: 100%;
    padding-top: 10px;
  }

  .div-block-3984 {
    display: flex;
  }

  .div-block-3993 {
    display: none;
  }

  .div-block-3997 {
    letter-spacing: 0;
    border-radius: 99px;
    font-weight: 500;
  }

  .div-block-3998 {
    width: 100%;
    position: static;
    bottom: 0;
  }

  .create_right_panel {
    z-index: 9999;
    position: absolute;
    right: 0;
  }

  .create_right_panel.active {
    width: 100%;
    max-width: 100vw;
  }

  .div-block-3999.lightscroll {
    min-width: 100%;
  }

  .div-block-4000 {
    background-color: #fff0;
    border-radius: 12px;
    align-items: center;
    height: 60px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .top_controls {
    background-image: linear-gradient(#fff, #fff0);
    border-bottom: 1px solid #eee;
    height: auto;
    padding: 20px 20px 15px;
  }

  .generate_content.active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    font-size: 13px;
  }

  .sidebar_comp {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    padding-right: 0;
    overflow: hidden;
  }

  .sidebar_comp.active {
    background-color: #fff;
    flex-direction: column;
    height: 100vh;
    padding-right: 0;
    position: absolute;
    bottom: 0;
    overflow: visible;
  }

  .sidebar_comp.compact {
    background-color: #fff0;
    background-image: linear-gradient(#ececec00, #eee);
    justify-content: center;
    height: 100%;
  }

  .image-647 {
    width: 20px;
  }

  .site_menu {
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 19px;
    right: 10px;
  }

  .site_menu.compact {
    display: none;
  }

  .main_logo-copy {
    width: 50px;
    height: 50px;
  }

  .div-block-4020 {
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    font-size: 12px;
    display: flex;
    position: absolute;
    left: -21px;
  }

  .button_label.compact {
    display: flex;
  }

  .content_cta {
    min-width: 100vw;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    left: 0;
  }

  .content_cta.full {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .content_cta.full.active {
    display: flex;
  }

  .content_cta.compact {
    position: static;
  }

  .content_cta.active {
    padding-top: 40px;
    padding-bottom: 65px;
  }

  .div-block-4023.compact {
    left: 23px;
    right: auto;
  }

  .div-block-4024.compact {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
    justify-content: space-between;
    height: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-4025.compact {
    padding-left: 10px;
    display: flex;
  }

  .div-block-4026.compact {
    display: flex;
  }

  .image-648 {
    width: 32px;
  }

  .back_arrow {
    border-bottom-width: 0;
    width: 80px;
  }

  .back_arrow.compact {
    display: none;
  }

  .notifications_text.compact {
    display: flex;
  }

  .div-block-4025-copy1.compact {
    padding-left: 10px;
  }

  .div-block-4029 {
    padding-top: 0;
  }

  .results.active {
    min-height: 90vh;
    padding-top: 15px;
  }

  .skills-copy {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .skills-copy.active {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sw_wrapper {
    border-left: 1px solid #f1f1f1;
    padding-left: 0;
  }

  .sidebar_one {
    width: 100%;
  }

  .div-block-4039 {
    font-size: 18px;
  }

  .div-block-4041 {
    height: 370px;
    padding-top: 25px;
  }

  .div-block-4042 {
    margin-top: 14px;
  }

  .create_flow.noborder._500 {
    border-bottom: 0 solid #e7e5e599;
    min-width: 100%;
    height: 0;
    min-height: 0;
  }

  .create_flow.noborder._500._501 {
    min-width: 100%;
  }

  .create_flow.noborder._500.active {
    height: 90px;
    min-height: 90px;
  }

  .div-block-4045 {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

  .zoomed_entry.active {
    padding: 0;
    position: relative;
  }

  .textarea-6-copy {
    color: #202020;
    background-color: #fff;
    border-color: #e0e3e7;
    border-radius: 0;
    min-height: 45vh;
    padding: 12px 14px 14px;
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
  }

  .textarea-6-copy:focus {
    background-color: #fff;
  }

  .div-block-4047 {
    z-index: 2;
    color: #f5f5f5;
    letter-spacing: .5px;
    background-color: #2e2e2e;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .div-block-4023-copy {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    font-size: 9px;
  }

  .div-block-4023-copy.compact {
    left: 23px;
    right: auto;
  }

  ._11div-block-3608-copy {
    margin-left: 10px;
    font-size: 16px;
    display: flex;
  }

  .div-block-4049 {
    align-items: flex-start;
  }

  .back_arrow-copy {
    background-color: #1d1d1d;
    border-bottom-width: 0;
    border-radius: 99px;
    width: 40px;
    height: 40px;
    padding-right: 1px;
    display: flex;
  }

  .back_arrow-copy.compact {
    display: none;
  }

  .div-block-4051 {
    flex-direction: column-reverse;
    width: 100%;
  }

  .div-block-4053 {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .delete12.white._100 {
    background-color: #fff0;
    border-width: 0;
    border-radius: 99px;
    width: auto;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .delete12.white._100:hover {
    color: #1f1f1f;
    text-decoration: underline;
  }

  .delete12._100 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-4054 {
    width: 100%;
  }

  .div-block-4055 {
    border-top: 1px solid #e9e9e9;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    display: flex;
  }

  ._1create_right-copy.lightscroll.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .panel_header_-copy.active {
    border-radius: 10px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-4058 {
    padding: 8px 20px;
  }

  .create_media {
    margin-bottom: 35px;
  }

  .photo_style_selector {
    margin-bottom: 0;
  }

  .photo_style_selector._220 {
    width: 100%;
    max-width: 160px;
  }

  .div-block-3611-copy, .div-block-3611-copy-copy {
    padding: 10px;
  }

  .projectisready {
    margin-left: 10px;
    font-size: 16px;
    display: flex;
  }

  .create_standard_large_url {
    margin-bottom: 35px;
  }

  .textarea-6-copy {
    color: #000;
    background-color: #fff;
    border-color: #b7b7b8;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
  }

  .textarea-6-copy::placeholder {
    color: #2c2c2c;
  }

  .url_details_input, .fetched_images_gallery, .create_headline {
    margin-bottom: 35px;
  }

  .variation_item {
    max-height: none;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: visible;
  }

  .variation_header.active {
    border-radius: 10px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .native_display {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nws_template2._0x0 {
    border-width: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }

  .textarea-6-copy-copy {
    color: #202020;
    background-color: #fff;
    border-color: #e0e3e7;
    border-radius: 0;
    min-height: 45vh;
    padding: 36px 14px 14px;
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
  }

  .textarea-6-copy-copy:focus {
    background-color: #fff;
  }

  .div-block-4268 {
    z-index: 60;
    display: flex;
    top: 0;
  }

  .div-block-4269 {
    font-size: 10px;
  }

  .skill_item-copy {
    border-width: 1px;
    border-color: #f3f3f3;
    border-radius: 16px;
    padding-left: 20px;
    padding-right: 15px;
    transition-duration: 50ms;
  }

  .skill_item-copy:hover {
    background-color: #f8f8f8;
    border-width: 0;
  }

  .skill_item-copy:active {
    color: #f5ebeb;
    background-color: #242424;
    border-color: #242424;
  }

  .skill_item-copy:focus {
    color: #fff;
    background-color: #242424;
  }

  .client_slider_label.ai {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 700;
  }

  .slider_value_client.ai {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 500;
  }

  .div-block-4047-copy {
    z-index: 2;
    color: #3b3b3b;
    letter-spacing: .5px;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 5px;
    left: 14px;
  }

  .div-block-3966-copy-copy12 {
    display: none;
  }

  .div-block-4001-copy {
    letter-spacing: -.8px;
    font-size: 36px;
  }

  .context_item {
    color: #0c0c0c;
    border-bottom-color: #e0e0e0;
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .div-block-4310._1 {
    display: none;
  }

  .div-block-4311 {
    overflow: hidden;
  }

  .div-block-3966-copy {
    display: none;
  }

  .div-block-4008-copy {
    background-color: #1a191f00;
    border-radius: 0;
  }

  .intro_line {
    color: #1f1f1f;
  }

  .text-block-306 {
    text-align: left;
    line-height: 26px;
  }

  .text-block-473 {
    font-size: 17px;
    line-height: 28px;
  }

  .div-block-4313 {
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .partners_cover {
    height: auto;
    min-height: 100vh;
    padding: 25px 20px 40px;
  }

  .sw_left {
    width: 70px;
    min-width: 70px;
    margin-left: 0;
  }

  .sw_left:hover {
    width: 70px;
  }

  .div-block-4004-copy {
    justify-content: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 10px;
  }

  .div-block-4314 {
    color: #fff;
    background-color: #303030;
    width: 40px;
    height: 20px;
    margin-right: 7px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-4314.s2 {
    padding-left: 0;
    font-size: 11px;
  }

  .div-block-4314.s3 {
    padding-left: 0;
  }

  .div-block-4314.s1 {
    justify-content: center;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 11px;
  }

  .context_item-copy {
    color: #0c0c0c;
    border-bottom-width: 0;
    border-bottom-color: #e0e0e0;
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4315 {
    width: 100%;
    display: none;
  }

  .partners_page5 {
    height: 80vh;
    min-height: 80vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-4317 {
    width: 100%;
    padding: 20px 5px 0 0;
  }

  .div-block-4317.reverse {
    padding-left: 0;
    padding-right: 0;
  }

  ._11div-block-4008-copy {
    background-color: #f8f8f8;
    flex-direction: column-reverse;
    padding: 30px 20px;
  }

  .div-block-1541-copy-2 {
    white-space: normal;
    margin-right: 0;
    font-size: 15px;
    line-height: 19px;
  }

  .div-block-4002-copy {
    color: #1f1f1f;
    padding-left: 0;
    font-size: 19px;
    line-height: 29px;
  }

  .stories_container {
    border-width: 0;
    width: 100%;
    height: 100%;
  }

  .div-block-3959-copy {
    margin-top: 10px;
  }

  .div-block-4318 {
    padding-left: 10px;
    display: flex;
  }

  .div-block-3955 {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 30px;
  }

  .div-block-4320 {
    display: none;
  }

  .div-block-4321 {
    margin-bottom: 15px;
  }

  .theslide {
    flex-direction: column;
    min-height: auto;
    margin-right: 0;
  }

  .theslide.stories {
    padding-left: 0;
  }

  .div-block-3962 {
    opacity: 1;
    color: #1b1b1b;
    font-size: 19px;
    font-weight: 300;
    line-height: 29px;
  }

  .div-block-3956-copy {
    background-color: #f8f8f800;
    border-width: 0;
    border-radius: 0;
    flex-direction: column;
    width: 100vw;
    height: 110vh;
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    margin-top: 15px;
    font-size: 30px;
  }

  .partners_page3 {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4322 {
    flex-direction: column;
    min-height: auto;
  }

  .div-block-4322.thecover {
    flex-direction: column-reverse;
    justify-content: space-between;
    padding-left: 0;
  }

  .div-block-4323 {
    width: 90%;
    display: flex;
    position: static;
  }

  .div-block-3955-copy-copy {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-4324 {
    padding-left: 0;
  }

  .div-block-4326 {
    margin-bottom: 8px;
    line-height: 28px;
  }

  .div-block-3975 {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 5px;
    padding: 0 20px 10px;
    position: static;
  }

  .image-690 {
    opacity: 1;
  }

  .div-block-4327 {
    background-color: #1a191f00;
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4328 {
    display: none;
  }

  .div-block-1542-copy {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-4330 {
    font-size: 40px;
    line-height: 45px;
  }

  .div-block-4002 {
    color: #1f1f1f;
    padding-left: 0;
    font-size: 19px;
    line-height: 29px;
  }

  .div-block-4331 {
    background-color: #f1f1f1;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .div-block-4332 {
    align-items: flex-start;
  }

  .div-block-4333 {
    padding-right: 20px;
  }

  .sw_left-copy {
    width: 30%;
    min-width: 32%;
    height: 35px;
    min-height: 35px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 5px;
    position: static;
    bottom: 10px;
    right: 10px;
  }

  .sw_left-copy:hover {
    height: 35px;
  }

  .div-block-4334 {
    min-width: auto;
    margin-right: 6px;
    font-size: 19px;
    font-weight: 300;
    line-height: 29px;
  }

  .div-block-2342 {
    border-top: 0 solid #e0e0e0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 10px;
    padding-top: 0;
  }

  .sdiv-block-4008-copy {
    padding-left: 0;
  }

  .partners_page2 {
    height: auto;
    padding: 0 20px 15px;
    overflow: hidden;
  }

  .partners_page4 {
    height: auto;
    padding: 15px 20px 0;
  }

  .partners_context {
    border-width: 0;
    height: auto;
    min-height: auto;
    padding: 15px 20px;
    overflow: hidden;
  }

  .sheets_container {
    border-top: 1px solid #f0f0f0;
    margin-top: 0;
    display: flex;
  }

  .wrapper {
    width: 100%;
  }

  .div-block-4336 {
    font-size: 40px;
    line-height: 45px;
  }

  .div-block-4337 {
    margin-top: 10px;
    padding-left: 0;
  }

  .div-block-4338 {
    width: 100%;
  }

  .partners_page2_2, .partners_problem, .partners_solution {
    height: auto;
    padding: 0 20px 15px;
    overflow: hidden;
  }

  .pitch_navigation.lightscroll {
    display: none;
  }

  .div-block-4331-copy {
    background-color: #f1f1f1;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .div-block-4354 {
    display: none;
  }

  .branding_logo_pitch {
    border-top: 1px solid #f7f7f7;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .div-block-4361 {
    padding-left: 15px;
    padding-right: 15px;
    left: 0;
  }

  .div-block-4371.last {
    border-right-width: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .div-block-3966-copy-copy, .variations_container {
    display: none;
  }

  .panel_header_variation.active {
    border-radius: 10px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .partners_case_study_data {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .analytics_block_pitch.haas {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .file_upload {
    margin-bottom: 35px;
  }

  .remote_audience_list, .audience_setting {
    display: none;
  }

  .minmax_values.ai {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 500;
  }

  .sidebar_animator.dashboard {
    height: auto;
  }

  .sidebar_animator.full {
    max-width: 100%;
    max-height: 80px;
    overflow: visible;
  }

  .sidebar_animator.compact {
    background-image: none;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    max-height: 80px;
    position: absolute;
    bottom: 0;
    overflow: visible;
  }

  .slider_ui_label.ai, .custom_label_slider.ai {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 500;
  }

  .maincontainer_animator {
    flex-direction: column-reverse;
    justify-content: flex-start;
    position: static;
  }

  .maincontainer_animator.white {
    flex-direction: column;
  }

  .maincontainer_animator.responsive.light {
    flex-direction: column;
    height: 100%;
  }

  .sidebar_logo_staging.dashboard {
    padding-left: 15px;
  }

  .div-block-4045-copy {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

  .fetched_fonts_gallery {
    margin-bottom: 35px;
  }

  .settings_box_1 {
    padding: 10px;
  }

  .page_content_reg.active {
    height: auto;
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#w-node-_7f8c6503-c8dd-16ff-f923-bc1d9b75885b-8635295b, #w-node-_7f8c6503-c8dd-16ff-f923-bc1d9b75885d-8635295b, #w-node-_7f8c6503-c8dd-16ff-f923-bc1d9b75885e-8635295b, #w-node-_7f8c6503-c8dd-16ff-f923-bc1d9b75885f-8635295b, #w-node-_3fec573c-dce5-3971-6b16-bfb9731a39ae-8635295b, #w-node-e5e090fe-13a5-f6bc-789f-a1da423061b0-8635295c, #w-node-_1c0ce9d6-3d1d-0053-b865-537358e5c3c5-8635295c, #w-node-_3a901b55-f66a-f378-da3e-edb8ffe6315b-8635295c, #w-node-c545a271-e788-d1b4-0c24-1df52d692a27-8635295d, #w-node-_9b5532c3-555f-710b-353b-2e9cf822d52e-8635295e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bc24865-14dd-a63f-0707-ef76d5001bc8-8635295e, #w-node-_0bc24865-14dd-a63f-0707-ef76d5001bd3-8635295e, #w-node-_0bc24865-14dd-a63f-0707-ef76d5001bd8-8635295e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_055428ed-917c-a5c1-9cdd-592e1733d68d-f99d3b71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481bb-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481c6-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481d1-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481dc-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481e7-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d481f2-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48208-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48210-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d4822c-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48237-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48242-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d4824d-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48258-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48263-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482b7-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482bf-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482c7-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482d0-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482e8-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482f0-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d482f8-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48301-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48319-f99d3b71, #w-node-_6fc6eb0f-6850-99c6-6a63-a374b0d48322-f99d3b71 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4384f48-6a9c-d9c7-ed57-06f14f444ede-f99d3b71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5d9ac03-e603-14a2-0388-753d4e29ad6d-22ee84ef, #w-node-c5d9ac03-e603-14a2-0388-753d4e29ad73-22ee84ef {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c5d9ac03-e603-14a2-0388-753d4e29ad78-22ee84ef, #w-node-c5d9ac03-e603-14a2-0388-753d4e29ad7d-22ee84ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5d9ac03-e603-14a2-0388-753d4e29ad82-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9e0-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9e5-22ee84ef {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9ea-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9ef-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9f4-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5d9f9-22ee84ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d511a961-92ae-e3a1-5e04-f193d2a5da1c-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5da21-22ee84ef {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d511a961-92ae-e3a1-5e04-f193d2a5da26-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5da2b-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5da30-22ee84ef, #w-node-d511a961-92ae-e3a1-5e04-f193d2a5da35-22ee84ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_0bc24865-14dd-a63f-0707-ef76d5001bd8-8635295e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}