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: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8a04d69e74f81275cc_THICCCBOI-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8a3b067095c635741d_THICCCBOI-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8aafd6f89e52e5b5f0_THICCCBOI-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi Thicccaf;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8aad85693818c5c0e2_THICCCBOI-ThicccAF.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8a56ca34df640bca8b_THICCCBOI-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8a949d8613a96b24b8_THICCCBOI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8ac3179cdc98e5f52c_THICCCBOI-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thicccboi;
  src: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65ce5d8a029debb87c67d3d2_THICCCBOI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --primary_active: #f8f8ff;
  --system-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --divider: #e5e5e5;
  --purple--border: #f0edfd;
  --primary_hover: #f4f4ff;
  --primary_color: #7e79f0;
  --border-f5f5f5f: #0003;
  --svg_wrapper_size: 24px;
  --purple--background: #fbfbfe;
  --black: black;
  --border2: #e7e7e7;
  --2light-background: #f8f8f8;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.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;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  scroll-behavior: smooth;
  justify-content: space-between;
  align-items: center;
  font-family: Inter, sans-serif;
  display: block;
  overflow: hidden;
}

.dashboard-wrapper {
  background-color: #faffff00;
  border: 0 #dd1a1a00;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  max-height: 100vh;
  padding: 100px 30px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dashboard-wrapper.auto-sizing-height {
  height: auto;
  min-height: auto;
  max-height: none;
  overflow: visible;
}

.dashboard-wrapper.scrollable {
  z-index: 999;
  max-height: none;
  padding: 56px 0 0;
  overflow: visible;
}

.navbar-header-container {
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 10px;
  display: flex;
}

.navbar-header-container.column-right {
  z-index: 11;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  justify-content: flex-start;
  width: 360px;
  max-width: 360px;
  min-height: 70px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-header-container.column-right.sidebarheader {
  width: 100%;
  max-width: 100%;
  height: 56px;
  min-height: 56px;
  padding-left: 60px;
  padding-right: 60px;
}

.navbar-header-container.column-right.sidebarheader.smallmargin {
  height: 60px;
  min-height: 60px;
  padding-left: 29px;
  padding-right: 30px;
}

.navbar-header-container.column-right.sidebarheader.smallmargin.inbox {
  border-bottom-color: #f3f3f3;
  height: 50px;
  min-height: 50px;
  padding-left: 22px;
  padding-right: 20px;
  box-shadow: 0 2px 8px #0000000a;
}

.navbar-header-container.column-right.sidebarheader.smallmargin.inbox.st {
  z-index: 20;
  position: absolute;
}

.navbar-header-container.secondary {
  background-color: #fff;
  border-bottom-style: solid;
  height: 56px;
  min-height: 56px;
  padding-left: 20px;
}

.image {
  z-index: 99;
  object-fit: cover;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 24px;
  min-height: 24px;
  position: relative;
  inset: 0% auto 0% 0%;
}

.menu-item-container {
  background-color: var(--white);
  color: #333;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.menu-item-container:hover {
  border-color: var(--primary_active);
  background-color: var(--primary_active);
  opacity: 1;
  border-radius: 6px;
}

.menu-item-container.w--current {
  outline-offset: 0px;
  color: #7e79f0;
  -webkit-text-stroke-color: #333;
  background-color: #f7f7ff;
  border: 1px solid #000;
  border-radius: 6px;
  outline: 2px #f3f3ff;
  height: 38px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: DM Sans, sans-serif;
  font-weight: 900;
  position: relative;
}

.menu-item-container.w--current:hover {
  background-color: var(--primary_active);
}

.menu-item-container.sub {
  border: 1px solid #000;
  padding-right: 12px;
}

.menu-item-container.sub.w--current {
  height: 38px;
  padding-right: 16px;
}

.menu-item-container.sub.checkbox-field {
  border-width: 1px;
  border-color: #fff;
}

.menu-item-container.menu {
  height: 32px;
  padding-left: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.menu-item-container.menu.w--current {
  color: #794fec;
  border-width: 2px;
  border-color: #edecfc;
  padding-left: 10px;
}

.menu-item-container.menu.subnavitem {
  -webkit-user-select: none;
  user-select: none;
  height: 30px;
  padding-left: 10px;
  padding-right: 5px;
}

.navbar-title {
  white-space: nowrap;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.navbar-title.navhide {
  pointer-events: none;
  font-family: var(--system-ui);
  margin-left: 0;
  font-size: 13px;
  font-weight: 500;
}

.navbar-title.navhide.submenu {
  word-break: keep-all;
  overflow-wrap: normal;
  font-size: 13px;
  line-height: 13px;
}

.menu-items-wrapper {
  flex-direction: column;
  margin-top: 0;
  padding-top: 6px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: scroll;
}

.menu-items-wrapper.scrollable {
  padding-top: 10px;
  overflow: visible;
}

.navbar-heading {
  color: #b9b9b9;
  -webkit-text-stroke-color: #a3a3a3;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  height: 18px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.toggle-icon {
  opacity: .8;
  width: 20px;
  height: 20px;
  margin: 12px;
  transform: rotate(180deg);
}

.toggle-icon.sidebartoggle {
  transform: none;
}

.div-block-2 {
  cursor: pointer;
  border-radius: 6px;
  min-width: 44px;
  min-height: 44px;
  transition: all .2s;
  display: none;
}

.div-block-2:hover {
  background-color: #f7f7f7;
}

.menu-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  pointer-events: none;
  align-items: center;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.menu-item-icon {
  opacity: .5;
  width: 20px;
  height: 20px;
  margin-right: 0;
}

.menu-item-icon.current {
  opacity: 1;
  width: 20px;
  height: 20px;
}

.menu-item-icon.active-icon {
  opacity: 1;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  display: none;
  overflow: visible;
}

.menu-item-icon.active-icon.marg {
  margin-left: 1px;
  margin-right: -1px;
}

.menu-item-icon.default-icon {
  opacity: .6;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  display: block;
}

.menu-item-icon.default-icon.marg {
  margin-left: 1px;
  margin-right: -1px;
}

.navbar-divider {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  height: 2px;
}

.navbar-divider.chatbots {
  margin-bottom: 5px;
}

.navbar-divider.chatbots.cbcrea {
  margin-bottom: 0;
}

.label {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #99e06d;
  border-radius: 99px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
}

.label.inbox.navhide {
  color: #25d366;
  background-color: #25d3661f;
  position: absolute;
  inset: auto 18px auto auto;
}

.label.filter {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #25d366cc;
  background-color: #e4faec;
  border-radius: 6px;
  width: auto;
  min-width: auto;
  height: 22px;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.label.filter.header {
  background-color: #25d36614;
  height: 24px;
  padding-left: 10px;
}

.label.filter.header.p {
  background-color: #7e79f01a;
}

.label.filter.header.b {
  background-color: #0049ff0f;
}

.label.filter.livechat {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fbf3e0;
  border-radius: 4px;
  display: flex;
}

.label.filter.red {
  color: #fbf3e0;
  background-color: #fbf3e0;
  display: flex;
}

.label.filter.white {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  height: 21px;
  padding-left: 7px;
  box-shadow: 0 2px 5px -1px #00000014;
}

.label.filter.white.trialmodal {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 2px;
  margin-bottom: -2px;
}

.label.filter.inbox {
  background-color: #f3fff7;
  border: 1px solid #01b24333;
}

.label.status {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #25d366cc;
  background-color: #e4faec;
  border-radius: 6px;
  width: auto;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.text-block-2 {
  justify-content: flex-start;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 10px;
  line-height: 14px;
  display: flex;
}

.status-label {
  color: #25d366;
  align-items: center;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  display: flex;
}

.status-label.mssglist {
  color: #01b243;
  -webkit-text-stroke-color: #01b243;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.status-label.mssglist.livechat {
  color: #e7b549;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.status-label.mssglist.red {
  color: #e7b64d;
  font-weight: 500;
}

.status-label.mssglist.whtie {
  color: #000;
  margin-bottom: 1px;
  font-size: 9px;
  font-weight: 500;
  line-height: 9px;
}

.status-label.header {
  color: #25d366cc;
  font-size: 13px;
}

.status-label.header.p {
  color: #7e79f0;
}

.status-label.header.b {
  color: #0049ffcc;
  -webkit-text-stroke-color: #0049ff66;
}

.minimize-wrapper {
  z-index: 1000;
  border-right: 1px solid #0000001a;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  min-width: 260px;
  height: 100%;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: -4px 0 12px 6px #00000005;
}

.logo-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 5px;
  display: flex;
}

.logo-wrapper.navhide {
  align-items: center;
  margin-left: 6px;
  transition: all .2s;
  display: flex;
}

.navbar-footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
}

.chatbots-select {
  cursor: pointer;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.chatbots-select:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.chatbots-select:active {
  border-color: #fff;
}

.chatbots-select.header {
  box-shadow: none;
  background-color: #fcfcfc;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  max-height: 30px;
  padding-left: 0;
  padding-right: 0;
  transition: border-color .2s;
}

.chatbots-select.header:hover {
  background-color: #fffcfc;
}

.chatbots-select.header.profile {
  outline-offset: 0px;
  border-style: none;
  border-color: red;
  border-radius: 99px;
  outline: 2px solid #6c47ff;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 26px;
  max-height: 26px;
  padding: 4px;
}

.chatbots-select.inbox {
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  padding-left: 1px;
  padding-right: 0;
}

.chatbots-select.inbox.date-search.searchbar {
  z-index: 10;
  background-color: #fff;
  justify-content: flex-end;
  width: 46px;
  min-width: 46px;
  transition: all .2s;
  position: absolute;
  inset: auto 15px auto auto;
}

.chatbots-select.inbox.date-search.searchbar:hover {
  background-color: #fff;
}

.chatbots-select.inbox.date-search.searchbar.addkennisbankartikel {
  border-radius: 6px;
  width: 38px;
  min-width: 38px;
  height: 38px;
  position: relative;
  right: 0;
}

.chatbots-select.inbox.date-search.searchbar.addkennisbankartikel.small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.chatbots-select.inbox.date-search.notificaties-no-border {
  border-style: none;
  padding-left: 0;
}

.chatbots-select.inbox.date-search.hidden {
  display: flex;
}

.chatbots-select.inbox.date-search.small {
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.chatbots-select.inbox.statusfilters {
  width: auto;
  height: 36px;
}

.chatbots-select.inbox.settings {
  z-index: 10;
  background-color: #fff;
  border-color: #0000001a;
  border-radius: 8px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: 46px;
  height: 50px;
  margin-top: 0;
  padding-left: 0;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.chatbots-select.inbox.settings:hover {
  background-color: #fffcfc;
}

.chatbots-select.inbox.settings:active {
  border-color: #0000;
}

.chatbots-select.inbox.settings.headers.dark {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  background-color: #161616;
  height: 36px;
  padding-right: 15px;
  font-size: 12px;
}

.chatbots-select.inbox.settings.headers.kb {
  z-index: 50;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 6px;
  width: auto;
  min-width: auto;
  height: 28px;
  padding-right: 16px;
}

.chatbots-select.inbox.settings.headers.kb.primary-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: 32px;
  padding-left: 16px;
}

.chatbots-select.inbox.settings.headers.smaller {
  border-radius: 6px;
  height: 33px;
}

.chatbots-select.inbox.settings.headers.width-small.smaller {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  height: 32px;
  padding-right: 16px;
}

.chatbots-select.inbox.settings.headers.small.medium {
  height: 34px;
}

.chatbots-select.inbox.settings.headers.small.no-border {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  box-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  border-style: none;
  border-radius: 8px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease;
  right: 2px;
}

.chatbots-select.inbox.settings.headers.small.no-border:hover {
  background-color: #f5f5f5;
}

.chatbots-select.inbox.settings.headers.small.no-border.absolute {
  position: absolute;
  inset: auto 5px auto auto;
}

.chatbots-select.inbox.settings.headers.cbcreate {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  height: 32px;
}

.chatbots-select.inbox.settings.requestendpoint {
  z-index: 9;
  border-color: #0000001a;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-radius: 6px 0 0 6px;
  justify-content: flex-start;
  width: 140px;
  height: 100%;
  min-height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.chatbots-select.inbox.settings.dropdown {
  justify-content: flex-start;
  padding-left: 20px;
}

.chatbots-select.inbox.settings.headers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-color: #e5e5e5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-right: 20px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.chatbots-select.inbox.settings.headers:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.chatbots-select.inbox.settings.headers.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-color: #e6e6e6;
  border-radius: 6px;
  width: auto;
  height: 30px;
  padding-left: 12px;
  padding-right: 10px;
  overflow: hidden;
  box-shadow: 0 2px 4px -2px #00000026;
}

.chatbots-select.inbox.settings.headers.small.sharing {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  min-width: 32px;
  height: 32px;
  padding-left: 0;
  padding-right: 0;
}

.chatbots-select.inbox.settings.headers.small.smaller {
  -webkit-user-select: none;
  user-select: none;
  overflow: visible;
}

.chatbots-select.inbox.settings.headers.small.smaller.nozindex {
  z-index: 0;
}

.chatbots-select.inbox.settings.headers.width-small {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 6px;
  width: auto;
  height: 36px;
}

.chatbots-select.inbox.settings.headers.width-small.crawl {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  min-width: 180px;
  height: 50px;
  padding-left: 15px;
  padding-right: 36px;
}

.chatbots-select.inbox.settings.headers.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-color: #d6d6d6;
  border-radius: 6px;
  width: auto;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 4px -2px #00000026;
}

.chatbots-select.inbox.settings.headers.small.smaller {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 28px;
  padding-left: 10px;
  padding-right: 8px;
  text-decoration: none;
}

.chatbots-select.inbox.inboxchat {
  width: 150px;
}

.chatbots-select.inbox.notificaties {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding-left: 3px;
  padding-right: 15px;
}

.chatbots-select.navbar {
  box-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  border-style: solid;
  border-color: #00000014;
  flex-direction: column;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  transition-property: border-color;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.chatbots-select.navbar:hover {
  background-color: #f5f5f5;
  border-color: #0000001a;
}

.chatbots-select.navbar:active {
  border-color: #fff;
}

.chatbots-select.inbox {
  height: 46px;
  padding-left: 0;
  padding-right: 0;
}

.chatbots-select.inbox.date-search {
  background-color: #fff;
  justify-content: center;
  width: 46px;
  min-width: 46px;
  transition: all .2s;
}

.chatbots-select.inbox.date-search:hover {
  background-color: #f000;
}

.chatbots-select.inbox.date-search.archive {
  box-shadow: none;
  border-style: none;
}

.chatbots-select.inbox.date-search.archive:hover {
  background-color: #f8faff;
  border-color: #0000000a;
}

.chatbots-select.small {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border-radius: 6px;
  width: auto;
  height: 32px;
  padding-left: 12px;
  padding-right: 8px;
}

.chatbot-image {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65a8430aef65b2fe202cb631_Scherm%C2%ADafbeelding%202024-01-17%20om%2022.13.41.png");
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 99px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.chatbot-image.header {
  text-transform: uppercase;
  background-color: #f5f5f5;
  background-image: none;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding-left: 2px;
  font-family: DM Sans, sans-serif;
  font-weight: 900;
  display: flex;
}

.chatbot-image.header.dropdown {
  outline-offset: 0px;
  background-image: none;
  outline: 3px solid #fff;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding-left: 0;
  font-size: 10px;
  line-height: 12px;
}

.chatbot-image.header.dropdown.inbox {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

.chatbot-image.header.messages {
  outline-offset: 0px;
  border-style: none;
  border-width: 3px;
  outline: 3px solid #fff;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-right: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  box-shadow: 0 2px 5px #0000000d;
}

.chatbot-image.header.messages.smaller {
  outline-width: 1px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: relative;
  bottom: 3px;
  right: 3px;
}

.chatbot-image.header.messages.smaller.secondavatar {
  z-index: 10;
  position: absolute;
  inset: 3px 0 0 3px;
}

.chatbot-image.header.inbox {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.chatbot-image.header.inbox.chatbotactive {
  border: 3px solid #fff;
  max-width: 30px;
  max-height: 30px;
  padding-left: 0;
}

.chatbot-image.header.inbox.chatbotactive.left {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b2ccf82be3d556154d1fc0_Untitled%20design%20(51).png");
  background-position: 0 0;
  background-size: cover;
  margin-right: -10px;
  position: relative;
}

.chatbot-image.header.profile {
  background-color: #ddd;
  border-style: solid;
  border-color: #0000000d;
  width: 18px;
  min-width: 20px;
  height: 18px;
  min-height: 20px;
  transition: all .1s;
  position: relative;
}

.chatbot-image.header.profile:hover {
  transform: scale(1.1);
}

.chatbot-image.header.profile.popupmodal {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.chatbot-image.header.navbar {
  background-color: #f8f8f8;
  border-style: solid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.chatbot-image.header.chatbotselect {
  outline-offset: 0px;
  outline: 2px solid #fff;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-size: 10px;
  line-height: 10px;
  box-shadow: 0 2px 6px 1px #00000014;
}

.chatbot-image.header.chatbotselect.overlay {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.chatbot-image.dropdown {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65a8629d9096f51c63af00cb_comment-plus.svg");
  background-position: 0 0;
  background-size: auto;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
}

.chatbot-image.dropdown.dropdown-icon {
  opacity: .6;
  border-style: none;
  border-radius: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.chatbot-image.dropdown.dropdown-icon.profile {
  opacity: .75;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/666084595296d84922fea4fe_receipt-alt.svg");
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.chatbot-image.dropdown.dropdown-icon.profile.pakketten {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/6660848c63ae003a9fad27e3_box.svg");
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.chatbot-image.dropdown.dropdown-icon.profile.organization {
  opacity: .95;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/67b607a640b89a617262839f_Ronde%20Streep%20Icon.svg");
  background-position: 50%;
  background-size: cover;
}

.chatbot-image.dropdown.dropdown-icon.profile.bell {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/67d02525b391b4bb7011b802_Bell%20icon.svg");
  background-size: cover;
}

.chatbot-image.dropdown.dropdown-icon.billing {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65abc8ca3f6ffd7ffabc8694_bill.svg");
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.chatbot-image.dropdown.martijn {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65a8430aef65b2fe202cb631_Scherm%C2%ADafbeelding%202024-01-17%20om%2022.13.41.png");
  background-size: cover;
}

.chatbot-image.dropdown.cassjef {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65abb0ca6b2529a8cafa49c6_download%20(2).jpeg");
  background-size: cover;
}

.chatbots-text-wrapper {
  flex-direction: column;
  justify-content: space-around;
  height: 46px;
  margin-left: 20px;
  display: flex;
}

.chatbots-text-wrapper.navhide {
  justify-content: center;
  height: auto;
  margin-left: 12px;
  transition: all .2s;
}

.chatbots-text-wrapper.navhide.cbname {
  margin-left: 8px;
}

.chatbots-text-wrapper.header {
  height: 38px;
  margin-left: 20px;
  margin-right: 20px;
}

.chatbots-text-wrapper.header.status {
  width: 100%;
  height: auto;
  margin-right: 6px;
}

.chatbots-text-wrapper.header.status.inboxchat {
  margin-left: 20px;
}

.chatbots-text-wrapper.header.status.small {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.chatbots-text-wrapper.dropdown {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: flex-start;
  height: 32px;
  margin-left: 15px;
}

.chatbots-text-wrapper.inbox {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  height: 34px;
  margin-left: 10px;
}

.chatbots-text-wrapper.inbox.livechat {
  margin-left: 10px;
  font-size: 16px;
  position: relative;
}

.chatbots-text-wrapper.profilesettings {
  height: auto;
  margin-left: 15px;
}

.chatbots-text-wrapper.prompt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  margin-left: 15px;
}

.chatbots-text-wrapper.newchatbot {
  margin-left: 0;
}

.chatbots-text-wrapper.lower {
  height: auto;
  font-size: 12px;
}

.chatbots-text-wrapper.lower.horizontal {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
}

.chatbots-text-wrapper.primary-btn {
  margin-left: 0;
}

.chatbots-text-wrapper.cbcrea {
  height: auto;
}

.chatbot-title {
  white-space: nowrap;
  min-height: 10px;
  max-height: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.chatbot-title.dropdown {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 11px;
}

.chatbot-title.inbox {
  font-size: 11px;
  line-height: 11px;
}

.chatbot-title.header {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.chatbot-title.statusses {
  color: #000;
  font-weight: 400;
}

.chatbot-title.statusses.active {
  font-weight: 500;
}

.chatbot-title.statusses.active.small {
  font-size: 10px;
}

.chatbot-title.smaller {
  font-size: 12px;
  font-weight: 500;
}

.chatbot-title.crawl {
  font-weight: 600;
}

.chatbot-title.primarybtn {
  font-family: var(--system-ui);
  font-size: 10px;
}

.chatbot-subtitle {
  white-space: nowrap;
  min-height: 1px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  line-height: 10px;
}

.chatbot-subtitle.dropdown {
  text-overflow: ellipsis;
  width: auto;
  max-width: 160px;
  min-height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 10px;
  overflow: hidden;
}

.chatbot-subtitle.inbox {
  font-size: 10px;
  line-height: 10px;
}

.menu-hover-container {
  padding-left: 14px;
  padding-right: 14px;
  transition: all .2s;
}

.menu-hover-container.resources {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.menu-hover-container.no-bottom-margin {
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.secondary-header-container {
  z-index: 100;
  opacity: 1;
  background-color: #fff;
  border-right: 1px solid #e8e8e8;
  flex-direction: column;
  width: 240px;
  min-width: 240px;
  height: 100%;
  max-height: 100%;
  margin-left: 0;
  transition: all .1s;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
  box-shadow: -4px 0 12px 6px #00000005;
}

.secondary-header-container.integraties {
  opacity: 1;
  background-color: #fff;
  display: flex;
  box-shadow: -5px 0 10px #00000008;
}

.secondary-header-container.inbox {
  box-shadow: none;
  background-color: #fcfcfc;
  border-right-style: none;
  border-right-color: #0000;
}

.secondary-navbar-item {
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #0000001a;
  border-right: 3px #7e79f0;
  align-items: center;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.secondary-navbar-item:hover {
  background-color: #7e79f008;
}

.secondary-navbar-item.w--current {
  background-color: #7e79f014;
  border-right-style: solid;
}

.secondary-navbar-item.active {
  background-color: #7e79f014;
  border-right: 3px solid #7e79f0;
}

.secondary-navbar-heading {
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.secondary-navbar-heading.title {
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.secondary-navbar-heading.title.datasource {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.secondary-navbar-heading.title.datasource.grey {
  color: #919191;
}

.header-wrap {
  z-index: 201;
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding-left: 16px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.header-wrap.desktop-wrap {
  padding-left: 0;
  padding-right: 0;
}

.header-wrap.mobile-wrap {
  display: none;
}

.white-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff0;
  border: 1px #f5f5f5;
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.white-container.popup-modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--purple--border);
  outline-offset: 0px;
  background-color: #fff;
  border-radius: 15px;
  outline: 4px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 560px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 40px 4px #0000001a;
}

.white-container.popup-modal.livechat {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7ecff;
  width: 500px;
  position: absolute;
}

.white-container.popup-modal.datasources.fullheight {
  max-height: none;
}

.white-container.popup-modal.login-old {
  display: none;
}

.white-container.popup-modal.smaller {
  border-color: var(--purple--border);
  width: 520px;
  overflow: visible;
}

.white-container.popup-modal.large-width {
  width: 640px;
  max-height: 95%;
}

.white-container.popup-modal.larger {
  outline-offset: 0px;
  outline: 4px solid #fff;
  width: 660px;
  box-shadow: 0 3px 40px 4px #0000001a;
}

.white-container.popup-modal.apikey {
  width: 520px;
}

.white-container.chatbot-data {
  border-style: none;
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 0;
  box-shadow: 0 2px 8px 5px #00000008;
}

.white-container.overflow {
  overflow: visible;
}

.white-container.overflow.dash {
  padding-bottom: 30px;
}

.white-container.popup-modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #f0edfd;
  border-radius: 15px;
  outline: 4px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 560px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 40px 4px #0000001a;
}

.white-container.popup-modal.datasources {
  width: 600px;
  max-height: 90vh;
  overflow: visible;
}

.background-video {
  opacity: .3;
  border: 1px #b8b8b8;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.background-video.bg {
  z-index: 0;
  opacity: .1;
  border-radius: 0;
  min-height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-3 {
  display: none;
}

.dashboard-content-container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.dashboard-content-container.white-container.inbox {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  outline-offset: 0px;
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  outline: 8px solid #7e79f00d;
  flex-direction: row;
  max-width: 1200px;
  height: 100%;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dashboard-content-container.white-container.inbox.training {
  outline-offset: 0px;
  border: 6px #7e79f01a;
  outline: 8px #7e79f00d;
  max-width: 1200px;
  box-shadow: 0 4px 12px #0000000f;
}

.dashboard-content-container.white-container.inbox.overflow {
  overflow: visible;
}

.dashboard-content-container.white-container.widget-instellingen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-style: solid;
  border-color: #e7ecff;
  border-radius: 10px;
  max-width: 1000px;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 4px 12px -2px #0000000d;
}

.dashboard-content-container.white-container.widget-instellingen.prompt {
  max-width: 1000px;
  height: 100%;
  display: flex;
}

.dashboard-content-container.white-container.widget-instellingen.bas {
  background-color: #fff;
}

.dashboard-content-container.white-container.widget-instellingen.visible {
  border-bottom-color: #0000000d;
  min-width: 800px;
  display: flex;
}

.dashboard-content-container.white-container.widget-instellingen.snaller {
  max-width: 800px;
}

.dashboard-content-container.chatbot {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-height: auto;
}

.divider-container {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

.divider-container.dropdown {
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.list-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.list-container.datasources {
  flex-direction: column;
  margin-bottom: 60px;
}

.chatbot-list-item {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65a85f6a38d9d20d17371c22_Scherm%C2%ADafbeelding%202024-01-18%20om%2000.14.44.png");
  background-position: 0 0;
  background-size: auto;
  border: 2px solid #fff;
  border-radius: 20px;
  width: 31%;
  height: 160px;
  box-shadow: 0 4px 6px 1px #00000005;
}

.chatbot-list-item._2 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65a860ade50287a36ecf8a77_Scherm%C2%ADafbeelding%202024-01-18%20om%2000.20.08.png");
  background-size: cover;
  border: 2px solid #fff;
  width: 32%;
  overflow: visible;
  box-shadow: 0 4px 6px 1px #00000005;
}

.chatbot-list-item._2.grid {
  width: 100%;
  display: none;
}

.chatbot-list-item._2.grid.clickchatbot {
  cursor: auto;
  display: flex;
}

.chatbot-list-item._2.grid.clickchatbot.datasources {
  background-position: 50%;
  border-radius: 15px;
  height: 100%;
  display: flex;
}

.chatbot-list-item._2.grid.clickchatbot.datasources.item {
  cursor: pointer;
  background-image: none;
  height: 150px;
  display: flex;
}

.chatbot-list-item._2.grid.clickchatbot.datasources.item.visible {
  display: flex;
}

.chatbot-list-item._2.grid.clickchatbot.chatbots {
  cursor: pointer;
  height: 160px;
  display: none;
}

.chatbot-list-item._3 {
  opacity: .8;
  cursor: pointer;
  background-image: none;
  border: 2px solid #fff;
  width: 32%;
  box-shadow: 0 4px 4px 1px #00000005;
}

.chatbot-list-item._3:hover {
  opacity: 1;
}

.chatbot-list-item._3.grid {
  width: 100%;
}

.chatbot-list-item._3.grid.datasources {
  height: 150px;
}

.chatbot-list-item._3.grid.chatbots {
  height: 160px;
}

.section-title {
  border-bottom: 1px #0000000d;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
}

.bg-overlay {
  pointer-events: auto;
  background-color: #ffffff80;
  border: 0 #000;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 25px 25px 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 6px 2px #00000005;
}

.bg-overlay:hover {
  background-color: #fff3;
}

.bg-overlay._3 {
  cursor: pointer;
  background-color: #fff3;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.bg-overlay._3.skeleton {
  padding: 0;
}

.bg-overlay.chatbot-sources {
  border-radius: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
}

.bg-overlay.chatbot-data {
  background-color: #fff;
  justify-content: space-between;
  padding-top: 22px;
  padding-bottom: 20px;
}

.text-block-3 {
  pointer-events: auto;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: static;
}

.div-block-10 {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.image-4 {
  opacity: .6;
  width: 22px;
  height: 22px;
  margin-left: 14px;
  margin-right: 0;
}

.bot-listing-title {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: static;
}

.bot-listing-title.type {
  pointer-events: auto;
  text-transform: none;
  white-space: nowrap;
  min-width: auto;
  min-height: auto;
  margin-bottom: 0;
  margin-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
}

.bot-listing-title.type.inboxx {
  font-size: 11px;
  font-weight: 400;
}

.bot-listing-title.data {
  margin-left: 12px;
  font-size: 18px;
  font-weight: 500;
}

.chatbot-title-wrap {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.chatbot-title-wrap.type {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  pointer-events: none;
  margin-bottom: 0;
}

.chatbot-title-wrap.type.inboxlabel {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.chatbot-title-wrap.data {
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 4px;
}

.lable-wrap {
  justify-content: flex-start;
  margin-left: -2px;
  display: flex;
}

.text-block-4 {
  background-color: #fff;
  border-radius: 4px;
  margin-right: 8px;
  padding: 4px 8px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  box-shadow: 0 2px 5px #00000005;
}

.status-indicator {
  background-color: #25d366;
  border: 3px #ffffff96;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.status-indicator.on {
  background-color: #25d366e6;
  width: 8px;
  height: 8px;
}

.status-indicator.on.chime-indicator {
  background-color: #25d366;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 7px;
  right: 9px;
}

.status-indicator.on.chime-indicator.inbox-notifications {
  top: 20px;
  right: 10px;
}

.status-indicator.on.cblist {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.status-indicator.off {
  background-color: #f22b2d99;
  width: 8px;
  height: 8px;
}

.status-indicator.concept {
  background-color: #e7b549;
  border-width: 3px;
}

.status-indicator.inactief {
  background-color: #f37a80;
}

.status-indicator.inbox {
  border-width: 0;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.status-indicator.small {
  width: 8px;
  height: 8px;
}

.status-indicator.smal {
  background-color: #1a9921;
  width: 6px;
  height: 6px;
}

.text-block-5 {
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
}

.text-block-5.sub {
  font-size: 14px;
  font-weight: 400;
}

.text-block-5.sub.sub2 {
  font-size: 12px;
}

.text-block-5.sub.margin {
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-block-6 {
  letter-spacing: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.navbar-tooltip-wrap {
  opacity: 0;
  pointer-events: none;
  cursor: auto;
  width: 0;
  height: 24px;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: auto 10px auto auto;
}

.navbar-tooltip-text {
  opacity: 1;
  pointer-events: none;
  color: #fff;
  white-space: nowrap;
  background-color: #333;
  border-radius: 6px;
  padding: 2px 10px;
  font-family: DM Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.chatbots-selector-wrap {
  z-index: 20;
  margin-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
  position: relative;
}

.chatbots-box-arrow {
  opacity: .6;
  object-fit: fill;
  width: 23px;
  height: 23px;
  position: absolute;
  inset: auto 26px auto auto;
}

.chatbots-box-arrow.navhide {
  pointer-events: none;
  width: 18px;
  height: 18px;
  position: relative;
  right: 0;
}

.chatbots-box-arrow.navhide.later {
  right: 20px;
}

.chatbots-box-arrow.navhide.later.direction {
  width: 18px;
  height: 18px;
  right: 10px;
}

.chatbots-box-arrow.navhide.later.direction.absolute {
  position: absolute;
}

.chatbots-box-arrow.navhide.later.direction.abso {
  position: absolute;
  right: 8px;
}

.chatbots-box-arrow.inbox {
  right: 15px;
}

.chatbots-box-arrow.inbox.status {
  margin-right: 15px;
  position: static;
}

.chatbots-box-arrow.inbox.livechat-toggle {
  right: 8px;
}

.chatbots-box-arrow.inbox.relative {
  width: 18px;
  height: 18px;
  position: relative;
  right: 0;
  overflow: visible;
}

.chatbots-box-arrow.endpoint {
  right: 12px;
}

.popup {
  z-index: 999;
  opacity: 1;
  background-color: #fff0;
  position: fixed;
  inset: 0%;
}

.popup-underlay {
  z-index: 999999999;
  box-sizing: border-box;
  opacity: 1;
  background-color: #fdfdfdb3;
  border: 0 #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: all .1s;
  display: none;
  position: absolute;
  inset: 0%;
}

.popup-underlay.create-datasource.datasourcevisible {
  display: flex;
}

.popup-underlay.create-datasource.createdatasource {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  overflow: scroll;
}

.popup-underlay.pricing, .popup-underlay.helpdesk {
  display: none;
}

.popup-underlay.sharing {
  z-index: 9999999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.popup-underlay.crawlurls {
  z-index: 999999;
  display: none;
}

.popup-underlay.upsell {
  flex-flow: column;
  display: none;
}

.popup-underlay.transparentbg {
  background-color: #ffffffb3;
  display: flex;
}

.popup-underlay.create-datasource {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fdfdfdb3;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: all .1s;
  display: none;
}

.button {
  color: #fff;
  letter-spacing: .5px;
  background-color: #080808;
  border: 2px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 0 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button:hover {
  opacity: .95;
  background-color: #000;
  border-width: 2px;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button.footer {
  border-radius: 8px;
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 40px;
}

.button.footer:hover {
  opacity: .9;
}

.button.small {
  border-radius: 8px;
  justify-content: flex-start;
  width: auto;
  height: 36px;
  padding: 0 46px 0 20px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.button.trial-notie {
  height: 40px;
  font-size: 15px;
}

.btn-icon {
  z-index: 99;
  pointer-events: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 20px;
  position: absolute;
  inset: auto 30px auto auto;
}

.btn-icon.navbar {
  transition: all .2s;
  right: 20px;
}

.btn-icon.small {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-left: 0;
  position: static;
  right: 0;
}

.btn-icon.small.smaller {
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
}

.btn-icon.small.smaller.light {
  opacity: .5;
}

.btn-icon.small.light {
  opacity: .75;
}

.form {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form.settings {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.form.settings.datasources {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.form.settings.api {
  display: none;
}

.form.settings.fullheight {
  height: 100%;
}

.form.prompt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  padding-top: 0;
}

.form.sidebarform {
  height: 100%;
  min-height: 100%;
}

.formblock {
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.formblock.first {
  max-width: 100%;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.formblock.first.prompt {
  height: 100%;
}

.formblock.auth {
  display: flex;
}

.formblock.datasources-formblock {
  max-height: 100%;
  position: relative;
}

.formblock.datasources-formblock.csv.pdf2 {
  display: block;
}

.formblock.datasources-formblock.csv.csvform, .formblock.datasources-formblock.file-upload {
  display: flex;
}

.formblock.datasources-formblock.csv, .formblock.datasources-formblock.csv.pdf2 {
  display: none;
}

.formblock.edit-datasource-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #e7ecff;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  box-shadow: 0 4px 12px -2px #0000000d;
}

.formblock.sidebarformblock, .formblock.fullheight {
  height: 100%;
}

.form-input {
  box-shadow: none;
  color: #333;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input:active {
  box-shadow: none;
}

.form-input.formatted-input {
  background-color: #fff;
  height: 50px;
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 110px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
}

.form-input.formatted-input.request {
  background-color: #0000;
  border: 1px #0003;
  padding-left: 152px;
}

.form-input.codeblock {
  color: #fff;
  background-color: #262626;
  border: 2px solid #5c5c5c;
  max-width: 100%;
  min-height: 100px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  font-family: Inconsolata, monospace;
}

.form-input.codeblock.copy {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 110px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.form-input.text-field {
  min-height: 300px;
  padding-top: 20px;
  font-size: 16px;
  line-height: 24px;
}

.form-input.text-field.instruction {
  margin-top: 10px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.form-input.text-field.instruction.sidebarinput {
  border-color: #00000026;
  height: 100%;
  min-height: 100%;
  margin-top: 0;
  padding-left: 18px;
  position: absolute;
  overflow: visible;
}

.form-input.text-field.prompt {
  border: 1px solid #00000026;
  border-radius: 6px;
  min-height: 100%;
  margin-bottom: 20px;
  padding: 12px 20px;
  font-size: 14px;
}

.form-input.text-field.prompt.identiteit {
  pointer-events: auto;
  background-color: #e5e5e51a;
  border-color: #00000026;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}

.form-input.hex {
  flex: 1;
  padding-left: 70px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input.pixels {
  text-align: center;
  min-width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.form-input.multiline {
  height: 150px;
  padding-top: 12px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 24px;
}

.form-input.multiline::placeholder {
  color: #333;
}

.form-input.request {
  border-style: none;
  padding-left: 0;
  display: flex;
}

.form-input.multi-line {
  height: 90px;
  padding-top: 15px;
  padding-left: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input._50 {
  width: 50%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-item-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.form-item-wrap.multi {
  width: 100%;
  min-width: 200px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-item-wrap.multi._4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
}

.form-item-wrap.multi._50 {
  width: 50%;
  padding-right: 5px;
}

.form-item-wrap.requestendpoint {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
}

.form-item-wrap.requestendpoint.wrap {
  border: 1px solid #ccc;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.form-item-wrap.settingslist {
  pointer-events: auto;
  cursor: auto;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  margin-top: 0;
}

.form-item-wrap.uploadava {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
}

.form-item-wrap.prompt {
  flex-flow: column;
  height: 100%;
  min-height: auto;
}

.form-item-wrap.prompt:focus {
  outline-offset: 0px;
  outline: 2px solid #7e79f0;
}

.form-item-wrap.sidebarinputcontainer {
  height: 100%;
  min-height: auto;
  margin-top: 15px;
}

.form-item-wrap.list {
  flex-flow: column;
}

.form-item-wrap.offset {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.form-input-label {
  z-index: 0;
  background-color: #fff;
  margin-bottom: 3px;
  margin-left: 8px;
  padding-left: 0;
  padding-right: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 10px;
  font-weight: 500;
  position: relative;
  top: 0;
}

.form-multicolumn {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.form-multicolumn.signup {
  margin-bottom: 0;
}

.popup-header-wrap {
  border-bottom: 1px solid var(--purple--border);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-bottom: 0;
  padding: 12px 50px;
  display: flex;
}

.popup-header-wrap.modal {
  border-bottom-color: #f4f4f4;
  height: 52px;
  margin-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.popup-header-wrap.low {
  padding-top: 12px;
  padding-bottom: 12px;
}

.popup-header {
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  display: flex;
}

.secondary-btn {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  width: auto;
  height: 36px;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .2s;
  display: flex;
}

.secondary-btn:hover {
  background-color: #f8faff;
}

.secondary-btn.inbox {
  border: 1px solid #0000001a;
  height: 38px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.secondary-btn.inbox:hover {
  background-color: #fffcfc;
  border: 1px solid #0003;
  height: 38px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.back-to-dash-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 0;
  margin-right: 5px;
}

.back-to-dash-icon.back {
  transform-style: preserve-3d;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 3px;
  font-size: 12px;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.back-to-dash-icon.back.reset {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-right: 0;
  transform: none;
}

.back-to-dash-icon.back.smaller {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.back-to-dash {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.formatted-input {
  width: 100%;
}

.input-prefill {
  background-color: #fbfbfb;
  border: 1px solid #00000030;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 50px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.input-prefill.pixels {
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 0 6px 6px 0;
  inset: 0% 0% 0% auto;
}

.input-prefill.pixels.minus {
  border-radius: 6px 0 0 6px;
  inset: 0% auto 0% 0%;
}

.input-prefill.new {
  background-color: #fdfdfd;
  border-style: solid;
  border-color: #e8e8e8;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  height: auto;
  padding-left: 16px;
  padding-right: 16px;
  top: 1px;
  bottom: 1px;
}

.text-block-8 {
  color: #cbcbcb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.form-button-wrap {
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.form-button-wrap.proefperiode {
  margin-top: 20px;
}

.form-button-wrap.proefperiode.navhide {
  margin-top: 10px;
  transition: all .2s;
  display: flex;
}

.form-button-wrap.small {
  width: auto;
  margin-top: 0;
}

.form-button-wrap.top-margin {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.body-2 {
  background-image: radial-gradient(circle at 0 100%, #efefff, #fff0 31%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-2.login {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/6629edbe671bb0ca57b07a9d_loader%20background%20(3).svg");
  background-position: 50%;
  background-size: 100%;
}

.image-6 {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  margin-left: 0;
  position: relative;
  inset: auto auto auto 0%;
}

.trial-notice {
  background-color: var(--white);
  cursor: pointer;
  border: 1px solid #0000001a;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  margin-top: 17px;
  padding: 15px 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.trial-notice.hidden {
  display: flex;
}

.div-block-14 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 26px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: all .2s;
  display: flex;
}

.div-block-15 {
  display: flex;
}

.trial-active {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.trial-active.navhide {
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.image-7 {
  transform-style: preserve-3d;
  width: 24px;
  height: 24px;
  transition: all .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.text-block-10 {
  white-space: nowrap;
  padding-left: 5px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.verloopt-container {
  align-items: center;
  display: flex;
}

.verloopt-container.navhide {
  margin-top: 2px;
  margin-bottom: 8px;
}

.div-block-17 {
  background-color: #25d366;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  margin-right: 6px;
}

.secondary-button {
  color: #333;
  background-color: #fd77770d;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 54px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 6px -2px #00000014;
}

.secondary-button:hover {
  background-color: #fd77771a;
}

.secondary-button.menu-item-container.delete.chatinformatie-verwijderen {
  background-color: #ff000014;
  width: 100%;
  margin-top: 0;
}

.secondary-button.menu-item-container.delete.chatinformatie-verwijderen:hover {
  background-color: #ff00001f;
}

.secondary-button.menu-item-container.delete.sharing {
  width: 36px;
}

.secondary-button.menu-item-container.delete.api-lists {
  opacity: 0;
  border-style: solid;
  border-color: #ffd3d3;
  border-radius: 6px;
  width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  padding: 0;
  display: flex;
  position: static;
  transform: translate(0, 5px);
}

.secondary-button.menu-item-container.delete.small {
  border: 3px solid #ff43430d;
  width: 38px;
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  padding-left: 0;
  padding-right: 0;
}

.secondary-button.menu-item-container {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #f8f8ff;
  border: 1px #000;
  border-radius: 8px;
  height: 44px;
  padding-left: 15px;
}

.secondary-button.menu-item-container:hover {
  background-color: #f4f4ff;
}

.secondary-button.menu-item-container.delete {
  background-color: #ff00000f;
  border-radius: 6px;
  justify-content: center;
  width: auto;
  height: 36px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  position: relative;
  inset: auto auto auto 0;
}

.secondary-button.menu-item-container.delete.small {
  border: 3px solid #ff43430d;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0;
}

.secondary-button.menu-item-container.delete.small.smaller {
  border-width: 2px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.secondary-button.menu-item-container.delete.crawlurlsdelete {
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  padding: 0;
}

.helpcenter-wrap {
  margin-bottom: 0;
  text-decoration: none;
}

.secondary-btn-wrap {
  position: relative;
}

.secondary-btn-wrap.helpcenter {
  border: 2px solid #8a85f126;
  border-radius: 8px;
}

.text-block-11 {
  color: #ff0000b8;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-11.navhide {
  font-family: var(--system-ui);
  color: var(--primary_color);
  white-space: nowrap;
  margin-left: 0;
  font-size: 16px;
  position: static;
}

.text-block-11.small {
  font-size: 10px;
}

.div-block-19 {
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-19.hidden {
  display: flex;
}

.initials {
  color: #8b8b8b;
  text-align: left;
  letter-spacing: 2px;
  white-space: normal;
  overflow-wrap: anywhere;
  justify-content: center;
  align-items: center;
  max-width: 11px;
  max-height: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
  overflow: hidden;
}

.initials.messages-list {
  font-size: 10px;
}

.initials.inbox {
  font-size: 12px;
}

.dropdown-container {
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff0;
  width: 270px;
  min-width: 270px;
  margin-top: 0;
  padding-top: 8px;
  display: flex;
  position: absolute;
  inset: 58px 0% auto;
}

.dropdown-container.inbox {
  width: 100%;
  min-width: 100%;
  display: flex;
  top: 44px;
}

.dropdown-container.chatinbox {
  cursor: default;
  width: 260px;
  min-width: auto;
  padding-top: 8px;
  transition: all .2s;
  display: flex;
  top: 44px;
}

.dropdown-container.chatinbox.status-filters {
  width: 180px;
  top: 44px;
}

.dropdown-container.chatinbox.livechat-toggle {
  padding-top: 0;
  padding-bottom: 8px;
  top: auto;
  bottom: 44px;
}

.dropdown-container.chatinbox.allfilters {
  cursor: default;
  width: 320px;
  display: flex;
}

.dropdown-container.chatinbox.allfilters.asdf, .dropdown-container.chatinbox.asdf {
  position: static;
}

.dropdown-container.chatbots {
  flex-flow: column;
  justify-content: flex-start;
  width: auto;
  min-width: 270px;
  transition: all .2s;
  display: none;
  top: 100%;
}

.dropdown-container.chatbots.share-datasource-dropdown {
  width: 101%;
  min-width: auto;
  display: none;
  top: 34px;
  left: auto;
  right: auto;
}

.dropdown-container.chatbots.xml {
  display: none;
  left: auto;
  right: 0;
}

.dropdown-container.settings {
  width: 100%;
  display: flex;
  top: 50px;
}

.dropdown-container.settings.language {
  flex-flow: column;
  width: 101%;
  transition: all .2s;
  display: none;
  top: 48px;
  left: 0;
  right: auto;
}

.dropdown-container.settings.language.small {
  min-width: 160px;
  display: none;
  inset: 32px auto auto 0%;
}

.dropdown-container.profile {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  flex-flow: column;
  width: 200px;
  min-width: 200px;
  transition: all .2s;
  display: none;
  inset: 100% 0% auto auto;
}

.dropdown-container.datasource-settings {
  z-index: 99;
  flex-flow: column;
  width: 180px;
  min-width: 180px;
  margin-right: -1px;
  transition: all .2s;
  display: none;
  inset: 30px 0% auto auto;
}

.dropdown-container.datasource-sharing {
  width: 180px;
  min-width: 180px;
  inset: 30px 0% auto auto;
}

.dropdown-container.endpoint-method {
  z-index: 999999;
  width: 200px;
  min-width: 200px;
  display: none;
  top: 48px;
}

.dropdown-container.inboxsidebar {
  z-index: 99;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: 220px;
  padding-top: 6px;
  transition: all .2s;
  display: flex;
  inset: 100% 0% auto auto;
}

.dropdown-container.inboxsidebar.tags {
  display: none;
  left: 0;
  right: auto;
}

.dropdown-container.invite-user {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 160px;
  min-width: 160px;
  transition: all .2s;
  display: none;
  top: 100%;
  left: auto;
  right: 0;
}

.dropdown-container.update-user {
  width: 170px;
  min-width: 170px;
  padding-top: 6px;
  transition: all .2s;
  display: none;
  top: 100%;
  left: auto;
  right: 0%;
}

.dropdown-container.activeoperators {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: auto;
  min-width: 200px;
  padding-top: 6px;
  transition: all .2s;
  display: none;
  inset: 100% 0% auto auto;
}

.dropdown-container.v2 {
  width: auto;
  min-width: 420px;
  top: 100%;
}

.dropdown-container.filters {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  padding-top: 6px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: none;
  inset: 100% auto auto 0;
}

.dropdown-container.newrule {
  z-index: 100;
  margin-top: -1px;
  padding-top: 0;
  transition: all .2s;
  display: flex;
  inset: 100% auto auto 0%;
}

.dropdown-container.newrule.filteringnested {
  width: 200px;
  min-width: 200px;
  display: none;
}

.dropdown-container.align-top {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 6px;
  transition: all .2s;
  display: none;
  inset: auto 0% 100%;
}

.dropdown-child {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 50px;
  padding: 0;
  display: flex;
  overflow: visible;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.dropdown-child.filters {
  cursor: auto;
  padding: 0;
}

.dropdown-child.filters.allfilters {
  width: 100%;
}

.dropdown-child.subdropdown {
  width: 180px;
  transition: all .2s;
  display: none;
  position: absolute;
  inset: 50px 0% auto 15px;
}

.dropdown-child.sidebardropdown {
  width: 100%;
  min-height: auto;
  overflow: visible;
}

.dropdown-child.chatbotdropdown {
  width: -moz-fit-content;
  width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
}

.dropdown-child.chatbotdropdown.cbdrop {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  min-height: auto;
  display: inline-flex;
  position: relative;
  overflow: visible;
}

.dropdown-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 19px 5px 6px;
  display: none;
}

.dropdown-item:hover {
  background-color: #f8faff;
}

.dropdown-item.new {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  height: auto;
  min-height: auto;
  padding: 7px 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.dropdown-item.new:hover {
  background-color: #f7f7f7;
}

.dropdown-item.new.selectlabels {
  justify-content: space-between;
  height: 36px;
  padding-left: 12px;
  padding-right: 15px;
}

.dropdown-item.new.selectlabels:hover {
  background-color: var(--primary_active);
}

.dropdown-item.new.selectlabels.active {
  background-color: var(--primary_hover);
  padding-left: 12px;
  padding-right: 15px;
}

.dropdown-item.new.selectlabels.selected {
  background-color: var(--primary_hover);
}

.dropdown-item.new.newchatbot {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.dropdown-item.new.delete {
  color: #f00c;
  background-color: #fff;
}

.dropdown-item.new.delete:hover {
  background-color: #ff000008;
}

.dropdown-item.new.subitem {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 18px;
}

.dropdown-item.new.subitem.datasourcestatus {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-item.new.hidden {
  display: none;
}

.dropdown-item.new.stretch {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

.dropdown-item.new.active {
  background-color: #f1f1f1;
}

.dropdown-item.new.spread {
  justify-content: space-between;
  align-items: center;
}

.dropdown-item.active {
  background-color: #f8faff;
}

.dropdown-item.clickchatbotdropdown {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  display: flex;
}

.dropdown-item.clickchatbotdropdown:hover {
  background-color: var(--primary_active);
}

.dropdown-item.clickchatbotdropdown.active {
  background-color: var(--primary_hover);
}

.dropdown-item.clickchatbotdropdown.smaller {
  padding-top: 4px;
  padding-bottom: 4px;
}

.chatbots-dropdown-image-wrap {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.dropdown-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popuup-text-label {
  margin-bottom: 10px;
  margin-left: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
}

.popuup-text-label.inbox {
  margin-left: 0;
  padding-left: 5px;
}

.popuup-text-label.navbar {
  margin-bottom: 0;
}

.popuup-text-label.navbar.newchatbot {
  margin-left: 0;
  margin-right: 12px;
}

.popuup-text-label.header {
  margin-bottom: 0;
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}

.popuup-text-label.header.kleiner {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.popuup-text-label.header.small {
  pointer-events: none;
  margin-top: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.active-chatbot-wrap {
  align-items: center;
  width: 100%;
  display: flex;
}

.active-chatbot-wrap.inbox {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  width: auto;
}

.active-chatbot-wrap.navbar {
  background-color: #fcfcfc;
  border: 1px #0000001a;
  border-radius: 8px;
  height: 34px;
  padding-left: 10px;
  padding-right: 12px;
  transition: all .2s;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.active-chatbot-wrap.navbar:hover {
  background-color: #f5f5f5;
  border-color: #0000001f;
}

.active-chatbot-wrap.navbar:active {
  border-color: #fff;
}

.active-chatbot-wrap.navbar.datasource-sharing {
  height: 34px;
  padding-left: 0;
}

.text-block-13 {
  font-size: 16px;
  transition: all .2s;
}

.text-block-13.footer {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.link {
  color: #333;
}

.loading-wrap {
  z-index: 10;
  cursor: pointer;
  background-color: #2c2c2c;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 28px;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto;
}

.button-loader {
  opacity: .9;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}

.button-loader.negative {
  background-color: #000000b3;
}

.div-block-23 {
  background-color: #2c2c2c;
  border-radius: 99px;
  width: 10px;
  height: 10px;
}

.div-block-23.negative {
  background-color: #fff;
}

.div-block-24 {
  background-color: #2c2c2c;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-24.negative {
  background-color: #fff;
}

.notice {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 14px;
  outline: 2px solid #333;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 38px;
  margin-bottom: 0;
  padding: 6px 10px 6px 12px;
  transition: all .15s;
  display: flex;
  position: relative;
  inset: auto auto 0%;
  box-shadow: 0 2px 6px 1px #00000029;
}

.notice.error {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fef8f8;
  border-style: solid;
  border-color: #f5c2c4;
  border-radius: 14px;
  outline-color: #f37a8026;
  display: flex;
  position: static;
}

.notice.error.visible {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff8f8;
  display: flex;
}

.notice.error.large {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 10px 16px;
  box-shadow: 0 2px 4px -2px #0000000f;
}

.notice.error.large.dark-bg {
  border-color: #f22b2d;
}

.notice.notice-wrapper {
  z-index: 9999999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  box-shadow: none;
  outline-offset: 0px;
  pointer-events: auto;
  background-color: #f22b2d00;
  border: 1px #000;
  border-radius: 0;
  outline: 2px #333;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  inset: 36px 40px auto auto;
}

.notice.notice-wrapper.login-signup {
  top: 30px;
}

.notice.success {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f6fdf9;
  border-style: solid;
  border-color: #8fe7b0;
  border-radius: 14px;
  outline-color: #26d36633;
  display: flex;
  position: static;
  box-shadow: 0 2px 6px 1px #0000001f;
}

.notice.success.large {
  height: auto;
}

.notice.warning {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-color: #fefbf5;
  border-style: solid;
  border-color: #f3d595;
  border-radius: 14px;
  outline-color: #e7b5491c;
}

.notice.warning.large {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 14px;
  box-shadow: 0 2px 4px -1px #0000000f;
}

.text-block-14 {
  color: #646464;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-14.modal {
  font-size: 12px;
  font-weight: 600;
}

.text-block-14.dynamicheight {
  margin-top: -1px;
  margin-bottom: 1px;
  line-height: 20px;
}

.text-block-14.multi-line {
  color: #acacac;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}

.text-block-14.multi-line.purple {
  color: #797787;
}

.text-block-14.title {
  color: #585858;
  overflow-wrap: anywhere;
  max-width: 100%;
  line-height: 16px;
}

.text-block-14.title.purple {
  color: #0d0845;
}

.error-close {
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.div-block-25 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  transition: all .2s;
  display: flex;
}

.div-block-25:hover {
  background-color: #fff6;
}

.sign-up-content {
  width: 100%;
}

.image-8 {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-bottom: 20px;
}

.div-block-26 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}

.text-block-15 {
  text-align: center;
  margin-top: 5px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.grid {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: auto;
}

.div-block-27 {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 36px;
  max-height: 260px;
  position: relative;
  overflow: scroll;
}

.div-block-28 {
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  max-height: 100vh;
  position: relative;
  overflow: hidden;
}

.dashboard-container {
  flex-flow: row;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: none;
  display: flex;
  position: fixed;
  inset: 0%;
}

.settings-header {
  border-bottom: 1px solid #0000000d;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: stretch;
  height: 60px;
  margin-bottom: 0;
  padding: 0 50px;
  display: flex;
}

.settings-header.padding {
  padding: 10px 50px;
}

.settings-header.padding.datasources {
  z-index: 110;
  background-color: #fff;
  border-bottom-color: #f6f6f6;
  width: 100%;
  min-width: 100%;
  height: 56px;
  padding: 12px 20px 12px 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.settings-header.smaller {
  padding-left: 100px;
  padding-right: 100px;
}

.chatbot-thumbnail {
  z-index: 10;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.chatbot-thumbnail.settings {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: auto;
  margin-bottom: 0;
}

.chatbot-thumbnail.settings.spacing {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.chatbot-thumbnail.active_chat {
  margin-right: 6px;
  position: relative;
}

.chatbot-thumbnail.active_chat.inbox {
  margin-right: 20px;
}

.div-block-31 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-33 {
  justify-content: flex-start;
  height: 40px;
  margin-top: 20px;
  padding-right: 10px;
  display: flex;
}

.settings-tab {
  color: #4d4d4d;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 0 solid #fd7777;
  margin-left: 0;
  margin-right: 30px;
  padding: 6px 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.settings-tab.active {
  color: #000;
  border-bottom-width: 2px;
  border-bottom-color: #7e79f0;
  margin-left: 0;
  font-size: 15px;
  font-weight: 500;
}

.div-block-34 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.line {
  z-index: -1;
  color: #fff9f9;
  -webkit-text-stroke-color: #fff9f9;
  background-color: #e8e8e8;
  width: 2px;
  height: 17px;
  margin-top: -3px;
  display: none;
  position: absolute;
  inset: -10px auto 6% 32px;
}

.line.boven {
  height: 15px;
  margin-top: -3px;
  display: flex;
}

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

.div-block-35.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-top: 3px;
  padding-top: 0;
  padding-bottom: 4px;
  transition: all .2s;
  display: flex;
}

.chatbot-item-action-wrap {
  z-index: 100;
  opacity: 0;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  transition: all .2s;
  display: none;
  position: relative;
}

.chatbot-item-action-wrap.datasources {
  opacity: 0;
  display: none;
}

.chatbot-item-action-wrap-right {
  min-width: 50px;
}

.chatbot-item-action-wrap-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-width: 50px;
  display: flex;
}

.list-item-settings-icon-wrapper {
  cursor: pointer;
  background-color: #fff6;
  border: 1px solid #fff6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
}

.list-item-settings-icon-wrapper:hover {
  background-color: #ffffff80;
}

.image-9 {
  opacity: .4;
  width: 18px;
  height: 16px;
}

.image-10 {
  opacity: .7;
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.div-block-37 {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  padding: 5px;
  transition: all .2s;
  display: flex;
}

.div-block-37:hover {
  background-color: #ffffff4d;
  border-radius: 6px;
}

.text-block-17 {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.dashboard-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #7e7af108;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 112vh;
  max-height: 100%;
  padding: 120px 60px 100px 80px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.dashboard-content-wrapper.inbox {
  max-height: 100vh;
  padding: 100px 60px 30px 80px;
  inset: 0%;
  overflow: visible;
}

.dashboard-content-wrapper.inbox.scrollbox {
  min-height: 100vh;
  max-height: none;
  position: relative;
  overflow: scroll;
}

.dashboard-content-wrapper.prompt {
  max-height: 100%;
  padding-top: 100px;
  padding-bottom: 30px;
  overflow: scroll;
}

.dashboard-content-wrapper.prompt.scrollable {
  padding-top: 90px;
  padding-bottom: 20px;
  position: absolute;
}

.dashboard-content-wrapper.settings {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  width: 100%;
  padding-top: 100px;
  padding-left: 30px;
  padding-right: 30px;
  transition-duration: .1s;
}

.dashboard-content-wrapper.training {
  padding-top: 100px;
  padding-bottom: 30px;
}

.dashboard-content-wrapper.scrollable {
  background-color: #fcfcfc;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.dashboard-content-wrapper.scrollable.padding {
  padding-top: 90px;
}

.dashboard-content-wrapper.fullscreen {
  z-index: auto;
  background-color: #fcfcfc;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 56px);
  min-height: calc(100vh - 56px);
  max-height: calc(100vh - 56px);
  padding: 6px 6px 6px 0;
  position: relative;
  overflow: visible;
}

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

.inbox-chatbot-wrapper {
  border-right: 1px solid #0000001a;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 420px;
  min-width: 420px;
  display: flex;
  position: relative;
}

.inbox-menu {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: stretch;
  padding: 15px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  box-shadow: 0 4px 6px #00000005;
}

.navbar-item {
  width: 100%;
}

.navbar-item._25 {
  width: auto;
}

.navbar-item._25.searchbar {
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navbar-item._25.searchbar.kb {
  width: auto;
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  min-height: 38px;
}

.navbar-item._25.searchbar.kb.small {
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
}

.navbar-item._25.searchhide {
  transition: all .2s;
  display: flex;
  position: relative;
}

.navbar-item.filters.searchhide {
  transition: all .2s;
  position: relative;
}

.filter-container {
  width: 100%;
  min-height: 50px;
  padding: 15px 15px 12px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-45 {
  width: auto;
  height: auto;
}

.filters-labels-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.image-11 {
  opacity: .6;
  width: 16px;
  height: 16px;
}

.image-11.inbox-search {
  margin-top: -3px;
  margin-right: -1px;
  position: relative;
}

.image-11.inbox-search.small {
  width: 12px;
  height: 12px;
  margin-right: -2px;
}

.div-block-46 {
  margin-bottom: 0;
}

.message-grid-container {
  border: 1px #000;
  flex: 0 auto;
  order: 1;
  align-self: flex-start;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-top: 76px;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.grid-3 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: start;
  place-items: start center;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  padding: 3px;
}

.chat-list-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: auto;
  padding: 6px;
  transition: all .1s;
  display: flex;
  position: relative;
  box-shadow: inset 0 -1px 3px #00000005;
}

.chat-list-item:hover {
  background-color: #fcfdff;
}

.chat-list-item.active {
  -webkit-user-select: none;
  user-select: none;
  background-color: #7e79f005;
  width: 100%;
  transition-property: none;
}

.inbox-messages-container {
  z-index: 1;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-top: 77px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-49 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-50 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-right: 20px;
  display: inline-flex;
  position: relative;
}

.message-list-title {
  opacity: 1;
  text-overflow: ellipsis;
  max-width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  overflow: hidden;
}

.message-list-item-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.message-body-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  display: flex;
}

.message-preview {
  color: #8b8b8b;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  width: 90%;
  height: 20px;
  max-height: 20px;
  margin-bottom: 0;
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}

.text-block-19 {
  color: #8b8b8b;
  white-space: nowrap;
  word-break: normal;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 10px;
}

.div-block-51 {
  background-color: #25d366;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 5px;
  margin-bottom: 2px;
  margin-right: 10px;
}

.div-block-52 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 10px auto auto;
}

.div-block-53 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  height: 22px;
  display: flex;
}

.inbox-header {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  flex-direction: column;
  justify-content: space-between;
  height: 77px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 4px 6px #00000005;
}

.grid-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-content: end;
  place-items: start stretch;
  min-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  padding: 0 40px 30px;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.message {
  background-color: #fff;
  border-radius: 6px;
  max-width: 380px;
  padding: 15px 20px;
  box-shadow: 0 3px 6px #0000000f;
}

.message-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.message-wrap.user {
  display: flex;
}

.message-wrap.agent {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
}

.message-wrap.bot {
  justify-content: center;
  align-items: flex-end;
  margin-top: 6px;
  margin-bottom: 6px;
}

.div-block-55 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-top: 1px solid #0000001a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  padding: 15px 25px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.messagebody {
  white-space: normal;
  word-break: break-word;
  border: 1px #0000000f;
  border-radius: 12px;
  max-width: 450px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.messagebody.inbox {
  margin-bottom: 0;
}

.messagebody.bot {
  color: #fff;
  text-align: left;
}

.div-block-56 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 0;
  padding-bottom: 180px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.inbox-header-topsection {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  display: flex;
}

.text-block-21 {
  white-space: normal;
  text-overflow: ellipsis;
  width: auto;
  max-width: 330px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  overflow: hidden;
}

.div-block-57 {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.leadgegevens-icon {
  width: 12px;
  height: 12px;
  margin-right: 10px;
  transform: rotate(180deg);
}

.div-block-58 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.div-block-59 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fafafa;
  border: 1px solid #0000000d;
  border-radius: 6px;
  min-width: 20px;
  height: 24px;
  margin-top: 2px;
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-59.document {
  height: 20px;
  margin-top: 1px;
  margin-left: 12px;
}

.div-block-59.document.csv {
  height: 22px;
}

.div-block-59.kennisbank {
  background-color: #fff;
  border-color: #0000001a;
  height: 24px;
  margin-left: 0;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-59.tool-output-logs-time {
  height: 22px;
  margin-left: 0;
  padding-left: 6px;
  padding-right: 8px;
}

.image-12 {
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 0;
  margin-right: 6px;
  font-size: 12px;
}

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

.text-block-22 {
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}

.text-block-22.csv {
  font-size: 10px;
}

.text-block-22.kb {
  font-family: var(--system-ui);
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: 10px;
  font-weight: 600;
}

.text-block-22.kb.tooloutput {
  color: #696969;
  font-size: 9px;
}

.sidebar {
  opacity: 1;
  background-color: #fff;
  border-left: 1px solid #0000001a;
  flex-direction: column;
  width: 360px;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  transition: all .3s;
  display: flex;
  position: static;
  inset: 0% 0 0% auto;
  box-shadow: 4px 0 12px 6px #00000008;
}

.sidebar._45vw {
  pointer-events: auto;
  width: 45vw;
  min-width: 800px;
  min-height: 100vh;
  padding-top: 52px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 4px 0 12px 6px #00000008;
}

.sidebar._45vw.inbox-sidebar {
  outline-offset: 0px;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  outline: 4px solid #fff;
  width: 30vw;
  min-width: 500px;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-top: 60px;
  box-shadow: 0 0 8px 3px #0000001a;
}

.sidebar._45vw.inbox-sidebar.inbox-sidebar-inputscontainer {
  border-color: #f3f3f3;
  min-width: 480px;
  padding: 46px 0 56px;
  box-shadow: 10px 0 40px 4px #0000001a;
}

.text-block-23 {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: static;
}

.logo-hover-wrap {
  object-fit: cover;
  width: auto;
  height: 32px;
  min-height: 32px;
  transition: all .2s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.div-block-61 {
  aspect-ratio: auto;
  object-fit: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  min-height: 32px;
  display: flex;
  position: relative;
}

.div-block-62 {
  align-items: flex-end;
  width: 360px;
  max-width: 360px;
  height: 100%;
  padding: 20px;
  display: flex;
}

.div-block-63 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 260px;
  padding-right: 55px;
  display: flex;
}

.loader-wrap {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.loader-wrap.l {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.loader-wrap.l.chatlsist {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding: 6px;
  display: none;
}

.loader-wrap.testomgeving {
  z-index: 11;
  opacity: 1;
  outline-offset: 5px;
  mix-blend-mode: normal;
  border: 8px solid #f3f3fd;
  border-radius: 16px;
  outline: 5px #000;
  padding: 12px;
  display: flex;
}

.loader-wrap.cover {
  z-index: 10;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.search-input {
  background-color: #fff0;
  border: 0 solid #000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  position: absolute;
}

.search-input:active {
  border-color: #000;
}

.search-input:focus {
  border-width: 2px;
  border-color: #7e79f033;
  padding-left: 10px;
}

.search-input.kennisbanktoevoegen {
  border-radius: 6px;
  height: 32px;
  padding-left: 12px;
  padding-right: 38px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.search-input.kennisbanktoevoegen:focus {
  border-style: none;
}

.div-block-64 {
  display: flex;
}

.status-filters-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.div-block-65 {
  align-items: center;
  min-width: 50px;
  height: auto;
  margin-left: -5px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: center start;
  justify-items: start;
  width: auto;
  min-width: auto;
}

.image-13 {
  opacity: .7;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.label-color-dot {
  background-color: #25d366;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-right: 10px;
}

.label-color-dot.p {
  background-color: #7e79f082;
  margin-right: 10px;
}

.label-color-dot.b {
  background-color: #0049ff;
  margin-right: 10px;
}

.label-color-dot.o {
  background-color: #e7b549;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

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

.notice-icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.notice-icon.error {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65abe22a6f01cd5e4b5d261a_exclamation-circle%20(3).svg");
  background-position: 0 0;
  background-size: auto;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 15px;
}

.notice-icon.success {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b2df4b53fe42c9223f00f2_check-circle%20(3).svg");
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 15px;
}

.notice-icon.warning {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/661e2f3ec25b14bc1450b90b_exclamation-circle%20(5).svg");
  background-position: 0 0;
  background-size: auto;
}

.notice-icon.multi-line {
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.navbar-wrap {
  z-index: 9999999;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: visible;
}

.html-embed {
  z-index: 99999999;
  width: 100%;
  max-width: 300px;
  height: 10px;
  max-height: 10px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.input-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.input-container.horizontal {
  flex-flow: row;
}

.input-container.hidden {
  display: none;
}

.input-container._50 {
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
}

.input-container.boxes {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.input-container.dropdown {
  z-index: 101;
}

.input-container.dropdown._50 {
  width: 50%;
}

.input-container.dropdown._50.api {
  width: 100%;
}

.input-container.dropdown._50.api.z-index {
  z-index: 110;
}

.input-container.prompt {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 0;
}

.input-container.top-margin {
  margin-top: 20px;
}

.input-container.l {
  z-index: 20;
}

.input-container.endpoint {
  z-index: 100;
}

.input-container.sitemap {
  display: none;
}

.input-container.email-settings {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.input-container.hide {
  display: flex;
}

.input-container.mxl {
  width: 50%;
}

.headingsub-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  margin-left: 3px;
  display: flex;
  position: relative;
}

.headingsub-container.document-item.datasources {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.headingsub-container.document-item.datasources.inbox {
  width: 260px;
}

.headingsub-container.fullwidth {
  width: 100%;
  min-width: 100%;
  max-width: none;
}

.headingsub-container.smal {
  width: auto;
  min-width: auto;
}

.headingsub-container.smal._50 {
  width: 50%;
}

.headingsub-container.checkboxheading {
  width: auto;
  min-width: auto;
}

.headingsub-container.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 300px;
}

.headingsub-container.horizontal._100 {
  justify-content: space-between;
  width: 100%;
}

.headingsub-container.horizontal._100.scrape {
  min-width: auto;
  margin-left: 0;
}

.headingsub-container.kb {
  min-width: auto;
}

.headingsub-container.crawl {
  margin-left: 0;
}

.headingsub-container.document-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: auto;
}

.settings-title {
  white-space: nowrap;
  min-width: auto;
  max-width: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.settings-title.on {
  color: #7e79f0;
}

.settings-title.document {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 310px;
  max-width: 310px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.settings-title.document.fullwidth {
  width: auto;
  max-width: 580px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.settings-title.heading {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.settings-title.subtitle {
  font-size: 14px;
  font-weight: 700;
}

.settings-divider {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  max-height: 1px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.settings-divider.horizontal {
  margin-top: 10px;
}

.settings-divider.addsource {
  margin-top: 30px;
  margin-bottom: 30px;
}

.settings-divider.addsource.products {
  margin-top: 10px;
  margin-bottom: 10px;
}

.settings-divider.lowdivider {
  margin-top: 20px;
}

.settings-divider.hidden {
  display: none;
}

.text-block-25 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-25.documents {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #777;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 11px;
  display: flex;
}

.text-block-25.secondaryheading {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.text-block-25.secondtext {
  font-size: 16px;
  font-weight: 500;
}

.settings-title-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.settings-title-wrap.z-index {
  z-index: 100;
  position: relative;
}

.settings-title-wrap.fileupload {
  justify-content: space-between;
  align-items: center;
  height: 20px;
}

.settings-title-wrap.smaller {
  width: auto;
}

.tooltip-icon-container {
  z-index: 1;
  background-color: #fbfbfb;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.tooltip-icon-container.kleiner {
  z-index: auto;
  width: 15px;
  height: 15px;
}

.tooltip-icon {
  opacity: .6;
}

.button-footer {
  border-top: 1px solid #f4f4f4;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 12px 50px;
  display: flex;
  position: relative;
}

.button-footer.modal.low {
  padding-top: 12px;
  padding-bottom: 12px;
}

.button-footer.sidebarbuttoncontainer {
  background-color: #fff;
  justify-content: space-between;
  padding: 12px 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-footer.sidebarbuttoncontainer.scrape {
  height: 79px;
}

.button-footer.sidebarbuttoncontainer.smaller {
  padding: 12px 20px;
  box-shadow: 0 -2px 8px #0000000a;
}

.button-footer.sidebarbuttoncontainer.smaller.activityfeed {
  z-index: 11;
}

.button-footer.empty {
  height: 60px;
}

.button-footer.modal {
  z-index: 0;
  border-top-style: solid;
  border-top-color: #f0edfd;
  flex-flow: row-reverse;
  align-self: auto;
  padding: 12px 50px 12px 60px;
}

.button-footer.smaller {
  padding-left: 100px;
  padding-right: 100px;
}

.form-inputs-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 1;
  width: 100%;
  max-width: none;
  min-height: 50px;
  padding: 0 0 10px;
  display: flex;
}

.form-inputs-container.modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fdfdfd;
  min-height: auto;
  max-height: 100%;
  padding: 20px 50px;
}

.form-inputs-container.modal.datasources {
  background-color: #fdfdfd;
  padding: 25px 50px;
}

.form-inputs-container.modal.datasources.create {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.form-inputs-container.modal._50 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fdfdfd;
  max-height: 75vh;
  padding: 20px 50px 40px;
  overflow: scroll;
}

.form-inputs-container.modal._50.grey {
  background-color: #fbfbfb;
}

.form-inputs-container.modal.apikey {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fdfdfd;
  padding-bottom: 30px;
}

.form-inputs-container.prompt {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.form-inputs-container.prompt.identity {
  flex: 0 auto;
  height: 200px;
  min-height: auto;
}

.form-inputs-container.sidebarformcontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  min-height: 100%;
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.form-inputs-container.horizontal {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: 100%;
  padding-bottom: 0;
}

.form-inputs-container.datasources {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.form-inputs-container.modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-height: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.form-inputs-container.codemirror {
  padding-bottom: 0;
}

.form-inputs-container.crawl {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  min-height: auto;
  padding-bottom: 0;
  display: flex;
}

.form-inputs-container.crawl.datasource {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.form-inputs-container.modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-height: auto;
  max-height: 100%;
  padding: 20px 50px;
}

.form-inputs-container.modal.datasources {
  padding: 25px 50px;
}

.div-block-74 {
  outline-offset: 0px;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b53f83acecf90e74bd8844_profile_pic_default.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 99px;
  outline: 3px solid #fff;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin-left: 5px;
  box-shadow: 0 2px 8px 2px #00000014;
}

.button-secondary {
  z-index: 99;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: 36px;
  margin-left: 20px;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 14px;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.button-secondary:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.button-secondary:active {
  border-color: #fff;
}

.button-secondary.chime-btn {
  background-color: #fff;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.button-secondary.chime-btn.large {
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  margin-bottom: 0;
}

.button-secondary.chime-btn.large.full-width {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-left: 14px;
  padding-right: 5px;
}

.button-secondary.upload {
  background-color: #fff;
  min-width: auto;
  height: 32px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 12px;
  transition: all .2s;
  position: relative;
}

.button-secondary.upload:hover {
  background-color: #fcfcfc;
  border-color: #00000026;
}

.button-secondary.upload:active {
  border-color: #0000;
}

.button-secondary.reset {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-color: var(--border-f5f5f5f);
  background-color: #fff;
  border-radius: 6px;
  height: 38px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 20px;
  transition: all .2s;
}

.button-secondary.reset.hidden {
  display: none;
}

.button-secondary.reset.smaller {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 32px;
  max-height: 32px;
  padding-left: 10px;
  padding-right: 16px;
}

.button-secondary.datasources {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-secondary.small {
  z-index: 20;
  background-color: #fff;
  width: 30px;
  height: 30px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  position: absolute;
  inset: 15px 15px auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.button-secondary.small.prompt {
  transition: all .2s;
  position: static;
  inset: 15px 15px auto auto;
}

.button-secondary.small.relative {
  position: relative;
  top: 0;
  right: 0;
}

.button-secondary.small.relative.smaller {
  border-radius: 5px;
  width: 22px;
  height: 22px;
}

.button-secondary.small.tooloutputlogs {
  box-shadow: none;
  border-style: none;
  width: 26px;
  height: 26px;
  position: relative;
  top: 0;
  right: 0;
}

.button-secondary.newchatbot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  background-color: #fff;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  text-decoration: none;
}

.button-secondary.newchatbot:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.button-secondary.newchatbot.no-margin-left {
  margin-left: 0;
}

.button-secondary.newchatbot.share-datasource {
  height: 36px;
  margin-left: 0;
}

.button-secondary.newchatbot.review {
  height: 38px;
}

.button-secondary.reset {
  background-color: #fff;
  border-color: #0003;
  margin-left: 0;
  margin-right: 0;
  transition: all .2s;
}

.button-secondary.inbox-header {
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.button-secondary.inbox-header.more-info.smaller {
  width: 32px;
  height: 32px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-secondary.inbox-header.prev-btn {
  display: none;
}

.button-secondary.resetprompt {
  z-index: 20;
}

.button-secondary.edit {
  z-index: 101;
  width: 40px;
  height: 40px;
}

.button-secondary.edit.datasource-sharing {
  width: 34px;
  height: 34px;
  padding-left: 0;
  padding-right: 0;
}

.button-secondary.edit.datasourcesharing {
  z-index: 0;
  position: relative;
  right: 0;
}

.button-secondary.edit.small-secondary-btn {
  width: 32px;
  height: 32px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-secondary.setings {
  background-color: #fff;
  height: 32px;
  margin-left: 0;
}

.button-secondary.reset {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border-color: #0003;
  border-radius: 6px;
  height: 38px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 20px;
  transition: all .2s;
}

.button-secondary.reset:hover {
  border-color: #0003;
}

.secondary-btn-icon {
  opacity: .8;
  width: 14px;
  height: 14px;
}

.secondary-btn-icon.datasources {
  min-width: 14px;
  min-height: 14px;
}

.text-block-26 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-76 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.close-icon-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: all .2s;
  display: flex;
}

.close-icon-container:hover {
  background-color: #f7f9ff;
  border-radius: 6px;
}

.image-16 {
  opacity: .8;
  width: 20px;
  height: 20px;
}

.image-16.download {
  width: 14px;
  height: 14px;
}

.div-block-78 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-3 {
  font-family: var(--system-ui);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 16px;
  font-weight: 600;
}

.heading-3.kleiner {
  margin-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.heading-3.small {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.heading-3.small.inbox {
  margin-right: 0;
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.land {
  margin-left: 5px;
}

.dropdown-active-checkbox {
  opacity: .8;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.div-block-80 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.togglecontainer {
  width: 100%;
  height: 50px;
}

.togglecontainer.toggle {
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid #ff222203;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 42px;
  padding: 0 5px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 4px #00000008;
}

.toggle-btn {
  z-index: 0;
  background-color: #fff;
  border: 1px solid #00000008;
  border-radius: 6px;
  width: 70px;
  height: 32px;
  position: absolute;
  inset: auto 6px;
}

.toggle-btn.livechatfalse {
  right: 6px;
}

.toggle-btn.livechattrue {
  inset: auto 6px auto auto;
}

.div-block-83 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% auto auto;
}

.div-block-83.l {
  z-index: 2;
  pointer-events: auto;
  width: 70px;
  height: 100%;
  min-height: 100%;
  transition: all .2s;
  inset: auto auto auto 0%;
}

.div-block-84 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon {
  opacity: .8;
  width: 22px;
  height: 22px;
}

.icon.pen {
  pointer-events: none;
  width: 14px;
  height: 14px;
}

.icon.pen.smaller {
  width: 10px;
  height: 10px;
}

.icon.maximize {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
}

.icon.tooloutputlogs {
  opacity: .6;
  width: 22px;
  height: 22px;
}

.icon.archive {
  opacity: .6;
  width: 16px;
  height: 16px;
}

.extra-opties-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.div-block-85 {
  width: 100%;
  position: relative;
}

.div-block-86 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-90 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  display: flex;
}

.div-block-90.channels {
  justify-content: flex-start;
  align-items: center;
  height: auto;
}

.settings-meldingen-container {
  width: 100%;
  min-height: 50px;
}

.div-block-91 {
  cursor: pointer;
  align-items: center;
  min-height: 40px;
  padding-left: 10px;
  display: flex;
}

.div-block-91._1 {
  z-index: 20;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-91._2 {
  z-index: 19;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-91._3 {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-91._4 {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.checkbox-simple-label {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.checkbox-simple-label.active {
  background-color: #7e79f0;
  border-color: #0000001a;
  border-radius: 6px;
}

.checkbox-text {
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  line-height: 16px;
}

.checkbox-text.event {
  cursor: auto;
  margin-right: 8px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.checkbox-simple-image {
  width: 14px;
  height: 14px;
}

.div-block-92 {
  align-items: center;
  height: 50px;
  display: flex;
}

.submenu-link {
  color: #333;
  margin-top: 0;
  text-decoration: none;
  overflow: scroll;
}

.submenu-link.w--current {
  background-color: #7e79f003;
  border-right: 3px solid #7e79f0;
}

.small-icon-container {
  background-color: #fff;
  border: 1px #0000004d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.small-icon-container.newdatasource {
  border: 1px solid #d4d4d4;
  border-bottom-width: 2px;
  border-radius: 8px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
}

.small-icon-container.newdatasource.document-item {
  background-color: #4b88f0;
  border-color: #0003;
  border-radius: 8px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.small-icon-container.newdatasource.document-item.smaller {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.small-icon-container.newdatasource.datasources {
  border-bottom-width: 3px;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
}

.small-icon-container.newdatasource.document-item {
  border-color: #0003;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
}

.image-21 {
  opacity: .7;
  pointer-events: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.image-21.document-item {
  opacity: 1;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.image-21.type {
  opacity: 1;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}

.image-21.type.mobile, .image-21.small {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.div-block-96 {
  border: 1px #0000004d;
  border-radius: 99px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 10px;
  display: flex;
}

.div-block-96.type-wrapper {
  border-style: solid;
  border-color: #0006;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  padding: 2px 10px 2px 6px;
}

.div-block-96.type-wrapper.editdatasources {
  z-index: 10;
  background-color: #fff;
  border-color: #0000001a;
  height: 28px;
  margin-bottom: 0;
  padding: 0 14px 0 8px;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-96.type-wrapper.editdatasources.background {
  height: 22px;
}

.div-block-96.type-wrapper.editdatasources.activityfeed {
  padding-left: 10px;
  padding-right: 8px;
}

.div-block-96.type-wrapper.secondarynavbar {
  background-color: #fff;
  border-color: #0003;
  height: 22px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-96.type-wrapper.secondarynavbar.background {
  border-color: #0000000d;
}

.div-block-97 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-98 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 120px;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.div-block-98.select-boxes {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.select-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 66px;
  padding: 20px 15px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.select-box.selected {
  outline-offset: 0px;
  background-color: #fff;
  border-color: #7e79f080;
  outline: 2px solid #7e79f0;
}

.select-box.comingsoon {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  pointer-events: none;
  width: 100%;
  padding-left: 15px;
}

.cb-data-icon-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.forms-container {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: relative;
}

.chat-wrapper-button {
  z-index: 1001;
  width: 60px;
  height: 60px;
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
}

.ms-chat-icon {
  z-index: 2;
  background-color: #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 18px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 20px 30px -10px #555e6980;
  -webkit-mask-image: url("https://cdn.prod.website-files.com/64558916e4efcf5c5355b1d1/6458d058560e97be74ebb657_Sleak%20logo%20-%20beeldmerk%20open.svg");
  mask-image: url("https://cdn.prod.website-files.com/64558916e4efcf5c5355b1d1/6458d058560e97be74ebb657_Sleak%20logo%20-%20beeldmerk%20open.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.ms-chat-icon:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.ms-exit-icon {
  flex: none;
  width: 50px;
  max-width: none;
  height: 50px;
  display: none;
}

.channels-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-end;
  min-width: auto;
  height: 100%;
  display: flex;
}

.channel-container {
  cursor: pointer;
  border-bottom: 2px solid #0003;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.channel-container.active {
  cursor: pointer;
  border-bottom-color: #7e79f0;
  width: 28px;
  height: 28px;
}

.channel-icon {
  opacity: .3;
  width: 17px;
  height: 17px;
}

.channel-icon.active {
  opacity: 1;
}

.widget-branding {
  letter-spacing: .2px;
  background-color: #fff;
  border-top: 1px solid #0000001a;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  font-family: Lato, sans-serif;
  font-size: 10px;
  display: flex;
  position: relative;
  inset: auto 0 0% 0%;
}

.widget-contact-wrapper {
  justify-content: center;
  align-items: flex-end;
  height: 30px;
  margin-top: 3px;
  display: flex;
}

.widget-message-subtitle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.widget-message-time {
  color: #333333b3;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.widget-submit-button {
  height: 100%;
}

.widget-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  height: 46px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.widget-text-bot {
  text-align: left;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 9px;
  max-width: 280px;
  padding: 12px 15px 12px 18px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-text-bot.user-message {
  color: #fff;
  text-align: right;
  background-color: #7e79f0;
  border-color: #0000000f;
  max-width: 280px;
  padding-right: 18px;
  font-weight: 400;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-text-bot.agent-message {
  outline-offset: 0px;
  text-align: left;
  background-color: #fff;
  border-style: none;
  outline: 1px solid #7e79f080;
}

.widget-subtitle {
  align-items: center;
  display: flex;
}

.widget-operatorchange-divider {
  background-color: #a5a5a54d;
  width: 100%;
  height: 1px;
  margin-bottom: 1px;
}

.widget-operatorchange-divider.red {
  background-color: #f8b8b8;
}

.widget-operatorchange-divider.transp {
  opacity: 0;
}

.widget-headshot-status-wrapper {
  background-color: #fff;
  border-radius: 20px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: 2px 0 auto auto;
}

.widget-powered-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: auto;
  margin-top: auto;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.widget-divider-container {
  flex-direction: column;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.widget-divider-container.date {
  margin-bottom: 0;
}

.widget-close-icon {
  opacity: .7;
  width: 24px;
  height: 24px;
}

.widget-messages-grid {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: end space-between;
  align-items: end;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: 100%;
  padding: 0 5px 15px;
  display: grid;
  position: static;
}

.widget-message-item {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.widget-message-item.widget-user-message {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.widget-online-in-chat {
  color: #333c;
  margin-bottom: 0;
  margin-right: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 12px;
  position: static;
}

.widget-form {
  border: 1px #000;
  border-radius: 6px;
  flex: 0 auto;
  width: 100%;
  height: auto;
  display: flex;
}

.widget-sec-labe {
  color: #333;
  justify-content: center;
  align-items: center;
  height: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 8px;
  display: flex;
  position: relative;
  bottom: auto;
  right: 0;
}

.widget-messages-wrapper {
  background-color: #fbfbfb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.widget-header-div {
  box-shadow: none;
  background-color: #fff0;
  border: 1px #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin: 0 20px 0 25px;
  padding: 0;
  display: flex;
  position: relative;
}

.widget-ai-label-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #333;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-header-bg {
  opacity: 1;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.widget-form-block {
  border-radius: 6px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.widget-message-headshot {
  object-fit: cover;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  margin: 0 8px 0 0;
}

.widget-title {
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  display: flex;
}

.widget-headshot-status {
  background-color: #48e385;
  border: 2px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-top: 0;
  display: flex;
  position: static;
  top: 5px;
  right: 5px;
}

.widget-headshot-wrapper {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.widget-name {
  color: #333;
  margin-right: 4px;
  padding-left: 0;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.widget-sendmessage-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  margin-left: 18px;
  margin-right: 18px;
  padding: 0;
  display: flex;
  position: relative;
  bottom: 0;
  box-shadow: 0 2px 4px -1px #0000001a;
}

.widget-sendmessage-wrapper.inbox {
  border-style: solid;
  width: 100%;
  margin-left: 0;
}

.widget-sendmessage-wrapper.inbox.disabled {
  opacity: .3;
}

.widget-sendmessage-wrapper.inbox.hidden {
  opacity: .3;
  border-style: solid;
}

.widget-sendmessage-wrapper.inbox.chatinput {
  z-index: 1;
  border-radius: 20px;
  min-width: 100%;
  margin-right: 0;
  position: relative;
}

.widget-close-wrapper {
  cursor: pointer;
  background-color: #7e79f000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.widget-close-wrapper:hover {
  background-color: #7e79f014;
}

.widget-close-wrapper.popup {
  pointer-events: auto;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-top: -2px;
  margin-bottom: 3px;
  margin-right: -2px;
  position: relative;
}

.widget-message-input {
  color: #000;
  overflow-wrap: normal;
  object-fit: fill;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: baseline;
  max-width: 100%;
  height: auto;
  min-height: 46px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 0;
  padding-left: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 18px;
  display: flex;
  overflow: hidden;
}

.widget-message-input::placeholder {
  color: #c5c5c5;
  font-style: normal;
}

.widget-headshot {
  object-fit: cover;
  border-radius: 99px;
  width: 42px;
  height: 42px;
  margin: 0;
}

.widget-header-content {
  justify-content: center;
  display: flex;
}

.widget-chatbox {
  z-index: 3;
  color: #333;
  text-align: center;
  background-color: #fff;
  border: 6px solid #7e79f01a;
  border-radius: 20px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.5em;
  display: flex;
  position: relative;
  inset: auto;
}

.widget-operatorchange-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fcfcfd00;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 5px 30px;
  display: flex;
}

.widget-operatorchange-content.small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 6px;
  padding-right: 6px;
}

.widget-operatorchange-headshot {
  outline-offset: 0px;
  object-fit: cover;
  border-radius: 99px;
  outline: 3px solid #fff;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  box-shadow: 0 2px 6px 2px #0000001a;
}

.widget-operatorchange-headshot.chat-info {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
}

.widget-operatorchange-headshot.micro {
  outline-width: 2px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.widget-operatorchange-headshot.smaller {
  outline-width: 1px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.widget-operatorchange-headshot.smaller.horizontal-stack {
  outline-width: 2px;
  margin-right: -2px;
}

.widget-operatorchange-headshot.smaller.message-avatar {
  margin-bottom: 3px;
}

.widget-operatorchange-headshot.smaller.smallest {
  outline-width: 1px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.widget-operatorchange-headshot.smaller.smallest.current {
  outline-width: 2px;
  box-shadow: 0 0 0 4px #6c47ff;
}

.widget-operatorchange-headshot.smaller.smallest.square {
  color: #8e8e8e;
  background-color: #cecece;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px 1px #0000000f;
}

.widget-operatorchange-headshot.smaller.smallest.square.chatslist {
  bottom: 3px;
  right: 3px;
  box-shadow: 0 2px 3px #0000001a;
}

.widget-operatorchange-headshot.smaller.smallest.square.chatslist.larger {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  bottom: 0;
  right: 0;
}

.widget-linkpreview-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px #0000000f;
  border-radius: 9px;
  align-items: center;
  width: 400px;
  min-width: 100%;
  max-width: 100%;
  height: 80px;
  padding: 10px 15px 10px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.widget-linkpreview-image {
  object-fit: cover;
  border: 1px solid #0000000d;
  border-radius: 10px;
  width: 64px;
  min-width: 64px;
  height: 60px;
  box-shadow: 0 2px 4px -2px #0000000f;
}

.widget-linkpreview-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  display: flex;
}

.widget-linkpreview-title {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
  height: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.widget-linkpreview-subtitle {
  text-align: left;
  word-break: break-all;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 150%;
  position: relative;
  overflow: hidden;
}

.widget-linkpreview-subtitle.widget-linkpreview-subtitle-url {
  color: #333333e6;
  margin-top: 0;
  font-size: 9px;
  font-weight: 400;
}

.widget-linkpreview-title-block {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
}

.widget-linkpreview-button {
  opacity: .8;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-top: 0;
}

.widget-link-preview-item {
  color: #333;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 9px;
  width: 430px;
  max-width: 100%;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-istyping-item {
  display: none;
}

.widget-istyping-content {
  background-color: #fff;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  display: flex;
  box-shadow: 0 2px 6px -1px #0000000f;
}

.widget-istyping-gif {
  border-radius: 9px;
  width: 40px;
  height: auto;
}

.widget-operatorchange-title-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 14px;
  display: flex;
}

.widget-divider-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3336;
  -webkit-text-stroke-color: #3333;
  margin-right: 0;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.widget-divider-text.bold {
  font-weight: 900;
}

.widget-sec-label {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 3px;
  display: flex;
}

.widget-sec-label-clock {
  width: 12px;
  max-width: none;
  height: auto;
}

.send-messgae-wrapper {
  border: 1px #0000001a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: auto;
  min-height: 54px;
  display: flex;
  position: relative;
  overflow: visible;
}

.send-messgae-wrapper:hover {
  border-style: none;
}

.send-messgae-wrapper.chatinput {
  border-radius: 20px;
}

.inputwrapper {
  flex: 1;
}

.form-3 {
  border-radius: 8px;
  align-items: flex-end;
  height: auto;
  display: flex;
  overflow: visible;
}

.form-3.chatinput {
  border-radius: 20px;
}

.textarea-wrap {
  text-align: left;
  border: 1px #0000001a;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  height: auto;
  min-height: 54px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.textarea-wrap.chatinput {
  border-radius: 20px;
  flex-flow: column;
  padding-top: 4px;
}

.messageinput {
  aspect-ratio: auto;
  text-align: left;
  background-color: #fff0;
  border: 1px #000;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  margin-bottom: 0;
  padding: 8px 15px;
  display: flex;
  overflow: auto;
}

.messagelist {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: none;
  padding: 5px 3px 0;
  display: flex;
  position: static;
}

.div-block-119 {
  cursor: pointer;
  background-color: #e5e5e51a;
  border: 2px dashed #0000001a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.div-block-119.file-upload {
  margin-bottom: 0;
}

.fileupload-icon {
  opacity: .4;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 10px;
}

.text-block-39, .text-span {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.close-trigger-underlay-2 {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-trigger-underlay-2.pricing {
  display: flex;
}

.document-item-container {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding: 15px 20px;
  display: flex;
  overflow: visible;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.document-content-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tertiary-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 8px;
  display: flex;
}

.div-block-121 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-121.s.xml {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.div-block-122 {
  justify-content: space-between;
  align-items: center;
  height: 38px;
  display: flex;
}

.div-block-122.apicontainer {
  height: auto;
}

.grid-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
}

.grid-9.no-bg {
  background-color: #0000;
}

.settings-list {
  border: 1px solid #00000014;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  overflow: hidden;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.settings-list.has-overflow {
  overflow: visible;
}

.div-block-124 {
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding-left: 0;
  display: flex;
}

.div-block-124.item {
  border-top: 1px solid #0000001a;
  border-bottom-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-124.item.visible {
  display: flex;
}

.div-block-124.item.api-header {
  justify-content: space-between;
  align-items: center;
  height: 47px;
}

.div-block-124.item.api-header.outputlogs {
  height: auto;
}

.div-block-124.item.api-header.newtables {
  height: auto;
  min-height: 42px;
}

.div-block-124.header {
  background-color: #f9fafb;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 2px 6px -1px #0000000d;
}

.div-block-124.header.scrapelist {
  height: 42px;
}

.div-block-124.header.lower {
  height: 30px;
}

.div-block-124.header.newtables {
  height: 32px;
}

.list-header-title {
  color: #333;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.list-header-title.key {
  font-family: var(--system-ui);
  color: #333;
  font-weight: 500;
}

.list-header-title.key.item {
  font-weight: 500;
}

.list-header-title.key.item.text {
  font-family: DM Sans, sans-serif;
}

.list-header-title.key.item.topics {
  white-space: nowrap;
  width: 200px;
  max-width: 190px;
  min-height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.list-header-title.item {
  width: 100%;
  min-height: 48px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Inconsolata, monospace;
  font-size: 14px;
  font-weight: 500;
  position: static;
}

.list-header-title.item.text {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.list-header-title.item.topics {
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: flex-start;
  align-items: flex-start;
  width: 580px;
  max-width: 580px;
  height: 20px;
  min-height: auto;
  max-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  overflow: hidden;
}

.list-header-title.item.topics.created {
  font-weight: 600;
}

.list-header-title.item.topics.crawl {
  white-space: nowrap;
  width: 460px;
  max-width: 460px;
}

.list-header-title-wrap {
  align-items: center;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.list-header-title-wrap.l {
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  min-width: 220px;
  min-height: 100%;
}

.list-header-title-wrap.l.header {
  border-top-left-radius: 8px;
  align-items: center;
  width: 220px;
}

.list-header-title-wrap.l.header.small {
  width: 140px;
  min-width: 140px;
}

.list-header-title-wrap.l.header.tooloutputlogs, .list-header-title-wrap.l.header.newtables {
  width: 180px;
  min-width: 180px;
}

.list-header-title-wrap.l.header.newtables.tagging {
  width: 220px;
  min-width: 220px;
}

.list-header-title-wrap.l.api-headers {
  width: 180px;
  min-width: 180px;
  padding-left: 0;
  position: relative;
}

.list-header-title-wrap.l.api-headers.newtables {
  padding-left: 16px;
  padding-right: 20px;
}

.list-header-title-wrap.l.api-headers.newtables.tagging {
  width: 220px;
  min-width: 220px;
}

.list-header-title-wrap.l.small {
  width: 160px;
  min-width: 160px;
}

.list-header-title-wrap.r {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-top-right-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 480px;
  max-width: 100%;
  padding-right: 10px;
}

.list-header-title-wrap.r.upper {
  justify-content: flex-start;
  align-items: center;
  width: 420px;
  max-width: 480px;
}

.list-header-title-wrap.r.upper.apilists {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.list-header-title-wrap.r.upper.datetime {
  width: 130px;
  max-width: 130px;
  padding-left: 18px;
}

.list-header-title-wrap.r.upper.large {
  width: 500px;
  max-width: 500px;
}

.list-header-title-wrap.r.upper.apilists {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.list-header-title-wrap.r.upper.apilists.crawl {
  padding-left: 20px;
  padding-right: 20px;
}

.list-header-title-wrap.r.datetime {
  width: 130px;
  max-width: 130px;
}

.list-header-title-wrap.r.scrape-url {
  width: 420px;
}

.list-header-title-wrap.r.scrape-url.large {
  width: 500px;
}

.list-header-title-wrap.r.newtables {
  width: auto;
  padding-left: 10px;
}

.add-list-row {
  opacity: .75;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.add-list-row.sm, .add-list-row.reset {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.add-list-row.heart {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.add-list-row.crawl {
  margin-bottom: 1px;
}

.add-list-row.primary-btn {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.form-btns-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-icon {
  margin-top: 1px;
}

.image-28 {
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.html-embed-3 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-130 {
  border-radius: 99px;
  width: 65px;
  height: 65px;
  display: flex;
  position: fixed;
  inset: auto 30px 20px auto;
  overflow: hidden;
}

.div-block-131 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.submit-button {
  background-color: #333;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65cfa3158dcbd6f334d57c28_chatbot-button%20kopie.svg");
  background-position: 46% 48%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 9px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-bottom: 0;
}

.form-block-4 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: auto;
  min-height: 54px;
  margin-bottom: 0;
  display: flex;
}

.input {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  align-items: center;
  width: 180px;
  height: 44px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-132 {
  z-index: 1;
  flex-direction: column;
  height: auto;
  min-height: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 2px 6px -1px #00000014;
}

.grid-container {
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.div-block-133 {
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-134 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7e79f0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
  position: relative;
}

.div-block-135 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #ffffff24;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 120px;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-135:hover {
  background-color: #ffffff24;
}

.div-block-135.r {
  cursor: pointer;
  background-color: #fff0;
}

.div-block-135.r:hover {
  background-color: #ffffff0f;
}

.image-29 {
  opacity: .8;
  width: 15px;
  height: auto;
}

.text-block-41 {
  opacity: .8;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
}

.textarea {
  border: 1px #0000001a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 94px;
  padding-top: 0;
  padding-bottom: 24px;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.textarea:hover {
  border-style: none;
}

.textarea:focus {
  border-style: solid;
}

.textarea:focus-visible, .textarea[data-wf-focus-visible] {
  border-style: solid;
  border-width: 0;
  padding-left: 18px;
}

.textarea.chatinput {
  border-radius: 20px;
  min-height: auto;
  padding-bottom: 50px;
  padding-right: 0;
}

.send-button-wrap {
  cursor: pointer;
  align-items: center;
  min-height: 62px;
  padding-left: 10px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 32px auto;
}

.send-button-wrap.inbox {
  z-index: 20;
  bottom: 0;
}

.div-block-137 {
  margin-top: 3px;
}

.div-block-138 {
  flex-direction: column;
  display: flex;
}

.link-block-2 {
  color: #333;
  border: 1px #000;
  border-radius: 9px;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  position: relative;
}

.handofffallbackmessagecontainer {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.div-block-139 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.paragraph {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

.contact-options-container {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-top: 16px;
  display: flex;
  box-shadow: 0 2px 4px 1px #0003;
}

.div-block-141 {
  border-radius: 12px;
  height: 100%;
  min-height: 100%;
  padding-top: 125px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.messages-list-container-container {
  flex-flow: column-reverse;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
  overflow: scroll;
}

.messages-list-container-container.scrollable {
  z-index: 1;
  justify-content: space-between;
  align-items: stretch;
  position: static;
  inset: 0%;
}

.div-block-142 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: space-around;
  align-items: center;
  min-width: auto;
  height: 32px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-142.tagging {
  box-shadow: none;
  cursor: pointer;
  border-radius: 7px;
  height: auto;
  margin-right: 0;
  padding: 4px;
  position: absolute;
  inset: auto 6px auto auto;
}

.div-block-142.tagging.rel {
  position: relative;
}

.text-block-42 {
  opacity: .8;
  font-size: 12px;
}

.image-30 {
  opacity: .65;
  transform-style: preserve-3d;
  width: 14px;
  height: auto;
  margin-bottom: 1px;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.image-31 {
  opacity: .6;
  width: 20px;
  height: 20px;
}

.livechat-dropdown-text-container {
  align-items: center;
  display: flex;
}

.notification-indicator {
  outline-offset: 0px;
  background-color: #25d366;
  border-radius: 99px;
  outline: 2px solid #fff;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  position: absolute;
  top: 21.5852px;
  right: 10.5852px;
}

.submit-button-2 {
  opacity: 0;
  background-color: #fff0;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-143 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.status-label-indicator {
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
}

.status-label-indicator.orange {
  background-color: #e7b549;
  border-radius: 99px;
  width: 5px;
  height: 5px;
}

.status-label-indicator.green {
  -webkit-text-stroke-color: #01b243;
  background-color: #25d366;
  border-radius: 99px;
}

.status-label-indicator.red {
  color: #f37a80;
  background-color: #e7b549;
  border-radius: 99px;
}

.status-label-indicator.label {
  background-color: #00b343;
}

.status-label-indicator.label.red {
  background-color: #f37a80;
}

.status-label-indicator.label.blue {
  background-color: #4285f4;
}

.status-label-indicator.label.orange {
  background-color: #e7b549;
}

.messages-and-grid-wrap {
  z-index: 1;
  background-color: #f0f2f733;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: calc(100% - 360px);
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.vertical-divider {
  border: 1px solid #0000001a;
  width: 1px;
  height: 30px;
}

.vertical-divider.vertical {
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  height: 30px;
  min-height: 100%;
  max-height: 100%;
}

.vertical-divider.vertical.inboxheader {
  margin-right: 10px;
}

.div-block-144 {
  border-bottom: 1px #0000001a;
  justify-content: center;
  align-items: center;
  height: 77px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-145 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
}

.div-block-146 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.contact-options-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 36px;
  display: flex;
}

.contact-options-icon {
  -webkit-text-fill-color: inherit;
  -webkit-text-fill-color: #fff;
  mix-blend-mode: multiply;
  background-color: #fff;
  background-clip: content-box;
  border-radius: 4px;
  width: 24px;
  height: 26px;
  padding: 3px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.contact-options-icon:hover {
  background-color: #7e79f01a;
  border-radius: 4px;
}

.contact-options-icon.big {
  width: 30px;
  height: 30px;
  padding: 0;
}

.contact-options-divider {
  background-color: #0000001a;
  width: 1px;
  height: 16px;
}

.div-block-150 {
  z-index: 99;
  background-color: #fbfbfb;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: 0;
  margin-bottom: -44px;
  padding: 20px 20px 64px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-151 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 12px;
  width: 100%;
  height: 70px;
  box-shadow: 0 2px 4px -2px #0003;
}

.div-block-152 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.div-block-153 {
  justify-content: center;
  padding-bottom: 4px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-155 {
  pointer-events: none;
  border-bottom: 1px solid #0000001a;
  height: auto;
  padding: 20px;
}

.navbar-datasource-item {
  cursor: pointer;
  border-top: 1px solid #0000001a;
  border-radius: 0;
  align-items: center;
  width: 100%;
  height: 72px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.navbar-datasource-item.visible {
  border-top: 1px solid #0000001a;
  display: flex;
}

.div-block-157 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.request-method-text {
  letter-spacing: 1px;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 700;
}

.edit-topic-container {
  z-index: 10;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.edit-topic-container.sidebarcontent {
  height: 100%;
  max-height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  position: static;
}

.edit-topic-container.sidebarcontent.inbox-sidebar {
  padding-top: 0;
  padding-bottom: 0;
}

.data-sources-script {
  display: none;
}

.div-block-160 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-161 {
  display: flex;
}

.div-block-162 {
  background-color: #fcfcfc;
  flex-direction: column;
  height: 100%;
  max-height: calc(100% - 214px);
  padding-top: 0;
  display: flex;
  overflow: scroll;
}

.div-block-162.noscroll {
  max-height: none;
  overflow: visible;
}

.div-block-163 {
  z-index: 99;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 18px;
  flex-direction: column;
  width: 230px;
  height: 110px;
  padding: 15px 15px 15px 20px;
  display: flex;
  position: relative;
  inset: auto 0 0 auto;
  box-shadow: 0 2px 6px 2px #0000000f;
}

.div-block-164 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  height: 32px;
  padding-left: 3px;
  display: flex;
}

.div-block-165 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.image-32 {
  object-fit: cover;
  border-radius: 99px;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}

.div-block-166 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.popup-name {
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.popup-status {
  color: #333c;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 300;
  line-height: 12px;
}

.div-block-167 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.div-block-168 {
  background-color: #48e385;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.div-block-169 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.paragraph-2 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}

.btn-html-embed {
  width: 65px;
  max-width: 65px;
  height: 65px;
  max-height: 65px;
  display: none;
  position: absolute;
  inset: auto 30px 20px auto;
  overflow: hidden;
}

.popup-script {
  height: 0;
  max-height: 0;
  margin-bottom: 0;
  display: none;
}

.popup-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.html-embed-5 {
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 0;
  overflow: visible;
}

.widget-close-wrapper-sub {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-33 {
  flex: none;
  width: 50px;
  max-width: none;
  height: 50px;
  display: none;
}

.div-block-170 {
  z-index: 10;
  background-color: #fff0;
  border-radius: 20px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 2px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-171 {
  background-color: #48e385;
  border: 3px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-pseudo {
  border-radius: 99px;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 5px #0003;
}

.popup-close-slot {
  pointer-events: auto;
  cursor: none;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
}

.chatslot, .emailslot {
  width: var(--svg_wrapper_size);
  height: var(--svg_wrapper_size);
  min-height: var(--svg_wrapper_size);
  min-width: var(--svg_wrapper_size);
}

.phoneslot {
  width: var(--svg_wrapper_size);
  height: var(--svg_wrapper_size);
  min-height: var(--svg_wrapper_size);
  min-width: var(--svg_wrapper_size);
  overflow: scroll;
}

.whatsappslot {
  width: var(--svg_wrapper_size);
  height: var(--svg_wrapper_size);
  min-height: var(--svg_wrapper_size);
  min-width: var(--svg_wrapper_size);
}

.div-block-172 {
  min-width: 280px;
}

.sidebar-modal {
  z-index: 2147483647;
  background-color: #fdfdfdb3;
  justify-content: flex-end;
  align-items: center;
  transition: all .15s;
  display: none;
  position: fixed;
  inset: 0%;
}

.sidebar-modal.inbox-sidebar {
  display: none;
  z-index: 2147483647 !important;
}

.sidebar-modal-pseudo {
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-174 {
  background-color: #0000001a;
  width: 1px;
  height: 20px;
  margin-left: 8px;
  margin-right: 8px;
}

.image-36 {
  width: 14px;
  height: 20px;
}

.form-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block-5 {
  margin-bottom: 0;
}

.livechat-popup-container {
  z-index: 99;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  transition: all .1s;
  display: none;
  position: absolute;
  inset: 0%;
}

.livechat-popup-container.transparent {
  opacity: 1;
  transition-property: none;
  display: none;
}

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

.div-block-177.transparent {
  background-color: #0000;
}

.image-37 {
  opacity: .6;
}

.text-block-44 {
  color: #858585;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.form-5 {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form-5.settings {
  align-items: stretch;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-178 {
  background-color: #00000005;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  margin-left: 15px;
  display: flex;
}

.div-block-179 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.image-38 {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65f35f09cccf11a826a2d09b_Group%208.svg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #0000000f;
  border-radius: 10px;
  width: 100%;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.agents-container {
  border: 1px solid #0000001a;
  border-radius: 6px;
  max-height: 360px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: scroll;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.agents-container.assignpopup {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  max-height: 360px;
  padding: 6px;
  display: flex;
}

.div-block-181 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 30px;
  display: flex;
  position: relative;
}

.div-block-181.b {
  border-top: 1px solid #0000001a;
}

.div-block-181.nopad {
  padding: 0;
}

.div-block-181.nopad.memberspopup {
  overflow: visible;
}

.div-block-182 {
  background-color: var(--primary_color);
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  box-shadow: 0 2px 5px -1px #0000001a;
}

.inbox-script, .text-field-3 {
  display: none;
}

.div-block-183 {
  padding: 15px 10px 10px;
}

.div-block-185 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-186 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 28px;
  padding-left: 8px;
  padding-right: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-186:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.div-block-186:active {
  border-color: #fff;
}

.text-block-46 {
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.image-39 {
  opacity: .6;
  width: 13px;
  height: 14px;
}

.div-block-187 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-left: 1px solid #0000001a;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: 8px;
  padding-right: 6px;
  display: flex;
}

.image-40 {
  opacity: .8;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.div-block-188 {
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.text-block-47 {
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-size: 7px;
  font-weight: 600;
}

.div-block-189 {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px #e5e5e5;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin-top: 50px;
  padding: 40px 0 0;
  display: flex;
}

.navbartitlesub {
  margin-left: 15px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.create-chatbot-script {
  display: none;
}

.navbar-container {
  width: auto;
  min-width: 260px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.navbar-container.hassecondarynavbar {
  min-width: 308px;
}

.div-block-190 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block-191 {
  pointer-events: none;
  min-width: 68px;
  max-width: 68px;
}

.div-block-192 {
  transition: all .2s;
}

.div-block-193 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-194 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.empty-state-container {
  background-color: var(--divider);
  width: 100%;
  max-width: 1000px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.empty-state-container.home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  flex-flow: column;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 4px 12px -2px #00000008;
}

.empty-state-container.home.chatbot {
  border-radius: 10px;
  margin-top: 0;
}

.empty-state-container.home.chatbot._50 {
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.empty-state-container.home.chatbot._50.recentchats {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.empty-state-container.home.chatbot._50.recentchats.hidee {
  display: none;
}

.empty-state-container.home.chatbot.background {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/661fcd415ca76ece679cc6d4_Frame%2059%20(7).png");
  background-position: 50% 100%;
  background-size: cover;
  border-width: 5px;
  border-color: #fff;
  border-radius: 15px;
}

.empty-state-container.home.chatbot.nom-margin {
  border-radius: 10px;
  padding: 20px;
}

.empty-state-container.home.chatbot.nom-margin.half {
  width: 50%;
}

.empty-state-container.home.chatbot.quicklinks {
  border-radius: 10px;
  padding: 20px;
}

.empty-state-container.home.chatbot.docs {
  padding: 0;
}

.empty-state-container.home.first {
  padding-top: 25px;
}

.empty-state-container.home.new {
  box-shadow: none;
  border-style: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
}

.empty-state-container.home.new.fullheight {
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
}

.empty-state-container.home.new.chatbotsempty {
  z-index: 200;
  min-width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-196 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-197 {
  border-radius: 100px;
  width: 44px;
  height: 44px;
}

.div-block-197.large {
  width: 60px;
  height: 60px;
}

.image-41 {
  opacity: 1;
  outline-offset: 0px;
  border-radius: 100px;
  outline: 4px solid #fff;
  box-shadow: 0 2px 8px #0003;
}

.analytics-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  min-height: auto;
  padding: 30px;
  display: flex;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.analytics-div.active {
  background-color: #fff;
  border-color: #7e7af11a;
  border-radius: 12px;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  box-shadow: 0 3px 10px -3px #00000005;
}

.analytics-div.active.state {
  box-shadow: none;
  border-color: #f5f5f5;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 33%;
}

.analytics-div.active.state.vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: stretch;
}

.analytics-div.active.filter {
  flex: 0 auto;
  align-items: flex-start;
  margin-left: -10px;
  display: flex;
}

.analytics-div.filter {
  padding: 15px 20px;
}

.div-block-198 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.analytics-text-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.analytics-text-block.analytics-visual {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.analytics-label-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff0;
  border-radius: 6px;
  flex-flow: row;
  order: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.analytics-label-text {
  color: #13ea2b;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.analytics-label-text.groter {
  font-size: 18px;
}

.image-42 {
  width: 15px;
  height: 15px;
}

.image-42.groter {
  width: 25px;
  height: 25px;
}

.div-block-199 {
  width: 100%;
  height: auto;
}

.image-43 {
  height: auto;
}

.analytics-heading {
  font-family: DM Sans, sans-serif;
  font-size: 25px;
  line-height: 100%;
}

.analytics-heading.groter {
  font-size: 35px;
}

.div-block-200 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-201 {
  margin-top: 30px;
  padding-right: 20px;
  display: flex;
}

.div-block-202 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 250px;
  min-width: 350px;
  padding-bottom: 30px;
  padding-left: 20px;
  display: flex;
}

.div-block-203 {
  flex: 1;
}

.div-block-204 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-205 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-div-settings {
  border-bottom: 1px none var(--divider);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 30px;
  display: flex;
}

.div-block-206 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.div-block-207 {
  border-radius: 50px;
  width: 40px;
  height: 40px;
}

.image-44 {
  opacity: .3;
  border-radius: 50px;
}

.left-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  display: flex;
}

.vertical-divider {
  background-color: var(--divider);
  border-style: none;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  display: block;
}

.settings-menu-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border: 1px solid var(--divider);
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  padding: 40px 0;
  display: flex;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.right-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  min-height: auto;
  margin-bottom: 20px;
  display: flex;
}

.right-column.padding {
  padding-left: 40px;
  padding-right: 40px;
}

.settings-content-column {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.div-block-208 {
  background-color: var(--divider);
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
}

.div-block-208.margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.text-block-48 {
  font-family: DM Sans, sans-serif;
}

.text-block-48.dikgedrukt {
  font-weight: 700;
}

.text-block-49 {
  margin-top: 5px;
  font-family: DM Sans, sans-serif;
}

.settings-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.settings-item.devices {
  height: 30px;
  min-height: 30px;
  margin-bottom: -10px;
}

.settings-item.hoger {
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-209 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  min-height: 50px;
  display: flex;
}

.div-block-209.hoog {
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-210 {
  border-radius: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 50px;
  display: flex;
}

.div-block-210.prefix {
  box-shadow: 0 3px 10px -3px #00000005;
}

.div-block-210.color-options {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-height: 100px;
}

.div-block-210.color-options.vertical-alignment {
  flex-flow: column;
  align-items: stretch;
  min-height: auto;
}

.div-block-210.tickers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.div-block-210.tickers.vertical-alignment {
  flex-flow: column;
}

.div-block-210.devices {
  height: 30px;
  min-height: 30px;
}

.div-block-210.vertical-alignment {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.main-input-field {
  border: 1px solid var(--divider);
  color: #080808;
  border-radius: 10px;
  height: 60px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: DM Sans, sans-serif;
  box-shadow: 0 3px 10px -3px #00000005;
}

.main-input-field:focus {
  box-shadow: none;
  border-color: #7e7af133;
}

.main-input-field.prefix {
  border-left-style: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main-input-field.ticker {
  text-align: center;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
}

.text-block-50 {
  font-family: DM Sans, sans-serif;
}

.div-block-211 {
  border: 1px solid var(--divider);
  background-color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-211.right {
  border-radius: 0 10px 10px 0;
}

.input-label {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 50px;
  display: flex;
}

.input-label.hogere-content {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 5px;
}

.theme-option-div {
  border: 1px solid var(--divider);
  background-color: #fff;
  border-radius: 10px;
  flex: 1;
  height: 120px;
  min-height: 120px;
}

.theme-option-div.active {
  border-color: var(--primary_color);
  background-color: #7e79f01a;
  min-height: 120px;
}

.theme-option-div.tickerbox {
  border-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.theme-option-div.tickerbox.transparant {
  background-color: #fff0;
  min-height: auto;
}

.theme-option-div.tickerbox.smaller {
  min-height: auto;
}

.settings-menu-item-subject {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-212 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  width: auto;
  height: 20px;
  display: flex;
}

.text-block-51 {
  justify-content: flex-start;
  align-items: center;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.div-block-213 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #4590ff1a;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding: 20px 15px 15px;
  display: flex;
}

.div-block-214 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 5px;
  display: flex;
}

.text-span-2 {
  color: #5fff65;
  line-height: 10px;
}

.button-3 {
  text-align: center;
  background-color: #4590ffcc;
  border: 1px solid #4590ff;
  border-radius: 6px;
  width: 100%;
  padding: 6px 0;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.button-3.w--current {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.image-169 {
  width: 100%;
  max-width: none;
  height: auto;
}

.div-block-456 {
  z-index: 0;
  background-color: #6316ff1a;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 50px;
  margin: auto;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
}

.div-block-449 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.feature-list-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.feature-list-div.left, .feature-list-div.right {
  min-height: auto;
}

.btn-icon-2 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 20px;
  position: absolute;
  inset: auto 30px auto auto;
}

.btn-icon-2.navbar {
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: 0;
  position: static;
  right: 20px;
}

.div-block-453 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 10px;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.heading-2-content {
  color: #080808;
  margin-top: 10px;
  font-family: Thicccboi, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.text-block-52 {
  color: #080808;
  letter-spacing: .3px;
  font-family: Thicccboi, sans-serif;
  font-size: 14px;
}

.image-167 {
  border-radius: 20px;
  width: auto;
  height: auto;
  padding: 1px;
  box-shadow: 0 2px 6px #0000001a;
}

.button-outline {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #080808;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  margin-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Thicccboi, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 0 3px 5px -3px #0000001a;
}

.button-outline:hover {
  box-shadow: none;
}

.button-outline.hero {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 20px;
  text-decoration: none;
}

.button-outline.hero.below {
  flex: 1;
}

.button-outline.smaller {
  max-width: none;
  height: 50px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
  text-decoration: none;
  position: relative;
}

.div-block-467 {
  border: 1px solid #000;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding: 2px;
  display: flex;
}

.div-block-467.groter {
  width: 20px;
  height: 20px;
  padding: 7px;
}

.div-block-467.groter.minder-padding {
  padding: 3px;
}

.div-block-468 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-120 {
  font-size: 16px;
}

.text-block-120.pricing {
  font-size: 14px;
  font-weight: 500;
}

.sub-title-paragraph {
  color: #080808;
  width: 330px;
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.sub-title-paragraph.content {
  color: #080808;
  width: auto;
  height: auto;
  font-size: 18px;
  overflow: visible;
}

.sub-title-paragraph.content.klein {
  font-size: 16px;
}

.sub-title-paragraph.content.klein.mini {
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.sub-title-paragraph.content.klein.mini.dun {
  font-weight: 300;
}

.sub-title-paragraph.content.klein.grey {
  opacity: .4;
  text-decoration: underline;
}

.sub-title-paragraph.content.dash {
  margin-bottom: 0;
  text-decoration: none;
}

.sub-title-paragraph.content.klein {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 15px;
}

.sub-title-paragraph.content.klein.dik {
  font-weight: 600;
}

.sub-title-paragraph.content.klein.payment {
  margin-bottom: 20px;
  line-height: 24px;
}

.sub-title-paragraph.content.pricing-toggle {
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.sub-title-paragraph.block {
  width: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.pricing-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  height: auto;
  min-height: auto;
  margin-top: 80px;
  display: flex;
}

.button-17 {
  color: #fff;
  letter-spacing: .5px;
  background-color: #080808;
  border: 2px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button-17:hover {
  opacity: .95;
  background-color: #000;
  border-width: 2px;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button-17.header {
  z-index: 0;
  border-radius: 8px;
  justify-content: center;
  width: auto;
  min-width: auto;
  padding: 10px 20px;
  font-family: Thicccboi, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.button-17.header:hover {
  opacity: .9;
}

.button-17.header.pricing {
  margin-top: 20px;
}

.text-block-68 {
  color: #00ceff;
  background-color: #00ceff33;
  border-radius: 4px;
  align-items: center;
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.text-block-68.wit {
  color: #33c673;
  background-color: #fff;
  border-radius: 20px;
  height: auto;
  padding: 5px 10px;
  font-family: Thicccboi, sans-serif;
  font-size: 12px;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.text-block-68.blauw {
  color: #33c673;
  background-color: #33c67333;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-weight: 300;
}

.div-block-455 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  height: 60px;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.div-block-458 {
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 50px;
  height: 45px;
  display: flex;
}

.div-block-457 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-452 {
  width: 20px;
  height: 30px;
  margin-right: 0;
  padding: 5px 0;
}

.div-block-454 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-402 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.pricing-plans {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-128 {
  font-family: Thicccboi, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-block-128.pricing-monthly {
  display: none;
}

.text-block-128.pricing-yearly {
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  display: flex;
}

.button-outline-arrow {
  margin-top: -2px;
}

.text-block-124 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-124.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}

.pricing-list-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
}

.pricing-column {
  background-color: #fff;
  border-radius: 15px;
  width: 33.3333%;
  height: auto;
  padding: 20px 30px 30px;
  box-shadow: 0 3px 10px #0000000d;
}

.pricing-column.middle {
  background-color: #fcfbff;
  border: 3px solid #6316ff1a;
  width: 34%;
  height: auto;
  padding: 20px 30px 30px;
}

.image-168 {
  opacity: 1;
}

.image-170 {
  width: 100%;
  max-width: none;
  height: auto;
}

.pricing-comparison-header {
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 105px;
}

.pricing-comparison-header.header {
  z-index: 5;
  align-items: stretch;
  margin-top: -115px;
  padding-top: 115px;
  top: -70px;
}

.pricing-comparison-header.belof {
  border-bottom-width: 1px;
  border-bottom-color: #f5f5f5;
  border-radius: 0;
  align-items: stretch;
  position: static;
}

.pricing-comparison-header.belof.pricing {
  z-index: 4;
  border-top: 1px solid #0000001a;
  border-bottom-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 40px;
  position: sticky;
  top: auto;
  bottom: -20px;
}

.pricing-comparison-header.belof.category {
  z-index: 3;
  border-bottom-color: #0000001a;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  position: sticky;
  top: 100px;
}

.pricing-comparison-header.belof.no-border {
  border-bottom-style: none;
}

.div-block-466 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-cell {
  justify-content: center;
  align-items: center;
  width: 220px;
  min-width: 220px;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.main-cell.growth {
  background-color: #fcfbff;
  border-left: 3px solid #6316ff1a;
  border-right: 3px solid #6316ff1a;
  height: auto;
}

.main-cell.growth.header {
  border-top: 3px solid #6316ff1a;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-469 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 10px;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.image-171 {
  border-radius: 20px;
  width: auto;
  height: auto;
  padding: 1px;
  box-shadow: 0 2px 6px #0000001a;
}

.div-block-470 {
  width: 20px;
  height: 20px;
}

.div-block-471 {
  border: 1px solid #000;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding: 2px;
  display: flex;
}

.div-block-471.padding {
  padding: 5px;
}

.text-block-129 {
  font-size: 16px;
}

.text-block-129.pricing {
  font-size: 14px;
  font-weight: 500;
}

.div-block-465 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding-left: 30px;
  display: flex;
}

.div-block-465.links {
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-465.category {
  background-color: #fff;
  border-radius: 15px;
  height: 30px;
  padding-left: 20px;
}

.sub-section {
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100px;
  padding: 0 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sub-section.pricing {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  bottom: -20px;
  overflow: visible;
}

.check-pricing-comparison {
  width: 20px;
  height: 20px;
}

.button-18 {
  color: #fff;
  letter-spacing: .5px;
  background-color: #080808;
  border: 2px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button-18:hover {
  opacity: .95;
  background-color: #000;
  border-width: 2px;
  box-shadow: 0 4px 6px -2px #00000080, inset 0 0 4px 2px #fff3;
}

.button-18.header.pricing.below {
  flex: 1;
  margin-top: 0;
}

.button-18.header {
  z-index: 0;
  border-radius: 8px;
  justify-content: center;
  width: auto;
  min-width: auto;
  padding: 8px 15px 8px 20px;
  font-family: Thicccboi, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.button-18.header.pricing {
  margin-top: 20px;
}

.button-18.header {
  z-index: 0;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 8px;
  justify-content: center;
  width: auto;
  min-width: auto;
  padding: 8px 20px;
  font-family: Thicccboi, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.button-18.header:hover {
  opacity: .9;
}

.text-block-130 {
  color: #00ceff;
  background-color: #00ceff33;
  border-radius: 4px;
  align-items: center;
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.text-block-130.blauw {
  color: #33c673;
  background-color: #33c67333;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-weight: 300;
}

.pricing-category {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-464 {
  width: 85vw;
  max-width: 1000px;
  min-height: auto;
  margin-top: 115px;
  margin-bottom: 0;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-472 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.text-block-131 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-131.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}

.text-block-131.hero.pricing {
  font-size: 14px;
  font-weight: 500;
}

.div-block-473 {
  background-color: #fff;
  border: 1px solid #7e79f080;
  border-radius: 30px;
  height: 20px;
}

.div-block-474 {
  background-color: var(--primary_color);
  opacity: .2;
  border-radius: 30px;
  width: 70%;
  height: 100%;
}

.div-block-475 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--divider);
  background-color: #fff;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

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

.checkbox-field, .form-block-6 {
  margin-bottom: 0;
}

.agentimage {
  border-radius: 99px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  position: relative;
}

.agentimage.smaller {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}

.agentimage.smaller.smallest {
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  display: flex;
}

.agent-image {
  outline-offset: 0px;
  object-fit: cover;
  border-radius: 99px;
  outline: 3px solid #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  box-shadow: 0 2px 6px 2px #0000001a;
}

.div-block-477 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-477.stretch {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 16px;
  transition: all .2s;
}

.div-block-477.stretch:hover {
  background-color: #f7f7f7;
}

.image-172 {
  opacity: .6;
  width: 16px;
  height: 16px;
}

.div-block-478 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-right: 6px;
  display: flex;
}

.widget-divider-container-2 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.widget-divider-text-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333c;
  -webkit-text-stroke-color: #3333;
  white-space: nowrap;
  word-break: normal;
  cursor: default;
  margin-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.widget-divider-text-2.bold {
  cursor: text;
  font-weight: 800;
}

.widget-divider-text-2.black {
  color: #333;
  font-weight: 500;
}

.widget-divider-text-2.red {
  color: #fa7a7a;
}

.widget-divider-container-3 {
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-479 {
  margin-top: 3px;
}

.div-block-480 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-481 {
  min-width: 315px;
  max-width: 100%;
}

.div-block-482 {
  flex-direction: column;
  width: 260px;
  max-width: 260px;
  display: flex;
}

.paragraph-3 {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  display: none;
}

.div-block-483 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.form-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button-3 {
  background-color: #7e79f0;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65cfa3158dcbd6f334d57c28_chatbot-button%20kopie.svg");
  background-position: 46% 48%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 9px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-bottom: 0;
}

.widget-divider-container-4 {
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 10px;
  display: flex;
}

.widget-divider-container-4.date {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
}

.widget-divider-container-4.requested {
  margin-top: 0;
  margin-bottom: 0;
}

.image-173 {
  width: 16px;
  height: 16px;
}

.skeleton-footer {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  height: auto;
  min-height: auto;
  padding: 15px 20px;
  display: flex;
}

.skeleton-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  padding: 15px 20px;
  display: flex;
}

.skeleton-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-484 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  display: flex;
}

.div-block-485 {
  background-color: #fdfdfd;
  border: 1px #00000005;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  height: 94px;
  padding-bottom: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.div-block-486 {
  background-color: #f5f5f5;
  border-radius: 6px;
  width: 80px;
  height: 32px;
  position: static;
  inset: auto 10px 10px auto;
}

.div-block-487 {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-488 {
  background-color: #f5f5f5;
  border-radius: 8px;
  width: 30px;
  height: 30px;
}

.div-block-488.togg {
  width: 140px;
}

.div-block-489 {
  background-color: #f5f5f5;
  border-radius: 99px;
  width: 80px;
  height: 22px;
}

.div-block-489.d {
  background-color: #fff;
  width: 220px;
  height: 16px;
}

.div-block-489.d.s {
  width: 140px;
  height: 16px;
}

.div-block-489.d.l {
  width: 240px;
  height: 16px;
}

.div-block-489.w {
  background-color: #fff;
  width: 40px;
  height: 14px;
}

.div-block-489.w.c-1 {
  width: 220px;
  height: 16px;
}

.div-block-489.w.c-1.t {
  width: 180px;
}

.div-block-489.w.ds {
  width: 90px;
}

.div-block-489.w.chatbotselect {
  width: 100px;
  height: 12px;
}

.div-block-489.w.new {
  width: 12px;
}

.div-block-490 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-block-491.ds {
  width: 20px;
  height: 20px;
}

.div-block-491.chatbotdropdown {
  width: 18px;
  height: 18px;
}

.div-block-492 {
  height: auto;
  min-height: 50px;
}

.div-block-493 {
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 20px;
  display: flex;
}

.div-block-493.r {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-494 {
  background-color: #f7f7f7;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  height: auto;
  padding: 18px 20px;
  display: flex;
}

.div-block-494.l {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: auto;
  padding: 18px 20px;
  display: flex;
}

.div-block-494.l.messages {
  background-color: #fafafa00;
}

.div-block-494.l.xwide {
  width: 440px;
}

.div-block-494.messages {
  z-index: 1;
  background-color: #f7f7f700;
  position: absolute;
  inset: 0%;
}

.skeleton-mssg-wrap, .skeleto-message-wrap {
  position: relative;
}

.skeleton-chatitem-wrap {
  z-index: 1;
  border-radius: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.skeleton-chatitem-wrap.datsource {
  border-radius: 0;
  height: 72px;
}

.skeleton-chatitem-wrap.datsource.navbar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.skeleton-chatitem-wrap.datsource.navbar.newdatas {
  position: relative;
}

.skeleton-chatitem-wrap.chatbots {
  height: 100%;
}

.skeleton-chatitem-wrap.chatbots.select {
  border: 1px #e5e5e5;
  min-height: auto;
}

.skeleton-pseudo {
  background-color: #f5f5f5;
  height: 100px;
}

.skeleton-pseudo.ds, .skeleton-pseudo.chatbots {
  height: 100%;
}

.skeleton-content {
  z-index: 1;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding: 12px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.skeleton-content.ds {
  border-top: 1px #0000000d;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}

.skeleton-content.ds.new {
  padding-top: 0;
  padding-bottom: 0;
}

.skeleton-content.chatbotselect {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.div-block-497 {
  justify-content: space-between;
  align-items: center;
  height: 36px;
  display: flex;
}

.div-block-497.chatbotselect {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.div-block-498 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  display: flex;
}

.div-block-499 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 18px;
  display: flex;
}

.div-block-500 {
  background-color: #fff;
  border-radius: 4px;
  width: 40px;
  height: 16px;
}

.div-block-501 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: 1;
  display: flex;
}

.contact-labels-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: auto;
  display: flex;
}

.contact-label {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.image-174 {
  opacity: .6;
  width: 14px;
  height: auto;
  display: block;
}

.sidebar-container {
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.skeleton-wrapper {
  height: 150px;
  padding: 15px;
  position: relative;
}

.skeleton-wrapper.loadmore {
  width: 100%;
}

.div-block-502 {
  background-color: #fff;
  min-height: 100%;
  max-height: 100%;
  padding-top: 0;
  position: relative;
  overflow: scroll;
}

.div-block-502.scrollable {
  background-color: #fff;
}

.div-block-503 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-504 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 80px;
  display: flex;
}

.image-175 {
  width: 120px;
  transform: rotate(0);
}

.div-block-505 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 46px;
  padding-left: 5px;
  display: flex;
}

.chats-header-container {
  flex: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-507 {
  z-index: 2;
  background-color: #fcfcfc;
  border-bottom: 1px solid #00000008;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 7px 12px;
  display: flex;
  position: relative;
}

.div-block-508 {
  z-index: 1;
  height: auto;
  position: relative;
}

.chatbot-filter-image {
  outline-offset: 0px;
  background-color: #dbdbdb;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b53f83acecf90e74bd8844_profile_pic_default.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 99px;
  outline: 3px solid #fff;
  width: 22px;
  height: 22px;
}

.chatbot-filter-image.r {
  outline-width: 3px;
  min-width: 22px;
  min-height: 22px;
  margin-left: -5px;
}

.chatbot-filter-image.chatslist {
  outline-width: 2px;
}

.div-block-510 {
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  padding-left: 5px;
  display: flex;
}

.filters-modal-footer {
  border-top: 1px solid #0000001a;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-511 {
  min-width: 50px;
  height: 26px;
}

.small-button {
  background-color: #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  display: flex;
  box-shadow: 0 2px 4px #0003;
}

.small-button.inbox-search {
  display: flex;
  position: absolute;
  right: 10px;
}

.chatbot-select-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  padding-left: 12px;
  display: flex;
}

.chatbot-select-list-item.active {
  border: 2px none var(--primary_color);
  outline-color: var(--primary_color);
  outline-offset: 0px;
  cursor: pointer;
  background-color: #7e79f01a;
  outline-width: 2px;
  outline-style: solid;
}

.div-block-513 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  width: 14px;
  height: 14px;
}

.div-block-514 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-515 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-block-132 {
  font-size: 11px;
  font-weight: 700;
}

.select {
  flex-flow: column;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
}

.html-embed-6 {
  display: none;
}

.empty-list-div {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
}

.empty-list-div.empty {
  padding-top: 50px;
  padding-left: 50px;
  overflow: visible;
}

.empty-lit-content-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.circles-div {
  background-color: #7e79f008;
  border: 3px solid #7e79f033;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
}

.circles-div.smaller {
  border-width: 2px;
  width: 50px;
  height: 50px;
  padding: 10px;
}

.text-block-133 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-133.smaller {
  max-width: none;
  font-size: 16px;
}

.div-block-518 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.empty-list-visual-div {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  position: relative;
  inset: auto;
}

.circle {
  z-index: 0;
  border: 5px solid #fff;
  border-radius: 1000px;
  width: 300px;
  height: 300px;
  margin: auto;
  position: absolute;
  inset: 50% -150px;
}

.circle._750px {
  border-width: 5px;
  width: 750px;
  height: 750px;
  left: -375px;
  right: -375px;
}

.circle._750px._1500px {
  width: 1500px;
  height: 1500px;
  left: -750px;
  right: -750px;
}

.circle._750px._1500px._2500px {
  border-radius: 500000px;
  width: 2500px;
  height: 2500px;
  left: -1250px;
  right: -1250px;
}

.empty-list-text-div {
  position: relative;
}

._3-checks-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.check-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.div-block-522 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 10px;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-522.groter {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

._3-checks-div-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-523 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 10px;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-523.groter {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

._3-checks-div-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-524 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 10px;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-524.groter {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.div-block-525 {
  border: 1px solid var(--divider);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  box-shadow: 0 3px 10px -3px #00000005;
}

.div-block-525.heading {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
}

.div-block-526 {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 200px;
  height: 40px;
  margin-left: 20px;
  display: flex;
}

.div-block-527 {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--divider) black black;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 30px;
  display: flex;
  overflow: hidden;
}

.div-block-528 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  min-height: auto;
  display: flex;
}

.mini-circles-div {
  width: 50px;
  height: 50px;
  position: relative;
}

.text-span-3 {
  margin-left: 5px;
  font-weight: 700;
}

.mini-circle {
  border: 4px solid #e5dffc1a;
  border-radius: 1000px;
  width: 200px;
  height: 200px;
  margin: auto;
  position: absolute;
  inset: -100px;
}

.mini-circle._300 {
  width: 400px;
  height: 400px;
  inset: -200px;
}

.mini-circle._300._600 {
  width: 600px;
  height: 600px;
  left: -300px;
  right: -300px;
}

.textarea-2 {
  border: 1px solid var(--divider);
  color: #080808;
  border-radius: 10px;
  min-width: 1px;
  height: 150px;
  min-height: 150px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: DM Sans, sans-serif;
  box-shadow: 0 3px 10px -3px #00000005;
}

.div-block-529 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  min-height: 50px;
  padding-left: 8px;
  display: flex;
}

.div-block-530 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  min-height: 26px;
  display: flex;
}

.inbox-filters-label {
  outline-offset: 0px;
  cursor: pointer;
  border: 1px #fff;
  border-radius: 5px;
  outline: 1px solid #3333331a;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.inbox-filters-label.active {
  outline-color: var(--primary_color);
  background-color: #7e79f01a;
  outline-width: 2px;
}

.text-block-134 {
  margin-bottom: 6px;
  padding-left: 3px;
  font-size: 11px;
}

.div-block-531 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  position: absolute;
  inset: 0%;
}

.div-block-532 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-533 {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.div-block-533.multi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  border-right-color: #f4f4f4;
  flex-flow: column;
  width: 280px;
  min-width: 280px;
  max-width: 220px;
  height: auto;
  min-height: 80px;
  margin-top: 0;
  padding-right: 0;
}

.div-block-533.multi.not {
  min-height: auto;
}

.multi-column {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0 0 30px;
  display: flex;
}

.multi-column.api-tool {
  padding-top: 20px;
  padding-bottom: 10px;
}

.multi-column.no-margin {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-534 {
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
}

.form-content-wrap {
  background-color: #fdfdfd;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.form-content-wrap.transparent {
  background-color: #0000;
}

.form-content-wrap.transparent.nopad {
  padding-left: 0;
  padding-right: 0;
}

.big-select-boxes {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: 100%;
  min-height: 100px;
  margin-top: 12px;
  display: flex;
}

.big-select-boxes.full-width {
  display: flex;
}

.big-select-boxes.full-width.scrape {
  flex-flow: column;
}

.multi-select-checkbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  outline-offset: 0px;
  cursor: pointer;
  border: 1px #0000001a;
  border-radius: 8px;
  outline: 1px solid #0000001a;
  flex-flow: column;
  width: 50%;
  height: auto;
  padding: 10px 10px 10px 15px;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.multi-select-checkbox.selected {
  outline-color: var(--primary_color);
  background-color: #7e79f01a;
  outline-width: 2px;
}

.multi-select-checkbox.scrape {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 15px 20px;
}

.multi-select-checkbox.scrape.selected {
  background-color: #7e79f00d;
}

.div-block-536 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  margin-top: 8px;
  display: flex;
}

.image-176 {
  opacity: .8;
  width: 14px;
  height: auto;
}

.div-block-537 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  min-width: 240px;
  margin-top: 5px;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
}

.text-block-135 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

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

.div-block-539 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-539.padding {
  padding-left: 10px;
}

.div-block-540 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.toggle-indicator {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.toggle-indicator.active {
  color: #7e79f0;
}

.html-embed-2 {
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  padding: 0;
}

.div-block-541 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-542 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  padding-left: 5px;
  display: flex;
}

.div-block-542.l {
  z-index: 3;
  position: relative;
}

.div-block-542.m {
  z-index: 2;
  position: relative;
}

.div-block-542.m.scrape {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
}

.div-block-542.r {
  z-index: 1;
  position: relative;
}

.multiple-select-radiobtn {
  outline-offset: 0px;
  border: 3px solid #fff;
  border-radius: 99px;
  outline: 1px solid #e2e2e2;
  width: 14px;
  height: 14px;
  margin-top: 0;
}

.text-block-136 {
  margin-right: -5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.div-block-544 {
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navigationspan {
  color: var(--primary_color);
  border: 1px solid #0000001a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-height: 28px;
  margin-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-545, .div-block-545.offset {
  width: 50%;
}

.div-block-546 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 400px;
  display: flex;
}

.div-block-547 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: -10px;
  display: flex;
}

.div-block-548 {
  justify-content: space-around;
  align-items: center;
  width: 415px;
  height: auto;
  min-height: 20px;
  display: flex;
}

.div-block-549 {
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  display: flex;
}

.checkbox-default {
  width: 0;
  min-width: 0;
  height: 0;
  display: none;
}

.toggle-text-wrap {
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.toggle-text-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.toggle-text-container.false, .toggle-text-container.true {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.toggle-divider {
  background-color: #00000024;
  width: 1px;
  height: 22px;
  max-height: 22px;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}

.toggle-label {
  cursor: pointer;
  background-color: #f9f9f9;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  height: 44px;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 6px -2px #0000001a;
}

.toggle-label.inbox {
  pointer-events: none;
}

.toggle-label.inbox.large {
  width: 210px;
}

.toggle-label.white {
  background-color: #f2f2f2;
}

.toggle-label.smallcheckbox {
  background-color: #d1d1d1;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 28px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.toggle-label.v2 {
  background-color: #eaeaea;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: 34px;
  display: flex;
}

.toggle-container {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.toggle-container.darkbg {
  outline-offset: 0px;
  border-radius: 8px;
  outline: 3px solid #fff;
}

.toggle-container.smalltoggle {
  -webkit-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: flex-start;
}

.toggle-container.align-right {
  justify-content: center;
  align-items: center;
}

.html-embed-7 {
  background-color: #e8e8e8;
  width: 50px;
  height: 50px;
}

.text-block-137, .text-block-138 {
  font-weight: 600;
  transition: all .2s;
}

.html-embed-8 {
  background-color: #666;
  width: 100px;
  height: 10px;
}

.file-upload-btn-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  margin-left: 0;
  display: flex;
}

.div-2 {
  z-index: 2147483647;
  opacity: 0;
  margin-right: 0;
  display: none;
  position: relative;
  inset: 0 0%;
  overflow: visible;
}

.div-block-550 {
  margin-left: 0;
}

.text-block-139 {
  color: #ababab;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  line-height: 10px;
  display: none;
}

.settings-heading-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.code-block {
  direction: ltr;
  white-space: normal;
  word-break: break-all;
  max-width: 450px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.checkboxtext {
  pointer-events: none;
}

.endpoint-checkbox-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.checkbox-container-event {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-551 {
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.event-label {
  font-size: 10px;
}

.livechatnewmessage {
  border: 1px solid #7e79f0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.copy-label {
  outline-offset: 0px;
  pointer-events: none;
  cursor: pointer;
  background-color: #444;
  border-radius: 3px;
  outline: 1px solid #343434;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 28px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 15px;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.copy-label:hover {
  background-color: #575757;
}

.copy-label:active {
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
}

.text-block-140 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
}

.image-177 {
  width: 14px;
  height: 14px;
  margin-left: 5px;
}

.text-block-141 {
  padding-top: 0;
  padding-bottom: 0;
}

.text-span-4 {
  padding: 14px;
  display: flex;
}

.checkbox-simple-input {
  display: none;
}

.checkbox-simple-label-2 {
  width: 22px;
  height: 22px;
}

.checkbox-simple-pseudo {
  background-color: #fff;
  width: 22px;
  height: 22px;
}

.simple-checkbox-container {
  margin-right: 15px;
  display: flex;
}

.simple-checkbox-container.scrapelist {
  justify-content: center;
  align-items: center;
  margin-right: 0;
}

.simple-checkbox-container.scrapelist.absolute {
  position: absolute;
  left: 20px;
}

.simple-checkbox-container.customfields {
  margin-right: 0;
}

.checkbox-boxes {
  width: 100%;
}

.multi-select-hiddeninput {
  display: none;
}

.div-block-552 {
  border-radius: 8px;
  overflow: visible;
}

.form-input-container-datasources {
  padding-bottom: 30px;
}

.form-input-container-datasources.form {
  flex-flow: column;
}

.status-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.divider {
  background-color: #0000001a;
  width: 1px;
  height: 16px;
}

.divider._100 {
  background-color: #fff;
  height: 100%;
  margin-left: 0;
}

.image-178 {
  width: 18px;
  min-width: 18px;
  margin-left: 5px;
  margin-right: -5px;
}

.div-block-553 {
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  display: flex;
}

.div-block-553.inboxsidebar {
  margin-right: 0;
}

.message-type-wap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.text-block-142, .text-block-143 {
  font-weight: 600;
}

.div-block-555 {
  border-bottom: 1px solid #0000000f;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
}

.div-block-555.empty {
  justify-content: flex-end;
  align-items: center;
}

.div-block-556 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 50px;
  display: flex;
}

.div-block-556.padding {
  margin-top: 0;
  padding: 0;
}

.div-block-557 {
  width: auto;
  height: auto;
}

.image-179 {
  opacity: .75;
  width: 15px;
  height: 15px;
}

.div-block-558 {
  background-color: #0000001a;
  height: 1px;
}

.div-block-559 {
  width: 100%;
  height: 42px;
  padding: 6px;
}

.div-block-560 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 6px;
  display: flex;
}

.div-block-561 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  padding: 4px;
  display: flex;
}

.div-block-561.inboxsidebardropdown {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-561.inboxsidebardropdown.operator {
  padding-left: 0;
  padding-right: 0;
}

.div-block-561.inboxsidebardropdown.operator.op {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div-block-561.dropdownchatbots {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  position: relative;
}

.div-block-562 {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  height: 26px;
  display: flex;
}

.div-block-563 {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
}

.div-block-564 {
  border: 1px solid #0000001a;
  border-radius: 6px;
  height: 60px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-565 {
  background-color: #0000001a;
  width: 1px;
  height: 28px;
}

.div-block-565.hidden {
  display: flex;
}

.text-block-144 {
  font-size: 10px;
  line-height: 10px;
}

.text-block-144.profiledropdown {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  max-width: 135px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
  overflow: hidden;
}

.text-block-145 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 10px;
}

.div-block-566 {
  width: 100%;
  padding: 6px;
}

.div-block-567 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  padding: 3px;
  display: flex;
  position: relative;
}

.minimum-breakpoint-gate {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-570 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-570.datasource-sharing {
  width: 100%;
  height: 100%;
}

.datasources-forms-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 1000px;
  max-width: 1000px;
  display: flex;
}

.popupmodal {
  background-color: #fdfdfdb3;
  justify-content: center;
  align-items: center;
  transition: all .1s;
  display: none;
  position: fixed;
  inset: 0%;
}

.popupmodal.shown {
  display: flex;
}

.popupmodal.delete {
  z-index: 2147483647;
  display: none;
}

.delete-item-trigger {
  position: fixed;
  inset: 0%;
}

.delete-button {
  outline-offset: 0px;
  color: #ff4343;
  background-color: #fff0f0;
  border-radius: 5px;
  outline: 2px solid #fde2e2;
  justify-content: center;
  align-items: center;
  height: 29px;
  padding: 0 30px 0 14px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.delete-button:hover {
  opacity: 1;
  outline-offset: 0px;
  background-color: #fdeaea;
  outline: 2px solid #fde2e2;
}

.delete-button.crawlurls {
  display: flex;
}

.image-181 {
  width: 12px;
  height: 12px;
  position: absolute;
  inset: auto 12px auto auto;
}

.div-block-571 {
  margin-bottom: 20px;
}

.image-182 {
  width: 16px;
  height: 16px;
}

.image-182.nesteddropdown {
  transform: rotate(90deg);
}

.hiddenstatusinput {
  display: none;
}

.text-block-148 {
  font-weight: 400;
}

.center-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.center-wrap.timestamp {
  padding-top: 20px;
  padding-bottom: 26px;
}

.center-wrap.white-bg {
  background-color: #fff;
  border-radius: 14px;
  width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0 1px 5px -1px #0000001a;
}

.left-column-signup {
  width: 50%;
  max-width: 50%;
  height: 100vh;
  padding: 15px;
}

.right-column-signup {
  background-image: radial-gradient(circle, #fff9, #fff0);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-572 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--purple--background);
  background-image: radial-gradient(circle farthest-corner at 30% 30%, var(--purple--background), #fbfbfe00 53%);
  border: 6px solid #f9f7ff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 80px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
}

.image-131 {
  border-radius: 20px;
}

.review-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fafdff00;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 0;
  display: flex;
}

.review-div.authpage {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.text-block-123 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
}

.div-block-392 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-122 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.review-block {
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 20px;
  min-height: auto;
  padding: 20px;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.review-block.higher {
  background-color: #fff;
  border-color: #f5f5f5;
  min-width: auto;
  min-height: auto;
  padding: 30px;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.review-block.higher._60 {
  opacity: .6;
}

.review-block.higher.auth-page {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  padding-top: 0;
}

.div-block-393 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-394 {
  background-color: #f3f3f3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.div-block-391 {
  opacity: 1;
  background-color: #f5f5f5;
  width: 100%;
  height: 2px;
}

.review-section-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 25%;
  height: 400px;
  min-height: auto;
  display: flex;
}

.review-section-column.wide {
  flex: 1;
  width: auto;
  height: 450px;
  max-height: 450px;
  position: relative;
}

.review-section-column.wide.authpage {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.div-block-390 {
  z-index: 10;
  background-image: linear-gradient(#fff0, #fff);
  width: 100%;
  display: flex;
  position: absolute;
  inset: 60% 0 0;
}

.div-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.div-left.right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-left: 10px;
}

.text-block-149 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-573 {
  width: 20px;
  height: 20px;
}

.div-block-574 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.subtitle-label {
  color: #6316ff;
  letter-spacing: .3px;
  font-size: 22px;
  font-weight: 400;
  text-decoration: underline;
}

.subtitle-label.kleur {
  color: #6316ff;
  background-color: #6316ff1a;
  border-radius: 50px;
  padding: 8px 20px;
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.subtitle-label.kleur.blauw {
  color: #ff00e5;
  -webkit-text-stroke-color: #ff00e5;
  background-color: #ffebfd00;
  padding-left: 0;
  padding-right: 0;
}

.subtitle-label.kleur.blauw.paars {
  color: #6316ff;
}

.button-outline-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #080808;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  align-items: center;
  height: 60px;
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Thicccboi, sans-serif;
  display: flex;
  box-shadow: 0 3px 5px -3px #0000001a;
}

.button-outline-2:hover {
  box-shadow: none;
}

.button-outline-2.hero {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.button-outline-2.hero.margin {
  margin-top: 20px;
}

.heading-2-content-2 {
  color: #080808;
  margin-top: 10px;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 40px;
}

.label-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffebfd;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.label-div.paars {
  background-color: #6316ff1a;
}

._3-checks-div-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.div-block-575 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 0;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-575.groter {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.div-block-576 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/661950b24e0dc5e9e6ff6693_66045379ccfc70b77aab0596_background%20(3).png"), radial-gradient(circle at 110% -10%, #fd77773d, #fff0 21%);
  background-position: 0 0, 0 0;
  background-size: 100%, auto;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.faint-text {
  color: #242424;
  margin-top: 0;
  font-size: 12px;
  display: block;
}

.faint-text.mobile.hide.desktop {
  letter-spacing: .3px;
  margin-top: 5px;
  font-family: Thicccboi, sans-serif;
  font-size: 14px;
}

.faint-text.mobile.hide.desktop.signup {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  display: flex;
}

.faint-text.mobile.hide.desktop.signup.showmobile {
  font-weight: 500;
}

.input-2 {
  color: #000;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 0 0 0 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: border-color .2s, box-shadow .2s;
}

.input-2:hover {
  box-shadow: none;
  border-color: #00000040;
}

.input-2:focus {
  outline-offset: 0px;
  border: 1px solid #0000001a;
  outline: 2px solid #000;
}

.input-2::placeholder {
  color: #6e6e6e;
}

.input-2.signup, .input-2.mail {
  border-color: var(--divider);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.input-2.mail::placeholder {
  font-family: Inter, sans-serif;
}

.input-2.phone {
  border-color: var(--divider);
  margin-bottom: 0;
  font-weight: 400;
}

.input-2.bedrijf {
  border-color: var(--divider);
  margin-bottom: 0;
}

.form-wrapper {
  z-index: 50;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.link-2 {
  color: var(--primary_color);
  font-weight: 600;
  text-decoration: none;
}

.link-2:hover {
  color: #000;
}

.link-2.secondary {
  color: var(--black);
  font-weight: 500;
}

.link-2.secondary:hover {
  color: var(--primary_color);
}

.link-2.secondary.grey {
  color: #696969;
  font-weight: 500;
}

.text-block-27 {
  color: #242424;
}

.show-password-wrap {
  z-index: 4;
  position: absolute;
  inset: 12px 3% auto auto;
}

.flex-row_outer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.flex-row_outer.voornaam-achternaam {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  display: flex;
}

.submit-button-5 {
  color: #fff;
  text-align: center;
  background-color: #fd7777;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 20px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.submit-button-5:hover {
  box-shadow: none;
  background-color: #ff5757ed;
}

.submit-button-5.signup {
  letter-spacing: .5px;
  margin-top: 20px;
  font-family: Thicccboi, sans-serif;
}

.div-block-223 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-223.pw {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 25px;
}

.div-block-223.pw.update {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 10px;
}

.h1_small {
  color: #242424;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Thicccboi, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
}

.h1_small.signupheader {
  letter-spacing: .3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.google-auth {
  width: 100%;
  display: block;
}

.spacer-s {
  width: 100%;
  height: 15px;
  margin-top: 0;
}

.input-label-2 {
  z-index: 999;
  color: #242424;
  letter-spacing: .3px;
  background-color: #fff0;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 3px;
  padding-right: 7px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  display: inline-block;
  position: static;
  bottom: 5px;
  left: 6px;
}

.input-4 {
  border: 1px solid var(--divider);
  color: #000;
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  transition: border-color .2s, box-shadow .2s;
}

.input-4:hover {
  box-shadow: none;
  border-color: #31c77340;
}

.input-4:focus {
  border: 1px solid #31c77340;
}

.input-4::placeholder {
  color: #6e6e6e;
}

.show-password {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  padding: 0 7px 0 6px;
  font-size: 13.5px;
  display: flex;
  bottom: 5px;
}

.show-password.w--current {
  display: none;
}

.google-button {
  grid-column-gap: 10px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-top: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 4px -2px #0003;
}

.eye-svg {
  color: #242424;
  justify-content: center;
  align-items: center;
  width: 16px;
  margin-right: 4px;
  display: flex;
}

.show-hide-code {
  margin-bottom: 0;
}

.div-block-173 {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 10px;
  display: none;
}

.button-text {
  letter-spacing: .3px;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Thicccboi, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.text-block-88 {
  background-color: #0000;
  border: 1px #000;
  border-bottom-width: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-bottom: 1px;
  font-size: 12px;
  display: flex;
}

.input-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.input-wrapper.pw {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.input-wrapper.pw.update {
  margin-bottom: 0;
}

.input-wrapper.signuptelefoon {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.input-wrapper.achternaam {
  width: 50%;
  min-width: auto;
  margin-top: 10px;
  padding-left: 6px;
}

.input-wrapper.achternaam.singup {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 0;
  padding-left: 2px;
}

.input-wrapper.signupbedrijf {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.input-wrapper.mail {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-bottom: 0;
  position: static;
}

.input-wrapper._15p-right {
  align-items: flex-start;
  width: 50%;
  min-width: 49%;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 6px;
}

.input-wrapper._15p-right.voornaam {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 49%;
  min-width: auto;
  padding-right: 2px;
}

.input-wrapper.horizontal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: auto;
}

.flex-row_center {
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.flex-row_center.mobile {
  margin-top: 20px;
  display: flex;
}

.div-block-221 {
  border: 1px #000;
  justify-content: center;
  height: 30px;
  margin-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.div-block-222 {
  border-bottom: 1px solid #ccc9;
  width: 50%;
  height: 50%;
}

.form-container {
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column wrap;
  justify-content: space-between;
  align-self: center;
  width: auto;
  min-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.form-container.signup {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  width: 100%;
  font-family: Thicccboi, sans-serif;
  display: flex;
  overflow: visible;
}

.form-container.signup.signupp {
  width: 360px;
  min-width: 360px;
  display: flex;
}

.form-container.signup.auth-form {
  width: 320px;
  min-width: 340px;
}

.hide {
  display: none;
}

.button-icon {
  width: 15px;
  height: 15px;
  margin-top: 1px;
}

.sub-header-text {
  margin-left: 10px;
  font-family: Thicccboi, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.sub-header-text.underline {
  margin-bottom: 5px;
  margin-left: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.text-span-57 {
  color: #18b26a;
  margin-right: 5px;
  font-size: 25px;
  line-height: .1;
}

.text-span-58 {
  font-weight: 600;
}

.div-block-577 {
  margin-top: 30px;
}

.text-block-150 {
  color: #111;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.text-block-150.thick {
  color: #7e79f0;
  font-weight: 600;
}

.text-block-151 {
  color: #080808;
  font-size: 12px;
}

.div-block-5 {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 90px;
  height: 30px;
  display: flex;
}

.div-block-5.white {
  background-color: #fff;
  width: 90px;
  min-width: auto;
}

.heading-8 {
  color: #080808;
  font-size: 34px;
  font-weight: 500;
}

.div-block-9 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.padding-section-medium {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.image-183 {
  width: 12px;
  height: 8px;
}

.div-block-7 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #23cf2b1a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 6px 1px 8px;
  display: flex;
}

.div-block-12.rood {
  background-color: #fd77771a;
}

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

.div-block-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-text-stroke-color: #9d7a7a;
  background-color: #7e79f008;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 3px;
  display: flex;
  box-shadow: 0 3px 10px -2px #00000003;
}

.div-block-578 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-579 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.html-embed-9 {
  width: 600px;
  height: 300px;
  margin-bottom: 0;
  padding: 0;
}

.html-embed-9._2 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 150px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-bottom: -10px;
  padding: 0;
  display: flex;
}

.html-embed-9._2._3 {
  width: 150px;
  height: 75px;
  min-height: 75px;
  margin-bottom: -10px;
}

.html-embed-9.widet {
  width: 100%;
  height: 235px;
}

.html-embed-9.squar {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-bottom: -10px;
}

.div-block-11 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-7 {
  color: #080808;
  font-size: 16px;
  font-weight: 400;
}

.text-block-152 {
  color: #23cf2b;
  font-size: 12px;
}

.text-block-152.rood {
  color: #fd7777;
}

.div-block-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.div-block-580 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nothing-found-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  filter: invert();
  color: #fff;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 4rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding: 30px 30px 20px;
  display: flex;
  box-shadow: 0 3px 10px -2px #0000000d;
}

.nothing-found-holder.hidden {
  display: none;
}

.nothing-found-holder._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  padding: 20px 20px 20px 25px;
  box-shadow: 0 3px 10px -2px #0000000d;
}

.nothing-found-holder._2.vertical {
  flex-flow: column;
  padding: 20px 20px 20px 25px;
}

.div-block-581 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-16 {
  background-color: #efe0fe;
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.div-block-16.dark {
  background-color: #836cf1;
}

.div-block-582 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.div-block-583 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-153 {
  color: #080808;
  font-size: 12px;
}

.text-block-153.bigger {
  font-size: 16px;
}

.heading-9 {
  color: #080808;
  font-size: 34px;
  font-weight: 500;
}

.html-embed-10 {
  width: 600px;
  height: 300px;
  margin-bottom: 0;
  padding: 0;
}

.html-embed-10.squar {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-bottom: -10px;
}

.div-block-584 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-585 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-154 {
  color: #080808;
  font-size: 12px;
}

.text-block-154.bigger {
  font-size: 16px;
}

.div-block-586 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #23cf2b1a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 6px 1px 8px;
  display: flex;
}

.text-block-155 {
  color: #23cf2b;
  font-size: 12px;
}

.image-184 {
  width: 12px;
  height: 8px;
}

.div-block-587 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.html-embed-11 {
  width: 600px;
  height: 300px;
  margin-bottom: 0;
  padding: 0;
}

.html-embed-11._2 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 150px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-bottom: -10px;
  padding: 0;
  display: flex;
}

.html-embed-11._2._3 {
  width: 150px;
  height: 75px;
  min-height: 75px;
  margin-bottom: -10px;
}

.html-embed-11.widet {
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.text-block-156 {
  color: #23cf2b;
  font-size: 12px;
}

.text-block-156.rood {
  color: #fd7777;
}

.div-block-588 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-157 {
  color: #080808;
  font-size: 12px;
}

.text-block-157.bigger {
  font-size: 16px;
}

.text-block-157.number {
  font-size: 35px;
  line-height: 100%;
}

.div-block-589 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #23cf2b1a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 6px 1px 8px;
  display: flex;
}

.div-block-589.rood {
  background-color: #fd77771a;
}

.div-block-590 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-185 {
  width: 12px;
  height: 8px;
}

.div-block-591 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-592 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  width: 100%;
  min-height: auto;
  display: flex;
}

.small-analytics-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  padding: 20px 20px 20px 25px;
  display: flex;
  box-shadow: 0 3px 10px -2px #00000005;
}

.small-analytics-div.horiz {
  flex-flow: row;
  height: 135px;
}

.small-analytics-div.big {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  padding-top: 25px;
}

.small-analytics-div.bigger {
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 2px 4px -2px #0000000d;
}

.small-analytics-div._33 {
  width: 33%;
}

.small-analytics-div.background {
  color: #080808;
  background-color: #f5f5f533;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 2px 4px -2px #0000000d;
}

.div-block-593 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-593.verticl {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.div-block-593.middle, .div-block-593.center {
  justify-content: space-between;
  align-items: center;
}

.text-block-158 {
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 30px;
  line-height: 100%;
  display: flex;
}

.text-block-158.larger {
  min-width: auto;
  font-size: 35px;
}

.text-block-158.fixed-width {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
  font-size: 20px;
}

.div-block-594 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-594._100 {
  width: 100%;
}

.text-block-159 {
  font-size: 14px;
}

.text-block-159.chatbot {
  font-size: 12px;
  font-weight: 500;
}

.text-block-159.smaller {
  font-size: 12px;
  display: flex;
}

.text-block-160 {
  font-size: 10px;
}

.text-block-160.navigation {
  border: 1px solid var(--divider);
  color: #7a50ed;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
}

.text-block-160.navigation.larger, .text-block-160.navigation.largest {
  font-size: 12px;
}

.text-block-160.dikgedrukt {
  font-weight: 600;
}

.div-block-595 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-595.middle {
  justify-content: center;
  align-items: center;
}

.html-embed-12 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-bottom: -20px;
}

.div-block-596 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #23cf2b1a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 6px 1px 8px;
  display: none;
}

.text-block-161 {
  color: #23cf2b;
  font-size: 10px;
  display: block;
}

.image-186 {
  width: 12px;
  height: 8px;
}

.div-block-597 {
  background-color: #fff;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-bottom: -5px;
}

.div-block-597.square {
  background-color: #fff;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-right: 10px;
}

.div-block-597.big {
  background-color: #fff;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
}

.div-block-597.wider {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  height: 80px;
  min-height: 80px;
  max-height: 80px;
}

.div-block-598 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #23cf2b1a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 6px 1px 8px;
  display: flex;
}

.div-block-598.rood {
  background-color: #fd77771a;
  display: none;
}

.div-block-598.purple {
  background-color: #f8f8ff;
  padding: 0;
}

.pricing-plan {
  color: #23cf2b;
  font-size: 12px;
}

.pricing-plan.rood {
  color: #fd7777;
  font-size: 10px;
}

.pricing-plan.purple {
  color: #7e79f0;
  background-color: #f1f1ff;
  border-radius: 4px;
  padding: 1px 8px;
  font-size: 12px;
}

.image-187 {
  width: 12px;
  height: 8px;
}

.html-embed-13 {
  width: 100%;
  height: 100%;
}

.div-block-599 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-600 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-left: 20px;
  padding-right: 10px;
  display: flex;
}

.div-block-601 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-602 {
  background-color: #d9d8fe;
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.div-block-602.dark {
  background-color: #836cf1;
}

.text-block-163 {
  color: #080808;
  font-size: 12px;
}

.div-block-603 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-text-stroke-color: #9d7a7a;
  background-color: #7e79f008;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 3px;
  display: flex;
  box-shadow: 0 3px 10px -2px #00000003;
}

.div-block-604 {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 90px;
  height: 30px;
  display: flex;
}

.div-block-604.white {
  background-color: #fff;
  width: 90px;
  min-width: auto;
}

.text-block-164 {
  color: #111;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.text-block-164.thick {
  color: #7e79f0;
  font-weight: 600;
}

.html-embed-14 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.div-block-605 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-605._100 {
  justify-content: space-between;
  width: 100%;
}

.create-datasource-script {
  display: none;
}

.form-7 {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form-7.settings {
  align-items: stretch;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.text-block-165 {
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.text-block-165.modal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.delete-item-popup {
  z-index: 2147483647;
  background-color: #ffffffb3;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.delete-item-popup.overlay {
  display: none;
}

.div-block-606 {
  margin-bottom: 16px;
}

.image-188 {
  width: 14px;
  height: 14px;
  position: absolute;
  inset: auto 15px auto auto;
}

.white-container-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff0;
  border: 1px #f5f5f5;
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.white-container-2.popup-modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #f4f4ff;
  border-radius: 15px;
  outline: 4px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 500px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 40px 4px #0000001a;
}

.white-container-2.popup-modal.livechat {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7ecff;
  width: 500px;
  position: absolute;
}

.text-block-166 {
  color: #a0a0a0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.submit-button-6 {
  color: #ff4343;
  background-color: #fff0f0;
  border-radius: 6px;
  padding-right: 40px;
  font-size: 12px;
  font-weight: 400;
  transition: opacity .2s;
}

.div-block-607 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.div-block-608 {
  flex-flow: column;
  display: flex;
}

.text-block-167 {
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-609 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  transition: all .2s;
  display: flex;
}

.div-block-609:hover {
  background-color: #fff6;
}

.skeleton-mask {
  position: absolute;
  inset: 0%;
}

.skeleton-mask.chatbotselect {
  z-index: 20;
  border-radius: 8px;
  display: flex;
}

.div-block-610 {
  background-color: #fefefe;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 160px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-610.height {
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-610.height.noborder {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
}

.div-block-611 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 400px;
  height: 110px;
  display: flex;
}

.div-block-611.height {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  height: auto;
}

.div-block-611.autoheightt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  height: auto;
}

.div-block-612 {
  background-color: #938ff33b;
  border: 3px solid #e1dfff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
}

.div-block-612.small {
  width: 36px;
  height: 36px;
}

.image-189 {
  opacity: .6;
  pointer-events: none;
  width: 115px;
  min-width: 110px;
  height: auto;
}

.image-189.small {
  width: 70px;
  min-width: 70px;
}

.div-block-613 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.text-block-168 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-span-59 {
  margin-left: 5px;
}

.text-block-169 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  line-height: 22px;
}

.image-190 {
  opacity: .15;
  width: 120px;
  position: absolute;
  inset: 7% 140px 0% auto;
  transform: rotate(-7deg);
}

.datasources-list-empty {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  height: 72px;
  padding-left: 12px;
  display: flex;
}

.datasources-list-empty.new {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  box-shadow: 0 2px 4px -2px #0003;
}

.datasources-list-empty.new.smaller {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fefefe;
  padding-top: 12px;
  padding-bottom: 10px;
}

.datasources-list-empty.new.noborder {
  box-shadow: none;
  border-style: none;
}

.text-block-170 {
  font-size: 11px;
  font-weight: 600;
}

.div-block-614 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-614.new {
  justify-content: center;
  align-items: center;
}

.text-block-171 {
  font-size: 9px;
}

.kennisbank-list-empty {
  border: 1px #0000001a;
  justify-content: center;
  align-items: center;
  height: 160px;
  display: flex;
}

.kennisbank-list-empty.list {
  border-top-style: solid;
  max-width: 100%;
}

.div-block-615 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chatbot-list-empty {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 110px;
  padding-bottom: 8px;
  display: flex;
}

.div-block-616 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.purple {
  color: #080808;
}

.div-block-617 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-172 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.text-block-172.validaiton {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-172.gtm-script-notice {
  display: block;
}

.text-block-172.block {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: block;
}

.text-span-60 {
  font-weight: 600;
}

.div-block-618 {
  margin-top: 5px;
}

.div-block-619 {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.div-block-620 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-620._100 {
  justify-content: space-between;
  width: 100%;
}

.div-block-621 {
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
}

.div-block-622 {
  color: #080808;
  background-color: #f5f5f500;
  width: auto;
  height: auto;
  text-decoration: none;
}

.div-block-623 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-191 {
  opacity: 0;
  width: 20px;
  height: 20px;
}

.div-block-624 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.div-block-625 {
  min-height: 100px;
  margin-bottom: 0;
}

.div-block-625.spacing {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.div-block-626 {
  border-bottom: 1px solid var(--divider);
  background-color: #f5f5f500;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-627 {
  border-bottom: 1px solid #f5f5f5;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-627.klein {
  border-bottom-style: none;
  min-height: 20px;
}

.div-block-627.bottom-line {
  border-bottom-style: none;
  margin-bottom: 0;
}

.div-block-627.border {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #080808;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-height: 46px;
  padding-left: 16px;
  padding-right: 20px;
  text-decoration: none;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-628 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: auto;
  padding-left: 10px;
  display: flex;
}

.div-block-629 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-629.first {
  width: 95px;
}

.div-block-630 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-192 {
  outline-offset: 0px;
  border-radius: 100px;
  outline: 3px solid #fff;
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 5px -1px #0000001a;
}

.div-block-631 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-632 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-633 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-634 {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  display: flex;
}

.div-block-634.wider {
  width: auto;
}

.div-block-635 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.div-block-636 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  display: flex;
}

.image-193 {
  opacity: 1;
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.image-193.arrow {
  opacity: .8;
  width: 16px;
  height: 16px;
}

.div-block-637 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-638 {
  opacity: .6;
  width: 16px;
  height: 16px;
  display: flex;
}

.inbox-empty-state {
  z-index: 20;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fcfcff;
  background-image: linear-gradient(#f8f8ff, #ffffff73), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/661950b24e0dc5e9e6ff6693_66045379ccfc70b77aab0596_background%20(3).png");
  background-position: 0 0, 50% 0;
  background-size: auto, 150%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.inbox-empty-state.chatbot {
  z-index: 21;
  display: none;
}

.inbox-empty-state.trainingarea {
  outline-offset: 0px;
  border: 8px solid #f3f3fd;
  border-radius: 16px;
  outline: 8px #0000000d;
}

.image-194 {
  width: 550px;
  min-width: 550px;
}

.text-block-173 {
  font-size: 20px;
  font-weight: 600;
}

.text-block-173.small {
  font-size: 15px;
}

.div-block-639 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-639.small {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-top: 1px solid #0000001a;
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-174 {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.text-block-174.small {
  font-size: 14px;
  line-height: 22px;
}

.text-block-174.mobile {
  display: none;
}

.div-block-640 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-640.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding: 0 15px;
}

.text-span-61 {
  font-weight: 600;
}

.text-span-62 {
  margin-left: 5px;
}

.text-span-63, .text-span-64 {
  font-weight: 600;
}

.text-span-65 {
  margin-left: 8px;
  font-size: 20px;
  line-height: 24px;
}

.div-block-641 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-642 {
  flex-flow: column;
  display: flex;
}

.tooltip-wrap {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 5px;
  display: flex;
  position: relative;
}

.div-block-643 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000000d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 260px;
  min-height: 50px;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 6px -2px #00000026;
}

.div-block-644 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.text-block-175 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.text-block-176 {
  font-size: 12px;
  font-weight: 600;
}

.tooltip-content-wrap {
  z-index: 12;
  padding-left: 34px;
  transition: all .2s;
  display: none;
  position: absolute;
  left: 0;
}

.tooltip-image-element {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border: 1px #00000080;
  border-radius: 6px;
  min-height: 100px;
}

.tooltip-image-element.settings-website-url-input {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65f35f09cccf11a826a2d09b_Group%208.svg");
  background-size: cover;
}

.tooltip-container {
  z-index: 11;
  justify-content: flex-start;
  align-items: center;
  height: 19px;
  margin-bottom: 1px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.settings-sub-title {
  color: #7f7f7f;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
  line-height: 22px;
}

.div-block-645 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: wrap;
  order: 0;
  display: flex;
}

.div-block-646 {
  flex: 0 auto;
  width: 45%;
}

.input-5 {
  padding: 0;
  display: none;
}

.text-span-66, .text-span-67 {
  color: #fd7777;
  font-weight: 600;
}

.div-block-647 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-648, .div-block-649 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-195 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
}

.text-span-68 {
  color: #fd7777;
  font-weight: 600;
}

.div-block-650 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.text-span-69 {
  color: #fd7777;
  font-weight: 600;
}

.preloader-overlay {
  z-index: 2147483647;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.image-container {
  z-index: 1;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  position: relative;
}

.loader-container {
  background-image: radial-gradient(circle, #fbfaff 10%, #fff0 85%), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/6629edbe671bb0ca57b07a9d_loader%20background%20(3).svg");
  background-position: 0 0, 0 0;
  background-size: auto, 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.radial-fade---moving {
  background-image: radial-gradient(circle closest-side at 50% 50%, var(--primary_hover), #fff0);
  width: 1000px;
  height: 1000px;
  position: absolute;
  top: -50%;
  left: -300px;
}

.beeldmerk-sleak {
  border-radius: 0;
}

.coming-soon-wrap {
  z-index: 1;
  opacity: 0;
  pointer-events: auto;
  cursor: auto;
  background-color: #f8f8f8ad;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.coming-soon-wrap:hover {
  opacity: 1;
}

.div-block-651 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 2px 5px -2px #0000001a;
}

.div-block-651.comingsoon {
  cursor: default;
}

.select-box-wrap {
  cursor: pointer;
  width: 100%;
  position: relative;
}

.prompt-script {
  display: flex;
}

.login-form {
  justify-content: space-between;
  align-items: center;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.login-form.herstellen {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.login-form.tool-output-logs-modal-styling {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
}

.div-block-652 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 2px solid #f7f7f7;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #00000026;
}

.div-block-653 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.text-block-177 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-654 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-3 {
  color: var(--primary_color);
}

.div-block-655 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-178 {
  margin-left: 10px;
}

.text-block-179 {
  margin-left: 5px;
  font-weight: 500;
}

.div-block-656 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-656.prompt {
  justify-content: space-between;
  align-items: center;
  height: 22px;
  position: relative;
}

.link-4 {
  color: var(--primary_color);
}

.text-span-70 {
  color: #fd7777;
  font-weight: 600;
}

.div-block-657 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.text-span-71 {
  color: #23d366;
  font-weight: 600;
}

.nieuwe-databron-titel {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}

.nieuwe-databron-subtitel {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.div-block-658 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 5px;
  display: flex;
}

.div-block-659 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-660 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-661, .div-block-662 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-663 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-664 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/662b902b3251e1f521626923_empty%20state%20-%20eyes.webp");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  display: flex;
}

.div-block-665 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-666 {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  display: flex;
}

.div-block-667 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-668 {
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  display: flex;
}

.div-block-669 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.inputs-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.inputs-container.auth-form {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
}

.div-block-670 {
  width: 22px;
  height: 22px;
}

.operator-ava-container {
  height: auto;
}

.image-196 {
  border-radius: 99px;
  width: 20px;
  height: 20px;
}

.image-197 {
  width: 12px;
  height: 12px;
}

.div-block-671 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #333;
  background-color: #fff;
  border: 2px solid #7e79f0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  padding-left: 6px;
  padding-right: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 4px -2px #00000014;
}

.div-block-672 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
}

.input-pseudo {
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  min-height: 100%;
  padding-top: 15px;
  padding-bottom: 0;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-674 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-675 {
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 15px 15px auto auto;
}

.reset-btn-container {
  z-index: 1;
  position: absolute;
  inset: 70px 32px auto auto;
}

.charcount {
  color: #333;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 12px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-677 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-198 {
  outline-offset: 0px;
  border-radius: 99px;
  outline: 3px solid #fff;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  position: absolute;
}

.div-block-678 {
  position: relative;
}

.image-199 {
  outline-offset: 0px;
  object-fit: cover;
  border-radius: 99px;
  outline: 2px solid #fff;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 6px 1px #00000014;
}

.image-199.overlay {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  inset: auto;
}

.image-199.table {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  position: relative;
}

.div-block-679 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  padding: 0;
  display: flex;
}

.div-block-680 {
  z-index: 1;
  border-bottom: 1px #0000000f;
  padding: 10px 20px;
  position: relative;
}

.div-block-681 {
  border: 1px #0000001a;
  border-radius: 8px;
  width: 100%;
  height: auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-682 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100px;
  margin-top: 0;
  padding: 13px 25px 0;
  display: flex;
}

.div-block-683 {
  height: 36px;
}

.div-block-684 {
  border: 1px solid #0000001a;
  border-radius: 8px;
  overflow: hidden;
}

.div-block-685 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-686 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.heading-icon-img.small {
  width: 18px;
  height: 18px;
}

.div-block-687 {
  border-bottom: 1px solid #00000014;
  padding: 10px 20px;
}

.radio-btn-container {
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  display: flex;
}

.radio-btn-container.inbox, .radio-btn-container.dropdown {
  margin-left: 0;
}

.radio-btn-checkbox-input {
  display: none;
}

.div-block-688 {
  margin-top: 2px;
  margin-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.div-block-689 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.div-block-690 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-block-691 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-691.hidden {
  display: none;
}

.text-span-72 {
  font-weight: 600;
}

.select-box-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.select-box-container.l {
  z-index: 101;
}

.text-block-180 {
  white-space: nowrap;
  font-size: 11px;
}

.text-block-181 {
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.empty-chatbots-wrap.navhide {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.div-block-692 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.div-block-692.endpiont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 12px;
}

.div-block-693 {
  flex-flow: column;
  display: flex;
}

.div-block-694 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.div-block-694.upper {
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.div-block-694.upper.crawl {
  height: auto;
  min-height: auto;
  max-height: none;
}

.div-block-694.upper.outputlogs {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 14px;
  padding-bottom: 8px;
}

.div-block-694.upper.newtables {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  max-height: none;
}

.div-block-694.upper.newtables.varheight {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-694.upper.newtables.members {
  min-height: 56px;
}

.div-block-695 {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.div-block-695.api-header {
  width: 50px;
  height: 46px;
  position: absolute;
  inset: auto 0% auto auto;
}

.div-block-695.api-header.newtables {
  height: 42px;
}

.div-block-695.crawl-urls {
  min-width: 60px;
}

.div-block-696 {
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  display: flex;
}

.div-block-697 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdf7ee;
  border: 1px solid #f3d49f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 8px 8px 8px 10px;
  display: flex;
}

.div-block-697.paars {
  background-color: #fbfbfe;
  border-color: #f0edfd;
  justify-content: center;
  align-items: center;
}

.div-block-698 {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: flex;
}

.image-200 {
  margin-top: 5px;
}

.div-block-699 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-201 {
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20%;
  height: 15px;
  min-height: 20px;
  max-height: 20px;
}

.div-block-700 {
  background-color: #fff;
  border-radius: 20px;
  padding: 5px;
  box-shadow: 0 3px 10px -2px #0000000d;
}

.div-block-701 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding: 8px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-702 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.settings {
  width: 14px;
  height: auto;
}

.div-block-703 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.text-block-182, .text-block-183 {
  font-size: 12px;
}

.div-block-704 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-705 {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  min-height: 72px;
  overflow: hidden;
}

.input-wrap {
  padding-top: 0;
  padding-bottom: 10px;
}

.div-block-706 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  padding: 5px;
  display: flex;
}

.div-block-707 {
  width: 50%;
}

.div-block-708 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  flex-flow: row;
  flex: 0 auto;
  max-width: none;
  min-height: 300px;
  padding: 50px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 10px #0000000d;
}

.text-block-184 {
  font-size: 16px;
}

.text-block-184.pricing {
  font-size: 14px;
  font-weight: 500;
}

.text-block-185 {
  font-family: Thicccboi, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-block-185.pricing-monthly {
  line-height: 100%;
  display: none;
}

.text-block-185.pricing-yearly {
  height: auto;
  line-height: 100%;
}

.text-span-73 {
  font-weight: 600;
}

.pricing-column-2 {
  background-color: #fff;
  border-radius: 15px;
  width: 33.3333%;
  height: auto;
  padding: 20px 30px 30px;
  box-shadow: 0 3px 10px #0000000d;
}

.pricing-column-2.middle {
  background-color: #fcfbff;
  border: 3px solid #6316ff1a;
  width: 34%;
  height: auto;
  padding: 20px 30px 30px;
}

.pricing-column-2.middle.f-w {
  width: 100%;
}

.text-block-186 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-186.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}

.text-block-35 {
  color: #080808;
  letter-spacing: .3px;
  margin-bottom: 5px;
  font-family: Thicccboi, sans-serif;
  font-size: 14px;
}

.text-block-35.maand {
  margin-bottom: 0;
}

.div-block-709 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-710 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-711 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.tooltip-content-wrap-2 {
  z-index: 1;
  opacity: 1;
  padding-left: 32px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 35px;
  left: auto;
  right: -5px;
}

.div-block-712 {
  width: 20px;
  height: 30px;
  margin-right: 0;
  padding: 5px 0;
}

.pricing-div-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: stretch;
  width: 85vw;
  max-width: 1100px;
  height: auto;
  min-height: auto;
  margin-top: 0;
  display: flex;
}

.div-block-713 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  height: 60px;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.image-202 {
  width: 100%;
  max-width: none;
  height: auto;
}

.div-block-714 {
  border: 1px solid #000;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding: 2px;
  display: flex;
}

.div-block-714.groter {
  width: 20px;
  height: 20px;
  padding: 7px;
}

.div-block-714.groter.minder-padding {
  padding: 3px;
}

.tooltip-container-2 {
  z-index: 100;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-bottom: 1px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-715 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-187 {
  padding-left: 3px;
  font-family: Thicccboi, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.div-block-716 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-717 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.div-block-719.horizontal-divider {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-720 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 1px solid #f4f4ff;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #0003;
}

.div-block-721 {
  z-index: 0;
  background-color: #6316ff1a;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 50px;
  margin: auto;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
}

.heading-2-content-3 {
  color: #080808;
  margin-top: 10px;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.heading-2-content-3.pricing {
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.image-203 {
  opacity: 1;
}

.div-block-722 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.tooltip-icon-container-2 {
  z-index: 0;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 6px #0000001a;
}

.div-block-723 {
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 50px;
  height: 45px;
  display: flex;
}

.text-block-188 {
  color: #00ceff;
  background-color: #00ceff33;
  border-radius: 4px;
  align-items: center;
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.text-block-188.wit {
  color: #33c673;
  background-color: #fff;
  border-radius: 20px;
  height: auto;
  padding: 5px 10px;
  font-family: Thicccboi, sans-serif;
  font-size: 12px;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.text-block-188.blauw {
  color: #33c673;
  background-color: #33c67333;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-weight: 300;
}

.pricing-plans-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.tooltip-wrap-2 {
  z-index: 7;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 0;
  padding: 5px 0 5px 5px;
  display: flex;
  position: relative;
}

.tooltip-icon-2 {
  opacity: 1;
}

.div-block-724 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.image-204 {
  width: 12px;
  height: 12px;
}

.plans-btn-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.notice-2 {
  background-color: #f22b2d0f;
  border-radius: 8px;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 52px;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 12px;
  display: flex;
  position: fixed;
  inset: auto auto 0%;
  box-shadow: 0 2px 5px #0000001a;
}

.notice-2.succes {
  opacity: 0;
  background-color: #f1fff5;
  border: 1px solid #25d36633;
  width: 300px;
  min-width: auto;
  height: 46px;
  min-height: 46px;
  margin-bottom: 0;
  padding-left: 16px;
  transition: all .2s;
  display: flex;
  position: relative;
  inset: 0% auto auto;
  transform: translate(0, 15px);
  box-shadow: 0 2px 5px #0000000f;
}

.notice-2.succes.closedchat {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  width: 100%;
  transform: none;
}

.notice-2.info {
  background-color: #e2eeff;
  border: 1px solid #5489ef33;
  width: auto;
  height: 42px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.div-block-725 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.notice-icon-2 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 12px;
}

.notice-icon-2.success {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b2df4b53fe42c9223f00f2_check-circle%20(3).svg");
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 15px;
}

.text-block-43 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
}

.div-block-726 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.notice-icon-3 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 12px;
}

.notice-icon-3.success {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b2df4b53fe42c9223f00f2_check-circle%20(3).svg");
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 15px;
}

.text-block-189 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
}

.div-block-727 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.notice-icon-4 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 12px;
}

.notice-icon-4.success {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/65b2df4b53fe42c9223f00f2_check-circle%20(3).svg");
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 15px;
}

.text-block-190 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
}

.yearly-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.monthly-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: none;
}

.csv-preview {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 1000px;
  height: 150px;
  padding: 10px;
  display: flex;
  overflow: scroll;
}

.div-block-728 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-728.csvupload {
  margin-top: 0;
  margin-bottom: 10px;
}

.div-block-728.csvupload.file-upload {
  margin-bottom: 0;
}

.div-block-728.csvupload.tool-output-logs-content-expanded-2 {
  display: none;
}

.div-block-728.csvupload.xml {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.checkbox-icon {
  width: 12px;
  height: 12px;
}

.checkbox-icon.chat {
  width: 14px;
  height: 14px;
  margin-left: -2px;
}

.checkbox-icon.purple {
  width: 11px;
  height: 11px;
  display: none;
}

.checkbox-icon.purple.chat {
  width: 15px;
  height: 15px;
}

.checkbox-icon.black {
  width: 11px;
  height: 11px;
}

.checkbox-icon.black.chat {
  width: 15px;
  height: 15px;
}

.checkbox-icon-wrap {
  flex-flow: column;
  display: flex;
}

.div-block-729 {
  position: absolute;
  inset: 0%;
}

.div-block-730 {
  border: 1px #000;
  border-right: 1px solid #fcfcfc;
  width: 360px;
  min-width: 360px;
  height: 100%;
  position: relative;
}

.div-block-731 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-732 {
  z-index: 20;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 15px 12px;
  display: flex;
  position: relative;
}

.loader-wrap-initial {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.empty-state-filtering {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fafafc;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-205 {
  opacity: .75;
  width: 160px;
  margin-top: -19px;
}

.text-field-4 {
  border: 1px #000;
  border-radius: 6px;
  width: 220px;
  height: 36px;
  margin-bottom: 0;
  position: relative;
}

.div-block-733 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.div-block-734 {
  opacity: 0;
  outline-offset: 0px;
  cursor: pointer;
  background-color: #ffffff80;
  border-radius: 99px;
  outline: 3px #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.input-6 {
  display: none;
}

.div-block-735 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.div-block-736 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 26px;
  padding-left: 8px;
  padding-right: 6px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 4px -2px #00000026;
}

.image-206 {
  opacity: .8;
  width: 10px;
  height: 10px;
}

.text-block-191 {
  font-size: 9px;
  line-height: 10px;
}

.div-block-737 {
  width: auto;
  display: flex;
}

.image-207 {
  width: 12px;
  height: 12px;
}

.div-block-738 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-739 {
  z-index: 1;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  width: 100%;
  min-height: 80px;
  padding: 25px 50px;
  display: flex;
  position: relative;
}

.div-block-739.crawl {
  height: auto;
  max-height: 70vh;
  overflow: scroll;
}

.div-block-740 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.text-block-192 {
  margin-bottom: 0;
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
}

.div-block-741 {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
}

.div-block-742 {
  width: 277px;
  min-width: 277px;
  max-width: 277px;
}

.div-block-743 {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-744 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 66px;
  padding-left: 3px;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-193 {
  margin-left: 0;
  padding-left: 3px;
  font-size: 10px;
  line-height: 10px;
}

.div-block-745 {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  height: 33px;
  min-height: 33px;
  display: flex;
  position: relative;
}

.div-block-746 {
  width: 40px;
  height: 40px;
  position: relative;
}

.div-block-747 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  display: flex;
}

.div-block-748 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-749 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  display: flex;
}

.div-block-750 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.text-block-194 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.text-block-195 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-751 {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.div-block-752 {
  flex-flow: column-reverse;
  max-height: 220px;
  display: flex;
  overflow: visible;
}

.div-block-753 {
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-754 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-755 {
  z-index: 99;
  position: relative;
}

.div-block-756 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-757 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--divider);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  min-height: auto;
  margin-bottom: 0;
  padding: 5px 10px 5px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 10px #0000000d;
}

.div-block-758 {
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.div-block-758.canvas {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
}

.code-embed {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-top: -1px;
}

.div-block-759 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-759.navhide {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  min-width: 150px;
  max-height: 50px;
  padding-left: 5px;
}

.text-block-196 {
  color: #8a8a8a;
  min-width: 150px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  display: flex;
}

.text-block-197 {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  display: flex;
}

.text-block-197.t {
  white-space: nowrap;
  word-break: keep-all;
  margin-top: -1px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
}

.div-block-760 {
  background-color: #08080800;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: -5px;
  padding: 5px 10px 5px 0;
  display: flex;
  position: absolute;
}

.div-block-760.btn {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-761 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  padding: 6px;
  display: flex;
}

.request-methods-spans {
  font-family: Inconsolata, monospace;
}

.code {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.code-2 {
  text-transform: uppercase;
  font-size: 14px;
}

.code-3 {
  font-weight: 400;
}

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

.api-lists-input {
  background-color: #0000;
  border: 0 #000;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  height: 46px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 60px;
  font-family: Inconsolata, monospace;
}

.api-lists-input.listinput {
  pointer-events: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.api-lists-input.tooloutputlogs {
  justify-content: space-between;
  align-items: center;
  width: 180px;
  height: auto;
  display: flex;
}

.api-lists-input.newtables {
  resize: none;
  text-overflow: ellipsis;
  border-radius: 8px;
  width: calc(100% - 50px);
  max-width: calc(100% - 50px);
  height: 100%;
  min-height: 30px;
  padding: 0 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

.api-lists-input.newtables.fullwidth {
  width: 100%;
  max-width: 100%;
}

.api-lists-input.newtables.fullwidth::placeholder {
  color: #999;
}

.api-lists-input.newtables.multiline {
  height: auto;
  max-height: 160px;
  padding-top: 6px;
  overflow: auto;
}

.api-lists-input.newtables.multiline.verticalresize {
  resize: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.api-lists-item-divider {
  background-color: #0000001a;
  width: 1px;
  height: 42px;
  min-height: 42px;
}

.div-block-763 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-764 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.api-headers-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-top: -40px;
  display: flex;
}

.api-headers-wrap.no-margin {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: -84px;
}

.api-headers-wrap.no-margin.settingslist {
  margin-top: 0;
}

.text-block-198 {
  opacity: .4;
  color: #080808;
  text-decoration: underline;
}

.input-7 {
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: none;
  overflow: visible;
}

.div-block-765 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-766 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  width: 100%;
  min-height: 50px;
  display: flex;
}

.div-block-767 {
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-768 {
  background-color: #e5e5e5;
  flex: 1;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
}

.div-block-769 {
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  display: flex;
}

.div-block-770 {
  border-radius: 10px;
  width: 100%;
}

.div-block-770.trialmodal {
  width: 100%;
}

.div-block-771 {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: flex;
}

.code-embed-2 {
  background-color: #fff;
  border-radius: 15px;
  height: 580px;
  padding: 30px;
  box-shadow: 0 1px 10px 3px #0000000d;
}

.div-block-772 {
  width: 500px;
}

.html-embed-18 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/666202e87fc885d5f8b7752c_Background%20Sleak%20homepage.png");
  background-position: 0 0;
  background-size: auto;
  margin-top: 20px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-wrap.pswrapper {
  flex-flow: column;
}

.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-773 {
  justify-content: space-between;
  align-items: flex-start;
  width: 440px;
  display: flex;
}

.div-block-773.notice, .div-block-773.noticecontainer {
  width: 100%;
}

.success-message {
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
}

.div-block-774 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  min-width: 460px;
  height: auto;
  display: flex;
}

.div-block-775 {
  background-color: #f8f8ff;
  border: 2px solid #f0edfd;
  border-radius: 10px;
  flex: 0 auto;
  width: 100%;
  height: 60px;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.div-block-775.sleakbot {
  border-width: 1px;
  border-color: var(--divider);
  background-color: #fff;
  box-shadow: 0 3px 10px -1px #0000000d;
}

.div-block-776 {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-776.middle {
  justify-content: center;
  align-items: center;
}

.div-block-777 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.purplebox-text {
  color: var(--primary_color);
  font-size: 15px;
  font-weight: 500;
}

.purplebox-text.black {
  color: #080808;
}

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

.image-208 {
  max-width: none;
  height: 20px;
}

.div-block-779 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.code-embed-3, .code-embed-4, .field-label {
  display: none;
}

.submit-button-7 {
  background-color: #333;
  border-radius: 8px;
}

.body-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button-8 {
  background-color: #333;
  border-radius: 8px;
}

.form-8 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text-field-5 {
  border-radius: 8px;
}

.div-block-780 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 30px auto auto 50px;
}

.image-209 {
  width: 160px;
  transition: all .2s;
}

.image-209:hover {
  transform: scale(1.03);
}

.text-block-200 {
  color: #838383;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.text-block-201 {
  margin-left: 5px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 300;
}

.div-block-781 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 16px;
  display: flex;
}

.div-block-782 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-783.signup {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-block-784 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-785 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.body-4 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-5 {
  width: 800px;
  height: 600px;
}

.div-block-786 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-787 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.notice-icon-5 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 12px;
}

.notice-icon-5.info {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66755140cf7ff2bc575548b7_info-circle%20(4).svg");
  background-position: 0 0;
  background-size: auto;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.text-block-202 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
}

.div-block-788 {
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.codetextarea {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  display: block;
}

.div-block-789 {
  outline-offset: 0px;
  cursor: text;
  border: 3px #2c2c2c;
  border-radius: 8px;
  outline: 3px solid #424242;
  height: 240px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px 2px #0003;
}

.div-block-790 {
  width: 100%;
  margin-top: 5px;
}

.div-block-791 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-792 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-block-793 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 3px solid #f6f6f6;
  border-radius: 6px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding-left: 8px;
  padding-right: 10px;
  display: flex;
  position: relative;
  bottom: auto;
  left: auto;
}

.image-210 {
  width: 18px;
  height: 18px;
}

.text-block-203 {
  font-size: 12px;
  font-weight: 600;
}

.div-block-794 {
  cursor: auto;
  display: flex;
  position: absolute;
  inset: 15px 15px auto auto;
}

.code-embed-6 {
  margin-bottom: 0;
}

.div-block-795, .div-block-796 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.text-span-74 {
  color: #333;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.div-block-797 {
  display: flex;
}

.div-block-798 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-799 {
  padding-bottom: 10px;
}

.div-block-260 {
  background-color: #96a3fe33;
  border: 1px solid #7e79f04d;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  margin-top: 3px;
  padding-left: 6px;
  padding-right: 8px;
  display: flex;
}

.div-block-260.beta {
  margin-top: 0;
  padding-right: 6px;
}

.div-block-260.whitebg {
  background-color: #fff;
  border-color: #140aff4d;
}

.image-106 {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
  margin-right: 5px;
}

.text-block-78 {
  color: #56dfff;
  letter-spacing: 1px;
  background-color: #00ceff33;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 4px 10px;
  font-family: Thicccboi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.text-block-78.gatedlabel {
  color: #6563ff;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.beta-modal {
  z-index: 999;
  background-color: #fff;
  border: 3px solid #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 340px;
  height: 210px;
  padding: 22px;
  display: flex;
  position: absolute;
  inset: auto auto 20px 20px;
  box-shadow: 0 2px 10px -2px #0000001a;
}

.beta-modal.beta {
  display: none;
}

.new-primary-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  outline-offset: 0px;
  color: #fff;
  background-color: #7e79f0;
  border-radius: 99px;
  outline: 3px solid #7e79f09c;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38px;
  padding-left: 25px;
  padding-right: 18px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.new-primary-btn:hover {
  outline-offset: 0px;
  background-color: #7772f0;
  outline: 3px solid #7e79f09c;
}

.new-primary-btn.kleiner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 30px;
  padding-left: 15px;
  padding-right: 10px;
}

.new-primary-btn.form {
  background-color: #2c2c2c;
  border-radius: 5px;
  outline-width: 3px;
  outline-color: #0000009c;
  flex-flow: row;
  height: 32px;
  padding: 0 32px 0 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.new-primary-btn.form:hover {
  background-color: #000;
}

.new-primary-btn.form:active {
  outline-color: #000;
}

.new-primary-btn.form.no-form {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  padding-right: 10px;
}

.new-primary-btn.form.fullwidth {
  width: 100%;
  height: 36px;
  padding-left: 0;
  padding-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.new-primary-btn.purple.lower {
  font-family: var(--system-ui);
  height: 32px;
}

.new-primary-btn.purple.lower.trialmodal {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  outline-width: 3px;
  height: 26px;
}

.new-primary-btn.purple {
  outline-width: 4px;
  height: 46px;
  max-height: 46px;
  padding-left: 30px;
  padding-right: 22px;
}

.new-primary-btn.purple.secondary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  outline-offset: 0px;
  color: #000;
  background-color: #fff;
  outline: 4px solid #fff;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  padding-left: 18px;
  padding-right: 12px;
  transition: all .2s;
}

.new-primary-btn.purple.secondary:hover {
  outline-offset: 0px;
  outline: 4px solid #f6f5ff;
}

.new-primary-btn.purple.modal {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  outline-width: 3px;
  height: 38px;
  padding-left: 20px;
  padding-right: 12px;
}

.btn-angle-icon {
  width: 20px;
  height: 20px;
}

.btn-angle-icon.formbtn {
  pointer-events: none;
  position: absolute;
  inset: auto 10px auto auto;
}

.btn-angle-icon.formbtn.smaller {
  width: 16px;
  height: 16px;
  right: 10px;
}

.btn-angle-icon.smaller {
  width: 16px;
  height: 16px;
}

.text-block-204 {
  pointer-events: none;
  font-size: 12px;
  line-height: 12px;
}

.text-block-204.kleiner {
  font-size: 12px;
}

.text-block-205 {
  font-size: 18px;
  font-weight: 500;
}

.div-block-801 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.text-block-206 {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 22px;
}

.div-block-802 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-803 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block-4 {
  color: #080808;
  text-decoration: none;
}

.div-block-804 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcfc;
  border-top: 1px solid #0000000f;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 10px;
  display: flex;
}

.div-block-805 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  padding-left: 6px;
  padding-right: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-805:hover {
  background-color: #fffcfc;
  border-color: #0003;
}

.div-block-805:active {
  border-color: #fff;
}

.image-212 {
  opacity: .6;
  width: 12px;
  height: 12px;
}

.text-block-207 {
  color: #474747;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.div-block-806 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 1px solid #0000001a;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: 6px;
  padding-right: 5px;
  display: flex;
}

.div-block-807 {
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.text-block-208 {
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-size: 7px;
  font-weight: 600;
}

.image-213 {
  opacity: .8;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.form-btnwrap {
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  display: flex;
  position: relative;
}

.div-block-808 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.image-214 {
  width: 12px;
  height: 12px;
  position: absolute;
  inset: auto 10px auto auto;
}

.div-block-809 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-810 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-810.small {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  display: flex;
}

.div-block-811 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-812 {
  text-overflow: ellipsis;
  max-width: 190px;
  overflow: hidden;
}

.div-block-812.scrapelist-status {
  width: 300px;
  max-width: 300px;
}

.eyes {
  background-color: #ffffff63;
  width: 100%;
  height: 100%;
  padding: 14px;
}

.div-block-813 {
  height: 34px;
}

.div-block-814 {
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-814.asdf {
  display: none;
}

.div-block-814.gate {
  z-index: 99999999;
  flex-flow: column;
  transition: all .1s;
  display: none;
}

.div-block-814.gate.maintenance {
  display: flex;
}

.div-block-814.overdue {
  display: none;
}

.div-block-815 {
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-color: #fff;
  border: 8px solid #fff;
  border-radius: 20px;
  outline: 8px #fff;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 25px #00000008, 0 2px 15px #0000000d;
}

.div-block-816 {
  background-image: linear-gradient(#0000, #fff), linear-gradient(#ffffff69, #ffffff69), radial-gradient(circle at 50% 0, #0000 15%, #fff 85%, #fff), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a168f4930418a46dd1af2f_magicpattern-grid-pattern-1721854176256.png");
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, 130%;
  width: 100%;
  height: 220px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-816.upsellelement {
  background-image: linear-gradient(90deg, #fff6, #ffffffe6 0%, #fffc 56%, #ffffff4d), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a168f4930418a46dd1af2f_magicpattern-grid-pattern-1721854176256.png");
  background-position: 0 0, 50% 47%;
  background-size: auto, 60%;
  border: 1px #fff0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  inset: 0% auto 0% 0%;
  box-shadow: inset 0 -2px 10px 6px #00000008;
}

.div-block-817 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 330px;
  display: flex;
  position: relative;
}

.div-block-817.recurringscrape {
  height: auto;
}

.div-block-818 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-818.recurringscrape {
  margin-bottom: 12px;
}

.div-block-819 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 330px;
  display: flex;
}

.div-block-819.recurringscrape {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.text-block-209 {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.text-block-210 {
  text-align: center;
  font-size: 15px;
  line-height: 26px;
}

.div-block-820 {
  height: 50px;
}

.text-block-211 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-211.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
}

.text-block-212 {
  pointer-events: auto;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 14px;
}

.text-block-212.modal {
  font-size: 15px;
  font-weight: 500;
}

.div-block-821 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.div-block-357 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-357.new {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.div-block-869 {
  display: flex;
}

.div-block-870 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-871 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  padding-left: 6px;
  padding-right: 7px;
  display: flex;
  box-shadow: 0 2px 5px -1px #0000000d;
}

.text-block-213 {
  font-family: var(--system-ui);
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.image-215 {
  width: 16px;
  height: 16px;
  transform: rotate(-15deg);
}

.div-block-872 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-873 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-874 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 16px;
  display: flex;
}

.div-block-875 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.image-216 {
  opacity: .8;
  width: 12px;
  height: 12px;
}

.div-block-876 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.tooltip-content-wrap-3 {
  z-index: 1;
  opacity: 1;
  padding-left: 32px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 35px;
  left: auto;
  right: -5px;
}

.div-block-461 {
  width: 500px;
  padding-right: 0;
}

.tooltip-container-3 {
  z-index: 100;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-bottom: 1px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.text-block-214 {
  padding-left: 3px;
  font-family: Thicccboi, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.sub-title-paragraph-2 {
  color: #080808;
  width: 330px;
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.sub-title-paragraph-2.content {
  color: #080808;
  width: auto;
  height: auto;
  font-size: 18px;
  position: static;
  overflow: visible;
}

.sub-title-paragraph-2.content.klein {
  font-size: 16px;
}

.sub-title-paragraph-2.block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #2e2e2e;
  letter-spacing: .3px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.sub-title-paragraph-2.block.inter.smaller {
  font-size: 14px;
  font-weight: 500;
}

.sub-title-paragraph-2.block.inter {
  letter-spacing: .3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.sub-title-paragraph-2.content {
  color: #686868;
  letter-spacing: .3px;
  width: auto;
  height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 300;
  position: static;
  overflow: visible;
}

.sub-title-paragraph-2.content.klein {
  opacity: 1;
  color: #686868;
  letter-spacing: .5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.sub-title-paragraph-2.content.klein.pricing {
  font-size: 14px;
}

.div-block-877 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 0;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-878 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 1px solid #f4f4ff;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #0003;
}

.heading-2-content-4 {
  color: #080808;
  margin-top: 10px;
  margin-left: 0;
  font-family: Thicccboi, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.div-block-460 {
  background-color: #fff0;
  border: 3px #dbf7ff;
  border-radius: 15px;
  width: auto;
  height: auto;
  padding: 20px 20px 20px 0;
}

.tooltip-icon-container-3 {
  z-index: 0;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 6px #0000001a;
}

.div-block-463 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-462 {
  background-color: #dbf7ff;
  width: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tooltip-wrap-3 {
  z-index: 7;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 0;
  padding: 5px 0 5px 5px;
  display: flex;
  position: relative;
}

._3-checks-div-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

._3-checks-div-5.onder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
}

.div-block-459 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #dbf7ff33;
  border: 3px solid #dbf7ff;
  border-radius: 15px;
  justify-content: space-between;
  min-width: auto;
  height: auto;
  margin-top: 50px;
  padding: 20px 30px 20px 40px;
  display: flex;
  box-shadow: 0 3px 10px -3px #0000000d;
}

.div-block-459.pricingmodal {
  width: 100%;
  margin-top: 0;
}

.tooltip-icon-3 {
  opacity: 1;
}

.div-block-879 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-label-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-bottom-width: 2px;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 22px;
  margin-left: 6px;
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 2px 4px -1px #0000001a;
}

.checkbox-label-label.corners {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-radius: 6px;
  height: 28px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 10px;
}

.checkbox-label-label.small-percent {
  min-width: auto;
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}

.text-block-215 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.text-block-215.crawlstatus {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
}

.text-block-215.chatbot-subtitle {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.div-block-881 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-882 {
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
  position: relative;
}

.div-block-883 {
  background-color: #edecec;
  width: 100%;
  height: 1px;
  position: absolute;
}

.text-block-216 {
  z-index: 1;
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.div-block-884 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-885 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-885.crawl {
  max-height: 40vh;
  padding-bottom: 20px;
}

.div-block-885.crawl.datasource {
  max-height: none;
  padding-bottom: 30px;
}

.div-block-886 {
  position: absolute;
  inset: 0%;
}

.div-block-887 {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
}

.btn-spinner-wrap {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.btn-spinner-wrap.visible {
  display: flex;
}

.btn-spinner-wrap.relative {
  display: flex;
  position: relative;
}

.btn-spinner-wrap.dark {
  background-color: #fff0;
}

.btn-spinner-wrap.light {
  background-color: #fff0;
  display: flex;
}

.btn-spinner-wrap.light.background {
  z-index: 99;
  background-color: #fff;
  display: none;
}

.btn-spinner-wrap.rounded {
  border-radius: 99px;
  width: 30px;
  height: 30px;
  display: none;
  inset: auto;
}

.btn-spinner {
  width: 14px;
  min-width: 14px;
  max-width: 14px;
  height: 14px;
  min-height: 14px;
  max-height: 14px;
  animation: 1s linear infinite spin;
}

.btn-spinner.light {
  filter: invert();
}

.btn-spinner.smaller {
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  min-height: 10px;
  max-height: 10px;
}

.div-block-888 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 26px;
  display: flex;
}

.div-block-889 {
  justify-content: center;
  align-items: center;
  width: 60px;
  max-width: 60px;
  height: 100%;
  display: flex;
}

.div-block-890 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-bottom: 10px;
  display: flex;
}

.div-block-891 {
  max-height: 500px;
  overflow: scroll;
}

.div-block-891.crawl {
  max-height: none;
  overflow: visible;
}

.label-text {
  color: #00b343;
  font-size: 10px;
  font-weight: 500;
}

.div-block-892 {
  height: 80px;
}

.div-block-893 {
  padding: 10px 10px 20px;
  position: relative;
}

.div-block-893.inboxnav {
  padding-bottom: 16px;
}

.div-block-894 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-894.shared {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.list-item-icon-container {
  background-color: #fff;
  border: 1px solid #dadada;
  border-bottom-width: 2px;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.list-item-icon-container.mobile {
  border-radius: 8px;
  width: 26px;
  height: 26px;
}

.list-item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 10px 4px 5px;
  display: flex;
}

.list-item:hover {
  background-color: #f7f7f7;
}

.list-item.datasource-sharing {
  cursor: default;
}

.list-item.datasource-sharing:hover {
  opacity: .2;
}

.list-item.selected {
  -webkit-user-select: none;
  user-select: none;
  background-color: #f3f3f3;
}

.list-item.selected:hover {
  background-color: #f7f7f7;
}

.div-block-897 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-898 {
  justify-content: space-between;
  align-items: center;
  height: 28px;
  padding-left: 10px;
  display: flex;
}

.div-block-899 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-899.members {
  overflow: visible;
}

.div-block-899.members.sidebr {
  justify-content: flex-start;
  align-items: stretch;
  max-height: calc(100vh - 372px);
  padding-bottom: 20px;
  overflow: scroll;
}

.div-block-899.members.sidebr.agents {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  max-height: none;
  padding-bottom: 10px;
}

.btn-text.small {
  color: #333;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  text-decoration: none;
}

.div-block-900 {
  background-color: #eee;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-901 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-217 {
  opacity: .7;
  width: 12px;
  height: 12px;
}

.div-block-902 {
  border: 2px solid #f5f5f5;
  border-radius: 8px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.div-block-903 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submenu-toggle-icon {
  width: 26px;
  height: 26px;
}

.submenu-toggle-icon.navhide {
  opacity: .5;
  width: 22px;
  height: 22px;
  display: none;
}

.submenu-linkblock {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #717171;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  height: 30px;
  min-height: 30px;
  padding-left: 18px;
  text-decoration: none;
  display: flex;
}

.submenu-linkblock:hover {
  background-color: var(--primary_active);
}

.submenu-linkblock.w--current {
  color: #333;
  width: 100%;
  min-width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.submenu-linkblock.bottom {
  color: #8b8b8b;
  width: 100%;
  min-width: 100%;
  margin-bottom: 0;
}

.submenu-container {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  height: 70px;
  margin-top: 0;
  padding: 0 16px;
  display: none;
  overflow: hidden;
}

.submenu-indicator {
  opacity: 1;
  background-color: #e7e7e7;
  border-radius: 99px;
  width: 4px;
  min-width: 4px;
  height: 14px;
  min-height: 14px;
}

.submenu-indicator.active {
  background-color: #e7e7e7;
  border-radius: 99px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.crawl {
  margin-top: -1px;
}

.crawl.container {
  padding-bottom: 0;
}

.div-block-904 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: 38px;
  display: flex;
}

.page-viewer-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.page-viewer-section-1 {
  justify-content: space-between;
  align-items: center;
  height: 60px;
  display: flex;
}

.div-block-905 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  display: flex;
}

.div-block-906 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-907 {
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  display: flex;
}

.div-block-908 {
  pointer-events: auto;
  background-color: #2b2b2b;
  border: 2px solid #040404;
  border-radius: 12px;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 4px #0003;
}

.div-block-908.apiresponse {
  border-radius: 10px;
  height: auto;
  overflow: hidden;
}

.div-block-908.scrapepages {
  overflow: hidden;
}

.div-block-909 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.text-block-217 {
  opacity: .8;
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
}

.text-block-217.chatbot-item-action-wrap-left {
  font-size: 15px;
}

.text-block-217.chatbot-item-action-wrap-left.scrapecharcount {
  color: #b8b8b8;
  min-width: auto;
  font-size: 12px;
  line-height: 14px;
}

.text-block-217.chatbot-item-action-wrap-left.title {
  opacity: 1;
  font-family: var(--system-ui);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
}

.text-block-217.chatbot-item-action-wrap-left.title.apitool {
  max-width: 400px;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
}

.div-block-910 {
  z-index: 1;
  background-color: #2b2b2b;
  border-bottom: 1px solid #3a3a3a;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-910.apitool {
  justify-content: space-between;
  padding-left: 20px;
  overflow: hidden;
}

.codeblock {
  height: 100%;
  padding: 80px 20px 20px;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.codeblock.apioutput {
  flex-flow: column;
  height: auto;
  padding: 56px 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-912 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #414141;
  border: 1px solid #4e4e4e;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 6px;
  padding-right: 8px;
  display: flex;
}

.image-218 {
  width: 15px;
  height: 15px;
}

.div-block-913 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-913.outputlogs {
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  max-width: 400px;
  display: flex;
  overflow: hidden;
}

.image-219 {
  opacity: .5;
  filter: invert();
  width: 16px;
  height: 16px;
  margin-top: -1px;
}

.rich-text-block {
  opacity: .8;
  font-family: var(--system-ui);
  color: #fff;
}

.rich-text-block.apiresponse {
  height: auto;
}

.paragraph-4, .link-5 {
  color: #fff;
}

.heading-10 {
  font-size: 26px;
}

.heading-11 {
  font-size: 22px;
}

.heading-12 {
  font-size: 18px;
}

.heading-13 {
  font-size: 16px;
}

.heading-14 {
  font-size: 12px;
}

.heading-15 {
  font-size: 10px;
}

.link-6 {
  color: #fff;
}

.div-block-914 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-915 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.chevron-icon {
  width: 20px;
  height: 20px;
}

.div-block-916 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.count {
  color: #7e7e7e;
  font-size: 11px;
}

.div-block-917 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 36px;
  display: flex;
}

.text-block-218 {
  font-size: 11px;
  font-weight: 500;
}

.text-block-218.cta {
  color: #7e79f0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.div-block-918 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.scrape-progresss {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 100%;
  height: auto;
  display: flex;
}

.div-block-920 {
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  border-radius: 99px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.div-block-921 {
  background-color: #25d366;
  background-image: linear-gradient(270deg, #fff0, #ffffff80);
  border-radius: 99px;
  width: 0%;
  height: 100%;
}

.div-block-922 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.percent {
  font-size: 9px;
  font-weight: 600;
}

.checkbox-label {
  display: none;
}

.scrape-progress-container {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 80px;
  padding: 12px 20px 15px;
  display: none;
  box-shadow: 0 2px 6px -1px #0000001a;
}

.div-block-924 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-925 {
  justify-content: space-between;
  align-items: flex-end;
  height: 32px;
  display: flex;
}

.div-block-926 {
  display: flex;
  position: relative;
}

.div-block-927 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38px;
  display: flex;
}

.div-block-928 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-928.scrapecontrolsselected {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: none;
  position: relative;
}

.div-block-929 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.retry-icon {
  opacity: .8;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}

.div-block-930 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.pagination-container {
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.div-block-931 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: none;
}

.pagination-index-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  display: none;
  position: absolute;
}

.pagination-index {
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.pagination-index-label {
  color: #7e7e7e;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.pagination-index-label.selected {
  color: #fff;
  background-color: #7e79f0;
  border: 1px solid #6a64ff;
  border-radius: 99px;
}

.div-block-932 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-933 {
  outline-offset: 0px;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  outline: 4px solid #fff;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 15px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 8px 1px #0003;
}

.pagination-index-input {
  display: none;
}

.div-block-934 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 52px;
  display: flex;
}

.text-block-219 {
  font-family: var(--system-ui);
  color: #7c7c7c;
  font-size: 15px;
  font-weight: 400;
}

.heading-16 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 16px;
}

.div-block-935 {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  display: flex;
  position: relative;
}

.div-block-936 {
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 99px;
  outline: 4px solid #ffffff80;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  box-shadow: 0 2px 8px 2px #0000001a;
}

.image-220 {
  opacity: .85;
  width: 26px;
  height: 26px;
  padding-top: 1px;
  padding-left: 1px;
  transform: rotate(-7deg);
}

.div-block-937 {
  display: flex;
}

.image-221 {
  opacity: 1;
  outline-offset: 0px;
  border-radius: 100px;
  outline: 4px solid #fff;
  box-shadow: 0 2px 8px #0003;
}

.div-block-938 {
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-color: #fff;
  border: 8px solid #fff;
  border-radius: 20px;
  outline: 8px #fff;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 420px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 25px #00000008, 0 2px 15px #0000000d;
}

.text-block-220 {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.text-block-221 {
  pointer-events: auto;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 14px;
}

.text-block-221.modal {
  font-size: 15px;
  font-weight: 500;
}

.text-block-222 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-222.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
}

.text-block-223 {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.text-block-224 {
  text-align: center;
  font-size: 15px;
  line-height: 26px;
}

.div-block-939 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-222 {
  width: 16px;
  height: 16px;
  transform: rotate(-15deg);
}

.div-block-940 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-940.new {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.div-block-941 {
  background-image: linear-gradient(#0000, #fff), linear-gradient(#ffffff69, #ffffff69), radial-gradient(circle at 50% 0, #0000 15%, #fff 85%, #fff), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a168f4930418a46dd1af2f_magicpattern-grid-pattern-1721854176256.png");
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, 130%;
  width: 100%;
  height: 220px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-942 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-943 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 24px;
  padding-left: 6px;
  padding-right: 7px;
  display: flex;
  box-shadow: 0 2px 5px -1px #0000000d;
}

.div-block-944 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-945 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 330px;
  display: flex;
  position: relative;
}

.div-block-946 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 330px;
  display: flex;
}

.div-block-947 {
  height: 50px;
}

.div-block-948 {
  border-radius: 100px;
  width: 44px;
  height: 44px;
}

.div-block-948.large {
  width: 60px;
  height: 60px;
}

.div-block-949 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.div-block-950 {
  display: flex;
}

.image-223 {
  opacity: 1;
  outline-offset: 0px;
  border-radius: 100px;
  outline: 4px solid #fff;
  box-shadow: 0 2px 8px #0003;
}

.div-block-951 {
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-color: #fff;
  border: 8px solid #fff;
  border-radius: 20px;
  outline: 8px #fff;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 420px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 25px #00000008, 0 2px 15px #0000000d;
}

.div-block-951.autoheight {
  height: auto;
  padding-top: 30px;
  padding-bottom: 20px;
}

.div-block-951.autoheight.wider {
  width: 460px;
}

.text-block-225 {
  font-family: var(--system-ui);
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.text-block-226 {
  pointer-events: auto;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 14px;
}

.text-block-226.modal {
  font-family: var(--system-ui);
  font-size: 15px;
  font-weight: 500;
}

.text-block-227 {
  font-family: Thicccboi, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-227.hero {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
}

.text-block-228 {
  font-family: var(--system-ui);
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.text-block-229 {
  font-family: var(--system-ui);
  color: #656565;
  text-align: center;
  font-size: 15px;
  line-height: 26px;
}

.div-block-952 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-224 {
  width: 16px;
  height: 16px;
  transform: rotate(-15deg);
}

.div-block-953 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-953.new {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.div-block-954 {
  background-image: linear-gradient(#0000, #fff), linear-gradient(#ffffff69, #ffffff69), radial-gradient(circle at 50% 0, #0000 15%, #fff 85%, #fff), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a168f4930418a46dd1af2f_magicpattern-grid-pattern-1721854176256.png");
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, 130%;
  width: 100%;
  height: 220px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-954.large {
  justify-content: center;
  align-items: flex-start;
  height: 50%;
  display: flex;
}

.div-block-954.large.signup {
  background-image: linear-gradient(#0000, #fbfbfd), linear-gradient(#ffffff69, #ffffff69), radial-gradient(circle at 50% 0, #fbfbfd00 15%, #fff 85%, #fff), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a168f4930418a46dd1af2f_magicpattern-grid-pattern-1721854176256.png");
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, 130%;
}

.div-block-955 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.new-label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 22px;
  padding-left: 5px;
  padding-right: 7px;
  display: flex;
  box-shadow: 0 2px 5px -1px #0000000d;
}

.new-label.smaller {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  padding-left: 2px;
}

.new-label.error {
  border-color: #f22b2d3d;
  display: flex;
}

.div-block-957 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-958 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 330px;
  display: flex;
  position: relative;
}

.div-block-958.expertmodal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.div-block-958.expertmodal.autoheight {
  height: auto;
}

.div-block-959 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 330px;
  display: flex;
}

.div-block-959.expert {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.div-block-959.expert.width {
  width: 380px;
}

.div-block-960 {
  height: 50px;
}

.div-block-961 {
  border-radius: 100px;
  width: 44px;
  height: 44px;
}

.div-block-961.large {
  width: 60px;
  height: 60px;
}

.div-block-962 {
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.check-div-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-div-2.home.expertgate {
  margin-top: 6px;
}

.div-block-963 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 0;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-963.groter {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.div-block-964 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 5px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-965 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.text-block-230 {
  font-family: Thicccboi, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-block-230.pricing-yearly {
  height: auto;
  font-size: 26px;
  line-height: 26px;
}

.text-block-230.pricing-monthly {
  display: none;
}

.div-block-966 {
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 50px;
  height: 45px;
  display: flex;
}

.text-block-231 {
  color: #080808;
  letter-spacing: .3px;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.div-block-967 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-232 {
  font-size: 12px;
  font-weight: 400;
}

.div-block-968 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-969 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.div-block-970 {
  outline-offset: 0px;
  background-color: #754ad526;
  border-radius: 99px;
  outline: 4px solid #754ad514;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 4px;
  display: flex;
}

.image-225 {
  width: 16px;
  height: 16px;
}

.div-block-971 {
  flex-flow: column;
  display: flex;
}

.div-block-972 {
  max-height: 560px;
  padding-left: 1px;
  padding-right: 1px;
  overflow: scroll;
}

.div-block-972.datasources {
  overflow: visible;
}

.div-block-973 {
  max-height: 60vh;
  padding: 30px 50px 20px;
  overflow: scroll;
}

.image-226 {
  width: 14px;
  height: 14px;
}

.image-226.bigger {
  width: 18px;
  height: 18px;
}

.div-block-974 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-975 {
  padding: 7px 12px 7px 10px;
  transition: all .2s;
}

.div-block-975:hover {
  background-color: #ffffff17;
  border-radius: 6px;
}

.link-block-5 {
  text-decoration: none;
}

.div-block-976 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.code-embed-7 {
  display: none;
}

.div-block-977 {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 420px;
  max-width: 420px;
  height: auto;
  font-family: Inconsolata, monospace;
  display: flex;
}

.div-block-978 {
  width: 100%;
  min-width: 100%;
  margin-bottom: 0;
  padding-bottom: 14px;
}

.submenu-triggger-pseudo {
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-227 {
  overflow: visible;
}

.body-5 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  display: flex;
}

.div-block-979 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-979.new {
  justify-content: center;
  align-items: center;
}

.text-block-233 {
  color: #818181;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
}

.div-block-980 {
  background-color: #938ff33b;
  border: 3px solid #e1dfff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
}

.div-block-980.small {
  width: 36px;
  height: 36px;
}

.text-block-234 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.image-228 {
  opacity: .6;
  pointer-events: none;
  width: 115px;
  min-width: 110px;
  height: auto;
}

.image-228.small {
  width: 70px;
  min-width: 70px;
}

.div-block-981 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 13px;
  display: flex;
}

.login-form-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-982 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.auth-form {
  margin-bottom: 0;
}

.multi-step-form-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.multi-step-form-container.second {
  display: none;
}

.auth-form-button {
  border-radius: 10px;
  width: 100%;
  height: 42px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.auth-form-button.form-btn {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  padding-left: 15px;
  padding-right: 28px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}

.auth-form-input {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  height: 36px;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  transition: opacity .2s, all .2s;
  box-shadow: inset 0 0 0 1px #0000001a;
}

.auth-form-input:focus {
  outline-offset: 0px;
  border: 1px solid #aaa0;
  outline: 3px #dbcefc;
  box-shadow: 0 0 0 2px #dbcefc, inset 0 0 0 1px #0003;
}

.auth-form-input.has-icon {
  border-color: #fff0;
  border-radius: 12px;
  width: 100%;
  height: 38px;
  padding-left: 35px;
  display: block;
  overflow: visible;
  box-shadow: 0 2px 2px -2px #0003, inset 0 0 0 1px #0000001a;
}

.auth-form-input.has-icon.invite-user {
  padding-right: 125px;
}

.auth-form-input.has-icon.multi-line {
  justify-content: flex-start;
  align-items: flex-start;
  height: 120px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 10px;
  display: flex;
}

.auth-form-input.has-icon.onlyselect {
  color: #7d7d7d;
  background-color: #f8f8f8;
}

.auth-form-input.has-icon.div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.auth-form-input.has-icon.div.primaryborder {
  outline-color: var(--primary_color);
  outline-offset: 0px;
  cursor: pointer;
  outline-width: 2px;
  outline-style: solid;
}

.auth-form-input.has-icon.div.primaryborder:hover {
  background-color: #f3f3f3;
}

.auth-form-input.has-icon.has-div {
  padding-left: 90px;
}

.auth-form-input.smaller {
  border-radius: 7px;
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 10px;
}

.auth-form-input.smaller.chatname {
  display: none;
}

.auth-form-input.has-div {
  padding-left: 90px;
}

.auth-form-input-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.auth-form-input-wrapper.tags {
  width: 340px;
}

.auth-form-input-wrapper.tags.value {
  width: 220px;
}

.auth-form-input-icon {
  opacity: .6;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  left: 14px;
}

.auth-form-input-icon.agent-image {
  box-shadow: none;
  outline-offset: 0px;
  outline: 3px #fff;
  width: 14px;
  height: 14px;
  left: 13px;
}

.auth-form-input-icon.multi-line {
  inset: 16px auto auto 14px;
}

.auth-form-styling {
  height: 40px;
  display: none;
}

.div-block-986 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.signup-carrousel-image {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 19px;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: none;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  box-shadow: 0 2px 16px #0000000f;
}

.signup-carrousel-image.second {
  height: 90%;
  display: block;
}

.signup-carrousel-image._2, .signup-carrousel-image._3, .auth-script {
  display: none;
}

.image-230 {
  width: 14px;
  height: 14px;
  margin-left: 5px;
}

.div-block-987 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.signup-progress-indicator {
  background-color: #ececec;
  border: 1px solid #eee;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 8px;
  display: flex;
  box-shadow: 0 1px 4px #00000008;
}

.signup-progress-indicator.purple {
  background-color: #7e79ef;
  border-radius: 99px;
}

.signup-progress-indicator.active {
  background-color: #7e79ef;
  border-style: none;
  border-color: #6e67ff;
  width: 0%;
}

.div-block-988 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.check-div-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-div-3.home.smaller {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.div-block-989 {
  background-color: #fff;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: -3px;
  margin-left: 0;
  box-shadow: 0 2px 5px -3px #0000000d;
}

.div-block-989.groter {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}

.div-block-989.smaller {
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  margin-top: 0;
  display: flex;
}

.text-block-235 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.div-block-990 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-991 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-992 {
  width: 100%;
  min-width: 100px;
}

.div-block-993 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 15px;
  display: flex;
}

.div-block-994 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-995 {
  justify-content: center;
  align-items: flex-start;
  height: 114%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.auth-section-row {
  width: 100%;
  height: 50%;
  position: relative;
}

.auth-section-row.firstsec {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
  display: flex;
}

.div-block-996 {
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 80px;
  display: flex;
  position: absolute;
  inset: -80px 0 auto auto;
}

.signup-results {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  border: 3px solid #ffffff36;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  padding: 20px 40px;
  display: flex;
  box-shadow: 0 2px 8px #00000008;
}

.signup-page-results-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.div-block-997 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 80px;
  height: 100%;
  display: flex;
}

.metric-span {
  text-shadow: 0 1px 1px #0003;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-237 {
  color: #747272;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.image-231 {
  aspect-ratio: auto;
  width: 100px;
  max-width: none;
}

.text-block-238 {
  color: #666;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-998 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.results-icon {
  width: 18px;
}

.results-icon.downwards {
  transform-style: preserve-3d;
  margin-top: 6px;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.div-block-999 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.div-block-1000 {
  background-color: #ffffff94;
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/662a72f0600f08872fb950de_sleak%20profile%20picture.png");
  background-position: 0 0;
  background-size: cover;
  border: 3px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.div-block-1000.memoji-2 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/671b39f901faa75aa932f3f5_6633ca75b414a5d7c0fdd525_Rectangle%20(1).svg");
}

.div-block-1000.memoji-3 {
  background-image: url("https://cdn.prod.website-files.com/65911e9735540c235757642f/671b39f9db60b622fcb9682d_6633c8f3a7a75732bfad1db3_ssemenov.svg");
}

.div-block-1001 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-block-239 {
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.text-block-240 {
  color: #747272;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-241 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.div-block-1002 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
}

.div-block-1003 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-242 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.div-block-1004 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.carrousel-testimonial {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.carrousel-testimonial._3, .carrousel-testimonial._2 {
  display: none;
}

.carrousel-testimonial.hide {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: stretch;
  display: none;
}

.text-span-75 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.file-upload-title-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-right: 20px;
  display: flex;
}

.status-indicator-wrap {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
}

.status-tooltip {
  color: #fff;
  white-space: nowrap;
  background-color: #333;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: auto auto 27px;
}

.status-tooltip.sidebartags {
  z-index: 10;
  top: -24px;
  bottom: auto;
}

.status-tooltip.sidebartags.url {
  white-space: normal;
  word-break: break-all;
  width: auto;
  max-width: 90%;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  display: none;
  top: auto;
  bottom: 20px;
}

.status-tooltip.sidebartags.url.landingpage {
  max-width: 200%;
  display: flex;
  position: relative;
}

.status-tooltip.xmlurl {
  white-space: normal;
  word-break: break-all;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 560px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  inset: -28px auto auto;
}

.status-tooltip.horizontal {
  z-index: 10;
  inset: auto auto auto 40px;
}

.status-tooltip.smallbutton-tooltip {
  font-weight: 300;
  bottom: 40px;
}

.status-tooltip.smallbutton-tooltip.bottom {
  z-index: 100;
  inset: 100% auto;
}

.status-tooltip.smallbutton-tooltip.bottom.white {
  color: #000;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  font-weight: 400;
  top: auto;
  bottom: 32px;
  box-shadow: 0 2px 3px -1px #0000001a;
}

.status-tooltip.smallbutton-tooltip.left {
  z-index: 100;
  display: none;
  top: auto;
  bottom: auto;
  right: 60px;
}

.status-tooltip.smallbutton-tooltip.top {
  z-index: 99;
  bottom: 32px;
}

.status-tooltip.tag {
  bottom: 29px;
}

.div-block-1005 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  display: flex;
}

.text-block-243 {
  color: #636363;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.div-block-1006 {
  padding-bottom: 60px;
}

.tool-output-logs-wrap {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px -1px #0000001a;
}

.tool-output-logs-container {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}

.tool-output-logs-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  border-top: 1px solid #ddd;
  flex-flow: column;
  margin-top: -1px;
  padding: 12px 20px;
  transition: all .3s;
  display: flex;
}

.tool-output-logs-list-item.api {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: auto;
  padding-bottom: 20px;
}

.tool-output-logs-list-item.sourcedocuments {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-user-select: none;
  user-select: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 14px;
  padding-right: 14px;
}

.tool-output-logs-toprow {
  justify-content: space-between;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.tool-output-logs-btmrow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tool-output-logs-datatype-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tool-output-logs-datewrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1007 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.div-block-1007.api {
  padding-right: 0;
}

.tool-output-logs-textwrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  display: flex;
  position: relative;
}

.tool-output-logs-api-icon {
  opacity: .7;
  width: 14px;
  height: 14px;
}

.text-block-244 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-245 {
  color: #868686;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.tool-output-logs-list-body {
  color: #646464;
  justify-content: flex-start;
  align-items: flex-start;
  width: 520px;
  max-width: 500px;
  height: 30px;
  padding-top: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tool-output-logs-list-body.fullheight {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: normal;
  -webkit-user-select: auto;
  user-select: auto;
  flex-flow: column;
  max-height: none;
  padding-bottom: 10px;
  display: flex;
}

.tool-output-logs-list-body.preview {
  height: 18px;
  padding-top: 0;
  line-height: 20px;
}

.default-message-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px 16px 12px;
  display: flex;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.default-message-wrap.bot {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #333;
  padding-bottom: 10px;
}

.default-message-wrap.agent {
  border-width: 3px;
  border-color: #dbdbdb;
}

.tool-output-logs-btn-container {
  justify-content: center;
  align-items: center;
  padding-right: 12px;
  display: flex;
}

.tool-output-logs-indicator-button {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  display: flex;
  position: relative;
  right: 12px;
  box-shadow: 0 1px 8px 1px #0000000a;
}

.tool-output-logs-indicator-button.feedbackmechanism {
  cursor: auto;
  min-width: 35px;
}

.image-233 {
  opacity: .6;
  width: 14px;
  height: auto;
}

.div-block-1008 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1009 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 2px solid #f7f7f7;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #00000026;
}

.text-block-247 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1010 {
  border: 1px #0000004d;
  border-radius: 99px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 10px;
  display: flex;
}

.div-block-1010.type-wrapper {
  border-style: solid;
  border-color: #0006;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  padding: 2px 10px 2px 6px;
}

.div-block-1010.type-wrapper.editdatasources {
  z-index: 10;
  background-color: #fff;
  border-color: #0000001a;
  height: 28px;
  margin-bottom: 0;
  padding: 0 14px 0 8px;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.tooltip-icon-container-4 {
  z-index: 1;
  background-color: #fbfbfb;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.image-234 {
  margin-top: 5px;
}

.text-block-248 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.image-235 {
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.image-235.smaller {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.div-block-1011 {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: flex;
}

.div-block-1012 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-1013 {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.div-block-1014 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdf7ee;
  border: 1px solid #f3d49f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 8px 8px 8px 10px;
  display: flex;
}

.image-236 {
  opacity: .7;
  pointer-events: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.div-block-1015 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.heading-17 {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.text-block-249 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1016 {
  justify-content: space-between;
  align-items: center;
  height: 38px;
  display: flex;
}

.div-block-1017 {
  cursor: pointer;
  border-radius: 6px;
  min-width: 44px;
  min-height: 44px;
  transition: all .2s;
  display: none;
}

.div-block-1017:hover {
  background-color: #f7f7f7;
}

.form-9 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form-9.sidebarform {
  height: 100%;
  min-height: 100%;
}

.form-9.sidebarform.chat-inbox {
  padding-left: 16px;
  padding-right: 16px;
  overflow: scroll;
}

.div-block-1018 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-250 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-block-250.tooloutputlogs {
  color: #7a7a7a;
  padding-left: 5px;
  font-size: 12px;
}

.tool-output-logs-content-expanded {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: auto;
  flex-flow: column;
  display: none;
}

.tool-output-logs-content-preview {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 30px;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-1019 {
  position: absolute;
  inset: 15px 30px auto auto;
}

.div-block-1020 {
  position: absolute;
  top: 12px;
  right: 20px;
}

.checkbox-dropdown-angle {
  -webkit-user-select: none;
  user-select: none;
  width: 20px;
  height: 20px;
}

.checkbox-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1021 {
  background-color: #0000001a;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.edit-emails-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 50px;
  padding-left: 16px;
  display: flex;
}

.email-settings-container, .settings-email-parent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.tooloutputs-api-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.tooloutputlogs-api-contentarea {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tooloutputlogs-apioutput-container {
  height: auto;
}

.text-block-251 {
  word-break: break-all;
  margin-top: 0;
  margin-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.div-block-1022 {
  padding-top: 10px;
}

.div-block-1023 {
  background-color: #25d366cc;
  border-radius: 99px;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 1px 1px auto auto;
}

.div-block-1023.tooloutputlogs {
  z-index: 10;
}

.codeblock-outputlogs {
  width: 100%;
  overflow: visible;
}

.div-block-1024 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1025 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-1026 {
  padding: 10px;
}

.text-block-252 {
  color: #818181;
  font-family: Inconsolata, monospace;
  font-size: 15px;
}

.div-block-1027 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-237 {
  opacity: .5;
  width: 14px;
  height: 14px;
}

.div-block-1028 {
  background-color: #ececec;
  height: 1px;
  margin-bottom: 6px;
}

.div-block-1029 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  outline-offset: 0px;
  cursor: auto;
  background-color: #fbfbfb;
  border: 2px solid #f1f1f1;
  border-radius: 8px;
  outline: 2px #f1f1f1;
  flex-flow: column;
  margin-bottom: 2px;
  padding: 10px 12px 10px 16px;
  display: flex;
}

.text-block-253 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}

.text-block-253.kb {
  white-space: nowrap;
  overflow-wrap: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.text-block-253.kb.tooloutput {
  color: #696969;
  font-size: 9px;
}

.tool-output-logs-content-expanded-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: auto;
  flex-flow: column;
  display: flex;
}

.tool-output-logs-textwrap-2 {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.div-block-1030 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.tool-output-logs-list-body-2 {
  color: #646464;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  max-height: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
}

.tool-output-logs-list-body-2.fullheight {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: normal;
  -webkit-user-select: auto;
  user-select: auto;
  flex-flow: column;
  max-height: none;
  padding-bottom: 10px;
  line-height: 22px;
  display: flex;
}

.text-block-254 {
  color: #868686;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.image-238 {
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 0;
  margin-right: 6px;
  font-size: 12px;
}

.div-block-1031 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-255 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  max-height: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.text-block-256 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.tool-output-logs-content-preview-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 30px;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
}

.image-239 {
  opacity: .7;
  width: 14px;
  height: 14px;
}

.div-block-1032 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 8px 16px 8px 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

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

.div-block-1034 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fafafa;
  border: 1px solid #0000000d;
  border-radius: 6px;
  min-width: 20px;
  height: 24px;
  margin-top: 2px;
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-1034.tool-output-logs-time {
  height: 22px;
  margin-left: 0;
  padding-left: 6px;
  padding-right: 8px;
}

.div-block-1035 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  outline-offset: 0px;
  cursor: auto;
  background-color: #fbfbfb;
  border: 2px solid #f1f1f1;
  border-bottom-width: 3px;
  border-radius: 8px;
  outline: 2px #f1f1f1;
  flex-flow: column;
  margin-top: 6px;
  margin-bottom: 2px;
  padding: 70px 16px 10px 20px;
  display: flex;
  position: relative;
}

.btn-icon-3 {
  z-index: 99;
  pointer-events: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 20px;
  position: absolute;
  inset: auto 30px auto auto;
}

.btn-icon-3.small {
  opacity: .75;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-left: 0;
  position: static;
  right: 0;
}

.btn-icon-3.small.smaller {
  opacity: .6;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  overflow: visible;
}

.btn-icon-3.small.tinysmaller {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.outputlogs-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.image-240 {
  width: 14px;
  height: 14px;
}

.inbox-sidebar-inputscontainer {
  background-color: #fdfdfd;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.inbox-sidebar-inputscontainer.inputscontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  height: auto;
  padding: 20px 0;
  display: flex;
}

.inbox-sidebar-profile-container {
  outline-offset: 0px;
  background-color: #f3f3f3;
  background-image: linear-gradient(360deg, #fff6, #fffffff2), url("https://cdn.prod.website-files.com/65911e9735540c235757642f/66a1681aad621f09fca44c18_magicpattern-grid-pattern-1721853933721.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  outline: 3px solid #fff;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  box-shadow: inset 0 0 10px #0000000d, 0 1px 8px 1px #0000001a;
}

.div-block-1036 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-257 {
  color: gray;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 10px;
}

.text-block-258 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
}

.div-block-1037 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-241 {
  opacity: .75;
  width: 11px;
  height: 11px;
}

.div-block-1038 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  height: 12px;
  display: flex;
}

.div-block-1039 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 15px;
  display: flex;
}

.div-block-1040 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1041 {
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  padding: 12px;
}

.sidebar-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.div-block-1042 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1043 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px 2px #00000005;
}

.div-block-1043.algemeen {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
}

.div-block-1043.customfields {
  display: flex;
}

.div-block-1044 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-242 {
  opacity: .5;
  width: 13px;
  height: 13px;
}

.text-block-259 {
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1045 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1046 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.text-block-260 {
  color: #818181;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 270px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
}

.text-block-260.device {
  text-transform: capitalize;
}

.image-243 {
  width: 10px;
  height: 10px;
}

.div-block-1047 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: center;
  max-width: 270px;
  display: flex;
  position: relative;
}

.div-block-1047.copy {
  cursor: pointer;
}

.div-block-1048 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1049 {
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.image-244 {
  opacity: .5;
  width: 20px;
  height: 20px;
}

.image-244.flipped {
  transform: rotate(180deg);
}

.div-block-1050 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.text-block-261 {
  color: #767676;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 8px;
  font-weight: 600;
  line-height: 8px;
}

.div-block-1051 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.div-block-1052 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-245 {
  width: 14px;
  height: 14px;
}

.activity-feed-icon-container {
  border: 4px solid #fffc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
}

.activity-feed-icon-container.blue {
  background-color: #4ab7f2;
}

.activity-feed-icon-container.orange {
  background-color: #fd7c21;
}

.activity-feed-icon-container.pink {
  background-color: #f047bd;
}

.activity-feed-icon-container.purple {
  background-color: #7a50ed;
}

.activity-feed-icon-container.green {
  background-color: #19aa6b;
}

.text-block-262 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.activityfeedlistitem-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.activityfeedlistitem-wrap.sample-element {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.div-block-1055 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-1056 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1057 {
  max-width: 100%;
  min-height: auto;
  padding-left: 14px;
}

.div-block-1058 {
  border-left: 2px solid #e6e6e6;
  padding-left: 16px;
}

.div-block-1058.hastext {
  max-width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 10px;
}

.div-block-1059 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  box-shadow: none;
  background-color: #fdfdfd;
  border: 2px solid #f7f7f7;
  border-bottom-width: 3px;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 12px 12px 16px;
  display: flex;
  overflow: hidden;
}

.text-block-263 {
  color: #818181;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-1060 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
}

.text-block-264 {
  color: #b9b8b8;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.div-block-1061 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  line-height: 18px;
  display: flex;
}

.bold-text {
  color: #333;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.div-block-1062 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: calc(100% - 38px);
  display: flex;
}

.text-block-265 {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 100%;
  max-width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  overflow: hidden;
}

.div-block-1063 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1064 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-266 {
  color: #888;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1065 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1066 {
  background-color: #d6d6d6;
  border-radius: 99px;
  width: 3px;
  height: 3px;
  margin-top: 0;
}

.div-block-1067 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.image-246 {
  width: 16px;
  height: 16px;
}

.bold-text-2 {
  color: #8962df;
}

.div-block-1068 {
  flex-flow: column;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.div-block-1069 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-247 {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}

.div-block-1070 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.custom-fields-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1071 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-1072 {
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.div-block-1073 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1073.dataoverride {
  padding-right: 58px;
}

.customfields-checkbox {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.div-block-1074 {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px dashed #ddd;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 36px;
  display: flex;
}

.image-248 {
  opacity: .75;
  width: 16px;
  height: 16px;
}

.div-block-1075 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 8px;
  padding-right: 7px;
  display: flex;
}

.div-block-1075:hover {
  background-color: #f3f3f3;
}

.div-block-1075.fullwidth {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 10px;
}

.text-block-267 {
  color: #616161;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.div-block-1076 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-249 {
  width: 16px;
  height: 16px;
}

.div-block-1077 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1078 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #f0f0f0;
  flex-flow: column;
  min-width: calc(100% + 32px);
  padding: 16px 16px 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-1079 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-bottom: 6px;
  display: flex;
}

.div-block-1080 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.lightbox-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lightbox-wrap.hidden {
  display: flex;
}

.image-250 {
  width: 10px;
  height: 11px;
}

.widget-linkpreview-subtitle-2 {
  text-align: left;
  word-break: break-all;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 150%;
  position: relative;
  overflow: hidden;
}

.widget-linkpreview-subtitle-2.widget-linkpreview-subtitle-url {
  color: #333333e6;
  margin-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 9px;
}

.document-content-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.document-content-wrapper-2.file {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
}

.div-block-1082 {
  margin-top: 3px;
}

.widget-linkpreview-text-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 50px;
  margin-left: 0;
  padding-bottom: 1px;
  display: flex;
}

.widget-linkpreview-text-2.file {
  height: 46px;
}

.image-251 {
  opacity: .75;
  width: 24px;
  height: 24px;
}

.text-block-268 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-268.documents {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #888;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.div-block-1083 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 220px;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 2px;
  display: flex;
}

.div-block-1084 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-linkpreview-title-block-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 27px;
  display: flex;
}

.widget-linkpreview-title-2 {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  overflow: hidden;
}

.widget-linkpreview-content-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border: 1px #0000000f;
  border-radius: 9px;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  padding: 10px 15px 10px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1085 {
  width: 100%;
  min-width: auto;
  max-width: none;
}

.div-block-1086 {
  width: 320px;
}

.image-252 {
  width: 10px;
  height: 11px;
}

.widget-linkpreview-subtitle-3 {
  text-align: left;
  word-break: break-all;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 150%;
  position: relative;
  overflow: hidden;
}

.widget-linkpreview-subtitle-3.widget-linkpreview-subtitle-url {
  color: #333333e6;
  margin-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 9px;
}

.div-block-1087 {
  margin-top: 3px;
}

.widget-linkpreview-text-3 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 50px;
  margin-left: 0;
  padding-bottom: 1px;
  display: flex;
}

.widget-linkpreview-text-3.file {
  width: auto;
  min-width: auto;
  height: auto;
}

.image-253 {
  opacity: .75;
  width: 24px;
  height: 24px;
}

.text-block-269 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-269.documents {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #888;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
}

.widget-link-preview-item-2 {
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 9px;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-1088 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 220px;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 2px;
  display: flex;
}

.div-block-1089 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-linkpreview-title-block-3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 27px;
  display: flex;
}

.widget-linkpreview-title-3 {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  overflow: hidden;
}

.div-block-1090 {
  width: 100%;
  min-width: auto;
  max-width: 260px;
}

.link-block-6 {
  color: #333;
  border: 1px #000;
  border-radius: 9px;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  position: relative;
}

.div-block-1091 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.image-254 {
  width: 10px;
  height: 11px;
}

.div-block-1092 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1093 {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px #0000001a;
}

.image-255 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  overflow: visible;
}

.div-block-1094 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-1094.absolute {
  z-index: 999;
  pointer-events: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

.image-256 {
  width: 10px;
  height: 11px;
}

.image-257 {
  opacity: 1;
  width: 14px;
  height: 14px;
}

.image-258 {
  width: 10px;
  height: 11px;
}

.div-block-1095 {
  width: 100%;
  min-width: auto;
  max-width: 260px;
}

.div-block-1095.file {
  max-width: 100%;
}

.div-block-1096 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 220px;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 2px;
  display: flex;
}

.div-block-1096.file {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  height: auto;
  min-height: auto;
  padding-top: 0;
}

.div-block-1097 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.widget-linkpreview-title-block-4 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 27px;
  display: flex;
}

.widget-linkpreview-title-block-4.file {
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.widget-linkpreview-title-4 {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  overflow: hidden;
}

.link-block-7 {
  color: #333;
  border: 1px #000;
  border-radius: 9px;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  position: relative;
}

.image-259 {
  width: 12px;
  height: 12px;
}

.div-block-1098 {
  z-index: 10;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-1099 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.div-block-1100 {
  z-index: 10;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 3px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.div-block-1100.inbox {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-right: 0;
}

.label-v2 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #7e79f01a;
  border: 1px solid #7a50ed40;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 7px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 2px 2px -1px #0000001a;
}

.label-v2.grey {
  background-color: #eee;
  border-color: #9f9f9f40;
}

.label-v2.orange {
  background-color: #fff5e3;
  border-color: #ffdb99;
}

.label-v2.green {
  background-color: #25d3662e;
  border-color: #25d3664d;
}

.label-v2.red {
  background-color: #ffe6e6;
  border-color: #ffb9b9;
}

.image-260 {
  opacity: .75;
  object-fit: cover;
  width: 13px;
  height: 13px;
}

.image-260.greyscale {
  filter: grayscale();
}

.text-block-270 {
  color: #7a50ed;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-270.maxwidth {
  color: #542cc1;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
  overflow: hidden;
}

.text-block-270.maxwidth.grey {
  color: gray;
}

.text-block-270.maxwidth.grey.green {
  color: #2f6e53;
  -webkit-text-stroke-color: #25d366;
}

.text-block-270.maxwidth.orange {
  color: #ac7545;
  overflow: visible;
}

.text-block-270.maxwidth.green {
  color: #2f6e53;
}

.text-block-270.maxwidth.red {
  color: #cb5b5b;
  overflow: visible;
}

.image-261 {
  opacity: .5;
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding: 3px;
}

.text-block-271 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.div-block-1102 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1103 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1104 {
  background-color: #f8f8f8;
  border: 1px dashed #e0e0e0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
  box-shadow: 0 2px 2px -1px #0000001a;
}

.text-block-272 {
  color: #868686;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
}

.div-block-1105 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-1106 {
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.div-block-1107 {
  min-width: 80px;
}

.div-block-1108 {
  position: relative;
}

.purple-text {
  color: #7a50ed;
  font-weight: 700;
}

.lightbox-link {
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.lightbox.hidden {
  display: none;
}

.productformscontainer {
  flex-flow: column;
  display: flex;
}

.div-block-1110 {
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-1111 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.text-block-273 {
  color: #686868;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
}

.div-block-1112 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-left: -15px;
  display: flex;
}

.div-block-1113 {
  background-color: #cfcfcf;
  border-radius: 99px;
  width: 4px;
  height: 4px;
  margin-top: 0;
}

.div-block-1114 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1115 {
  padding-left: 4px;
  padding-right: 4px;
}

.div-block-1116 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 21px;
  display: flex;
}

.div-block-1117 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.bold-text-3 {
  white-space: normal;
  word-break: break-all;
  width: 100%;
}

.div-block-1118 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1119 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.toggle-check {
  cursor: pointer;
  background-color: #d1d1d1;
  border-radius: 50px;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-bottom: 0;
  padding: 2px;
  transition: background-color .2s;
  display: block;
  overflow: hidden;
}

.cb-toggle {
  background-color: #fff;
  border-style: none;
  border-radius: 50px;
  width: 21px;
  height: 21px;
  margin-top: 0;
  margin-left: 0;
  transition: transform .2s;
  box-shadow: 0 2px 5px #0000001a;
}

.cb-toggle.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-color: #fff;
  margin-left: auto;
  transform: translate(15px);
}

.cb-toggle.w--redirected-focus {
  box-shadow: none;
}

.label_hide {
  display: none;
}

.div-block-1120 {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.div-block-1121 {
  flex-flow: column;
  display: flex;
}

.div-block-1122 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1123 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.div-block-1124 {
  justify-content: space-between;
  align-items: center;
  width: 230px;
  max-width: 220px;
  display: flex;
}

.div-block-1125 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.checkbox-toggle-dot {
  background-color: #fff;
  border-radius: 99px;
  width: 16px;
  height: 16px;
  transition: all .3s;
  position: absolute;
  left: 3px;
  box-shadow: 0 2px 5px #0000001a;
}

.checkbox-toggle-dot.micro {
  width: 12px;
  height: 12px;
}

.toggle-label-small {
  background-color: #d1d1d1;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 22px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.toggle-label-small.micro {
  width: 30px;
  height: 18px;
  margin-bottom: 0;
}

.toggle-label-small.nomar {
  margin-bottom: 0;
}

.checkbox-default-small {
  display: none;
}

.div-block-1126 {
  background-color: #f2f2f2;
  width: 400px;
}

.div-block-1127 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.detailed-activiteidsfeed {
  z-index: 88;
  background-color: #fff;
  flex-flow: column;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-1128 {
  background-color: #fdfdfd;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: calc(100% - 107px);
  max-height: calc(100% - 107px);
  margin-top: 50px;
  padding: 20px;
  display: flex;
  overflow: scroll;
}

.div-block-1129 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-1130 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1131 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1132 {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-1133 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-1134 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  display: flex;
}

.text-block-274 {
  color: #b4b4b4;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 140px;
  max-width: 140px;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
  overflow: hidden;
}

.div-block-1135 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-8 {
  text-decoration: none;
}

.div-block-1136 {
  z-index: 2147483647;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.form-block-7 {
  background-color: #fff;
  padding: 42px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-1137 {
  justify-content: flex-end;
  align-items: center;
  width: 150%;
  min-width: 150%;
  max-width: 150%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-1138 {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.div-block-1138.absolute {
  border-radius: 16px;
  position: absolute;
  right: 3px;
}

.div-block-1139 {
  border-bottom: 1px solid #ebebeb;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}

.text-field-6 {
  color: #333;
  border: 1px #0000;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 34px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.text-field-6:focus {
  outline-offset: 0px;
  outline: 0 solid #3330;
}

.text-field-6::placeholder {
  color: #aaa;
}

.text-field-6.no-outline:focus {
  outline-offset: 0px;
  outline: 0 #3330;
}

.text-field-6.tags {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
}

.image-262 {
  opacity: .2;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 14px;
}

.dropdownitem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.dropdownitem:hover {
  background-color: #fafafa;
}

.dropdownitem.selected {
  color: #333;
  background-color: #f7f7f7;
  border-radius: 8px;
}

.dropdownitem.alignleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.dropdownitem.cbdropp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  min-width: 100%;
  padding-right: 36px;
}

.dropdownitem.cbrow {
  padding-right: 30px;
}

.dropdownitem.cbrow.createcb {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-right: 48px;
}

.image-263 {
  width: 12px;
  height: 12px;
}

.text-block-275 {
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.text-block-275.light {
  color: #8b8b8b;
}

.text-block-275.light.chatbotdropdown {
  color: #9a9a9a;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.text-block-275.light.activecb {
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
}

.text-block-275.cbname {
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.text-block-275.cbname.activecb {
  max-width: 100px;
}

.text-block-275.cbname.notes {
  font-size: 11px;
}

.text-block-276 {
  font-size: 10px;
}

.div-block-1140 {
  padding: 2px;
}

.div-block-1141 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.text-block-277 {
  color: #838383;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.div-block-1142 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.div-block-1142.cbdrop {
  justify-content: flex-start;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  display: inline-flex;
}

.image-264 {
  width: 16px;
  height: 16px;
  display: inline-flex;
  position: relative;
}

.image-264.abso {
  position: absolute;
  right: 12px;
}

.div-block-1143 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-1144 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  height: auto;
  max-height: 260px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  overflow: scroll;
}

.div-block-1144.operatorss {
  padding-left: 3px;
  padding-right: 3px;
}

.div-block-1145 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-block-278 {
  color: #fff;
  background-color: #333;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-left: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  display: flex;
}

.div-block-1146 {
  background-color: #333;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  margin-left: 6px;
  padding: 0;
  display: flex;
}

.text-span-76 {
  font-weight: 800;
}

.text-block-279 {
  font-size: 12px;
  font-weight: 400;
}

.div-block-1147 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 5px;
  display: flex;
}

.div-block-1148 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1149 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-bottom: 10px;
  display: flex;
}

.div-block-1150 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-280 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.div-block-1151 {
  max-height: 500px;
  overflow: scroll;
}

.div-block-1151.crawl {
  max-height: none;
  overflow: visible;
}

.popup-header-wrap-2 {
  border-bottom: 1px solid #f0edfd;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-bottom: 0;
  padding: 12px 50px;
  display: flex;
}

.popup-header-wrap-2.modal {
  border-bottom-color: #f4f4f4;
  height: 52px;
  margin-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-1152 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.input-8 {
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: none;
  overflow: visible;
}

.text-block-281 {
  font-family: DM Sans, sans-serif;
}

.text-block-282 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.div-block-1153 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 2px solid #f7f7f7;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #00000026;
}

.text-block-283 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1154 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.div-block-1154.upper {
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.div-block-1154.upper.crawl {
  height: auto;
  min-height: auto;
  max-height: none;
}

.div-block-1155 {
  max-height: 60vh;
  padding: 30px 50px 20px;
  overflow: scroll;
}

.div-block-1156 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 13px;
  display: flex;
}

.image-265 {
  opacity: .8;
  width: 20px;
  height: 20px;
}

.div-block-1157 {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 420px;
  max-width: 420px;
  height: auto;
  font-family: Inconsolata, monospace;
  display: flex;
}

.tooltip-icon-container-5 {
  z-index: 1;
  background-color: #fbfbfb;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.tooltip-icon-container-5.kleiner {
  z-index: auto;
  width: 15px;
  height: 15px;
}

.div-block-1158 {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.div-block-1158.api-header {
  width: 50px;
  height: 46px;
  position: absolute;
  inset: auto 0% auto auto;
}

.div-block-1159 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 2px 5px -2px #0000001a;
}

.document-item-container-2 {
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding: 15px 20px;
  display: flex;
  overflow: visible;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.document-content-wrapper-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1160 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1160.csvupload {
  margin-top: 0;
  margin-bottom: 10px;
}

.text-block-284 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-284.documents {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  display: flex;
}

.div-block-1161 {
  flex-flow: column;
  display: flex;
}

.image-266 {
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.image-267 {
  width: 16px;
  height: 16px;
}

.div-block-1162 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-1163 {
  max-height: 560px;
  padding-left: 1px;
  padding-right: 1px;
  overflow: scroll;
}

.div-block-1163.datasources {
  overflow: visible;
}

.div-block-1164 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-1165 {
  cursor: pointer;
  background-color: #e5e5e51a;
  border: 2px dashed #0000001a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.div-block-1166 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.notice-3 {
  opacity: 1;
  background-color: #f22b2d0f;
  border-radius: 8px;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 50px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .15s;
  display: flex;
  position: relative;
  inset: auto auto 0%;
  box-shadow: 0 2px 5px #0000001a;
}

.notice-3.warning {
  text-align: left;
  background-color: #f9f3ec;
  border: 1px solid #e7b54980;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 46px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.notice-3.warning.large {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.div-block-1167 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-285 {
  margin-right: -5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-286 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.div-block-1168 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1169 {
  outline-offset: 0px;
  background-color: #754ad526;
  border-radius: 99px;
  outline: 4px solid #754ad514;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 4px;
  display: flex;
}

.image-268 {
  width: 14px;
  height: 14px;
}

.image-268.bigger {
  width: 18px;
  height: 18px;
}

.div-block-1170 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1170.crawl {
  max-height: 40vh;
  padding-bottom: 20px;
}

.div-block-1170.crawl.datasource {
  max-height: none;
  padding-bottom: 30px;
}

.div-block-1171 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1172 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-1173 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000000d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 260px;
  min-height: 50px;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 6px -2px #00000026;
}

.image-269 {
  opacity: .7;
  pointer-events: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.image-269.document-item {
  opacity: 1;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
}

.div-block-1174 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 120px;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.div-block-1174.select-boxes {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.div-block-1175 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-1176 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-input-2 {
  box-shadow: none;
  color: #333;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: Inter, sans-serif;
}

.form-input-2:active {
  box-shadow: none;
}

.form-input-2.formatted-input {
  height: 50px;
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 110px;
  font-size: 14px;
}

.text-block-287 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-1177 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1178 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-288 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1179 {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
}

.div-block-1180 {
  flex-flow: column;
  display: flex;
}

.div-block-1181 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.chatbot-title-2 {
  white-space: nowrap;
  min-height: 10px;
  max-height: 20px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.chatbot-title-2.crawl {
  font-weight: 600;
}

.input-prefill-2 {
  background-color: #fdfdfd;
  border: 1px solid #00000030;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 50px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-1182 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  padding-left: 5px;
  display: flex;
}

.div-block-1182.m {
  z-index: 2;
  position: relative;
}

.div-block-1182.m.scrape {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
}

.text-block-289 {
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-1183 {
  margin-top: 5px;
}

.notice-icon-6 {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 12px;
}

.div-block-1184 {
  padding-bottom: 10px;
}

.form-10 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.form-10.settings {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.text-block-290 {
  pointer-events: none;
  font-size: 12px;
  line-height: 12px;
}

.div-block-1185 {
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding-left: 0;
  display: flex;
}

.div-block-1185.item {
  border-top: 1px solid #0000001a;
  border-bottom-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-1185.item.api-header {
  justify-content: space-between;
  align-items: center;
  height: 47px;
}

.div-block-1186 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  display: flex;
}

.image-270 {
  width: 14px;
  height: 14px;
}

.div-block-1187 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.div-block-1189 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1190 {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.text-block-291 {
  color: #8a8a8a;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1191 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-292 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.div-block-1192 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #efefef;
  flex-flow: column;
  margin-top: 40px;
  padding: 12px;
  display: flex;
}

.textarea-3 {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}

.textarea-4 {
  height: 120px;
  min-height: 120px;
}

.div-block-1193 {
  justify-content: center;
  align-items: center;
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  display: flex;
  position: relative;
}

.div-block-1194 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 36px;
  max-height: 36px;
  display: flex;
}

.feedback-mechanism-icon {
  width: 14px;
  height: 14px;
}

.text-block-293 {
  color: #868686;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  position: relative;
}

.div-block-1195 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1196 {
  width: 360px;
}

.body-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-11 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 620px;
  display: flex;
}

.form-11.fullwidth {
  flex-flow: column;
  width: 100%;
}

.text-field-7 {
  border-radius: 6px;
  width: 220px;
  margin-bottom: 0;
}

.dropdown-toggle {
  justify-content: center;
  align-items: center;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.select-field {
  color: #333;
  border-radius: 6px;
  margin-bottom: 0;
}

.div-block-1197 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1197.tableheaderr {
  height: 40px;
}

.div-block-1197.tablerec {
  border-top: 1px solid #ececec;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-1198 {
  width: 120px;
}

.div-block-1198.wider {
  width: 180px;
}

.div-block-1199 {
  margin-top: 30px;
}

.submit-button-9 {
  background-color: #333;
  border-radius: 6px;
}

.button-19 {
  color: red;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  display: flex;
}

.tabletitle {
  font-weight: 700;
}

.div-block-1200 {
  margin-bottom: 80px;
}

.div-block-1201 {
  justify-content: flex-start;
  align-items: center;
  min-width: 160px;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1202 {
  border: 2px solid #dadada;
  border-radius: 6px;
}

.organization-icon {
  outline-offset: 0px;
  color: #fff;
  background-color: #794fec;
  border-radius: 7px;
  outline: 3px solid #ffffff8a;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
  box-shadow: 0 2px 5px 2px #0003;
}

.organization-icon.small {
  outline-width: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.organization-icon.large {
  border-radius: 12px;
  outline-width: 4px;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.text-block-294 {
  font-size: 18px;
  line-height: 18px;
}

.organization-initial {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.organization-initial.small {
  font-size: 10px;
  line-height: 10px;
}

.organization-initial.large {
  font-size: 18px;
}

.div-block-1204 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.div-block-1205 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-296 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-1206 {
  width: 100%;
  height: 30px;
}

.div-block-1207 {
  display: none;
}

.link-block-9 {
  color: #333;
  text-decoration: none;
}

.div-block-1208 {
  height: 36px;
}

.div-block-1209 {
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-1209.chatbot-item-action-wrap-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.div-block-1210 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-1211 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1212 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1213 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tablev3-list-item {
  border-top: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  display: flex;
  position: relative;
}

.tablev3-list-item-rowcolumn {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tablev3-list-item-rowcolumn.users-column1 {
  width: 280px;
}

.tablev3-list-item-rowcolumn.users-column2, .tablev3-list-item-rowcolumn.users-column4 {
  width: 200px;
}

.tablev3-list-item-rowcolumn.users-column3 {
  width: 140px;
  padding-right: 0;
}

.tablev3-list-item-rowcolumn.apikey-col-1 {
  width: 240px;
}

.tablev3-list-item-rowcolumn.apikey-col-2 {
  width: 260px;
}

.div-block-1215 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1216 {
  border-radius: 99px;
  width: 22px;
  height: 22px;
}

.text-block-297 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-298 {
  color: #999;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.text-block-298.black {
  color: #333;
}

.image-271 {
  border-radius: 99px;
}

.div-block-1217 {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-right: 16px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-1218 {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
}

.div-block-1218:hover {
  background-color: #f7f7f7;
  width: 26px;
  height: 26px;
}

.image-272 {
  opacity: .75;
  pointer-events: none;
  width: 14px;
  height: 14px;
}

.div-block-1219 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-273 {
  width: 15px;
  height: 15px;
}

.tablev3-list-item-headercolumn {
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tablev3-list-item-headercolumn.users-column1 {
  width: 280px;
}

.tablev3-list-item-headercolumn.users-column2 {
  width: 200px;
}

.tablev3-list-item-headercolumn.users-column3 {
  width: 140px;
}

.tablev3-list-item-headercolumn.apikey-col-1 {
  width: 240px;
}

.tablev3-list-item-headercolumn.apikey-col-2 {
  width: 260px;
}

.div-block-1220 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1221 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-299 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-299.purple {
  color: #333;
  font-size: 10px;
}

.div-block-1222 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-block-1225 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1226 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 9px;
  display: flex;
}

.div-block-1226.create-datasource-script {
  cursor: pointer;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  transition: all .15s;
}

.div-block-1226.create-datasource-script:hover {
  background-color: #f7f7f7;
}

.div-block-1226.create-datasource-script.selected {
  background-color: #f1f1f1;
}

.div-block-1226.create-datasource-script.selected:hover {
  background-color: #f7f7f7;
}

.div-block-1226.create-datasource-script.create-ds-preview {
  cursor: auto;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  width: 100%;
  padding: 10px 20px 10px 14px;
  box-shadow: 0 2px 3px -1px #0000000f;
}

.div-block-1226.create-datasource-script.create-ds-preview.noheight {
  height: auto;
  min-height: auto;
  max-height: none;
}

.div-block-1227 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1227.lessspace {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.inbox-list-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-1229 {
  width: 100%;
  height: 800px;
  min-height: 800px;
}

.inbox2-header {
  z-index: 10;
  border-bottom: 1px solid var(--border2);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  display: flex;
  position: relative;
}

.inbox2-header-container {
  height: 100%;
}

.inbox2-header-container.left {
  justify-content: space-between;
  align-items: center;
  width: 360px;
  min-width: 360px;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.inbox2-header-container.right {
  justify-content: center;
  align-items: center;
  width: calc(100% - 360px);
  padding-left: 26px;
  padding-right: 20px;
  display: flex;
}

.div-block-1230 {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  display: flex;
  position: relative;
}

.inbox-container {
  border-right: 1px solid var(--border2);
  width: 360px;
  height: 100%;
}

.div-block-1231 {
  background-color: var(--2light-background);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: calc(100% - 360px);
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-1232 {
  z-index: 1000;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.div-block-1233 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1234 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
  top: auto;
}

.chatinput-buttons-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-left: 8px;
  display: flex;
}

.image-274 {
  opacity: .75;
  width: 18px;
  height: 18px;
}

.div-block-1235 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1236 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-overflow: ellipsis;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100% - 68px);
  display: flex;
  overflow: hidden;
}

.div-block-1237 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fullwidth-label {
  background-color: #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
}

.fullwidth-label.purple {
  background-color: #f3efff;
}

.fullwidth-label.red {
  background-color: #fff6f6;
}

.image-275 {
  border-radius: 99px;
  width: 14px;
  height: 14px;
}

.div-block-1239 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-300 {
  color: #8b8b8b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.text-block-300.bold {
  color: #333;
  font-weight: 600;
}

.div-block-1240 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1241 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 6px 10px 6px 6px;
  display: flex;
}

.div-block-1242 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.image-276 {
  width: 18px;
  min-width: 18px;
}

.image-277 {
  opacity: .6;
  pointer-events: none;
  width: 115px;
  min-width: 110px;
  height: auto;
}

.image-277.small {
  width: 70px;
  min-width: 70px;
}

.div-block-1243 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-top: 1px solid #0000000f;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 10px;
  display: flex;
}

.div-block-1244 {
  background-color: #fafafa;
  border-radius: 99px;
  width: 80px;
  height: 22px;
}

.div-block-1244.w {
  background-color: #fff;
  width: 50px;
  height: 12px;
}

.div-block-1244.w.new {
  width: 12px;
}

.div-block-1244.w.ds {
  width: 90px;
}

.div-block-1245 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-1245.new {
  justify-content: center;
  align-items: center;
}

.div-block-1246 {
  justify-content: space-between;
  align-items: center;
  height: 36px;
  display: flex;
}

.div-block-1247 {
  padding: 12px 10px;
  position: relative;
}

.div-block-1247.agentssidebarscroll.agents {
  min-height: 100%;
  padding-top: 6px;
}

.div-block-1248 {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  display: flex;
}

.div-block-1248.wider {
  width: auto;
}

.div-block-1249 {
  border-bottom: 1px solid #f5f5f5;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-1249.border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #080808;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-1250 {
  justify-content: space-between;
  align-items: center;
  height: 28px;
  padding-left: 10px;
  display: flex;
}

.text-block-301 {
  font-size: 9px;
}

.image-278 {
  opacity: .7;
  width: 12px;
  height: 12px;
}

.div-block-1251 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-279 {
  overflow: visible;
}

.div-block-1252 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1253 {
  border: 2px solid #f5f5f5;
  border-radius: 8px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.div-block-1253.new {
  border-color: #f5f5f55c;
  height: 30px;
  min-height: 30px;
}

.list-header-title-2 {
  color: #565d6d;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
}

.div-block-1254 {
  background-color: #938ff33b;
  border: 3px solid #e1dfff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
}

.div-block-1254.small {
  width: 36px;
  height: 36px;
}

.div-block-1255 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1255.shared {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.div-block-1256 {
  background-color: #f5f5f5;
  height: 119px;
}

.div-block-1256.ds {
  height: 100%;
}

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

.div-block-1257.ds {
  width: 20px;
  height: 20px;
}

.div-block-1258 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-1259 {
  padding: 15px 10px 10px;
  display: flex;
}

.menu-item-container-2 {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.menu-item-container-2:hover {
  opacity: 1;
  background-color: #f8f8ff;
  border-color: #f8f8ff;
  border-radius: 6px;
}

.menu-item-container-2.w--current {
  outline-offset: 0px;
  color: #7e79f0;
  -webkit-text-stroke-color: #333;
  background-color: #f7f7ff;
  border: 1px solid #000;
  border-radius: 6px;
  outline: 2px #f3f3ff;
  height: 38px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: DM Sans, sans-serif;
  font-weight: 900;
  position: relative;
}

.menu-item-container-2.w--current:hover {
  background-color: #f8f8ff;
}

.text-block-302 {
  color: #818181;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
}

.text-block-303 {
  font-size: 11px;
  font-weight: 600;
}

.div-block-1260 {
  flex-direction: column;
  height: 100%;
  max-height: calc(100% - 214px);
  padding-top: 0;
  display: flex;
  overflow: scroll;
}

.image-280 {
  opacity: .7;
  pointer-events: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.image-280.type {
  opacity: 1;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 14px;
  margin-left: 4px;
  margin-right: 4px;
}

.div-block-1261 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1262 {
  background-color: #938ff33b;
  border: 3px solid #e1dfff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
}

.div-block-1262.small {
  width: 36px;
  height: 36px;
}

.div-block-1263 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-1263.new {
  justify-content: center;
  align-items: center;
}

.div-block-1264 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1265 {
  opacity: .6;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.div-block-1266 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  height: 119px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1266.ds {
  border-top: 1px #0000000d;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}

.div-block-1266.ds.new {
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-304 {
  font-size: 14px;
}

.text-block-304.smaller {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.image-281 {
  opacity: .6;
  pointer-events: none;
  width: 115px;
  min-width: 110px;
  height: auto;
}

.image-281.small {
  width: 70px;
  min-width: 70px;
}

.text-block-305 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.div-block-1267 {
  background-color: #eee;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.btn-icon-4 {
  z-index: 99;
  pointer-events: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 20px;
  position: absolute;
  inset: auto 30px auto auto;
}

.btn-icon-4.small {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-left: 0;
  position: static;
  right: 0;
}

.div-block-1268 {
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-1269 {
  border: 1px solid #ebebeb;
  border-radius: 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 4px -1px #0000001f;
}

.toolbar-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: ease;
  display: flex;
}

.image-282 {
  opacity: .75;
  width: 14px;
  height: 14px;
}

.text-block-306 {
  color: #717171;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.divider-vertical {
  background-color: var(--border2);
  width: 1px;
}

.active-listitem-indicator {
  z-index: 10;
  background-color: var(--primary_color);
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  width: 4px;
  min-width: 4px;
  height: 50%;
  position: absolute;
  inset: auto 0% auto auto;
}

.text-block-307 {
  color: #b9b9b9;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.div-block-1271 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1271.bot {
  height: 20px;
}

.div-block-1272 {
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-1273 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  cursor: pointer;
  background-color: #fff3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px 3px 6px;
  display: flex;
}

.text-block-308 {
  color: #fff;
  margin-bottom: 1px;
  font-size: 10px;
  line-height: 10px;
}

.image-283 {
  width: 13px;
  height: 13px;
}

.div-block-1274 {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-1274.assignpopup {
  padding-left: 0;
  padding-right: 0;
}

.text-block-309 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 12px;
}

.image-284 {
  opacity: .75;
  width: 16px;
  height: 16px;
}

.div-block-1275 {
  margin-bottom: 1px;
}

.div-block-1276 {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 99px;
  padding: 7px 14px;
}

.toggle-text {
  color: #898989;
  font-weight: 500;
}

.emptystate {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.emptystate.messages {
  z-index: 9999;
  background-color: #fefdfe;
  background-image: linear-gradient(#f8f8f8, #fff);
  display: none;
}

.emptystate.side {
  z-index: 1;
  background-color: #fcfcfc;
  height: 100%;
  min-height: 100%;
  display: none;
}

.emptystate-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.emptystate-textwrap {
  z-index: 1;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-285 {
  opacity: .82;
  border-radius: 8px;
  width: 140px;
  margin-top: -65px;
  margin-bottom: -18px;
}

.image-285.large {
  opacity: .67;
  border-radius: 0;
  width: 260px;
  height: auto;
  margin-bottom: -29px;
}

.text-block-310 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-block-311 {
  color: #979797;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.div-block-1277 {
  outline-offset: 0px;
  border: 1px solid #ededed;
  border-radius: 8px;
  outline: 3px #fff;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-1278 {
  background-color: #fff;
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 3px;
  position: relative;
  box-shadow: 0 1px 4px -1px #0000001a;
}

.div-block-1279 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  display: flex;
}

.image-286 {
  opacity: .7;
  width: 15px;
}

.div-block-1280 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-1281 {
  cursor: pointer;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .1s;
  display: flex;
  position: relative;
}

.div-block-1281:hover {
  background-color: #f3f3f3;
}

.div-block-1282 {
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px 8px 11px;
  transition: all .15s;
  display: flex;
  position: relative;
}

.div-block-1282:hover {
  background-color: #f5f5f5;
}

.div-block-1282.workspacebtn:hover {
  background-color: #0000;
}

.text-block-312 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.text-block-312.navhide {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 34px);
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.text-block-312.small {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1283 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1283.small {
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px 6px 7px;
  transition: all .15s;
}

.div-block-1283.small:hover {
  background-color: #fafafa;
}

.div-block-1283.truncate {
  max-width: calc(100% - 14px);
}

.div-block-1283.truncate.workspacebtntext {
  pointer-events: none;
}

.toolbar-btn-inner {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3px 10px;
  transition: all .1s;
  display: flex;
}

.div-block-1284 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-313 {
  color: #8b8b8b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  line-height: 10px;
}

.text-block-314 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.text-span-77 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
}

.div-block-1285 {
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  display: flex;
  box-shadow: 0 1px 3px #0000001a;
}

.text-block-315 {
  color: #a0a0a0;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  display: none;
  box-shadow: 0 1px 3px #0000001a;
}

.text-block-315.visible {
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  display: flex;
}

.div-block-1286 {
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
  position: absolute;
  inset: auto auto -3px -4px;
}

.div-block-1287 {
  cursor: pointer;
  position: relative;
}

.image-287 {
  width: 10px;
  height: 10px;
}

.div-block-1288 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-7 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.react {
  width: 800px;
  height: 400px;
}

.dropdown-row-container {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fdfdfd;
  border-radius: 99px;
  flex-flow: column;
  width: 100%;
  padding: 12px 16px 12px 12px;
  display: flex;
  position: relative;
}

.dropdown-row-container.bottom {
  z-index: 20;
  padding: 8px 12px;
}

.dropdown-row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  display: flex;
}

.dropdown-row.multicol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.dropdown-row.multicol.topalign {
  justify-content: flex-start;
  align-items: flex-start;
}

.dropdown-row-column {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  min-width: 100px;
  display: flex;
}

.dropdown-row-column.left {
  width: 130px;
  min-width: 130px;
}

.dropdown-row-column.left.topalign {
  margin-top: 9px;
}

.text-block-316 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}

.div-block-1291 {
  cursor: auto;
  width: 100%;
  transition: opacity .2s;
}

.div-block-1291.v2 {
  cursor: auto;
  min-width: 440px;
  padding-top: 6px;
  transition-property: all;
  display: none;
}

.dropdown-column {
  width: 100%;
}

.dropdown-selector {
  background-color: #fdfdfd;
  border: 1px solid #ececec;
  border-radius: 6px;
  height: 26px;
  padding: 4px;
}

.dropdown-selector.multi-select {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 33px;
  padding: 9px 20px 9px 10px;
  display: flex;
}

.dropdown-selector.multi-select.center {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.avatar.micro {
  border-radius: 99px;
  width: 13px;
  display: block;
}

.avatar.micro.sq {
  width: 16px;
}

.avatar.micro.square {
  border-radius: 4px;
}

.div-block-1292 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-317 {
  height: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.toggle-inputwrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 5px;
  transition: all .2s;
  display: flex;
}

.toggle-inputwrapper:hover {
  background-color: #f6f6f6;
}

.toggle-inputwrapper.stretch {
  justify-content: space-between;
  align-items: center;
}

.toggle-inputwrapper.largeinput {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 12px;
}

.toggle-inputwrapper.largeinput:hover {
  background-color: #f7f7f7;
}

.text-block-318 {
  color: #838383;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

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

.div-block-1293 {
  border-top: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
  padding: 8px 16px 8px 8px;
  display: flex;
  position: relative;
}

.image-288 {
  width: 16px;
  height: 16px;
}

.div-block-1294 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 1;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 6px;
  transition: all .1s;
  display: flex;
}

.div-block-1294:hover {
  background-color: #fff4f4;
  border-radius: 8px;
}

.text-block-319 {
  color: #ff6060;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.dropdown-selector-wrap {
  position: relative;
}

.div-block-1295 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1295.chatbotsdropdown {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: inline-flex;
  position: relative;
}

.div-block-1296 {
  width: 360px;
  height: auto;
  position: fixed;
  bottom: 0;
  left: 0;
}

.div-block-1297 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  display: flex;
}

.text-block-320 {
  color: #a1a1a1;
  height: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.div-block-1298 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1299 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1300 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  border-radius: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  display: flex;
  position: relative;
}

.div-block-1300:hover {
  border-radius: 8px;
}

.div-block-1300.square {
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding-left: 0;
  padding-right: 0;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: ease;
}

.div-block-1300.square:hover {
  background-color: #f3f3f3;
}

.div-block-1300.square.nobg {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.div-block-1300.square.nobg:hover {
  background-color: #0000;
}

.image-289 {
  opacity: .5;
  width: 18px;
  height: 18px;
}

.div-block-1301 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-listitem {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 34px);
  display: flex;
}

.filter-listitem.center {
  justify-content: flex-start;
  align-items: center;
}

.image-290 {
  opacity: .5;
  width: 16px;
  height: 16px;
}

.div-block-1303 {
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.div-block-1303:hover {
  background-color: #f4f4f4;
}

.div-block-1303.colorbg:hover {
  background-color: #e8e5ee;
}

.div-block-1304 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}

.image-291 {
  opacity: .6;
  width: 16px;
  height: 16px;
}

.div-block-1305 {
  position: relative;
  inset: auto 0% auto auto;
}

.div-block-1306 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 32px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  position: relative;
}

.div-block-1307 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #542cc133;
  border-radius: 16px 16px 6px 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding: 6px 20px;
  display: flex;
  position: relative;
}

.image-292 {
  width: 16px;
  height: 16px;
}

.text-block-321 {
  color: #542cc1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.div-block-1308 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 20px auto auto;
}

.image-293 {
  opacity: .5;
  width: 16px;
  height: 16px;
}

.chatinput-iconbtn-wrap {
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: all .15s;
  display: flex;
  position: relative;
}

.chatinput-iconbtn-wrap:hover {
  background-color: #f1f1f1;
}

.chatinput-iconbtn-wrap.active {
  background-color: #f0ebff;
}

.chatinput-iconbtn-wrap.active:hover {
  background-color: #d9cffa;
}

.div-block-1309 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1310, .div-block-1311 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.sidebar-menu-wrap {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 12px;
  display: flex;
}

.sidebar-menu-wrap.agents {
  padding-bottom: 6px;
}

.div-block-1313 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.secondarymenu-header {
  color: #b9b9b9;
  padding-left: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.secondarymenu-header.xsmall {
  margin-top: 5px;
  margin-bottom: 1px;
  margin-left: 2px;
  font-size: 10px;
  line-height: 10px;
}

.div-block-1314 {
  padding: 30px 100px;
}

.div-block-1316 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-1317 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-322 {
  color: #797979;
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.div-block-1318 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-1319 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1320 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f5f6;
  border: 1px solid #eeeff1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.div-block-1320.large {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 14px;
  padding-right: 14px;
}

.div-block-1320.large.purple {
  background-color: #eeeefe;
}

.div-block-1320.large.purple.center {
  border-color: #e2dbff;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding: 0 6px 0 12px;
}

.image-294 {
  height: 20px;
}

.image-295 {
  opacity: .75;
  width: 15px;
  height: 15px;
}

.text-block-323 {
  color: #777;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.small-menu-item-image {
  opacity: .75;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.div-block-1321 {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.div-block-1321.orgbtn {
  pointer-events: none;
}

.dropdown-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block-1322 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-296 {
  width: 12px;
  height: 12px;
}

.settings-contentwrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-top: 56px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.new-container-wrap {
  width: 600px;
  max-width: 800px;
}

.new-container-wrap.wider {
  width: 900px;
  max-width: 900px;
}

.new-container-wrap.datasources {
  flex-flow: column;
  width: 600px;
  max-width: 600px;
}

.new-container-wrap.datasources.fullheight {
  height: 100%;
  min-height: 100%;
}

.new-container-wrap.datasources.fullheight.widget-header-bg {
  width: 800px;
  max-width: 800px;
}

.new-container-wrap.datasources.fullheight.widget-header-bg.activedc {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 600px;
}

.new-container-wrap.datasources.productrecs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.div-block-1324 {
  margin-top: 80px;
}

.div-block-1325 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.content-form-header {
  background-color: #fff;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px 12px 30px;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.image-297 {
  opacity: .75;
  width: 15px;
  height: 15px;
}

.div-block-1327 {
  display: flex;
  position: relative;
}

.i {
  width: auto;
  height: auto;
}

.i.hi {
  padding: 0;
}

.div-block-1328 {
  display: flex;
}

.hgi.hgi-stroke {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1329 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.text-block-324 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-1330 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1331 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  overflow: scroll;
}

.div-block-1332 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-325 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1333 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-326 {
  color: #a1a1a1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.settings-input-togglewrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1335 {
  padding-top: 2px;
}

.div-block-1336 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1337 {
  padding-left: 12px;
  padding-right: 12px;
}

.div-block-1338 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.newdivider {
  background-color: #ececec;
  width: 100%;
  height: 1px;
}

.settingsgroup {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.settingsgroup.hide {
  display: flex;
}

.schedulecontainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.schedulerow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1339 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.simplecheckboxwrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.div-block-1340 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1341 {
  width: 141px;
}

.text-block-327 {
  color: #c4c4c4;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.div-block-1342 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1343 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1344 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-1345 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1346 {
  width: 160px;
}

.div-block-1347 {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-1347.header {
  border-bottom-style: none;
}

.div-block-1348 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-1349 {
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.div-block-1350 {
  display: flex;
}

.div-block-1351 {
  height: auto;
}

.text-block-328 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.div-block-1352 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1353 {
  flex-flow: column;
  display: flex;
}

.div-block-1354 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  padding: 6px;
  display: flex;
}

.div-block-1355 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.actionbar-pseudo {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#f8f8f800, #f8f8f8);
  height: 108px;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-1357 {
  z-index: 1;
  position: absolute;
  bottom: 20px;
}

.div-block-1358 {
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #f8f8f8cc;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  inset: auto 0% 0;
}

.div-block-1359 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.activechat-labels-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-1360 {
  z-index: 1000;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.chat-input-inactive-pseudo {
  z-index: 99;
  background-color: #ffffffb3;
  border-radius: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1362 {
  background-color: #f8f8f8cc;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-1363 {
  box-shadow: inset 0 2px 40px 40px #fefdfe;
}

.chatslist-avatarwrap {
  justify-content: center;
  align-items: center;
  display: inline-block;
  position: relative;
}

.div-block-1364 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-329 {
  color: #8962df;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 11px;
}

.text-block-329.red {
  color: #ff6868;
  -webkit-text-stroke-color: #e73838;
}

.div-block-1365 {
  opacity: .9;
}

.image-298 {
  position: absolute;
  inset: 0%;
}

.div-block-1366 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.input-9 {
  display: none;
}

.image-299 {
  opacity: .5;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
}

.div-block-1367 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.text-block-330 {
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.text-block-330.capitalize {
  text-transform: capitalize;
}

.text-block-331 {
  color: #a1a1a1;
  height: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-block-331.capitalize {
  text-transform: capitalize;
}

.div-block-1368 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-300 {
  opacity: .5;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
}

.div-block-1369 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-332 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-333 {
  color: #a1a1a1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.div-block-1370 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f5f6;
  border: 1px solid #eeeff1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.div-block-1371 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-301 {
  opacity: .75;
  width: 14px;
  height: 14px;
}

.image-302 {
  width: 16px;
  height: 16px;
  position: relative;
}

.div-block-1372 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1373 {
  width: 160px;
}

.div-block-1374 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-1375 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  padding: 4px;
  display: flex;
}

.text-block-334 {
  color: #777;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.text-block-335 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.div-block-1376 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-1377 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.slot {
  height: auto;
}

.input-10 {
  display: none;
}

.div-block-1378 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-1379 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slot-2 {
  height: auto;
}

.slot-3 {
  height: 32px;
}

.sidebar-icon-wrap {
  opacity: .8;
}

.dropdown-item-iconwrap {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  display: flex;
}

.div-block-1380 {
  display: none;
}

.div-block-1381 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1382 {
  justify-content: center;
  align-items: center;
  height: 1px;
  display: flex;
}

.image-303 {
  border-radius: 99px;
  position: absolute;
  inset: 0%;
}

.image-304 {
  opacity: .75;
  width: 16px;
  height: 16px;
}

.div-block-1383 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.form-block-9 {
  margin-bottom: 0;
}

.div-3 {
  display: none;
}

.image-305 {
  opacity: .7;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: -1px;
}

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

.tooltip-icon-container-6 {
  z-index: 1;
  background-color: #fbfbfb;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-1385 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slot-4 {
  height: 32px;
}

.image-306 {
  margin-top: 5px;
}

.text-block-336 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-336.secondaryheading {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.div-block-1386 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1387 {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: flex;
}

.div-block-1388 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-1389 {
  background-color: #fff;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px 12px 30px;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.div-block-1390 {
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
}

.form-input-3 {
  box-shadow: none;
  color: #333;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input-3:active {
  box-shadow: none;
}

.form-input-3.multi-line {
  height: 90px;
  padding-top: 15px;
  padding-left: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.div-block-1391 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdf7ee;
  border: 1px solid #f3d49f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 8px 8px 8px 10px;
  display: flex;
}

.text-block-337 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-1392 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1393 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000000d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 260px;
  min-height: 50px;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 6px -2px #00000026;
}

.div-block-1394 {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.div-block-1394.multi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  border-right-color: #f4f4f4;
  flex-flow: column;
  width: 280px;
  min-width: 280px;
  max-width: 220px;
  height: auto;
  min-height: 80px;
  margin-top: 0;
  padding-right: 0;
}

.text-block-338 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1395 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1396 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-1397 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-1398 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.tooltip-icon-container-7 {
  z-index: 1;
  background-color: #fbfbfb;
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.tooltip-icon-container-7.kleiner {
  z-index: auto;
  width: 15px;
  height: 15px;
}

.image-307 {
  margin-top: 5px;
}

.text-block-339 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-339.secondaryheading {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.div-block-1399 {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: flex;
}

.div-block-1400 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-1401 {
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
}

.form-input-4 {
  box-shadow: none;
  color: #333;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input-4:active {
  box-shadow: none;
}

.div-block-1402 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdf7ee;
  border: 1px solid #f3d49f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 8px 8px 8px 10px;
  display: flex;
}

.div-block-1403 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000000d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 260px;
  min-height: 50px;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 6px -2px #00000026;
}

.div-block-1404 {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.div-block-1404.multi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  border-right-color: #f4f4f4;
  flex-flow: column;
  width: 280px;
  min-width: 280px;
  max-width: 220px;
  height: auto;
  min-height: 80px;
  margin-top: 0;
  padding-right: 0;
}

.text-block-340 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1405 {
  background-color: #0000001a;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-1406 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-1407 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-1408 {
  cursor: pointer;
  align-items: center;
  min-height: 40px;
  padding-left: 10px;
  display: flex;
}

.div-block-1408._1 {
  z-index: 20;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-1408._2 {
  z-index: 19;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-1408._3 {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-1408._4 {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.div-block-1409 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-308 {
  width: 12px;
  height: 12px;
  position: absolute;
  inset: auto 10px auto auto;
}

.div-block-1410 {
  margin-left: 0;
}

.div-block-1411 {
  position: relative;
}

.text-block-341 {
  color: #ff0000b8;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.slot-5 {
  height: 32px;
}

.div-block-1412 {
  align-items: center;
  height: 50px;
  display: flex;
}

.div-block-1413 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.image-309 {
  margin-top: 5px;
}

.text-block-342 {
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.text-block-342.secondaryheading {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.div-block-1414 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1415 {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: flex;
}

.div-block-1416 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-1417 {
  background-color: #fff;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px 12px 30px;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.div-block-1418 {
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
}

.form-input-5 {
  box-shadow: none;
  color: #333;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.form-input-5:active {
  box-shadow: none;
}

.form-input-5.codeblock {
  color: #fff;
  background-color: #262626;
  border: 2px solid #5c5c5c;
  max-width: 100%;
  min-height: 100px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  font-family: Inconsolata, monospace;
}

.div-block-1419 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdf7ee;
  border: 1px solid #f3d49f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 8px 8px 8px 10px;
  display: flex;
}

.text-block-343 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-1420 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1421 {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000000d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 260px;
  min-height: 50px;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 6px -2px #00000026;
}

.div-block-1422 {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.div-block-1422.multi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  border-right-color: #f4f4f4;
  flex-flow: column;
  width: 280px;
  min-width: 280px;
  max-width: 220px;
  height: auto;
  min-height: 80px;
  margin-top: 0;
  padding-right: 0;
}

.text-block-344 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-345 {
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1423 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1424 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-1425 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-1426 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1427 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1428 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1429 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.div-block-1430 {
  display: flex;
  position: relative;
}

.div-block-1431 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1432 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px 4px 6px;
  display: flex;
}

.div-block-1432.nopad {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: auto;
  max-width: 340px;
  padding: 0;
  overflow: hidden;
}

.div-block-1432.nopad.customtool {
  min-width: 150px;
}

.text-block-346 {
  color: #999;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.text-block-346.body {
  color: #757575;
  line-height: 16px;
}

.text-block-346.lighter {
  color: #c9c9c9;
}

.text-block-346.dark {
  color: #333;
  font-weight: 500;
}

.div-block-1433 {
  background-color: #116ae7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.div-block-1434 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.bold {
  color: #3b3b3b;
  font-weight: 500;
}

.div-block-1435 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.teaminboxgate {
  z-index: 10;
  opacity: 0;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  cursor: pointer;
  background-color: #fcfcfc4d;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.teaminboxgate:hover {
  opacity: 1;
}

.teaminboxgate.notes {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  margin-top: -16px;
  padding-bottom: 30px;
  bottom: 0%;
}

.div-block-1437 {
  width: 340px;
}

.div-block-1438 {
  display: flex;
}

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

.div-block-1440 {
  background-image: linear-gradient(360deg, #fcfcfc, #fff0);
  height: 20px;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-1441 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.text-block-347 {
  color: #080808;
  letter-spacing: .3px;
  font-family: Thicccboi, sans-serif;
  font-size: 14px;
}

.text-block-348 {
  letter-spacing: .1px;
  padding-left: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-1442 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 18px;
  display: flex;
}

.div-block-1443 {
  width: 20px;
  height: 30px;
  margin-right: 0;
  padding: 5px 0;
}

.div-block-1444 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tooltip-container-4 {
  z-index: 100;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-bottom: 1px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-1445 {
  z-index: 13;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fcfcff;
  border: 1px solid #f4f4ff;
  border-radius: 8px;
  flex-flow: column;
  width: 260px;
  max-width: 260px;
  min-height: auto;
  padding: 12px;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 10px -1px #0003;
}

.image-310 {
  opacity: 1;
}

.tooltip-icon-container-8 {
  z-index: 0;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
  box-shadow: 0 3px 6px #0000001a;
}

.tooltip-wrap-4 {
  z-index: 7;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 0;
  padding: 5px 0 5px 5px;
  display: flex;
  position: relative;
}

.tooltip-icon-4 {
  opacity: 1;
}

.tooltip-content-wrap-4 {
  z-index: 1;
  opacity: 1;
  padding-left: 32px;
  transition: all .2s;
  display: none;
  position: absolute;
  bottom: 35px;
  left: auto;
  right: -5px;
}

.image-311 {
  width: 12px;
  height: 12px;
}

.div-block-1446 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  position: relative;
}

.button-hover-pseudo {
  border-radius: 8px;
  transition: all .1s;
  position: absolute;
  inset: 0%;
}

.button-hover-pseudo:hover {
  background-color: #f3f3f3;
}

.div-block-1447 {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 100%;
  padding-top: 5px;
  display: flex;
}

.loadmorebtn {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 8px 8px 12px;
  display: flex;
}

.image-312 {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
}

.div-block-1448 {
  z-index: 10;
  width: 100%;
  margin-top: -16px;
  position: relative;
}

.div-block-1449 {
  background-color: #26d366;
  border-radius: 99px;
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  height: 8px;
  min-height: 8px;
  max-height: 8px;
  position: absolute;
  inset: auto -1px -1px auto;
}

.div-block-1450 {
  position: relative;
}

.div-block-1451 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-349 {
  margin-top: 1px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-349.preview {
  font-size: 14px;
}

.div-block-1452 {
  justify-content: center;
  align-items: center;
  height: 22px;
  display: flex;
}

.div-block-1453 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 5px 8px;
  transition: all .15s;
  display: flex;
  position: relative;
}

.div-block-1453:hover {
  background-color: #f4f4f4;
}

.div-block-1454 {
  position: relative;
}

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

.div-block-1456 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1457 {
  max-width: 260px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-1458 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-1458.multi-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  max-width: 100%;
}

.div-block-1459 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  min-width: 260px;
  max-width: 500px;
  padding: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px -2px #0000001a;
}

.div-block-1460 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-1461 {
  background-color: var(--primary_color);
  border-radius: 99px;
  width: 5px;
  min-width: 5px;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-1462 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-left: 18px;
  display: flex;
}

.text-block-350 {
  color: #b1b1b1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-style: italic;
}

.text-block-351 {
  color: #868686;
  font-size: 10px;
  line-height: 10px;
}

.image-313 {
  z-index: 10;
  background-color: #fff;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.chat-currentchatbot-initials {
  text-transform: uppercase;
}

.div-block-1463 {
  display: flex;
  position: relative;
}

.btn-pseudo {
  border-radius: 10px;
  transition: all .15s;
  position: absolute;
  inset: 0%;
}

.btn-pseudo:hover {
  background-color: #f5f5f5;
}

.div-block-1464 {
  position: relative;
}

.div-block-1465 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.gate-wrap {
  width: 100%;
  position: relative;
}

.div-block-1466 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 460px;
  display: flex;
}

.div-block-1466.r {
  justify-content: center;
  align-items: flex-end;
  width: auto;
}

.div-block-1467 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.div-block-1468 {
  padding-left: 14px;
}

.div-block-1469 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.skeletonwrap {
  z-index: 99;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.success-message-2 {
  background-color: #fff;
  padding: 0;
}

.text-block-352 {
  text-align: left;
  text-overflow: ellipsis;
  width: 90%;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.pw-dots {
  opacity: .49;
  letter-spacing: 2px;
  font-size: 12px;
}

.div-block-1470 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-1471 {
  opacity: 0;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff6;
  justify-content: center;
  align-items: center;
  width: 120%;
  height: 150%;
  transition: all .15s;
  display: flex;
  position: absolute;
  inset: auto;
}

.div-block-1471:hover {
  opacity: 100;
}

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

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

.div-block-1474 {
  flex-flow: column;
  display: flex;
}

.slot-6 {
  height: auto;
}

.div-block-1475 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  min-height: 40px;
  display: flex;
}

.select-box-item {
  outline-offset: 0px;
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  outline: 1px solid #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4px 20px 12px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 #0000000d, 0 2px 4px -1px #0000001a, 0 0 #754ad4;
}

.select-box-item:hover {
  box-shadow: 0 0 0 4px #0000000d, 0 2px 4px -2px #0003, 0 0 #754ad4;
}

.select-box-item.selected {
  outline-offset: 0px;
  outline: 1px solid #fff;
  box-shadow: 0 0 0 4px #754ad4;
}

.select-box-item.horizontal {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
}

.div-block-1476 {
  width: 50%;
  text-decoration: none;
}

.div-block-1476.disabled {
  opacity: .3;
  pointer-events: none;
}

.selectbox-textwrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-314 {
  object-fit: contain;
  width: 100%;
  height: 100px;
  margin-bottom: -6px;
}

.text-block-353 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-354 {
  color: #b3b3b3;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
}

.div-block-1477 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.multi-select-box-unchecked {
  border: 1px solid #eee;
  border-radius: 99px;
  width: 16px;
  height: 16px;
}

.multi-select-box-checked {
  width: 16px;
  height: 16px;
}

.div-block-1479 {
  display: flex;
}

.datasources-listitem-icon-wrap {
  background-image: linear-gradient(60deg, #ffffff80, #fff0);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  box-shadow: 0 2px 1px -1px #0003;
}

.datasources-listitem-icon-wrap.purple {
  background-color: #754ad4;
}

.datasources-listitem-icon-wrap.orange {
  background-color: #eb9f2f;
}

.datasources-listitem-icon-wrap.blue {
  background-color: #0679e5;
}

.datasources-listitem-icon-wrap.border {
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #ebebeb;
  outline: 1px solid #ebebeb;
}

.datasources-listitem-icon-wrap.preview {
  width: 30px;
  height: 30px;
}

.datasources-listitem-icon-wrap.preview.purple {
  border-radius: 8px;
  width: 20px;
  height: 20px;
}

.datasources-listitem-icon-wrap.preview.borderr {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  width: 22px;
  height: 22px;
}

.datasources-listitem-icon-wrap.large {
  border-radius: 6px;
  width: 20px;
  height: 20px;
  box-shadow: 0 3px 1px -1px #0003;
}

.datasources-listitem-icon-wrap.large.border {
  outline-offset: 0px;
  border-style: none;
  outline: 1px solid #ebebeb;
  box-shadow: 0 2px 1px -1px #0003;
}

.div-block-1480 {
  flex-flow: column;
  display: none;
}

.div-block-1481 {
  flex-flow: column;
  display: flex;
}

.div-block-1482 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.create-datasource-preview {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1483 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-355 {
  color: #1a9921;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.actions-step-container {
  flex-flow: column;
  display: flex;
}

.image-315 {
  vertical-align: text-top;
  object-fit: contain;
  width: 22px;
  height: 22px;
}

.div-block-1485 {
  border: 1px solid #eee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: flex;
  box-shadow: 0 1px 3px -1px #0000001a;
}

.div-block-1486 {
  width: 50%;
}

.image-316 {
  object-fit: contain;
  width: 12px;
  height: 12px;
}

.image-316.large, .image-317 {
  width: 14px;
  height: 14px;
}

.div-block-1487 {
  display: none;
}

.div-block-1488 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.code-embed-9 {
  width: 72%;
  margin-bottom: 0;
}

.div-block-1489 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-block-356 {
  letter-spacing: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.mobile-controls {
  border-bottom: 1px solid #f4f4f4;
  padding-left: 10px;
  display: none;
}

.div-block-1490 {
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.mobile-header {
  display: none;
}

.div-block-1491 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1492 {
  height: 100%;
  position: relative;
}

.div-block-1492.neww {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1493 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-1494 {
  display: flex;
}

.div-block-1495, .div-block-1496 {
  width: 50%;
}

.div-block-1497 {
  display: none;
  position: absolute;
  right: 12px;
}

.div-block-1498 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1499 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.text-block-357 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
}

.div-block-1500 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 10px;
  display: flex;
}

.div-block-1500:hover {
  background-color: #ffffff7a;
}

.div-block-1500.whitebg {
  border-radius: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-1500.whitebg:hover {
  background-color: #e7e7e77a;
}

.div-block-1501 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-358 {
  color: #8b8b8b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.div-block-1502 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1503 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

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

.div-block-1504 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1505 {
  pointer-events: none;
  cursor: not-allowed;
}

.div-block-1506 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1507 {
  border: 1px solid #eee;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.div-block-1507.formbuilder {
  justify-content: space-between;
  align-items: center;
  padding: 50px 20px;
  box-shadow: 0 2px 3px #0000000d;
}

.div-block-1508 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 0 4px 0 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
  transition: all .1s;
  display: flex;
}

.div-block-1508:hover {
  background-color: #f7f7f7;
}

.div-block-1508.btjm {
  border: 1px #000;
}

.div-block-1509 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-360 {
  color: #858585;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.text-block-361 {
  color: #a1a1a1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
}

.div-block-1510 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1510.chatbots {
  display: none;
}

.div-block-1511 {
  border: 1px solid #eee;
  border-radius: 12px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 3px #0000000d;
}

.div-block-1512 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1513 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  min-height: 30px;
  display: flex;
}

.div-block-1514 {
  border-bottom: 1px solid #eee;
  padding: 3px;
}

.div-block-1514.btm {
  border-bottom-style: none;
}

.div-block-1515 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-1516 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.div-block-1517 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.code-embed-10 {
  width: 100%;
}

.div-block-1518 {
  width: 100%;
  padding: 4px 14px 4px 6px;
}

.div-block-1519 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #e3e3e3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 200px;
  padding: 10px 14px;
  display: flex;
}

.div-block-1520 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-1521 {
  width: 100px;
  padding: 3px;
}

.div-block-1521.fullw {
  border-top: 1px solid #e3e3e3;
  width: 100%;
  padding: 4px;
}

.div-block-1522 {
  margin-bottom: 40px;
}

.div-block-1523 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1524 {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1525 {
  justify-content: space-between;
  align-items: center;
  padding: 6px 18px;
  display: flex;
}

.div-block-1526 {
  background-color: #f9f9fb;
  border: 1px solid #f3f3f3;
  border-radius: 11px;
}

.div-block-1527 {
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.div-block-1528 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 6px 8px 6px 16px;
  display: flex;
}

.text-block-362 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-362.light {
  color: #c4c4c4;
  font-weight: 400;
}

.div-block-1529 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1530 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-318 {
  opacity: .7;
  width: 18px;
  height: 18px;
}

.div-block-1531 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.text-block-363 {
  color: silver;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.div-block-1532 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 3px;
  display: flex;
  box-shadow: 0 2px 3px -1px #0000000f;
}

.div-block-1533 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1534 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1535 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #333;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 8px 16px 8px 12px;
  text-decoration: none;
  transition: opacity .1s;
  display: flex;
}

.div-block-1535:hover {
  background-color: #fafafa;
}

.text-block-364 {
  color: #c4c4c4;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  display: none;
}

.text-block-365 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.div-block-1536 {
  width: 100%;
  padding: 0;
}

.div-block-1537 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-1538 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1539 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-1540 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-1541 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  height: 14px;
  display: flex;
}

.div-block-1542 {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}

.text-block-366 {
  margin-bottom: 16px;
}

.div-block-1543 {
  width: 50%;
  display: flex;
}

.div-block-1544 {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.div-block-1545 {
  max-height: calc(100% - 160px);
  position: relative;
  overflow: scroll;
}

.image-319 {
  opacity: .7;
  width: 12px;
}

.div-block-1546 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1547 {
  display: flex;
}

@media screen and (max-width: 991px) {
  .chatbots-select.inbox.settings.headers.small.sharing {
    min-width: 32px;
  }

  .back-to-dash-icon {
    min-height: 22px;
  }

  .settings-title.document {
    font-size: 12px;
  }

  .widget-close-icon {
    height: 8px;
  }

  .div-block-208.margin {
    padding-bottom: 20px;
  }

  .minimum-breakpoint-gate {
    background-color: #fbfbffe6;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .image-180 {
    opacity: .8;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .div-block-568 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-569 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 120px;
    display: flex;
  }

  .text-block-146 {
    font-size: 16px;
    font-weight: 600;
  }

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

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .beta-modal {
    height: 200px;
  }
}

@media screen and (max-width: 767px) {
  .chat-wrapper-button {
    bottom: 45px;
  }

  .widget-chatbox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-height: 84vh;
    font-size: 13px;
    bottom: 17px;
    right: -15px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .nothing-found-holder {
    grid-template-columns: minmax(4rem, 4rem);
  }
}

@media screen and (max-width: 479px) {
  .dashboard-wrapper {
    min-height: 100svh;
    max-height: 100svh;
  }

  .dashboard-wrapper.scrollable {
    max-height: 100svh;
    padding-top: 0;
  }

  .chatbots-select.inbox {
    height: 40px;
  }

  .chatbots-select.inbox.date-search, .chatbots-select.inbox.date-search.searchbar {
    width: 40px;
    min-width: 40px;
  }

  .chatbots-select.inbox.settings {
    width: 46%;
  }

  .header-wrap {
    z-index: 100;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
  }

  .header-wrap.desktop-wrap {
    display: flex;
  }

  .header-wrap.mobile-wrap {
    z-index: 2;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .white-container.popup-modal.livechat {
    width: calc(100% - 40px);
  }

  .white-container.popup-modal.login-old {
    display: flex;
  }

  .button {
    height: 42px;
    font-size: 14px;
  }

  .popup-header-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-2 {
    background-image: radial-gradient(circle at 0 100%, #e1e0ff, snow);
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }

  .body-2.login {
    height: 100svh;
    min-height: auto;
    max-height: 100svh;
    overflow: hidden;
  }

  .dropdown-container.chatinbox {
    display: none;
    top: 38px;
  }

  .dropdown-container.chatinbox.allfilters {
    width: 100vw;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
    inset: 38px -66px auto auto;
  }

  .notice.notice-wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    top: 25px;
    left: 25px;
    right: auto;
  }

  .div-block-26 {
    display: none;
  }

  .dashboard-container {
    height: 100svh;
    min-height: 100svh;
    max-height: 100svh;
  }

  .chatbot-thumbnail.active_chat {
    display: none;
  }

  .dashboard-content-wrapper.inbox {
    height: 100vh;
    max-height: 100svh;
    padding: 0;
  }

  .dashboard-content-wrapper.fullscreen {
    height: calc(100svh - 56px);
    min-height: calc(100svh - 56px);
    max-height: calc(100svh - 56px);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .inbox-chatbot-wrapper {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }

  .inbox-menu {
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
  }

  .navbar-item._25.searchbar {
    width: 40px;
    height: 40px;
  }

  .image-11.inbox-search {
    margin-top: -1px;
  }

  .message-grid-container {
    z-index: 0;
    padding-top: 0;
  }

  .grid-3 {
    padding-top: 5px;
  }

  .inbox-messages-container {
    z-index: 10;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .grid-4 {
    place-items: start stretch;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .messagebody {
    margin-right: 20px;
    font-size: 10px;
  }

  .text-block-21 {
    white-space: nowrap;
    max-width: 100%;
    padding-left: 0;
    font-size: 12px;
    line-height: 22px;
  }

  .div-block-58 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: auto;
    position: relative;
  }

  .div-block-59 {
    border-radius: 4px;
    height: 20px;
    margin-left: 0;
  }

  .image-12 {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
  }

  .text-block-22 {
    font-size: 8px;
  }

  .sidebar._45vw.inbox-sidebar.inbox-sidebar-inputscontainer {
    width: 100%;
    min-width: auto;
  }

  .div-block-63 {
    padding-right: 50px;
  }

  .loader-wrap.l {
    width: 100vw;
  }

  .button-footer.modal, .form-inputs-container.modal, .form-inputs-container.modal {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-secondary.newchatbot.breakpointbtn {
    margin-left: 0;
  }

  .button-secondary.inbox-header.prev-btn {
    margin-left: 0;
    margin-right: 6px;
    display: flex;
  }

  .button-secondary.inbox-header.more-info {
    position: absolute;
    inset: auto 20px auto auto;
  }

  .button-secondary.inbox-header.more-info.smaller.mobile {
    position: relative;
    right: 0;
  }

  .button-secondary.inbox-header.prev-btn {
    width: 30px;
    height: 30px;
    margin-left: 0;
    margin-right: 6px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-3.small.inbox {
    padding-left: 0;
  }

  .icon.angle {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .chat-wrapper-button {
    min-width: 60px;
    min-height: 60px;
    bottom: 0;
  }

  .ms-chat-icon {
    width: 60px;
    height: 60px;
  }

  .widget-close-icon {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
  }

  .widget-messages-grid {
    position: static;
  }

  .widget-chatbox {
    box-shadow: none;
    border-radius: 20px;
    max-height: 100vh;
    bottom: 0;
    right: 0;
  }

  .widget-linkpreview-content {
    width: auto;
    max-width: 400px;
  }

  .widget-linkpreview-text {
    min-width: auto;
  }

  .widget-linkpreview-title, .widget-linkpreview-subtitle {
    max-width: 100%;
  }

  .widget-linkpreview-title-block {
    width: auto;
    min-width: auto;
  }

  .widget-link-preview-item {
    width: auto;
  }

  .messagelist {
    overflow: hidden;
  }

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

  .textarea {
    min-height: 62px;
  }

  .messages-list-container-container.scrollable {
    max-width: 100%;
  }

  .div-block-142 {
    display: none;
  }

  .messages-and-grid-wrap {
    z-index: 99;
    background-color: #f8f8f8;
    width: 100%;
    max-width: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .messages-and-grid-wrap.mobilehide, .vertical-divider.vertical {
    display: none;
  }

  .div-block-163 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    min-width: 230px;
    height: 110px;
  }

  .div-block-169 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .popup-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .sidebar-modal.inbox-sidebar {
    max-height: 100svh;
    display: none;
  }

  .livechat-popup-container {
    display: none;
  }

  .div-block-185 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .navbar-container {
    display: none;
  }

  .btn-icon-2.navbar {
    width: auto;
    min-width: auto;
    height: 24px;
  }

  .heading-2-content {
    font-size: 22px;
    line-height: 34px;
  }

  .button-outline.hero {
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-block-120 {
    letter-spacing: .3px;
    font-weight: 400;
  }

  .sub-title-paragraph.content {
    font-size: 16px;
  }

  .sub-title-paragraph.content.klein {
    margin-bottom: 10px;
  }

  .sub-title-paragraph.content.klein.pricing {
    margin-bottom: 0;
  }

  .button-17.header {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-outline-arrow {
    width: 100%;
  }

  .text-block-124 {
    font-size: 16px;
  }

  .text-block-124.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .text-block-129 {
    letter-spacing: .3px;
    font-weight: 400;
  }

  .button-18.header {
    border-radius: 10px;
    padding: 12px 8px 12px 20px;
  }

  .text-block-131 {
    font-size: 16px;
  }

  .text-block-131.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .div-block-481 {
    min-width: 255px;
  }

  .div-block-482 {
    width: auto;
    max-width: 100%;
  }

  .widget-divider-container-4.date {
    max-width: 100%;
  }

  .chats-header-container {
    z-index: 1;
    position: relative;
  }

  .text-block-133 {
    font-size: 16px;
  }

  .message-type-wap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .minimum-breakpoint-gate {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #fbfbffe6;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-568 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-569 {
    width: 100%;
    height: auto;
  }

  .text-block-146, .text-block-147 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .center-wrap {
    max-width: 100%;
  }

  .center-wrap.timestamp {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .left-column-signup {
    display: none;
  }

  .right-column-signup {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-390 {
    display: none;
  }

  .div-left {
    order: 1;
    width: 100%;
  }

  .div-left.right {
    width: 100%;
  }

  .text-block-149, .subtitle-label.kleur.blauw, .subtitle-label.kleur.blauw.paars {
    font-size: 16px;
  }

  .button-outline-2 {
    height: auto;
    margin-top: 20px;
    padding: 12px 16px 12px 20px;
  }

  .button-outline-2.hero {
    justify-content: center;
    align-items: center;
    padding: 12px 16px 12px 20px;
  }

  .heading-2-content-2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
  }

  ._3-checks-div-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-575 {
    margin-top: 0;
  }

  .div-block-575.groter {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .div-block-576 {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .faint-text {
    font-size: 10px;
  }

  .faint-text.mobile.hide {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 12px;
    display: none;
  }

  .faint-text.mobile.hide.desktop {
    display: none;
  }

  .faint-text.mobile.hide.desktop.signup {
    flex-flow: wrap;
    font-size: 10px;
    display: flex;
  }

  .faint-text.mobile.hide.desktop.signup.oldenv {
    display: none;
  }

  .faint-text.mobile.hide.desktop.signup.showmobile {
    width: 100%;
    display: flex;
  }

  .form-wrapper {
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .submit-button-5 {
    padding-bottom: 10px;
    font-weight: 600;
  }

  .submit-button-5.signup {
    padding-bottom: 10px;
  }

  .div-block-223 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .div-block-223.pw {
    margin-bottom: 10px;
  }

  .h1_small {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5em;
  }

  .h1_small.signupheader {
    text-align: left;
    font-size: 16px;
  }

  .google-auth {
    width: 100%;
    height: auto;
  }

  .div-block-173 {
    z-index: 99;
    justify-content: center;
    width: 100%;
    min-width: 240px;
    height: 80px;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .flex-row_center.mobile {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

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

  .form-container {
    align-items: flex-start;
    width: 90vw;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
  }

  .form-container.signup {
    width: 100%;
    min-width: 100%;
  }

  .form-container.signup.signupp {
    align-items: stretch;
    width: auto;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .form-container.signup.login {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .form-container.signup.auth-form {
    width: 100%;
    min-width: 100%;
  }

  .sub-header-text.underline {
    text-decoration: none;
  }

  .text-span-57 {
    color: #1aff12;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 900;
  }

  .inbox-empty-state, .inbox-empty-state.chatbot {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    display: none;
  }

  .image-194 {
    width: 80%;
    min-width: auto;
    max-width: 100%;
  }

  .div-block-639 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-block-174 {
    width: 90%;
  }

  .text-block-174.mobile {
    flex-flow: column;
    display: block;
  }

  .text-block-174.desktop {
    display: none;
  }

  .login-form {
    width: 100%;
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .login-form.tool-output-logs-modal-styling {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .inputs-container.auth-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .div-block-696 {
    max-width: 100%;
  }

  .text-block-184 {
    letter-spacing: .3px;
    font-weight: 400;
  }

  .pricing-column-2, .pricing-column-2.middle {
    width: 100%;
  }

  .text-block-186 {
    font-size: 16px;
  }

  .text-block-186.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .tooltip-content-wrap-2 {
    left: auto;
    right: -5px;
  }

  .pricing-div-2 {
    flex-flow: column;
    width: 100%;
  }

  .div-block-713 {
    z-index: 10000000;
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    margin-top: 0;
    position: relative;
    top: 0;
    bottom: auto;
  }

  .div-block-714 {
    display: none;
  }

  .text-block-187 {
    font-family: Thicccboi, sans-serif;
    font-weight: 400;
  }

  .div-block-718 {
    z-index: 1;
    background-color: #fff0;
    border-bottom: 1px solid #fff;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 40px;
    padding: 60px 20px 10px;
    display: flex;
    position: sticky;
    top: 55px;
  }

  .div-block-719 {
    background-color: #0000001a;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    margin-top: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-721 {
    width: 170px;
  }

  .heading-2-content-3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
  }

  .text-block-188.wit {
    display: flex;
  }

  .pricing-plans-2 {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-730 {
    width: 100%;
    min-width: 100%;
  }

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

  .code-embed-2 {
    background-color: #fff;
    border-radius: 15px;
    height: 1000px;
    padding: 20px;
  }

  .div-block-780 {
    left: 20px;
  }

  .image-209 {
    width: 120px;
  }

  .div-block-783 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-78 {
    font-size: 12px;
  }

  .div-block-805 {
    display: none;
  }

  .div-block-808, .div-block-809 {
    width: 100%;
  }

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

  .text-block-211 {
    font-size: 16px;
  }

  .text-block-211.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .div-block-357 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-357.new {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .tooltip-content-wrap-3 {
    left: auto;
    right: -5px;
  }

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

  .text-block-214 {
    font-family: Thicccboi, sans-serif;
    font-weight: 400;
  }

  .sub-title-paragraph-2 {
    width: 100%;
    max-width: 330px;
  }

  .sub-title-paragraph-2.content {
    font-size: 16px;
  }

  .sub-title-paragraph-2.content.klein {
    margin-bottom: 10px;
  }

  .sub-title-paragraph-2.content.klein.geen-margin {
    margin-bottom: 0;
  }

  .sub-title-paragraph-2.block, .sub-title-paragraph-2.content {
    font-size: 16px;
    font-weight: 300;
  }

  .sub-title-paragraph-2.content.klein {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
  }

  .sub-title-paragraph-2.content.klein.pricing {
    margin-bottom: 0;
  }

  .div-block-877 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .heading-2-content-4 {
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
  }

  .div-block-460 {
    padding-top: 0;
  }

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

  .div-block-462 {
    width: 100%;
    height: 1px;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._3-checks-div-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  ._3-checks-div-5.onder {
    display: flex;
  }

  .div-block-459 {
    flex-flow: column;
    width: 100%;
    padding: 30px;
  }

  .btn-text.small {
    white-space: nowrap;
  }

  .div-block-936 {
    height: 1px;
  }

  .text-block-222 {
    font-size: 16px;
  }

  .text-block-222.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .div-block-940 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-940.new {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-951 {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .text-block-227 {
    font-size: 16px;
  }

  .text-block-227.hero {
    letter-spacing: .3px;
    margin-top: 0;
  }

  .text-block-229 {
    width: 100%;
  }

  .div-block-952 {
    width: 100%;
    max-width: 100%;
  }

  .div-block-953 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-953.new {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-953.new.trial {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .div-block-958 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    height: auto;
  }

  .div-block-959 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-960 {
    height: auto;
  }

  .check-div-2 {
    order: 0;
  }

  .check-div-2.home {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-963 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .div-block-963.groter {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .login-form-container {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100svh;
    overflow: hidden;
  }

  .div-block-982 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: calc(100% - 50px);
    display: none;
    position: relative;
    overflow: visible;
  }

  .div-block-983 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: #fff;
    border: 1px solid #0000001a;
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    display: flex;
    box-shadow: 0 2px 5px #0000001a;
  }

  .image-230 {
    width: 12px;
    height: 12px;
  }

  .check-div-3 {
    order: 0;
  }

  .check-div-3.home {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-989 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .div-block-989.groter {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .div-block-990 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .text-block-253 {
    font-size: 8px;
  }

  .image-238 {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
  }

  .div-block-1034 {
    border-radius: 4px;
    height: 20px;
    margin-left: 0;
  }

  .div-block-1041 {
    width: 100vw;
    max-width: 100vw;
    height: 100svh;
    min-height: 100svh;
    max-height: 100svh;
  }

  .label-v2 {
    height: 20px;
  }

  .text-block-270.maxwidth, .text-block-270.maxwidth.orange, .text-block-270.maxwidth.red {
    font-size: 9px;
  }

  .popup-header-wrap-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .inbox2-header {
    z-index: 12;
    min-height: 52px;
  }

  .inbox2-header-container.left {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .inbox2-header-container.right {
    width: 100%;
    height: 52px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-1230 {
    position: static;
  }

  .inbox-container {
    width: 100vw;
    min-width: 100vw;
  }

  .fullwidth-label {
    padding-left: 6px;
    padding-right: 6px;
  }

  .text-block-300 {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 20px);
    overflow: hidden;
  }

  .div-block-1269 {
    border-radius: 12px;
  }

  .toolbar-btn {
    padding: 3px;
  }

  .image-282 {
    width: 12px;
    height: 12px;
  }

  .text-block-306 {
    font-size: 10px;
  }

  .emptystate.side {
    display: none;
  }

  .div-block-1277 {
    border-style: none;
    border-radius: 0;
  }

  .div-block-1278 {
    border-style: none;
    border-radius: 0;
    padding: 0;
  }

  .toolbar-btn-inner {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding: 2px 6px;
  }

  .div-block-1291.v2 {
    width: 440px;
    min-width: auto;
    max-width: 95vw;
    display: none;
    left: auto;
    right: 0%;
  }

  .div-block-1300.square.shareurl {
    display: none;
  }

  .div-block-1307 {
    padding-left: 12px;
    padding-right: 40px;
  }

  .text-block-321 {
    font-size: 10px;
    line-height: 14px;
  }

  .div-block-1308 {
    right: 12px;
  }

  .div-block-1359 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .activechat-labels-wrap.tags {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .div-block-1437 {
    width: 320px;
  }

  .text-block-348 {
    font-family: Thicccboi, sans-serif;
    font-weight: 400;
  }

  .tooltip-content-wrap-4 {
    left: auto;
    right: -5px;
  }

  .div-block-1453, .text-block-356 {
    display: flex;
  }

  .mobile-controls {
    z-index: 10;
    display: flex;
    position: relative;
  }

  .div-block-1490 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .mobile-header {
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    position: relative;
  }
}

#w-node-_43b391e0-f00a-50af-8081-ffe74d016c01-f3273163, #w-node-e5f405b3-6136-524e-7977-9b04340e613a-f3273163, #w-node-e82a34d1-ec9a-ca72-c450-4c2fd875f86b-f3273163, #w-node-b8e10e80-5def-aa27-c567-982082afa361-f3273163, #w-node-_1a0e9174-9fe2-ad4c-d0c4-47bfef29cee0-f3273163, #w-node-f2b1135c-8461-71c8-680e-9c0cb63b778d-f3273163, #w-node-aa75f55a-bfc9-8bd4-ffb6-6caf71122f19-bb106a38, #w-node-_66b88c19-af65-73c9-29e0-5ecc96392e39-4b2af9fc, #w-node-_2bec8c75-67c3-6933-66b4-6b6e90b221e5-4b2af9fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}