html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
img {
  box-sizing: content-box;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: var(--black);
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, 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'],
input[type='submit'] {
  -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: textfield;
  /* -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   */
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input:focus,
textarea:focus {
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9b9b9b;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9b9b9b;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9b9b9b;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9b9b9b;
}
input:-o-input-placeholder,
textarea:-o-input-placeholder {
  color: #9b9b9b;
}
input:input-placeholder,
textarea:input-placeholder {
  color: #9b9b9b;
}

html {
  height: 100%;
  background-color: var(--greyLight20);
}
html body {
  min-height: 100%;
  height: 100%;
  font-family: var(--font);
  width: 100%;
  position: fixed;
  padding-top: 64px;
  -webkit-font-smoothing: antialiased;
}
html body section h2 {
  font-weight: 300;
  font-size: 40px;
  line-height: 56px;
  color: var(--black);
  margin: 0;
  padding-top: 96px;
  text-align: center;
}
html body span.red {
  color: #e9604a;
}
html body span.blue {
  color: #4db6d6;
}
html body #react-root {
  height: 100%;
}
html .fb_reset > div {
  min-width: unset !important;
  max-width: unset !important;
  padding: unset !important;
  margin: unset !important;
}
html appcues-container {
  min-width: unset !important;
  max-width: unset !important;
  padding: unset !important;
  margin: unset !important;
}

._2xnm0 {
  width: calc(100%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

._1E3Zd {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

._3OYBr {
  border: none;
  border-radius: 4px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  line-height: 1.1;
  white-space: nowrap;

  /** reset defaults: */
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
}

._3OYBr._2IVkA {
  min-width: 96px;
}

._3OYBr:disabled {
  cursor: default;
  background-color: transparent;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.26);
}

._1i0x0._3WQOf,
._3WQOf {
  padding-left: 0;
}

._1i0x0.seaqo,
.seaqo {
  padding-right: 0;
}

._1bvN5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._1zlOQ {
  text-align: left;
}

._1bvN5.V-vwA {
  justify-content: center;
}

._2P6zk {
  display: block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  white-space: pre;
}

.xHHQI {
  display: flex;
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin: 4px;
  align-items: center;
  justify-content: center;
}

._3OYBr:disabled .xHHQI {
  opacity: 0.4;
}

._1i0x0 .xHHQI {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.xHHQI.ZrNM2 {
  margin-right: 0;
}

.xHHQI._2NC6c {
  margin-left: 0;
}

._1i0x0 {
  height: 24px;
  min-height: 24px;
  padding: 0 8px;
}

.ljX5g {
  height: 28px;
  min-height: 28px;
}

._1i0x0 .xHHQI,
.ljX5g .xHHQI {
  margin: 0;
}

._1J6vb,
.fIXBX {
  height: 36px;
  min-height: 36px;
}

.fIXBX .V-vwA {
  min-width: 96px;
}

._37BlS {
  z-index: -1;
}

._2R5ET {
  width: 100%;
}

._3wQIj {
  height: 8px;
  border-radius: 4px;
}

._1k4Yl {
  animation: _1KJV5 1000ms infinite;
}

@keyframes _1KJV5 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.ITxhV {
  padding: 8px 0 0 0;
  box-sizing: border-box;
  flex-direction: column;
  min-height: 24px;
}

._1296j {
  --control-decorator-min-height: 36px;
  --control-decorator-border-radius: 4px;

  position: relative;
  /* SuggestUI render popup inside control decorator */
  overflow: visible;

  display: flex;
  min-height: var(--control-decorator-min-height);
  /* border-radius: var(--control-decorator-border-radius); */
  border-top-left-radius: var(
    --input-border-top-left-radius,
    var(--control-decorator-border-radius)
  );
  border-top-right-radius: var(
    --input-border-top-right-radius,
    var(--control-decorator-border-radius)
  );
  border-bottom-left-radius: var(
    --input-border-bottom-left-radius,
    var(--control-decorator-border-radius)
  );
  border-bottom-right-radius: var(
    --input-border-bottom-right-radius,
    var(--control-decorator-border-radius)
  );
  background-color: #fffefe;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._1296j._2ytJE {
  box-shadow: none;
}

._1296j._3m-cf {
  background-color: #f3f2f2;
}

._1296j._28qT5 {
  background-color: var(--cobaltSub);
}

._1296j:focus-within._28qT5,
.vOyhX {
  z-index: 1;
  background-color: var(--cobaltSub);
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4),
    0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._1296j:focus-within,
.vOyhX {
  z-index: 1;
  background-color: var(--white);
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4),
    0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._1296j:focus-within ::-webkit-input-placeholder,
.vOyhX ::-webkit-input-placeholder {
  color: #adadad;
}

.acT5H {
  color: #f06040;
  box-shadow: 0 0 0 2px rgba(240, 96, 64, 0.4), 0 0 0 1px rgba(16, 16, 16, 0.08),
    0 1px 0 0 rgba(16, 16, 16, 0.04);
}
.acT5H ::-webkit-input-placeholder {
  color: #f06040;
}

.acT5H:focus-within,
.acT5H.vOyhX {
  color: inherit;
  box-shadow: 0 0 0 2px rgba(240, 96, 64, 0.4), 0 0 0 1px rgba(16, 16, 16, 0.08),
    0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._1Row7 {
  flex-grow: 1;
  max-width: 100%;
  min-width: 0;
}

.OI3-n {
  display: flex;
  margin: 4px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  flex: none;
}

.OI3-n svg {
  display: block;
}

.kbdpK {
  opacity: 0.4;
  pointer-events: none;
}

._1PoU_ {
  color: var(--grey);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04) !important;
}

.ysO7K {
  display: flex;
}

._86vWv {
  display: inline-flex;
}

.CFDGc {
  height: 100%;
}

.PWmqO {
  width: 100%;
}

._2FYNO {
  justify-content: space-between;
}

._2gjDr {
  justify-content: center;
}

._2kb3b {
  justify-content: flex-end;
}

._2FPlu {
  justify-content: center;
}

._1Zk4O {
  justify-content: flex-start;
}

._2Q666 {
  align-items: baseline;
}

._1Vr3W {
  align-items: center;
}

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

.zDhO3 {
  align-items: flex-end;
}

._2Tycb {
  flex-wrap: wrap;
}

._30gR2 {
  flex-direction: row-reverse;
}

._3kAOY {
  flex-direction: column;
}

.NILRx {
  flex-direction: column-reverse;
}

.-L_Vk {
  flex: 1 1 0;
}

._3J4o_ {
  flex-grow: 1;
}

._2hFUV {
  flex-grow: 1;
  min-height: 0; /* super important... for FF */
  height: 0; /* for IE */
}

._1E9Ce {
  flex-grow: 1;
  min-width: 0;
}

._3C9Nd {
  flex-grow: 0;
}

._2yr-e {
  flex-shrink: 1;
}

._3F5HA {
  flex-shrink: 0;
}

._3ykWR,
._3ykWR:disabled {
  position: relative;
  background-color: var(--blue);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
}

._3ykWR:enabled:focus,
._3ykWR:enabled:active {
  box-shadow: 0 0 0 1px #9cc5ec, 0 0 0 2px #bad8f3;
}

._3ykWR:enabled:hover {
  background-color: var(--blueDark10);
}

._3ykWR:enabled:hover:active,
._3ykWR:enabled:active {
  background: linear-gradient(
      0deg,
      rgba(16, 16, 16, 0.16),
      rgba(16, 16, 16, 0.16)
    ),
    var(--blue);
  box-shadow: inset 0 1px 0 rgba(16, 16, 16, 0.16);
}

._3MZBT {
  height: 6px;

  /* Used to take all available space by proportion and push out children */
  width: 1000000% !important;
}

._4PBBZ {
  color: var(--white);
}

button:disabled ._4PBBZ {
  color: var(--white);
  opacity: 0.4;
}

._3UV8o {
  background: var(--white);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
}

._3UV8o:disabled {
  color: rgba(16, 16, 16, 0.16);
  background: rgba(253, 252, 252, 0.16);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04);
}

._3UV8o:enabled:focus,
._3UV8o:enabled._6PL4R {
  background: #f8f8f8;
  box-shadow: 0 0 0 1px #916a7c, 0 0 0 2px rgba(32, 142, 240, 0.4);
}

._3UV8o:enabled:hover {
  background: #f1f1f1;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.18);
}

._3UV8o:enabled:hover:active,
._3UV8o:enabled:active,
._1VywQ:enabled:hover:active,
._1VywQ:enabled:active {
  background: #e1dbda;
  box-shadow: inset 0 1px 0 rgba(16, 16, 16, 0.16);
}

._3gmAg {
  background: var(--red);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
}

._3gmAg:disabled {
  background: var(--red);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04);
}

._3gmAg:enabled:focus,
._3gmAg:enabled._6PL4R {
  box-shadow: 0 0 0 1px var(--redLight);
}

._3gmAg:enabled:hover {
  background: #cc5947;
}

._3gmAg:enabled:hover:active,
._3gmAg:enabled:active {
  background: #c05443;
}

.JvTA7 {
  background: var(--orange);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
}

.JvTA7:disabled {
  background: var(--orange);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04);
}

.JvTA7:enabled:focus,
._3gmAg:enabled._6PL4R {
  box-shadow: 0 0 0 1px var(--antiqueWhite);
}

.JvTA7:enabled:hover {
  background: var(--accent3Orange);
}

.JvTA7:enabled:hover:active,
.JvTA7:enabled:active {
  background: var(--accent3Orange);
}

.OVFDM {
  background: var(--white);
  box-shadow: 0 0 0 1px var(--red);
}

.OVFDM:disabled {
  background: var(--white);
  box-shadow: 0 0 0 1px var(--redLight);
}

._3u85V {
  color: #101010;
}

button:disabled ._3u85V {
  color: rgba(16, 16, 16, 0.16);
}

._1g_Io {
  color: var(--red);
}

button:disabled ._1g_Io {
  color: var(--redLight);
}

._1VywQ {
  background: inherit;
}

._1VywQ:disabled {
  color: #d3d3d3;
  border: 1px solid rgba(16, 16, 16, 0.08);
  border-radius: 4px;
}

._1VywQ:enabled:hover {
  background: #f1f1f1;
  color: #101010;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.18);
  border-radius: 4px;
}

._1VywQ:focus,
._1VywQ._6PL4R,
._1VywQ:enabled:hover:focus,
._1VywQ:enabled:hover._6PL4R {
  box-shadow: 0 0 0 1px rgba(32, 142, 240, 0.4);
}

._1B1wV {
  background: rgba(255, 255, 255, 0.15);
}

._1B1wV:disabled {
  color: rgba(255, 255, 255, 0.4);
}

._1B1wV:enabled:hover {
  background: rgba(255, 255, 255, 0.25);
}

._1B1wV:enabled:active {
  background: rgba(255, 255, 255, 0.4);
}

._1B1wV:enabled:focus {
  box-shadow: 0 0 0 1px var(--white);
}

._11jH1 {
  display: block;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-align: left;
}

._11jH1[disabled] {
  pointer-events: none;
  opacity: 0.6;
}

._2VAsb {
  display: flex;
  align-items: center;
  justify-content: center;
}

._2hQ7G {
  width: 8px;
  height: 8px;
}

._1A_is {
  width: 12px;
  height: 12px;
}

._1yeJC {
  width: 14px;
  height: 14px;
}

._34QAS {
  width: 16px;
  height: 16px;
}

._3DXN1 {
  width: 20px;
  height: 20px;
}

._2lBcw {
  width: 24px;
  height: 24px;
}

._3uZHX {
  width: 28px;
  height: 28px;
}

._8tAdg {
  width: 32px;
  height: 32px;
}

.mUdc0 {
  width: 52px;
  height: 52px;
}

._2zySl {
  width: 60px;
  height: 60px;
}

.fK6yk {
  width: 120px;
  height: 120px;
}

._3Yg2X {
  height: 30px;
  border-radius: 15px;
  background-color: #eeedee;
  color: var(--black);

  display: inline-flex;
  align-items: center;

  padding: 0 16px;

  -webkit-user-select: none;

          user-select: none;
}

._3Yg2X.d7RzZ {
  color: var(--white);
  background-color: var(--cobalt);
}

._11HIG {
  color: inherit !important;
}

._1MkUb {
  display: flex;
  align-items: center;

  cursor: pointer;
}

._1MkUb:hover {
  color: var(--blue);
}

._3Yg2X.d7RzZ ._1MkUb:hover {
  color: var(--blueLight30);
}

.KLWGx {
  margin-left: -10px;
  margin-right: 2px;
}

.BR81K {
  margin-left: 8px;
  margin-right: -4px;
  cursor: pointer;
}

.BR81K:hover {
  color: var(--blue);
}

._21p5m {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 300px;
  max-width: 465px;
}

.GGu__ {
  display: block;
  margin: auto;
  margin-bottom: 24px;
}

._2S53E {
  padding: 8px;
  padding-left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  min-height: 44px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  margin-top: 4px;
}

._1Rw-X {
  background-color: rgba(224, 92, 71, 0.95);
}

._2L9AC {
  width: 412px;
}

._2qJ1w {
  width: 100%;
}

._9T8BZ {
  font-weight: normal;
  line-height: 1.07;
  letter-spacing: normal;
  color: var(--white);
  display: flex;
  align-items: center;
}

.sKoCu {
  margin: 0 4px 0 0;
}

@media (max-width: 830px) {
  ._2L9AC {
    width: 360px;
  }
}

._5fqj- {
  animation: _28qtF 0.2s ease;
  will-change: transform;
}

@keyframes _28qtF {
  from {
    opacity: 0;
    transform: translateY(64px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._1WvCf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: unset;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--overlay);
  z-index: var(--z-index-modal);
  padding-top: 10px;
  padding-bottom: 10px;
}

._1fWoT {
  z-index: var(--z-index-modal-dialog);
}

._1fWoT._2HZ3G > .pane {
  background: var(--mobile-dialog-background);
}

.u7e9V {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-modal-scroll);
}

[data-reach-dialog-content] {
  outline: none;
  margin: auto;
}

._3KNhM {
  animation: gNWcD 4s linear infinite;
}
@keyframes gNWcD {
  100% {
    transform: rotate(360deg);
  }
}

._3Ec18 {
  --btn-min-height: 36px;

  min-height: var(--btn-min-height);
  padding: 0 16px;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  line-height: 1.1;
  white-space: nowrap;
  border-radius: 4px;

  /** reset defaults: */
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
}

._9TOoX {
  pointer-events: none;
}

html:not(.focus-not-visible) ._3Ec18:focus {
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4);
}

._3Ec18._234zT {
  min-width: 96px;
}

._3Ec18:disabled {
  cursor: default;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
}

.GOJ2d {
  --btn-min-height: 28px;

  padding-left: 8px;
  padding-right: 8px;
}

.GOJ2d._234zT {
  min-width: 64px;
}

._3Ec18._1WyxM {
  min-width: auto;
}

._3Ec18._3fM7f {
  min-width: 152px;
}

._2dUZr {
  font-weight: 400;
}

.mdLAB {
  padding-left: 0;
}

._3Tian {
  padding-right: 0;
}

.C4ui5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.C4ui5._1Ysnu {
  justify-content: center;
}

._1KOJt {
  display: block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  /**
   * For desired baseline alignment we need to move
   * the text up a little bit. Adding a small padding-bottom is
   * the most robust way to do it without accidentally breaking
   * button height or something else.
   *
   * NOTE:
   * This only works together with "align-items: center" rule
   * for parent `.label` element
   */
  padding-bottom: 2px;
}

._1KOJt._2WXKn {
  color: rgba(224, 92, 71, 0.95);
}

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

._3i1Lx {
  display: flex;
  width: 28px;
  min-width: 28px; /* disallow shrinking inside flexbox */
  height: 28px;
  margin: 4px;
  align-items: center;
  justify-content: center;
}

._3i1Lx._36A-v {
  margin-right: 0;
}

._3i1Lx._3ZGQm {
  margin-left: 0;
}

.GOJ2d ._3i1Lx {
  margin: 0;
}

/** Primary button */
._2el7g {
  background-color: var(--blue);
  color: var(--white);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._2el7g:enabled:hover {
  background-color: var(--blueDark10);
}

._2el7g:enabled:focus {
  background-color: var(--blueDark20);
}

._2el7g:enabled:active {
  background-color: var(--blue);
  box-shadow: inset 0 1px 0 0 rgba(16, 16, 16, 0.16);
}

._2el7g:disabled {
  background-color: var(--blue);
  color: rgba(255, 255, 255, 0.4);
}

._2el7g._2WXKn {
  background-color: var(--red);
}

._2el7g._2WXKn:active,
._2el7g._2WXKn:enabled:active {
  background-color: var(--red);
  background: linear-gradient(
      0deg,
      rgba(16, 16, 16, 0.16),
      rgba(16, 16, 16, 0.16)
    ),
    #e05c47;
  box-shadow: inset 0px 1px 0px rgba(16, 16, 16, 0.16);
}

._2el7g._2WXKn:enabled:focus {
  background-color: var(--red);
  box-shadow: 0 0 0 1px #e8a196, 0 1px 0 0 #e8a196;
}
._2el7g._2WXKn:hover {
  background-color: var(--red);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.08);
}

/** Secondary button */
._1F3xf {
  color: var(--black);
  background-color: var(--greyLight30);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._1F3xf:enabled:hover {
  background-color: var(--greyLight30);
}

._1F3xf:enabled:focus {
  background-color: var(--greyLight30);
}

._1F3xf:enabled:active {
  background-color: var(--greyLight20);
  box-shadow: inset 0 1px 0 0 rgba(16, 16, 16, 0.16);
}

/** primaryLanding is a temporary intent to conform to styles on the landing */
.SSBFX {
  --btn-min-height: 48px;

  font-size: 20px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 8px;
  background-color: var(--blue);
  color: var(--white);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04), 0 1px 0 0 rgba(16, 16, 16, 0.04);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.SSBFX:enabled:hover {
  background-color: #3a5998;
}

.SSBFX:enabled:focus {
  background-color: #3a5998;
}

.SSBFX:enabled:active {
  background-color: #3a5998;
  box-shadow: inset 0 1px 0 0 rgba(16, 16, 16, 0.16);
}

._2el7g:disabled {
  background-color: var(--blue);
  color: rgba(255, 255, 255, 0.4);
}

/** Primary button with `white` color variation */
._2el7g._3nCG3,
.SSBFX._3nCG3 {
  color: var(--black);
  background-color: var(--white);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._2el7g._3nCG3:enabled:hover,
.SSBFX._3nCG3:enabled:hover {
  background-color: var(--greyLight30);
}

._2el7g._3nCG3:enabled:focus,
.SSBFX._3nCG3:enabled:focus {
  background-color: var(--greyLight30);
}

._2el7g._3nCG3:disabled,
.SSBFX._3nCG3:disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

._2el7g._3nCG3:enabled:active,
.SSBFX._3nCG3:enabled:active {
  background-color: var(--greyLight20);
  box-shadow: inset 0 1px 0 0 rgba(16, 16, 16, 0.16);
}

/** Toggle button (like a "radio" button) */
._1OUTY {
  background-color: transparent;
  color: var(--black);
}

._1OUTY:enabled:hover {
  background-color: #f1f1f1;
}

._1OUTY._3rywV:enabled:hover {
  background-color: var(--white);
}

._1OUTY:enabled[aria-checked='true'],
._1OUTY:enabled[aria-selected='true'],
._1OUTY._3rywV:enabled[aria-checked='true'],
._1OUTY._3rywV:enabled[aria-selected='true'] {
  color: var(--white);
  background-color: var(--blue);
}

._1OUTY.XuCsD:enabled[aria-checked='true'],
._1OUTY.XuCsD:enabled[aria-selected='true'] {
  color: var(--black);
  background-color: var(--white);
}

._1OUTY._28YV_:enabled[aria-checked='true'],
._1OUTY._28YV_:enabled[aria-selected='true'] {
  color: var(--white);
  background-color: var(--blue);
}

/** Default button */
._2TJkF,
._2TJkF:enabled:hover {
  color: var(--black);
  background-color: var(--greyLight30);
}

._2TJkF:enabled:active {
  background-color: #e5e3e3;
  box-shadow: inset 0 1px 0 0 rgba(16, 16, 16, 0.08);
}

._1ncwR,
._1ncwR:active:hover,
._1ncwR:active,
._1ncwR:disabled,
._1ncwR:enabled:hover {
  color: var(--blue);
  background-color: var(--white);
  box-shadow: 0 0 0 2px var(--blueLight);
  font-size: 15px;
  font-weight: normal;
}

.sVuyP,
.sVuyP:active:hover,
.sVuyP:active,
.sVuyP:disabled,
.sVuyP:enabled:hover {
  background-color: var(--white);
  font-size: 15px;
  font-weight: normal;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.04), 0 1px 0 0 rgba(16, 16, 16, 0.04);
  padding-bottom: 1px;
}

._6ezHP {
  border: none;
  outline: none;
  color: var(--blue);
  border-bottom: 1px dotted var(--blue);
  padding: 0;
  background-color: inherit;
}

._6ezHP:disabled {
  color: currentColor;
  border-bottom-color: currentColor;
  cursor: not-allowed;
}

.uih9T {
  border-radius: 100px;
  padding-left: 16px;
  padding-right: 6px;
}

.MbV8D {
  border: none;
  background: none;
  display: inline;
  padding: 0;
}

._8MHtF {
  height: 100%;
}

._20iVf {
  position: relative;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.rGUb9 {
  height: 4px;
  background-color: var(--blue);
  transition: width 20s cubic-bezier(0.15, 1, 0.4, 1);
}

@keyframes _3TkGa {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

._3fL0P {
  --grid-unit: 4px;

  position: relative;
  width: 480px;
  border-radius: 8px;
  background-color: var(--greyLight30);
  box-shadow: 0 8px 64px 0 rgba(20, 20, 20, 0.16);
  outline: none;
}

._1w0Wk {
  padding: calc(8 * var(--grid-unit)) calc(10 * var(--grid-unit))
    calc(6 * var(--grid-unit));
  line-height: 24px;
}

._3O9FX {
  width: calc(100% - 24px);
  margin-top: 0;
  margin-bottom: calc(4 * var(--grid-unit));
}

._1qXyY {
  display: flex;
}

._2VwTB {
  padding: 0 40px 40px;
  display: flex;
  justify-content: flex-end;
}

._2Mxt0 {
  height: 1px;
  background-color: rgba(16, 16, 16, 0.08);
}

.Rkvq9 {
  position: absolute;
  top: 32px;
  right: 32px;
  color: var(--black);
}

._2LMYp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 16px;
}

._1IMGb {
  width: unset !important;
  box-shadow: none;
  background-color: inherit;
}

._1IMGb ._1w0Wk {
  padding: 33px 16px 32px;
}

.fJ-lS {
  padding: 16px 20px;
}

._2vya8 {
  top: 16px;
  right: 20px;
}

@media (max-width: 720px) {
  ._3fL0P {
    width: 335px;
  }

  ._1IMGb {
    width: 100%;
  }
}

._2pubJ {
  --min-height: var(--control-decorator-min-height, 36px);
  --input-font-size-local: var(--input-font-size, 15px);

  width: 100%;
  border: none;
  border-radius: var(
      --input-border-top-left-radius,
      var(--control-decorator-border-radius)
    )
    var(--input-border-top-right-radius, var(--control-decorator-border-radius))
    var(
      --input-border-bottom-right-radius,
      var(--control-decorator-border-radius)
    )
    var(
      --input-border-bottom-left-radius,
      var(--control-decorator-border-radius)
    );
  box-sizing: border-box;
  padding: 0 0 2px;
  line-height: calc(var(--min-height) - 2px);
  font-size: var(--input-font-size-local);
  background-color: transparent;
  outline: none;
  font-family: var(--font);
}

@media (pointer: coarse) {
  ._2pubJ {
    /* TODO: apply to `body` or `:root`? */
    /* Prevent page zooming when inputs are focused */
    --input-font-size-local: 16px;
  }
}

._6IQTU {
  padding-left: 12px;
}

._23Pi_ {
  padding-right: 12px;
}

._1sgf9 {
  margin-bottom: calc(var(--unit) * 3);
}

._25enB {
  color: var(--grey);
}

._2glu1 {
  position: relative;
  overflow: hidden;
  max-height: 300px;
}

._1aHsG {
  overflow-y: auto;
  max-height: min(308px, 40vh);
  position: relative;
}

.LFZgh {
  height: 100%;
  max-height: 100%;
}

._2K51Z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

._3gMRF {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

._3YRZr {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._1L9M9 {
  display: inline-block;
  vertical-align: bottom;
}

.cEJPa {
  -webkit-hyphens: auto;
  hyphens: auto;
}

._3BrQb {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

._3lnsa {
  position: relative;
}

._1LiJW {
  width: 100%;
  height: 36px;
  padding: 0 12px 2px;
  border: 1px solid rgba(16, 16, 16, 0.08);
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.rurP_ {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._3Kfc2 {
  transform: rotateX(180deg);
}

._1D0BZ {
  background: no-repeat center center #f0f0f0;
  display: inline-block;
  overflow: hidden;
  background-size: cover;
  border-radius: 50%;
}

._2mgUl {
  position: relative;
  height: 40px;
  width: 40px;
}

.bcRQm {
  position: absolute;
  bottom: -4px;
  right: -4px;
}

._2hIkh {
  width: 310px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(16, 16, 16, 0.02);
  box-shadow: 0 8px 32px rgba(32, 32, 32, 0.08), 0 0 0 rgba(16, 16, 16, 0.04);
  border-radius: 4px;
  padding: 20px 16px 16px;
  position: absolute;
  z-index: var(--zindex-over-content);
}

._780wa {
  position: relative;
}

._3znX0 {
  position: absolute;
  z-index: var(--zindex-over-content);
  top: 13px;
  left: 13px;
}

._2gobF {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: var(--zindex-overlay);
}

._3RO3F {
  position: absolute;
  overflow: hidden;
  width: 200px;
  height: 40px;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0.01;
}

._3RO3F.W85iX {
  transform: scale(0.01, 0.01);
  pointer-events: none;
}

._3JEXM {
  transform: scale(2, 2) translate(10%, 14%);
}

._2U1q4 {
  width: 400px;
  height: 246px;
}

.BJB9o {
  display: block;
  margin: 40px auto 0;
}

._6LbcI {
  top: 16px;
  right: 16px;
}

._3NR7E {
  position: relative;
  cursor: pointer;
}

._1Jh7F {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  opacity: 0.01;
}

._2Lu5q {
  transform: scale(2) translate(10%, 14%);
}

._1CK9h {
  line-height: normal;
  font-size: initial;
}

._5jR1Y {
  transform: scale(0.001, 0.001);
  pointer-events: none;
}

._1gcs4 {
  width: 100%;
}

.RXjH1 {
  flex-grow: 1;
}

._1FiJU {
  width: calc(100% + 80px);
  border-top: 1px solid var(--grey);
  height: 68px;
  margin: 0 -40px -40px;
  padding: 0 40px;
}

._6ZD_Q {
  --borderStyle: 1px solid;

  padding-bottom: 2px;
  text-decoration: none;
  cursor: pointer;
}
._6ZD_Q.VFFjD {
  pointer-events: none;
  cursor: default;
}

._2CvkT {
  font-size: 15px;
  line-height: 22px;
}

._2CvkT,
._2CvkT:hover:active {
  color: var(--black);
  border-bottom: var(--borderStyle) var(--grey);
  padding-bottom: 1px;
}
._2CvkT:hover {
  border-bottom: var(--borderStyle) var(--black);
  padding-bottom: 1px;
}
._2CvkT.VFFjD {
  color: var(--grey);
  border-bottom: var(--borderStyle) var(--grey);
  padding-bottom: 1px;
}

.UOBu- {
  font-size: 12px;
  line-height: 16px;

  color: var(--greyDark);
  border-bottom: var(--borderStyle) var(--greyDark);
  padding-bottom: 1px;
}
.UOBu-.VFFjD {
  color: var(--grey);
  border-bottom: var(--borderStyle) var(--grey);
  padding-bottom: 1px;
}

._1lRAd {
  --external-link-color: var(--blue);
  --external-link-disabled-color: var(--blueLight);
}

._1lRAd._1vY9E {
  --external-link-color: var(--black);
  --external-link-disabled-color: var(--grey);
}

._1lRAd {
  font-size: 15px;
  line-height: 22px;

  color: var(--external-link-color);
}
._1lRAd:hover {
  border-bottom: var(--borderStyle) var(--external-link-color);
}
._1lRAd.VFFjD {
  color: var(--external-link-disabled-color);
}

._2V88c {
  font-size: 12px;
  line-height: 16px;

  color: var(--white);
  border-bottom: var(--borderStyle) var(--white);
  padding-bottom: 1px;
}

._30i4a {
  font-size: 12px;
  line-height: 16px;
}

._3K-zV {
  font-size: 15px;
  line-height: 22px;
}

.gYCEy {
  margin-left: calc(2 * var(--unit));
  width: 9px;
  height: 9px;
}

.JXTC6 {
  width: 8px;
  height: 8px;
}
.JXTC6 path {
  fill: var(--blue);
}

._1QYKe {
  width: 7px;
  height: 7px;
}
._1QYKe path {
  fill: var(--white);
}

._3nuPL,
._3nuPL:hover {
  text-decoration: none;
  border-bottom: none !important;
  padding-bottom: 0;
}

._31ruk {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 15px;
  background-color: rgb(26 33 45 / 12%);
  white-space: nowrap;
}

._9ILJA {
  background-color: rgb(26 33 45 / 5%);
}

._1qoLN {
  background: none;
}

._3C3Si {
  background: rgba(26, 33, 45, 0.2);
}

._1gIof {
  overflow: hidden;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
  outline: none;
}

._3avR2 {
  color: currentColor;
  padding-top: 2px;
}

._1Pixv {
  color: var(--white);
}
._1Pixv:hover {
  color: var(--darkNavy);
}

._1Hkuy {
  color: var(--black);
}
._1Hkuy:hover {
  color: var(--blue);
}

._19h_p {
  display: flex;
  margin-right: 8px;
}

._3eIS9 {
  display: flex;
  flex: none;
  margin: -4px 8px 0;
}

.Z6KTg {
  margin-right: 8px;
  display: flex;
}

._2aSoS {
  margin-left: 8px;
}

._1z8LP {
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  position: relative;
  flex-wrap: nowrap;
}

div.bj2hU {
  flex-wrap: wrap;
}

._3AxeL {
  cursor: default;
  pointer-events: none;
}

._3AxeL ._3pKYA {
  color: var(--grey);
}

._3pKYA {
  min-width: 0;
  font-size: 15px;
  color: var(--black);
  margin-right: 8px;
}

.y_JFI {
  font-size: 11px;
  color: var(--grey);
  white-space: nowrap;
  line-height: 1;
}

._2quhP {
  font-size: 13px;
  line-height: 1.23;
  color: var(--greyDark);
  padding: 2px 0 0;
  flex-grow: 2;
}

._3fYgq {
  height: 25px;
  line-height: 16px;
  padding: 6px 16px 0;
  outline: none;
}

._3fYgq ._3pKYA {
  font-size: 13px;
  color: var(--greyDark);
}

._2wWh9 {
  background-color: var(--blue);
  color: var(--white);
}
._2wWh9 > div > ._3pKYA {
  color: var(--white);
}
._2wWh9 > div > ._3pKYA span {
  color: var(--white);
}
._2wWh9 > div > .y_JFI {
  color: var(--white);
}
._2wWh9 > div > ._2quhP,
._2wWh9 > div > ._3P3vI {
  color: rgba(255, 255, 255, 0.8);
}

._1ae1C {
  margin-right: 8px;
}

._3P3vI {
  display: flex;
  align-items: center;
  margin: 0 8px 0 0;
}
._3P3vI._3AxeL {
  opacity: 0.5;
}

._3JW-7 {
  height: 100%;
  display: flex;
  align-items: center;
  flex: none;
}

._3S4Ef {
  padding: 8px 16px;
  min-height: 32px;
  width: 100%;
  min-width: 180px;
  height: auto;
}

._1z8LP {
  font-size: 15px;
  line-height: 20px;
}

._3udtz {
  font-size: 15px;
  font-weight: 600;
  color: var(--black);
}

._3pKYA,
._3fYgq ._3pKYA {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._1KngN {
  padding-bottom: 0;
  font-weight: bold;
  padding-top: 18px;
  height: 44px;
}

._1KngN > ._3pKYA {
  color: var(--black);
  font-size: 15px;
}

._1KngN:first-child {
  padding-top: 14px;
  height: 40px;
  border-top: none;
}

._1KngN:not(:first-child) {
  border-top: 1px solid var(--greyLight30);
  margin-top: 7px;
}

._23_Xd {
  margin-top: 7px;
  border-top: 1px solid var(--greyLight30);
  height: 1px;
}

._3VwgM ._3pKYA {
  color: var(--blue);
}

:root {
  --tooltip-standart-default-margin: 18px;
  --tooltip-small-default-margin: 13px;
  --tooltip-standart-nib-offset: -7px;
  --tooltip-small-nib-offset: -4px;
}

.Ciz51,
.zmWKI {
  background-color: var(--black);
}

.zmWKI {
  position: absolute;
  transform: rotate(45deg);
}

.Ciz51 {
  max-width: 298px;
  font-size: 12px;
  letter-spacing: 0;
  color: var(--white);
  border-radius: 4px;
  z-index: var(--zindex-tooltip);
}

._18VoX {
  z-index: var(--zindex-tooltip);
}

._12ruF {
  padding: 16px;
}

._12ruF .zmWKI {
  width: 16px;
  height: 16px;
}

._1ySq2 {
  padding: 15px 16px 16px;
}

._1ySq2._2lLvu {
  padding: 7px 16px 8px;
}

._1ySq2 .zmWKI {
  width: 8px;
  height: 8px;
}

._3-vnn._12ruF,
._6h5mA._12ruF,
._21VHS._12ruF {
  margin-bottom: var(--tooltip-standart-default-margin);
}

._3-vnn._1ySq2,
._6h5mA._1ySq2,
._21VHS._1ySq2 {
  margin-bottom: var(--tooltip-small-default-margin);
}

._3-vnn._12ruF .zmWKI {
  bottom: var(--tooltip-standart-nib-offset);
  left: 24px;
}

._6h5mA._12ruF .zmWKI {
  bottom: var(--tooltip-standart-nib-offset);
  left: calc(50% - 12px);
}

._21VHS._12ruF .zmWKI {
  bottom: var(--tooltip-standart-nib-offset);
  right: 24px;
}

._3-vnn._1ySq2 .zmWKI {
  bottom: var(--tooltip-small-nib-offset);
  left: 24px;
}

._6h5mA._1ySq2 .zmWKI {
  bottom: var(--tooltip-small-nib-offset);
  left: calc(50% - 4px);
}

._21VHS._1ySq2 .zmWKI {
  bottom: var(--tooltip-small-nib-offset);
  right: 24px;
}

._5p_X1._12ruF {
  margin-left: var(--tooltip-standart-default-margin);
}

._5p_X1._1ySq2 {
  margin-left: var(--tooltip-small-default-margin);
}

._5p_X1._12ruF .zmWKI {
  left: var(--tooltip-standart-nib-offset);
  top: 50%;
  margin-top: -1px;
}

._5p_X1._1ySq2 .zmWKI {
  left: var(--tooltip-small-nib-offset);
  top: 50%;
}

.VyFda._12ruF,
.Kk-CZ._12ruF {
  margin-top: var(--tooltip-standart-default-margin);
}

._1GPP_._1ySq2,
.VyFda._1ySq2,
.Kk-CZ._1ySq2 {
  margin-top: var(--tooltip-small-default-margin);
}

.Kk-CZ._12ruF .zmWKI {
  top: var(--tooltip-standart-nib-offset);
  left: 24px;
}

.Kk-CZ._1ySq2 .zmWKI {
  top: var(--tooltip-small-nib-offset);
  left: 24px;
}

.VyFda._12ruF .zmWKI {
  top: var(--tooltip-standart-nib-offset);
  right: 24px;
}

.VyFda._1ySq2 .zmWKI {
  top: var(--tooltip-small-nib-offset);
  right: 24px;
}

._1GPP_._1ySq2 .zmWKI {
  top: var(--tooltip-small-nib-offset);
  left: calc(50% - 4px);
}

.W_5l3._12ruF {
  margin-right: var(--tooltip-standart-default-margin);
}

.W_5l3._1ySq2 {
  margin-right: var(--tooltip-small-default-margin);
}

.W_5l3._12ruF .zmWKI {
  right: var(--tooltip-standart-nib-offset);
  top: 50%;
  margin-top: -7px;
}

.W_5l3._1ySq2 .zmWKI {
  right: var(--tooltip-small-nib-offset);
  top: 50%;
  margin-top: -4px;
}

._2Y86L .zmWKI {
  top: -6px;
  left: 4px;
}

._2xZCg {
  top: -30px;
  left: 21px;
}

._2XiwA {
  bottom: -30px;
  left: 21px;
}

._1GPP_._12ruF {
  margin-top: var(--tooltip-standart-default-margin);
}

._1GPP_._12ruF .zmWKI {
  top: var(--tooltip-standart-nib-offset);
  left: calc(50% - 8px);
}

._2wKL2 {
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08);
  overflow: hidden;
  z-index: var(--zindex-dropdown);
  padding: 4px 0;
}

.TWzxX {
  height: 1px;
  margin-top: var(--grid-unit, 4px);
  margin-bottom: var(--grid-unit, 4px);
  background-color: rgba(16, 16, 16, 0.08);
  pointer-events: none;
}

._3fFc7 {
  z-index: var(--zindex-popover-next);
}

._3EfKG {
  height: 1px;
  background-color: var(--greyLight20);
}

._3vehC {
  opacity: 0.5;
  pointer-events: none;
}

._1shju {
  width: 100%;
  text-align: left;
}

._25MhL {
  font-weight: 400;
  font-size: 15px;
  color: var(--grey);
}

.hcv3G {
  display: flex;
  height: 32px;
  padding: 0 12px;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
}

._2iifS {
  color: var(--white);
  background-color: var(--blue);
}

._2iifS span {
  color: var(--white);
}

.DzcA4 {
  color: var(--blue);
}

._3G30U {
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 8px 32px 0 rgba(32, 32, 32, 0.08),
    0 0 0 1px rgba(16, 16, 16, 0.04);
  background-color: var(--greyLight30);
  z-index: var(--zindex-modal);
  min-width: unset;
  margin: 3px 0;
}

._3IJLu {
  padding: 4px 0;
}

._3Wcln {
  max-height: 150px;
}

._2pQ3W {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: -2px 0 0;
  line-height: 1.2;
}

._2inF0 {
  display: none;
}

.EjAxX {
  position: fixed;
  z-index: var(--zindex-modal);
  bottom: 20px;
  width: 412px;
  height: 44px;
  left: 24px;
  padding: 8px 8px 8px 12px;
  min-width: 300px;
  transition: width 0.1s ease 0.1s;
}

._1KEDJ {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 8px 64px 0 rgba(20, 20, 20, 0.16);
  cursor: pointer;
  border-radius: 4px;
}

.B_rv3 {
  display: flex;
  justify-content: space-between;
}

._2KMFG {
  color: var(--white);
  font-size: 15px;
  line-height: 27px;
  white-space: nowrap;
}

._2J_ue {
  flex-grow: 1;
}

.Wx-C6 {
  flex-grow: 0;
  opacity: 0.4;
  padding: 0 8px;
}

.nmJq8 {
  background: var(--white);
  width: 28px;
  height: 28px;
  border-radius: 3px;
}

._11giW {
  opacity: 0.01;
  bottom: -44px;
}
._3aMwX {
  opacity: 1;
  bottom: 20px;
  transition: opacity 0s ease, bottom 0.2s ease;
}
._1uv-r {
  opacity: 1;
  bottom: 20px;
}
.byG8A {
  opacity: 0.01;
  bottom: -44px;
  transition: opacity 0.2s ease, bottom 0.2s 0.2s ease;
}

._3DyZc {
  pointer-events: none;
}

._3bhvL {
  width: 300px;
}

._9E9cp {
  display: inline-block;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

._3rZlE {
  position: absolute;
  width: calc(100% - 20px);
  top: 8px;
  left: 12px;
  opacity: 0;
  transition: opacity 100ms ease;
}

._3sanf {
  opacity: 1;
  transition: opacity 100ms 100ms ease;
}

._2T6D8 {
  display: inline-block;
  border-radius: 4px;
  padding: 1px var(--unit) 2px;
  color: var(--white);
  background-color: var(--greyLight20);
  font-size: 11px;
  line-height: 12px;
}

._1X8V6 {
  background-color: var(--blue);
}

._29OwQ {
  background-color: var(--green);
}

._3Rq7R {
  background-color: var(--red);
}

._1Jvur {
  background-color: var(--blue);
  color: var(--white);
}

._3a2z8 {
  background-color: var(--grey);
  color: var(--greyDark);
}

._2Oqyd {
  background-color: transparent;
  color: var(--greyDark);
}

._1iOc5 {
  background-color: var(--white);
  color: var(--blue);
}

._1fTWP {
  background: var(--instagram-gradient);
  color: var(--white);
}

._3L0V5 {
  background-color: var(--fuchsia);
  color: var(--white);
}

._3OseS,
._1MEh8 {
  height: 28px;
  line-height: 26px;
  border-radius: 4px;
  font-size: 15px;
  padding: 0 8px;
}

._1AbP0 {
  padding: 0 2px;
  border-radius: 2px;
}

._31XhI {
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: calc(var(--unit) * 4 - 1px);
  min-width: calc(var(--unit) * 4 - 1px);
}

._26hF5 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root {
  --blueLight: #88beee;
  --blue: #208ef0;
  --blueLight20: #e8ecf1;
  --blueLight30: #f4f6fa;
  --blueDark10: #2086e2;
  --blueDark20: #1d7acc;
  --blueAlice: #f3f8fd;
  --cobalt: #152442;
  --darkNavy: #1a212d;
  --greenLight: #94d4be;
  --green: #45c195;
  --greenDark10: #3fb289;
  --greenDark20: #3aa27d;
  --redLight: #e1a298;
  --red: #de614d;
  --redDark10: #d69b91;
  --redDark20: #c18b83;
  --yellowLight: #f9ffaf;
  --yellow: #f6e049;
  --yellowDark: #aac600;
  --yellowDark10: #ddcf7d;
  --yellowDark20: #cabd72;
  --yellow-text: #2b3200;
  --white: #ffffff;
  --greyLight30: #f9f8f8;
  --greyLight20: #f3f2f2;
  --greyLight10: #e9e8e8;
  --grey: #c6c6c6;
  --greyDark: #747474;
  --black: #000000;
  --pistachio: #c1de89;
  --mauve: #e2bcff;
  --violet: #6358de;
  --azure: #22aeda;
  --fuchsia: #ce426d;
  --antiqueWhite: #ffebd6;
  --orange: #fd9426;
  --alloyOrange: #ad6418;
  --accent3Orange: #da720b;
  --accent3OrangeSecondary: #ffb74a;
  --accent2Secondary: #1ecc94;
  --overlay: rgba(18, 18, 18, 0.8);
  --mobile-dialog-background: var(--greyLight30);
  --instagram-gradient: linear-gradient(63.69deg, #e8864a 8.93%, #a039a0 74.96%);
  --chatfuel-gradient: linear-gradient(180deg, #208ef0 0%, #be60ef 100%);
  --meta-gradient: linear-gradient(238.9deg, #6358de 1.39%, #208ef0 99.06%);
  --youtube-gradient: linear-gradient(74.57deg, #be60ef 0%, #ff6966 99.67%);
  --churn-survey-gradient: linear-gradient(180deg, #208ef0 0%, #6358de 100%);
  /* New ui kit colors https://www.figma.com/file/P0qAC86lncns2dO8jOgiFG/Design-Library-2.1?node-id=6%3A24 */
  /* Cobalt */
  --cobaltSub: #2c3a55;
  --cobaltSecondary: #5b677d;
  --cobaltTertiary: #8a92a0;
  --cobaltSemilight: #b9bdc6;
  --cobaltExtralight: #f5f6f7;
  /* Blue */
  --blueSecondary: #5cb2ff;
  /* Purple */
  /* Magenta */
  /* Green */
  /* Yellow */
  /* Oragne */
  --orangeNormal: #fd9426;
  /* Red */
  --redNormal: #fa5740;
  --redSecondary: #ff806e;
  --redSemilight: #ffc4bc;
  /* Gradients */
}
/* design library 2.1 */
:root {
  --c-base-white: #fff;
  --c-base-dark: #0c172d;
  --c-base-extralight: #f5f6f7;
  --c-base-light: #eff0f2;
  --c-base-secondary: #5b677d;
  --c-base-tertiary: #8a92a0;
  --c-base-semilight: #b9bdc6;
  --c-base-normal: #152442;
  --c-base-sub: #2c3a55;
  --c-accent1-semilight: #c4e2fe;
  --c-accent1-normal: #208ef0;
  --c-accent1-text: #021889;
  --c-accent1-secondary: #5cb2ff;
  --c-accent1-light: #e0f0ff;
  --c-accent1-dark: #0654c6;
  --c-accent1-tertiary: #95cdff;
  --c-accent1-extralight: #f4f6fa;
  --c-accent2-tertiary: #54e5b7;
  --c-accent2-light: #d0fff0;
  --c-accent2-normal: #0ebc83;
  --c-accent2-text: #00422a;
  --c-accent2-secondary: #1ecc94;
  --c-accent3-light: #ffebd6;
  --c-accent3-normal: #fd9426;
  --c-accent3-dark: #da720b;
  --c-accent3-text: #541e00;
  --c-accent4-light: #fee6e2;
  --c-accent4-semilight: #ffc4bc;
  --c-accent4-normal: #fa5740;
  --c-accent4-tertiary: #ffa895;
  --c-accent4-secondary: #ff806e;
  --c-accent4-dark: #f03c23;
  --c-accent4-text: #580b00;
  --c-magenta-text: #46026a;
  --c-magenta-normal: #be60ef;
  --c-magenta-secondary: #d585ff;
  --c-purple-normal: #6558f6;
  --c-purple-light: #e7e4ff;
  --c-purple-text: #290885;
  --c-purple-semilight: #cecaff;
  --c-accent2-dark: #028f61;
}

._-dashboard-src-modern-components-UiUserAttributeEditor-___listHeaderSpacing___3mxOx {
  margin: 24px 0 0;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___line___1CpM- {
  display: flex;
  position: relative;
  color: var(--black);
  align-items: center;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItem___bQcfX,
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItemHeader___3iSY2 {
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  width: calc(50% - 23px);
  margin: 0 14px 0 0;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItem_mobile___nYDwd,
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItemHeader_mobile___3HH7l {
  width: 50%;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItem_mobile___nYDwd:first-child,
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItemHeader_mobile___3HH7l:first-child {
  padding-right: 14px;
  width: calc(50% - 32px);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItem_undeletableMobile___21XbS:nth-child(2),
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItemHeader_undeletableMobile___2fr04:nth-child(2) {
  width: calc(50% + 32px);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___lineItem___bQcfX {
  white-space: nowrap;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___ellipsis___27CBK {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___listHeaderFont___cHXuX {
  font-size: 15px;
  color: var(--grey);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___listItemLayout___32df9 {
  margin: 12px 0 0 0;
  min-height: 36px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___badgeSpacing___1CsvS {
  margin: 4px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___trashButtonPositioning___17OxL {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___itemEnter___3aOkR {
  opacity: 0.01;
  height: 0;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___itemExitActive___1eAxp {
  opacity: 0.01;
  height: 0;
  transition: height 0.2s ease, opacity 0.2s ease;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___itemEnterActive___W2Qzx {
  opacity: 1;
  height: 52px;
  transition: height 0.2s ease, opacity 0.2s ease;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___itemExit___3iE7l {
  opacity: 1;
  height: 52px;
}

._2ewCr {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 4px;
  flex: none;
}

html:not(.focus-not-visible) ._2ewCr:focus-within {
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4);
}

.sD2l9 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--zindex-over-content);
  width: 100%;
  height: 100%;
  opacity: 0.01;
}

._3zA9d {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: solid 1px #c4c4c4;
  background-color: var(--white);
}

._3zA9d._2rkaA {
  border: 1px solid #d9d9d9;
  background-color: transparent;
}

._3zA9d:hover {
  border-color: #838383;
}

._3zA9d._2rkaA:hover {
  border-color: var(--white);
}

._3zA9d._2Jd7- {
  opacity: 0.4;
  pointer-events: none;
}

._3zA9d._27HwG {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  color: var(--white);
}

._3zA9d._27HwG._2rkaA {
  border: 1px solid var(--white);
  background-color: transparent;
  color: var(--white);
}

._3zA9d._27HwG._2AM4M {
  border: solid 1px #c4c4c4;
  background-color: var(--white);
  color: var(--white);
}

._3zA9d._2sAls {
  pointer-events: none;
  border: 1px solid #d9d9d9;
  background-color: #ececec;
  color: #adabab;
}

._3zA9d._2sAls._2rkaA {
  border: 1px solid #d9d9d9;
  background-color: transparent;
  color: #d9d9d9;
}

._3Z_BE {
  display: block;
  margin: -1px -1px 0;
}

._2AM4M > svg._3Z_BE > path {
  fill: black;
}

icon {
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}
icon[type='trash'] {
  background-image: url(/share/_/dashboard/src/assets2/images/2HArW.svg);
}
icon[type='arrow-down'] {
  width: 10px;
  height: 10px;
  background-image: url(/share/_/dashboard/src/assets2/images/2lenL.svg);
}
icon[type='copy'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3KOx0.svg);
}
icon[type='add'] {
  background-image: url(/share/_/dashboard/src/assets2/images/OfxRV.svg);
  background-size: auto;
}
icon[rounded] {
  border-radius: 50%;
}
icon[type='duplicate'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2CXFH.svg);
}
icon[type='cross'] {
  background-image: url(/share/_/dashboard/src/assets2/images/3AVvi.svg);
}
icon[type='receipt-gray'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2-tun.svg);
}
icon[type='receipt-blue'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1tlbz.svg);
}
icon[type='horizontal-dots'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2x8cW.svg);
}
icon[type='cross-white'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1iTQX.svg);
}
icon[type='comment-plugin'] {
  background-image: url(/share/_/dashboard/src/common/plugins/assets/images/icons/1bsts.svg);
}
icon[type='blue-email'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3Ibj2.svg);
}
icon[type='blue-phone'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1x-nB.svg);
}
icon[type='google-sheet'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2EIP1.svg);
}
icon[type='handover'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3BM5Y.svg);
}
icon[type='pro'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/21-jf.svg);
}
icon[type='arrow-left'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1Kk67.svg);
}
icon[type='arrow-right'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1Kk67.svg);
  transform: rotate(180deg);
}
icon[type='woman'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3Y37V.png);
  width: 28px;
  height: 22px;
}
icon[type='robot'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3-ihw.png);
  width: 28px;
  height: 22px;
}
icon[type='collision'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/V0HfW.png);
  width: 28px;
  height: 22px;
}
icon[type='big-add'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3EE_e.svg);
}
icon[type='big-add-gray'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2UVwN.svg);
}
icon[type='big-add-blue'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2I7a5.svg);
}
icon[type='dotted'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3_zuL.svg);
}
icon[type='fb-logo'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2tqu4.svg);
}
icon[type='link-blue'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3gpFs.svg);
}
icon[type='big-big-add'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/kwuwq.svg);
}
icon[type='google-logo'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3nc8h.svg);
}
icon[type='open-in-messenger'][icon-color='white'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1Ww-f.svg);
}
icon[type='open-in-messenger'][icon-color='black'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/24XTO.svg);
}
icon[type='open-in-messenger'][icon-color='blue'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/apwZS.svg);
}
icon[type='open-in-messenger'][icon-color='black-opacity'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/24XTO.svg);
  opacity: 0.5;
}
icon[type='fb-messenger-logo'][icon-color='white'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/1pO6D.svg);
}
icon[type='fb-messenger-logo'][icon-color='black'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2pCoq.svg);
}
icon[type='fb-messenger-logo'][icon-color='black-opacity'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/2pCoq.svg);
  opacity: 0.5;
}
icon[type='emoji'] {
  width: 28px;
  height: 22px;
}
icon[type='emoji'][emoji-name='person-raising-both-hands-in-celebration'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/emoji/292-B.png);
}
icon[type='emoji'][emoji-name='raised-hand'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/emoji/yQeDR.png);
}
icon[type='emoji'][emoji-name='flexed-biceps'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/emoji/184vy.png);
}
icon[type='emoji'][emoji-name='waving-hand-sign'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/emoji/3O8gm.png);
}
icon[type='emoji'][emoji-name='robot-face'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3-ihw.png);
}
icon[type='inbox'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/U6Wjm.svg);
}
icon[type='inbox'][icon-color='light-gray'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/kxENb.svg);
}
icon[type='beta'] {
  background-image: url(/share/_/dashboard/src/ui/icon/images/3d7ym.svg);
}
icon[inline='true'] {
  display: inline-block;
}
icon[align='center'] {
  vertical-align: -5px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___animate-fade-in-end___2t7N6 {
  transform: scale(1);
}
@keyframes _-dashboard-src-modern-components-UiUserAttributeEditor-___flickerAnimation___2Hs39 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _-dashboard-src-modern-components-UiUserAttributeEditor-___swing___YYxL8 {
  15% {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
  }
  30% {
    transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
  }
  50% {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
  }
  65% {
    transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
  }
  80% {
    transform: translateX(1px);
    -webkit-transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___disabled___1JtRe {
  pointer-events: none !important;
  opacity: 0.6 !important;
  -webkit-user-select: none;
          user-select: none;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___disabled___1JtRe * {
  pointer-events: none !important;
  -webkit-user-select: none !important;
          user-select: none !important;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___disabled___1JtRe ._-dashboard-src-modern-components-UiUserAttributeEditor-___disabled-overrided-button___FEvqN {
  pointer-events: all !important;
  -webkit-user-select: all !important;
          user-select: all !important;
  opacity: 1 !important;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___appear-icon-button-on-hover___hQiLQ icon-button {
  opacity: 0;
  transform: scale(0.3);
  transition: transform cubic-bezier(0.2, 0.7, 0.5, 1) 200ms, opacity cubic-bezier(0.2, 0.7, 0.5, 1) 200ms;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___appear-icon-button-on-hover___hQiLQ:hover icon-button {
  opacity: 1;
  transform: scale(1);
}
icon-button {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
icon-button > * {
  pointer-events: none;
}
icon-button[size='small'] {
  width: 21px;
  height: 21px;
  padding: 3px;
}
icon-button[size='small'] > icon {
  width: 15px;
  height: 15px;
}
icon-button[size='sub-medium'] {
  width: 24px;
  height: 24px;
  padding: 3px;
}
icon-button[size='sub-medium'] > icon {
  width: 18px;
  height: 18px;
}
icon-button[size='medium'] {
  width: 28px;
  height: 28px;
  padding: 2px;
}
icon-button[size='medium'] > icon {
  width: 24px;
  height: 24px;
}
icon-button[disabled] {
  pointer-events: none !important;
  opacity: 0.6 !important;
  -webkit-user-select: none;
          user-select: none;
}
icon-button[disabled] * {
  pointer-events: none !important;
  -webkit-user-select: none !important;
          user-select: none !important;
}
icon-button[disabled] ._-dashboard-src-modern-components-UiUserAttributeEditor-___disabled-overrided-button___FEvqN {
  pointer-events: all !important;
  -webkit-user-select: all !important;
          user-select: all !important;
  opacity: 1 !important;
}
icon-button[rounded] {
  border-radius: 50%;
  overflow: hidden;
}
icon-button[actionable='true'] > icon {
  opacity: 0.3;
}
icon-button[actionable='true']:hover > icon {
  opacity: 1;
}
icon-button[type='square-rounded'] {
  border-radius: 8px;
  background-color: rgba(20, 20, 20, 0.16);
}
icon-button[type='square-rounded'] > icon {
  width: 16px;
  height: 16px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___layout___29ZUt {
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___layout_mobile___xzT4R {
  padding-bottom: 0;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___userNameMakeUp___1rrQL {
  font-size: 23px;
  line-height: 28px;
  margin: 20px 44px 40px;
  color: var(--black);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___userNameMakeUp_mobile___39uPZ {
  margin: 20px 16px 16px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___editorsBoxSpacing___NzpMw {
  padding: 0 16px 36px 24px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___editorsBoxSpacing_mobile___5aAXu {
  padding: 0 16px 36px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___searchBox___17a1u {
  padding-top: 2px;
  width: 100%;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___searchBox___17a1u._-dashboard-src-modern-components-UiUserAttributeEditor-___narrow___ByYZ- {
  width: calc(100% - 40px);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___searchBox_mobile___2jfBO {
  width: 100%;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___flowFilter___3g7cr {
  padding: 2px 0 14px;
  width: calc(100% - 40px);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___addButtonLayout___2OSls {
  width: 96px;
  padding: 9px 0 0;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___addButtonLayout_mobile___Xfp27 {
  width: 100%;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___bottomButtonBox___2PIFq {
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 92px;
  background: linear-gradient(181.07deg, rgba(255, 255, 255, 0) -10.26%, #ffffff 46.62%);
  z-index: var(--zindex-over-content);
  padding: 16px 40px 40px;
  border-radius: 0 0 8px 8px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___deleteAttributesButton___2R3tw {
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: var(--zindex-over-mask);
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___addButton_mobile___1bEt5 {
  width: 100%;
  display: flex;
  justify-content: center;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___bottomButtonBox___2PIFq._-dashboard-src-modern-components-UiUserAttributeEditor-___leftSide___3Kbi7 {
  flex-direction: row;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___upgradeTitle___2-6Hg {
  margin-left: 44px;
  position: relative;
  top: -24px;
}
._-dashboard-src-modern-components-UiUserAttributeEditor-___upgradeTitleText___38n2l {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

._243jQ {
  height: calc(100% - 84px);
}

.upEF8 {
  height: 220px;
  width: calc(100% - 40px);
}

._3oxA5 {
  padding-left: 44px;
  padding-top: 24px;
  margin-bottom: 28px;
}

.blSQe {
  margin: 4px 0 0 4px;
}

._2mXVQ {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #767676;
}

._3_wVc {
  height: 484px;
  width: 600px;
}

._28jh1 {
  height: 400px;
}

._3OpN4 {
  display: inline;
}

._1he64 {
  color: var(--blue);
}

._22Gq2 {
  height: 24px;
  background: var(--blue);
  border-radius: 3px;
  font-size: 15px;
  line-height: 18px;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  /*min-width: 42px;*/
  max-width: 226px;
  margin: -2px 1px 1px;
}

.gIEYE {
  z-index: var(--zindex-modal);
  margin: 8px 0;
}

.m06SH {
  color: transparent;
  flex: none;
}

.m06SH.k8eJ1 {
  margin-left: -1px;
}

.m06SH._3xkZi {
  margin-right: -1px;
}

.w-qFe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._3N8-f {
  color: #dadada;
  margin: -2px 0;
}

.XiS0U {
  max-width: 226px;
}

._1ODfW {
  font-size: 15px;
  line-height: 25px;
  padding: 6px 12px 5px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

._2DwQQ {
  flex-grow: 1;
  min-height: 100%;
  -webkit-user-select: auto;
          user-select: auto;
}

._2DwQQ._2kavJ {
  white-space: pre !important;
  height: 25px;
  overflow: hidden;
  word-wrap: normal !important;
  word-break: normal !important;
}

._3k4Vf {
  pointer-events: none;
  position: absolute;
  left: 12px;
  right: 12px;
  white-space: nowrap;
  overflow: hidden;
  color: var(--grey);
}

._1YRuK {
  white-space: normal;
}

._3eI0p {
  height: 100px;
}

._2E-I9 {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

._1_IO8 {
  border: 1px solid var(--red);
}

.GlWLr {
  width: 100%;
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.D1Fna {
  -webkit-user-modify: read-write !important;
}

._25yeh {
  display: flex;
  padding: 0;
  background-color: var(--white);
  width: 597px;
  border-radius: 8px;
  align-items: center;
}
._3JH_i {
  width: 512px;
}

._25yeh > div:nth-child(2) {
  border-radius: 8px 0 0 8px;
}

._25yeh > div:last-child {
  border-radius: 0 8px 8px 0;
}

.Q1U_9 {
  display: block;
  margin: 1px 0;
  width: 1px;
  height: 66px;
  background: var(--greyLight20);
}

._20O7k {
  color: var(--white);
}

.XpukN {
  border-radius: 4px;
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html:not(.focus-not-visible) .XpukN:focus {
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4);
}

._2RXRl {
  width: 85px;
  height: 68px;
  cursor: pointer;
  transition: color 0.3s;
  padding: 0;
}

._2RXRl ._3ge0L {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

._2RXRl:hover {
  background: var(--greyLight20);
}

._2RXRl ._3cwok {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
}

._2RXRl ._3cwok svg {
  width: 20px;
  height: 20px;
}

._2RXRl ._1_Yu_ {
  font-size: 11px;
  line-height: 16px;
  margin-top: 8px;
  flex-grow: 0;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
}

._9fyXu {
  margin-bottom: 10px;
  flex: 0 1 25%;
  display: flex;
  align-items: flex-start;
  padding: 5px 10px 5px 5px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.3s;
  border-radius: 6px;
  width: 100%;
}

._9fyXu ._3ge0L {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

._9fyXu:hover {
  background-color: var(--greyLight20);
}

._9fyXu ._3cwok {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  flex: 0 0 22px;
  padding-left: 2px;
  object-fit: contain;
}

._9fyXu ._3cwok svg {
  width: 20px;
  height: 20px;
}

._9fyXu ._1_Yu_ {
  flex: 1 1 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 10px;
  white-space: pre-wrap;
  text-align: start;
}

._2gcKW {
  position: relative;
}

._2gcKW:hover {
  background-color: transparent !important;
}

._2gcKW:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 10px;
  border: 1px solid #e75c4550;
  border-radius: 6px;
}

._2gcKW ._3cwok {
  flex: 0 0 auto;
  height: 20px;
  width: auto;
  position: relative;
}

._2gcKW ._3cwok svg {
  width: auto !important;
}

._3wylX {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: var(--zindex-tooltip);
}

.IAOA2 {
  width: 0;
  position: absolute;
  left: 50%;
  height: 0;
  overflow: visible;
}

@keyframes _2RRrq {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-48px);
  }
}

._1w3GL {
  position: relative;
  bottom: 0;
  margin: 0 auto;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  height: 44px;
  box-shadow: 0 4px 16px rgba(16, 16, 16, 0.24);
  border-radius: 4px;
  padding: 8px 12px 8px;
  opacity: 1;
  animation: _2RRrq 300ms ease-in-out 0ms 1 none;
  white-space: nowrap;
}

._29xpi {
  opacity: 0;
}

._19UpA {
  background-color: var(--black);
}

._2P-BY {
  background-color: var(--red);
}

._2__98 {
  width: 14px;
  height: 14px;
}

._2__98 path {
  fill: var(--white);
}

._27vHv{
  min-width: calc(100vw - 32px);
  white-space: normal;
  height: fit-content;
  align-self: flex-end;
}

._2270f {
  white-space: nowrap;
  text-overflow: ellipsis;
}

._3-7OG {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

._2CGC- {
  display: flex;
  flex: 0 0 auto;
  padding: 0 0 4px;
  margin-right: 8px;
  font-size: 15px;
  line-height: 22px;
  color: var(--greyDark);
  border: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  align-content: center;
  align-items: center;
  background: none;
}

._3-7OG > ._2CGC-:last-child {
  margin-right: 0;
}

._2CGC-:hover {
  border-bottom: 2px solid var(--greyDark);
}

._2CGC-:focus {
  border-bottom: 2px solid var(--greyDark);
  outline: none;
}

._2CGC-._2W8We {
  color: var(--blue);
  border-bottom: 2px solid var(--blue);
}

._2CGC- svg {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

._2CGC-._2W8We svg path {
  stroke: var(--blue);
}

._3fcfA {
  margin-right: 32px;
}

.NrlYM {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 118px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0 40px;
  pointer-events: none;
}

._1kGEH {
  pointer-events: auto;
}

._2q0TX {
  flex: none;
  margin-right: 12px;
}

._2q0TX span {
  margin: -5px;
}

._355dc {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 2px solid transparent;
  background: url(/share/_/dashboard/src/modern-components/dialogs/ChooseItemFromListDialog/images/3UZ6B.svg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  flex: none;
  margin-right: 12px;
}

._1eURY ._355dc {
  border: 2px solid var(--blue);
}

._3iS1v {
  width: 100%;
  padding: 4px;
  border-radius: 4px;
}

._1eURY._3iS1v,
._3iS1v:hover,
._3iS1v:focus {
  background-color: var(--greyLight20);
}

._25pLz {
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -2px;
}

._1twP1 > div::-webkit-scrollbar {
  display: none;
}

._1twP1 > div {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

._38Wy- {
  background-color: var(--white);
}

.KO2n3 {
  display: block;
  width: 214px;
  height: auto;
}

.U3m6S {
  width: 198px;
  max-height: 34px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--black);
}

.nbyRf {
  color: var(--white);
  text-decoration: underline;
}

.We9jp {
  opacity: 0.4;
}

._2ULDh {
  padding: 10px 16px;
  background-color: var(--blueAlice);
  border-radius: 4px;
}

._1fbBe {
  margin-bottom: 16px;
  height: 285px;
  width: 100%;
}

._23tXH {
  margin-bottom: 8px;
}

._yfAa {
  margin-bottom: 40px;
}

._3Dx0u {
  display: flex;
  justify-content: flex-end;
}

._31Nvi {
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._3f8cv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 450px;
  text-align: center;
}

.ozbCe {
  margin-bottom: 16px;
}

._3nflh {
  margin-bottom: 16px;
}

.BSDha {
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
}

._1lR2W {
  margin-bottom: 40px;
}

.lQGQ3 {
  margin: '0 10px 0 6px';
}

._20LJt {
  display: flex;
  justify-content: flex-end;
}

._3caGI {
  display: flex;
  align-items: center;
  position: relative;
  outline: none;
  top: 1px;
  margin-right: 2px;
}

.OyRfC {
  margin-bottom: 24px;
}

._3eXIT {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 118px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0 40px;
  pointer-events: none;
}

._13gAa {
  pointer-events: auto;
}

._30l3m {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._1VC2M {
  margin-bottom: 8px;
}

._1qDTN {
  margin-right: 6px;
}

._2BMxa {
  margin-right: 12px;
}

._3f8O3 {
  display: flex;
  align-items: center;
}

.Tk_fr {
  margin-left: -5px;
}

._34Cu8 {
  width: 214px;
  height: auto;
}

._3JXL7 {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.Fy19E {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: url(/share/_/dashboard/src/modern-ui/ListItemWithPicture/pictures/32Uk4.svg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  flex: none;
  margin-right: 12px;
}

.PrasJ {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

._1Nu1d {
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -2px;
}

._3HF-W {
  display: flex;
  align-items: center;
}

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

.SoBaA {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._1tYry {
  margin-bottom: 16px;
}

._2xmx- {
  height: 450px;
}

.SCydl {
  margin: 16px 70px 24px 70px !important;
}

._1OCDQ {
  margin: 16px 46px 24px 46px !important;
}

.Yuiy1 {
  margin-top: 16px;
}

._3BLsC {
  margin-right: 16px;
}

._2vDHJ {
  margin-top: 16px;
}

._13rnF {
  position: absolute;
  visibility: hidden;
}

._13rnF + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-size: 15px;
  line-height: 16px;
  display: inline-block;
  color: var(--black);
}

._1Hn3t + label {
  cursor: default;
}

._13rnF + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(16, 16, 16, 0.16);
  border-radius: 100%;
  background: transparent;
}

._1LhpG.W8s2n {
  padding-left: 0;
  padding-right: 24px;
}

._1LhpG.W8s2n:before {
  left: unset;
  right: 0;
}

._1LhpG.W8s2n:after {
  left: unset;
  right: 3px;
}

._3izYF.W8s2n:before {
  top: calc(50% - 8px);
}

._3izYF.W8s2n:after {
  top: calc(50% - 5px);
}

._13rnF + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--blue);
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

._13rnF:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

._13rnF:focus + label:after {
  opacity: 0.3;
  transform: scale(1);
}

._13rnF:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

._1mGxo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  align-items: start;
}

._2LtD4 {
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}

._3LpAG {
  width: 100%;
  height: 100%;
  filter: brightness(98%);
}

.dvfUZ {
  width: 50%;
  height: 50%;
}

._3Lf04 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--greyLight20);
}

._2oGaL {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 13px 14px 13px;
  background-color: var(--white);
  height: 82px;
}

._3pBwn {
  background-color: var(--greyLight20);
}

.z-vcg {
  height: 359px;
}

.cropper-view-box {
  outline-color: var(--blue) !important;
}

.cropper-modal {
  opacity: 0.6 !important;
}

.cropper-dashed {
  border: 1px dashed var(--white) !important;
  opacity: 0.8 !important;
  mix-blend-mode: difference;
}

.cropper-dashed.dashed-v {
  border-top: none !important;
  border-bottom: none !important;
}

.cropper-dashed.dashed-h {
  border-left: none !important;
  border-right: none !important;
}

.cropper-point.point-e,
.cropper-point.point-n,
.cropper-point.point-w,
.cropper-point.point-s {
  display: none !important;
}

.cropper-point.point-ne,
.cropper-point.point-nw,
.cropper-point.point-sw,
.cropper-point.point-se {
  background-color: transparent !important;
  height: 20px !important;
  width: 20px !important;
}

.cropper-point.point-ne {
  border-top: 5px solid var(--blue) !important;
  border-right: 5px solid var(--blue) !important;
  top: -3px !important;
  right: -3px !important;
  opacity: 1 !important;
}

.cropper-point.point-nw {
  border-top: 5px solid var(--blue) !important;
  border-left: 5px solid var(--blue) !important;
  top: -3px !important;
  left: -3px !important;
  opacity: 1 !important;
}

.cropper-point.point-sw {
  border-bottom: 5px solid var(--blue) !important;
  border-left: 5px solid var(--blue) !important;
  bottom: -3px !important;
  left: -3px !important;
  opacity: 1 !important;
}

.cropper-point.point-se {
  border-bottom: 5px solid var(--blue) !important;
  border-right: 5px solid var(--blue) !important;
  bottom: -3px !important;
  right: -3px !important;
  opacity: 1 !important;
}

._9kJpY {
  visibility: hidden;
}

._3DxTA {
  margin-right: 16px;
}

.cbMC0 {
  overflow: hidden;
}

.Kuhx_ {
  background-color: var(--grey);
  width: 96px;
  margin: 14px 0;
}

._24msL {
  width: 100%;
}

._3XmsA {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 15px;
}

.jFhHM + .jFhHM {
  margin-top: calc(6 * var(--grid-unit, 4px));
}

._3H2Dn {
  margin-top: calc(10 * var(--grid-unit, 4px));
  text-align: right;
}

._1P7Gu {
  margin-top: calc(10 * var(--grid-unit, 4px));
  text-align: right;
}

.focus-not-visible ._3i-IC:focus {
  outline: none;
}

._1Oyi4 {
  margin: 0;
  color: #979797;
  font-weight: normal;
  margin-bottom: 0.5em;
}

._3sKp2 {
  padding-right: 8px;
  word-wrap: break-word;
  word-break: break-word;
}

.eKKPw {
  max-width: 100%;
  margin-left: 16px;
}

._3xmRM {
  width: 117px;
  height: 20px;
  font-size: 19px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.05;
  letter-spacing: normal;
  margin-bottom: 16px;
}

._1tYBB {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

._3bLde {
  width: 81px;
  height: 20px;
  font-size: 15px;
  line-height: 1.33;
  margin-right: 8px;
}

._1mrRM {
  color: #8a9095;
  font-size: 15px;
  font-weight: normal;
}

._3GnLm {
  font-size: 15px;
  color: var(--blue);
  text-decoration: none;
}

._3E27Z {
  font-size: 15px;
  line-height: 1.33;
  color: var(--black);
}

._3E27Z._32CGU {
  color: rgba(255, 255, 255, 0.8);
}

.qzyju {
  color: var(--blue);
  text-decoration: none;
}
.qzyju._32CGU {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

._3GnLm:hover,
._32QVc:hover,
.qzyju:hover {
  color: #86c6fe;
}

.qzyju._32CGU:hover {
  color: #a0d2ff;
}

._2Dlox {
  font-weight: 400;
}

._2KIW9 {
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  height: 7px;
  width: 7px;
  transform: rotate(-45deg);
  margin-bottom: 4px;
}

._25yS7 {
  margin-top: 8px;
}

._2dfMw {
  width: 14px;
  height: 14px;
  color: var(--blue);

  /* fix baseline alignment */
  position: relative;
  bottom: -2px;
}

._35OE7 {
  width: 20px;
  flex-shrink: 0;
}

._2mIul {
  color: rgba(0, 0, 0, 0.2) !important;
}

._1Di5X {
  color: var(--white);
}

._2rAIc {
  border-radius: 4px;
}

._2rAIc > * {
  flex-grow: 1;
}

/** gap */
._2rAIc > *:not(:first-child) {
  margin-left: 1px;
}

._2eKUB {
  background-color: var(--white);
}

._1VJaB {
  background-color: #f1f1f1;
}

._2docH {
  background-color: var(--greyLight30);
}

.XBuMN {
  width: 668px;
}

._21u6u {
  margin: 0 100px;
}

.n4JJ5 {
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.n4JJ5:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

._3IC4C.n4JJ5:hover {
  background-color: unset;
}

._2Wau9 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--blueLight30);
  border-radius: 4px;
}

._1iYDU {
  padding: 16px;
}

._3oePf {
  max-height: 42px;
  padding: 12px 20px;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

._2yhsb {
  margin-left: 10px;
}

@media (max-width: 720px) {
  ._3oePf {
    max-height: none;
    width: 100%;
  }
}

._219UE {
  height: 445px;
}

:root {
  --gap: 16px;
}

._1wDyL {
  width: 326px;
  padding: var(--gap);

  background-color: var(--white);
}

._1WSEE {
  width: 100%;
  padding: 0 var(--gap);
  height: 32px;
  cursor: pointer;
  white-space: nowrap;
}

._1WSEE ._2Vdg1 {
  display: none;
}

._1WSEE:hover {
  background-color: var(--blue);
}

._1WSEE:hover span {
  color: var(--white) !important;
}

/*use CSS for show/hide item buttons (react Hover dont work correctly in this case)*/
._1WSEE:hover .thSDv {
  display: none;
}

._1WSEE:hover ._2Vdg1 {
  display: flex;
}

._1jUq7 {
  width: 125px;
  padding-right: 4px;
}

._3MBv7 {
  width: 72px;
  flex: none;
}

._2Vj7r {
  width: 97px;
}

._3jyIM:hover {
  background-color: var(--white);
  border-radius: 4px;
}

._3jyIM:hover svg {
  color: var(--blue);
}

._37VVd {
  border-radius: 4px;
}

._3tftc {
  border-collapse: separate;
  border-spacing: 10px 12px;
}

._3pnbx {
  font: var(--font);
  font-weight: normal;
}

._3TBqB {
  border: none;
  font: var(--font);
  height: 28px !important;
  width: 28px !important;
  position: relative;
  border-radius: 4px
}

.ExOmI {
  background-color: rgba(32, 142, 240, 0.2);
  border: none;
  color: var(--blue);
}

.Enirq:not(:hover):after,
._2kBTK:after,
.ExOmI:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 5px;
  background-color: rgba(32, 142, 240, 0.2);
}

.Enirq:before,
._26Iz8:before,
.ExOmI:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  width: 5px;
  background-color: rgba(32, 142, 240, 0.2);
}

._3fEKL,
.ExOmI:hover,
._3TBqB:hover {
  background-color: var(--blue);
  color: white;
  border: none;
  border-radius: 4px;
}

._2kBTK {
  background-color: var(--blue);
  color: white;
  border-radius: 4px 0 0 4px;
  position: relative;
}

._26Iz8 {
  background-color: var(--blue);
  color: white;
  border-radius: 0 4px 4px 0;
}

._3fEKL:hover {
  background-color: var(--blue);
  border: none;
  color: white;
}

.Enirq:hover,
.Enirq {
  background-color: rgba(32, 142, 240, 0.2);
  color: var(--blue);
  border: none;
}

.Enirq:hover {
  border-radius: 0 4px 4px 0;
}

._2kBTK._26Iz8::after {
  display: none;
}

._2kBTK._26Iz8::before {
  display: none;
}

._2kBTK._26Iz8 {
  border-radius: 4px;
}

.Di9cM{
  pointer-events: none;
  background-color: var(--greyLight10);
}

._2mMBk {
  font: var(--font);
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
}

._1rctJ {
  display: grid;
  max-width: 300px;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 8px;
}

.nFELC {
  transform: rotate(90deg);
  justify-self: center;
}

._2gfUh {
  grid-area: 1 / 2 / 2 / 7;
  justify-self: center;
}

._3juek {
  transform: rotate(-90deg);
  justify-self: center;
}

._1aAfv {
  justify-self: center;
}

._181zI {
}

.eN7tS {
  width: 100%;
  text-align: center;
  border-radius: 4px;
  padding: 4px;
}

.eN7tS:hover {
  background-color: var(--blue);
  color: var(--white);
}

._3FRN7 {
  left: 22px;
  position: absolute;
  top: 15px;
}

._3Ix0C {
  right: 22px;
  position: absolute;
  top: 15px;
}

._3BbiB {
  padding: 16px 24px;
  border-top: 1px solid var(--greyLight20);
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  ._1rctJ {
    max-width: 450px;
  }
}

._15SRj {
  font: var(--font);
  border: none;
  background: none;
  outline: none;
  width: auto;
}

._3W3Ni {
  box-shadow: inset 0px 0px 0px 2px var(--c-accent4-secondary);
  color: var(--c-accent4-secondary);
  font-weight: 500;
  background-color: var(--white) !important;
}

._15SRj::-webkit-calendar-picker-indicator {
  background: none;
  width: 0;
}

._15SRj::-webkit-clear-button {
  display: none;
}

.NKXP3 {
  box-shadow: none;
  background: none;
  min-width: 24px !important;
  padding: 0;
  color: var(--black);
}

.NKXP3._13ghs {
  text-decoration: underline;
}

._37dUg {
  position: relative;
  width: 560px;
}

._2ec-h {
  height: calc(560px - 96px); /* dialog height - distance to its top */
  min-height: calc(560px - 96px);
  padding: 0 1px;
}
._2ec-h::-webkit-scrollbar {
  display: none;
}
._2ec-h {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

._1e8Fa {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

._33zsi {
  width: 227px;
}

._297zE {
  height: 22px;
  max-height: 22px;
  box-sizing: border-box;
}

._2yBXL {
  height: 36px;
  width: 227px;
}

._2yBXL input::-webkit-outer-spin-button,
._2yBXL input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._2yBXL input[type='number'] {
  -moz-appearance: textfield;
}

._2-XSF {
  position: relative;
}

._11iGG {
  transform: rotateX(180deg);
}

.a4IY- {
  position: absolute;
  left: 0;
  top: 37px;
  z-index: 1;
}

._21p-G {
  width: 100%;
  height: 36px;
  border: 1px dashed var(--grey);
  border-radius: 4px;
}

._2g7iG {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

._1BKOf {
  z-index: var(--zindex-tooltip);
}

._2PAnd {
  z-index: var(--zindex-tooltip);
}

._3jCoo {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: var(--white);
  height: 427px;
  width: 354px;
}

/*
 * These 4 styles below are needed to fix a bug in chrome
 * details: https://github.com/missive/emoji-mart/issues/435#issuecomment-706586380
 */
.emoji-mart-emoji {
  position: initial !important;
}

.emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer !important;
  z-index: none !important;
  position: initial !important;
}

.emoji-mart-category-list > li:hover {
  border-radius: 50% !important;
  background-color: #f4f4f4 !important;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  content: none !important;
}

._1Z4cC {
  position: relative;
}

._39RST {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 16px rgba(16, 16, 16, 0.24);
  border-radius: 4px;
  top: calc(100% + 10px);
  right: -8px;
  height: 26px;
  padding: 0 4px;
}

._39RST._2LzAo {
  right: 0;
  top: calc(100% + 2px);
}

._3f0OZ {
  color: var(--white);
  display: flex;
  padding: 0 4px;
}

._3DwFY {
  pointer-events: none;
}

._3o-qY {
  position: absolute;
  right: -8px;
  top: 60px;
}

._2KUeG > textarea {
  word-break: break-word !important;
}

._3hx3- {
  border-radius: 7px;
  background-color: var(--white);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.08);
  border-color: transparent;
  width: 680px;
  padding: 24px;
  position: relative;
}

.HH8Kc {
  stroke: var(--white);
}

.mMZ9O {
  stroke: var(--black);
}

._1YY68 {
  stroke: var(--grey);
}

.FJihj {
  stroke: var(--blue);
  fill: var(--blue);
}

._1zMUa {
}

.zLbVK {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ghANn {
  min-width: 28px;
  width: 28px;
  height: 28px;
}

.cc1_z {
  min-width: 16px;
  width: 16px;
  height: 16px;
}

._1r8pa {
  min-width: 12px;
  width: 12px;
  height: 12px;
}

._3Bw2C {
  min-width: 36px;
  width: 36px;
  height: 36px;
}

._26tHJ {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.Rd8rv {
  margin: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-size: contain;
  border-radius: 2px;
  overflow: hidden;
  background-color: #d8d8d8;
  background-repeat: no-repeat;
  background-position: center center;
}

.JhFd0 {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
}

._5uRBt {
  position: relative;
  min-width: 80px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px;
  line-height: 17px;
  min-height: 36px;
  padding-left: 4px;
}

._5uRBt._3Z_2L {
  padding-left: 0;
  border: none;
  background-color: inherit;
  box-shadow: none;
}

._2rnU3 {
  color: inherit;
  background-color: #fffefe;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._2SoEz {
  padding: 0;
}

.dbwY2 {
  color: var(--grey);
  background-color: var(--greyLight30);
  border: solid 1px rgba(16, 16, 16, 0.08);
}

.VxctK {
  color: var(--black);
  background-color: var(--white);
  box-shadow: 0 0 0 2px rgba(32, 142, 240, 0.4),
    0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._20uZW {
  color: #f06040;
  background-color: #fffefe;
  box-shadow: 0 0 0 2px rgba(240, 96, 64, 0.4), 0 0 0 1px rgba(16, 16, 16, 0.08),
    0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._3dNZa {
  color: var(--black);
  background-color: #fffefe;
  box-shadow: 0 0 0 2px rgba(240, 96, 64, 0.4), 0 0 0 1px rgba(16, 16, 16, 0.08),
    0 1px 0 0 rgba(16, 16, 16, 0.04);
}

._3mttO,
._2caPS {
  color: var(--grey);
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  display: flex;
  justify-content: center;
}

._2SPfX {
  width: 100%;
  border: none;
  resize: none;
  background-color: transparent;
  margin: 4px 0;
}

._2SPfX:focus {
  flex-grow: 10;
}

._2SPfX::placeholder {
  color: transparent;
}

._2qFGJ {
  margin-left: -8px;
  cursor: text;
}

._1qZtM {
  margin-right: -8px;
  background-color: var(--white);
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

._1qZtM::before {
  content: '';
  display: block;
  width: 16px;
  height: 28px;
  background-image: linear-gradient(
    to left,
    var(--white),
    rgba(255, 255, 255, 0)
  );
  position: absolute;
  left: -16px;
  top: 0;
}

._3mNHE {
}

._3mNHE::before {
  display: none;
}

._23-NM {
  margin-right: 4px;
  margin-bottom: 4px;
  outline: none;
  border-radius: 3px;
  min-width: 16px;
  max-width: 196px;
  height: 28px;
  line-height: 27px;
  padding: 0 8px;
  color: var(--black);
  font-weight: normal;
  background-color: var(--grey);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

._23-NM._2c7ZR {
  background-color: var(--blue);
  color: var(--white);
}

._23-NM._2c7ZR:active {
  background-color: var(--blue);
}

._27pxs {
  margin: -3px -13px 0 4px;
  display: inline-block;
  vertical-align: middle;
}

.ri5QE {
  cursor: pointer;
  color: var(--blue);
  padding: 6px 16px 8px;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
  min-width: 180px;
  min-height: 32px;
  height: auto;
}

._2iy0x {
  color: var(--white);
  background: var(--blue);
}

._19QEC {
  padding: 4px 16px 6px;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
  min-width: 180px;
  min-height: 32px;
  height: auto;
}

._2Z9Nh {
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 8px 32px 0 rgba(32, 32, 32, 0.08),
    0 0 0 1px rgba(16, 16, 16, 0.04);
  overflow: hidden;
  z-index: var(--zindex-popover-next);
  width: 100%;
}

.q1s1G {
  display: flex;
  flex-wrap: wrap;
}

._3BWdD {
  width: 100%;
  position: relative;
  padding: 4px 12px;
  cursor: text;
}

._3c33L {
  position: relative;
}

._369yA {
  padding-bottom: 4px;
  padding-left: 8px;
}

._369yA input {
  height: 20px !important;
  font-size: 15px !important;
}

._3tGfX {
  margin-top: 3px;
  margin-bottom: 5px;
  padding-left: 0;
}

.j8dB6 {
  color: var(--blue);
}

._3Amn6 {
  width: 100%;
}

._2zS9R {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.09px;
  line-height: 16px;
  text-overflow: ellipsis;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  margin: 1px 4px -17px;
}

._2zS9R ._15drr {
  cursor: pointer;
  opacity: 0.3;
}

._2zS9R ._15drr:hover {
  opacity: 0.6;
}

._2zS9R ._15drr ._3FIfL {
  text-decoration: none;
  border-bottom: 1px dotted var(--black);
}

._1hvdZ {
  padding: 4px 0;
}

.eGMtH {
  flex-grow: 2;
  margin-top: -5px;
}

._-dashboard-src-pages-AiSetupPage-___animate-fade-in-end___2zkn0 {
  transform: scale(1);
}
@keyframes _-dashboard-src-pages-AiSetupPage-___flickerAnimation___NrUBk {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _-dashboard-src-pages-AiSetupPage-___swing___2qMGI {
  15% {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
  }
  30% {
    transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
  }
  50% {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
  }
  65% {
    transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
  }
  80% {
    transform: translateX(1px);
    -webkit-transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
._-dashboard-src-pages-AiSetupPage-___textHeader___K-CU0 {
  margin: 0 0 4px 0;
  color: rgba(39, 45, 51, 0.98);
}
._-dashboard-src-pages-AiSetupPage-___text___3wnak {
  margin: 0;
  letter-spacing: normal;
}
._-dashboard-src-pages-AiSetupPage-___accented___1coec {
  color: var(--black);
  font-weight: 600;
}
ai-setup-page {
  /*angular component style*/
  background-color: var(--greyLight20);
  min-height: 100%;
  max-width: unset !important;
  padding: 0 18px !important;
}
._-dashboard-src-pages-AiSetupPage-___layout___3bn5y {
  min-width: 1024px;
  width: 1024px;
  margin: 0 auto;
  padding: 24px;
}
._-dashboard-src-pages-AiSetupPage-___inlineLayout___3zwQU {
  margin: 0 0 18px;
}
._-dashboard-src-pages-AiSetupPage-___searchField___1UxlL {
  margin-top: 4px;
  width: 347px;
}
._-dashboard-src-pages-AiSetupPage-___lineLayout___1mudR {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 24px;
}
._-dashboard-src-pages-AiSetupPage-___subLineLayout___wwuC1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._-dashboard-src-pages-AiSetupPage-___subLineLayoutLeft___3Hql3 {
  display: flex;
  justify-content: left;
  align-items: center;
}
._-dashboard-src-pages-AiSetupPage-___infoText___1CCKC {
  max-width: 540px;
  padding-bottom: 12px;
}
._-dashboard-src-pages-AiSetupPage-___tabsBoxLayout___1wITD {
  margin: 0 0 18px;
  position: relative;
}
._-dashboard-src-pages-AiSetupPage-___intentBoxLayout___1p7a0 {
  display: flex;
  flex-direction: column;
}
._-dashboard-src-pages-AiSetupPage-___intent_layout___3dWIZ {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
  width: 100%;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 16px;
  position: relative;
  padding-right: 8px !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
}
._-dashboard-src-pages-AiSetupPage-___controlSpacing___1WPSh {
  margin: 0 0 16px;
}
._-dashboard-src-pages-AiSetupPage-___inline___3OZW7 {
  display: inline-block;
  vertical-align: bottom;
}
._-dashboard-src-pages-AiSetupPage-___groupNameInputLayout___2oAyo {
  width: 320px;
}
._-dashboard-src-pages-AiSetupPage-___groupNameSpacing___fMlX5 {
  margin: 0 10px 0 0;
}
._-dashboard-src-pages-AiSetupPage-___inputSpacing___1LCQu {
  padding-top: 4px;
}
._-dashboard-src-pages-AiSetupPage-___inputBackground___3WLjH {
  background-color: var(--greyLight20);
}
._-dashboard-src-pages-AiSetupPage-___buttonSpacing___3nZac {
  margin-right: 4px;
}
._-dashboard-src-pages-AiSetupPage-___actionItemInputLayout___2ZFeC {
  display: block;
  width: 100%;
  border: none;
  border-radius: 4px;
  resize: none;
  padding: 12px 20px !important;
  font-size: 15px;
  line-height: 20px;
}
._-dashboard-src-pages-AiSetupPage-___actionItemInputLayout___2ZFeC:disabled {
  background-color: inherit;
}
._-dashboard-src-pages-AiSetupPage-___actionSuggest___2wil8 {
  margin: 4px;
}
._-dashboard-src-pages-AiSetupPage-___actionContainer___KZFMu {
  position: relative;
}
._-dashboard-src-pages-AiSetupPage-___languageSelectorLayout___1GfsD {
  display: inline;
}
._-dashboard-src-pages-AiSetupPage-___textCapitalize___1_KSW {
  text-transform: capitalize;
}
._-dashboard-src-pages-AiSetupPage-___popupControlLayout___3flgn {
  width: 320px;
  position: relative;
  margin: 0 auto 24px;
}
._-dashboard-src-pages-AiSetupPage-___groupNameFont___3GHT0 {
  color: var(--black);
}
._-dashboard-src-pages-AiSetupPage-___botsDropdownButtonLabel___3kg1n {
  display: flex;
  align-items: center;
}
._-dashboard-src-pages-AiSetupPage-___botsDropdownButtonLabelIcon___2wS_S {
  margin: 1px 6px 0 -8px;
}
._-dashboard-src-pages-AiSetupPage-___cloneDonePopup___3LyPA {
  text-align: center;
}
._-dashboard-src-pages-AiSetupPage-___cloneDonePopupImg___2x6VN {
  display: block;
  width: 85px;
  height: 64px;
  margin: 44px auto 28px;
}
._-dashboard-src-pages-AiSetupPage-___loaderLayout___2J22V {
  max-height: calc(100vh - 64px);
  overflow: hidden;
}
._-dashboard-src-pages-AiSetupPage-___loadingIntentPlaceholder___2UZ8Q {
  background-color: var(--grey) !important;
  height: 180px;
  animation: _-dashboard-src-pages-AiSetupPage-___flickerAnimation___NrUBk 1000ms infinite;
}
._-dashboard-src-pages-AiSetupPage-___loadingControlPlaceholder___wi5Od {
  width: 320px;
  height: 36px;
  border-radius: 4px;
  background-color: var(--grey);
  animation: _-dashboard-src-pages-AiSetupPage-___flickerAnimation___NrUBk 1000ms infinite;
}
._-dashboard-src-pages-AiSetupPage-___iconWhite___16VOx {
  fill: var(--white);
}
._-dashboard-src-pages-AiSetupPage-___iconGray___3USkQ {
  fill: #979797;
}
._-dashboard-src-pages-AiSetupPage-___iconInText___1Se-H {
  margin-bottom: -1px;
}
._-dashboard-src-pages-AiSetupPage-___addIcon___eapcX {
  margin-right: 4px;
}
._-dashboard-src-pages-AiSetupPage-___linesContainer___1YYo8 {
  width: 585px;
  margin-right: 42px;
}
._-dashboard-src-pages-AiSetupPage-___repliesContainer___2h0mY {
  width: 392px;
}
._-dashboard-src-pages-AiSetupPage-___repliesContainer___2h0mY > ._-dashboard-src-pages-AiSetupPage-___label___211dl,
._-dashboard-src-pages-AiSetupPage-___linesContainer___1YYo8 > ._-dashboard-src-pages-AiSetupPage-___label___211dl {
  color: #adadad;
  margin-bottom: 4px;
}
._-dashboard-src-pages-AiSetupPage-___editorContainer___2eywf {
  min-height: 114px;
}
._-dashboard-src-pages-AiSetupPage-___repliesList___2bIId {
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08), 0 1px 0 0 rgba(16, 16, 16, 0.04);
  margin-right: 36px;
  width: 348px;
}
._-dashboard-src-pages-AiSetupPage-___repliesList___2bIId ._-dashboard-src-pages-AiSetupPage-___infoText___1CCKC {
  padding: 8px 20px;
}
._-dashboard-src-pages-AiSetupPage-___menuDots___3JE-b {
  border: none;
  outline: none;
  position: absolute;
  color: var(--greyDark);
  top: 10px;
  right: 8px;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--white) 24%, var(--white));
}
._-dashboard-src-pages-AiSetupPage-___menuDots___3JE-b:hover {
  color: var(--blue);
}
._-dashboard-src-pages-AiSetupPage-___removeActionButton___37eg0 {
  position: absolute;
  right: 0;
  top: 5px;
}
._-dashboard-src-pages-AiSetupPage-___searchInputPad___1vvTJ {
  position: absolute;
  top: -5px;
  right: 0;
  width: 348px;
}
._-dashboard-src-pages-AiSetupPage-___removeActionButtonContainer___3DSsM {
  position: absolute;
  top: 0;
  right: -36px;
  bottom: 0;
  width: 36px;
}
._-dashboard-src-pages-AiSetupPage-___divider___ycOnd {
  height: 1px;
  background-color: var(--grey);
  margin: 0 12px;
}
._-dashboard-src-pages-AiSetupPage-___intentPlaceholder___1AhCc {
  height: 176px;
  border-radius: 4px;
  border: solid 1px rgba(16, 16, 16, 0.08);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  opacity: 0.5;
  text-align: center;
  margin-bottom: 20px;
}
._-dashboard-src-pages-AiSetupPage-___intentPlaceholderHeader___s2CkH {
  width: 568px;
  height: 32px;
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.04;
  letter-spacing: normal;
  color: var(--greyDark);
}
._-dashboard-src-pages-AiSetupPage-___intentPlaceholderText___2hVT1 {
  height: 60px;
  width: 444px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--greyDark);
}
._-dashboard-src-pages-AiSetupPage-___pinnedButtonPad___LYekD {
  position: fixed;
  bottom: 0;
  height: 68px;
  background-color: rgba(243, 242, 242, 0.96);
  padding-top: 16px;
  margin-bottom: 0;
  width: 100%;
}
._-dashboard-src-pages-AiSetupPage-___addButtonWrapper___1Uy5J {
  width: 100%;
  z-index: 10;
  position: relative;
}
._-dashboard-src-pages-AiSetupPage-___listBottom___Un0r5 {
  height: 52px;
}
._-dashboard-src-pages-AiSetupPage-___textActionTextarea___1nFgA {
  padding: 12px 20px 0 !important;
}

._3nWQV {
  animation: _3qSVd 1s linear infinite;
}

@supports (-webkit-background-clip: text) {
  ._3nWQV {
    color: transparent;
    background: linear-gradient(
      to right,
      var(--grey) 0%,
      var(--grey) 30%,
      var(--black) 50%,
      var(--grey) 70%,
      var(--grey) 100%
    );
    background-size: 200% 100%;
    animation: xLxPb 2s linear infinite;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@keyframes xLxPb {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}

@keyframes _3qSVd {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

._3HGqk {
  width: 504px;
  background-color: var(--greyLight30);
}

._1vP00 {
  top: 25px;
  right: 32px;
}

._2RDnf {
  display: block;
  margin: 0 0 20px;
  width: 424px;
  height: 176px;
}

.gsSB1 {
  font-size: 15px;
  line-height: 1.33;
  color: var(--greyDark);
  margin: 0 0 8px;
}

._3EMZ3 {
  padding: 0 24px;
  width: 100%;
}

._25FcH + ._25FcH {
  margin-top: 24px;
}

._2wRzR {
  display: flex;
  align-items: center;
  height: 28px;
  font-size: 18px;
  padding: 8px 0;
  margin-bottom: 6px;
}

._1dX5e {
  height: 28px;
  cursor: pointer;
  background-color: var(--greyLight20);
  border-radius: 4px;
}

._2CBs_ {
  position: relative;
  left: -12px;
  right: 12px;
  width: calc(100% + 24px);
}

._2wRzR > span {
  margin-right: 8px;
}

.OtLpo {
  margin-top: 24px;
  margin-bottom: 32px;
}

.olPc6 {
  margin-right: 8px;
  font-size: 18px;
}

._1ZD_7 {
  margin-top: 22px;
  margin-bottom: 24px;
}

.gfpLR {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

._33O43 {
  width: 100%;
  margin-bottom: 28px;
  padding: 24px 24px 0;
}

.tHexI {
  display: block;
  width: 100%;
  border: none;
  line-height: 1.2;
  font-size: 15px;
  resize: none;
  padding: 9px 12px;
  background-color: transparent;
}

._33O43 ._2xVVI {
  margin-bottom: 12px;
  font-size: 18px;
}

._3hsOs {
  margin-top: 18px;
  margin-bottom: 34px;
}

._1bHN8 {
  color: var(--blue);
  font-size: 15px;
  line-height: 22px;
  margin-left: 8px;
}

._2v20v {
  color: var(--red) !important;
}

.uGTtR {
  font-size: 18px;
  line-height: 24px;
  width: 40%;
}

._2xdGX {
  font-size: 18px !important;
}

._31uZ8 {
  color: var(--red) !important;
}

._2gt98 {
  margin-left: 32px;
  text-wrap: normal;
  font-size: 12px;
  line-height: 16px;
  width: 140px;
  position: relative;
  top: -3px;
}

._2gt98 a {
  color: var(--blue);
  text-decoration: none;
}

._2gt98 a:hover {
  text-decoration: underline;
}

._2h4o4 {
  width: 36px !important;
}

.n9bNq input {
  height: 36px !important;
}

.eN78M {
  height: 300px;
}

._12OIs {
  position: absolute;
  bottom: 16px;
  width: 100%;
}

.APR-8 {
  flex-direction: column;
  margin-top: 12px;
}

.f9Ls7 {
  margin-left: 4px;
}

._9DED- {
  margin-top: 6px;
}

.UxenI {
  margin-right: 6px;
}

._1mHYw {
  min-width: 0;
}

._12mPO {
  flex: none;
}

._1eCwl {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 18px;
  line-height: 24px;
}

._2cIIZ {
  flex: auto;
  overflow: hidden;
}

._3t3V- {
  margin-top: -4px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.D5dZp {
  width: 580px;
}

@media (max-width: 720px) {
  .D5dZp {
    width: unset;
    margin-bottom: 16px !important;
  }
}

.KF-mB {
  margin-right: 12px;
}

._10wBY {
  align-items: center;
  flex-direction: row;
}

.RBi01 {
  width: 100%;
}

@media (max-width: 720px) {
  .KF-mB {
    margin-right: 0;
    margin-bottom: 12px;
  }

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

._3SKy7 {
  width: 100%;
  flex-direction: row-reverse;
}

._2QgCj {
  align-items: center;
}

@media (max-width: 720px) {
  ._2QgCj {
    align-items: normal;
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
  }
}

.SzsOV {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  color: var(--grey);
  vertical-align: -2px;
}

._2I7n_ {
  position: absolute;
  left: 0;
  bottom: 16px;

  height: 36px;
  width: 520px;
}

._13jkW {
  width: 100%;
}

.q7nE5 {
  width: 100%;
  margin-top: 8px;
}

._1PWAX {
  padding: 0;
  height: 260px;
}

._K7uz {
  padding: 0 4px 24px;
  white-space: nowrap;
}

._1QZQc {
  height: 48px;
  margin-bottom: 24px;
}

.Ic-x- {
  height: 260px;
  padding-right: 8px;
}

.urbF- {
  min-width: 124px !important;
  margin-left: 16px;
}

._2a1fY {
  width: 354px;
}

.Dkurf {
  width: 100%;
  padding-right: 4px;
}

.WPZkN path {
  fill: #3b5998;
  background: linear-gradient(238.9deg, #6358de 1.39%, #208ef0 99.06%);
  border-radius: 6px;
}

._19u9X {
  height: 264px;
}

._3GGcs {
  width: 100%;
  margin-bottom: 6px;
}

._1HoLK {
  width: 100%;
  height: 414px;
  position: relative;
}

._1yMPF {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #f3f2f2;
  width: 100%;
  z-index: var(--zindex-dropdown);
  opacity: 0.5;
}

._3fRGC path {
  fill: #3b5998;
  background: linear-gradient(238.9deg, #6358de 1.39%, #208ef0 99.06%);
  border-radius: 6px;
}

.ebmyO {
  position: absolute;
  left: 0;
  bottom: 16px;

  height: 36px;
  width: 520px;
}

.Yx-iQ {
  min-width: 160px !important;
}

.qnkQV {
  width: 100%;
  margin-top: 12px;
}

.HnCmu {
  width: 364px;
}

._2IDcO {
  height: 264px;
}

.I0STI {
  width: 460px;
}

.G1oaA {
  width: 600px;
  height: 517px;
  background: var(--white);
}

._2caZQ {
  width: 100%;
}

.np6rt {
  width: 520px;
  height: calc(100% - 24px);
}

.sBoLf {
  width: 100%;
  height: 100%;
}

._30UXv {
  width: 100%;
}

._2wtHh {
  width: 100%;
  padding-bottom: 40px;
}

@media (max-width: 720px) {
  .np6rt {
    width: auto;
  }
}

._3_Upg {
  width: 100%;
}

._1tuDC {
  width: 100%;
}

._1tuDC:not(:last-of-type) {
  margin-bottom: 16px;
}

.ZRgdc {
  font-weight: 600;
  color: var(--black);
}

._2RZok {
  font-weight: 600;
  color: var(--black);
}

.wCYJS {
  width: 100%;
}

.wCYJS:not(:last-of-type) {
  margin-bottom: 16px;
}

._1ehKi {
  width: 600px;
  height: 493px;
}

._1_G3g {
  height: 100%;
}

.Kiqq0 {
  margin-right: 24px;
  display: flex;
}

._32wX2 {
  padding: 8px;
  min-height: 32px;
  min-width: 32px;
}

._1PSl5 {
  margin: 0;
}

._2xWcX {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 8px;
  margin: 0 -8px;
  border-radius: 8px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

._2xWcX:hover {
  background-color: #f1f1f1;
}

._2Y7EF {
  font-size: 15px;
  line-height: 16px;
  color: var(--black);
  margin: 0 0 4px;
}

._1Ppur {
  font-size: 11px;
  line-height: 12px;
  color: #a7a7a7;
  padding: 0 0 2px;
}

._2xWcX._1swmk {
  background-color: var(--blue);
}

._2xWcX._1swmk ._2Y7EF,
._2xWcX._1swmk ._1Ppur {
  color: var(--white);
}

._2xWcX.MFR0k {
  pointer-events: none;
  opacity: 0.5;
}

._1Iwx7 {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent var(--black);
  margin: 0 0 0 8px;
  opacity: 0.2;
}

._3H_JF {
  margin: 16px 0;
  width: 100%;
  height: 1px;
  background-color: var(--grey);
  opacity: 0.4;
}

._1sck2 {
  color: var(--greyDark);
  text-decoration: none;
  white-space: nowrap;
}

._1sck2:hover {
  text-decoration: underline;
}

.G8uj1 {
  display: flex;
  align-items: center;
}

._11DgT {
  margin-right: 16px;
  min-height: 40px;
  min-width: 40px;
}

/***/

.E35sN {
  width: 100%;
  min-width: unset;
  min-height: 228px !important;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
}

._3dRwy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-size: 24px;
  color: var(--black);
  font-weight: 300;
}

._36BXH {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #767676;
  padding: 0 24px 56px;
}

._2N1yF {
  max-height: 536px;
  overflow: auto;
  border-top: 1px solid var(--greyLight20);
  background-color: var(--white);
}

._2a5kH {
  position: relative;
  border-top: 1px solid var(--greyLight20);
  height: 72px;
  font-size: 16px;
  font-weight: 400;
  color: var(--black);
  padding: 0 24px;
  background-color: var(--white);
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._2a5kH:first-child {
  border-top: none;
}

._24vqi {
  margin: 4px;
}

._2_vGc {
  flex: none;
  font-size: 14px;
  color: #979797;
}

._1DFUU {
  font-size: 13px;
  line-height: 1.23;
  color: #979797;
  padding: 0 0 5px;
}

._21OsD {
  border-bottom: none !important;
}

._343RZ {
  font-size: 16px;
  line-height: 20px;
  color: #979797;
}

._1qLL0 {
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
}

._1bMpF {
  display: block;
  margin: -10px auto 50px;
}

._2_7FV {
  padding: 0;
  margin: 0;
  max-height: calc(74px * 6);
  overflow-y: auto;
}

.lHsbi {
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 16px 0;
  list-style-type: none;
  justify-content: space-between;
  border-bottom: 1px solid var(--c-base-light);
}

.lHsbi:last-child {
  border-bottom: none;
}

._1EEit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 8px 12px;
  gap: 2px;
  border-radius: 4px;
  background: var(--c-base-extralight);
}

._3pp6_ {
  background-color: var(--white);
}

._22lsb {
  width: 352px;
}

._22lsb * {
  box-sizing: border-box;
}

.POBGQ {
  width: calc(100% + 16px);
  margin: 0 -8px;
  height: 465px;
}

._2Rh8x > div::-webkit-scrollbar {
  display: none;
}

._2Rh8x > div {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

._2D0nr {
  text-align: center;
}

._2gAjP {
  height: 446px;
}

._22TIm {
  height: 44px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 6px;
}

._22TIm:hover {
  background-color: var(--greyLight20);
}

._22Fig {
  z-index: var(--zindex-popover);
}

._3wlBB {
  min-height: 75px;
  min-width: 220px;
  width: 100%;
  background-color: var(--greyLight30);
  border-radius: 4px;
  padding: 8px 4px 0 8px;
  align-items: center;
  justify-content: center;
}

._3vVWU {
  width: 24px;
  height: 24px;
  background: var(--white);
  box-shadow: 0 1px 5px rgba(77, 77, 77, 0.1);
  border-radius: 4px;
  margin: 0 10px 8px 0;
}

._117Ks {
  object-fit: cover;
  width: 12px;
  height: 12px;
}

._2VwGC {
  flex: none;
  transform: rotate(-90deg);
  margin: -8px -3px 0 -13px;
}

._1Oe_Q {
  height: 44px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 6px;
}

._1Oe_Q:hover {
  background-color: var(--greyLight20);
}

.QSvWu {
  height: 32px;
}

._3HbAu {
  height: 32px;
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--greyLight20);
}

.WEB_M {
  object-fit: cover;
  width: 16px;
  height: 16px;
  margin: 7px;
}

._2IG9J {
  transform: rotate(-90deg);
  margin: 0 -7px;
}

._2fGd4 {
  position: relative;
}

._1AeTT {
  position: absolute;
  z-index: var(--zindex-popover);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

._2wvia {
  display: block;
  width: calc(100% + 28px);
  border-radius: 4px;
  height: 588px;
  margin: 0 -14px;
  border: 1px solid var(--greyLight20);
}

._20pgO {
  margin-right: 12px;
}

._1bLV- {
  flex: none;
  width: 18px;
  height: 18px;
}

._3R4E- {
  width: 214px;
  white-space: normal;
  word-wrap: break-word;
}

.T4y6- {
  align-items: flex-start;
  width: 214px;
  height: auto;
}

.A-VwX {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.poJG7 {
  background-color: var(--greyLight20);
  border-radius: 4px;
  overflow: hidden;
  padding-top: 20px;
}

._3Q_4H {
  display: block;
  width: 396px;
  height: 175px;
}

._3C4uO {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 108px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 40%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0 40px;
  pointer-events: none;
}

._23hxo {
  pointer-events: auto;
}

._1IBNr {
  width: 480px;
}

._2UT8f {
  height: 600px;
  width: 700px;
  background-color: var(--white);
}

._2IQFl {
  display: flex;
  flex-direction: column;
  max-width: 220px !important;
}

._2703P {
  padding: 4px 12px;
  border-radius: 14px;
}

._36Hv6 {
  display: grid;
  grid-template-columns: 248px 106px 203px;
  gap: 32px;
  justify-items: left;
  align-items: baseline;
}

._2u5gZ {
  width: 100%;
}

._3w8EO {
  height: 323px;
}

._2Kt4A {
  height: unset;
}

.EXaBA {
  height: 384px;
}

._2pqLM {
  padding: 8px 12px;
  background-color: var(--cobaltExtralight);
  border-radius: 4px;
}

._1urOO {
  width: 100%;
  height: 496px;
  align-items: center;
  justify-content: center;
}

._2UjsJ {
}

._3mFtN {
  width: 110px;
}

._2pidF {
  width: 36px;
  padding: 0 !important;
  text-align: center;
  -moz-appearance: textfield;
}

._2iwnY {
  margin-right: 8px;
}

._2pidF::-webkit-outer-spin-button,
._2pidF::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.UUXNY {
  min-width: 110px;
}

._3xX43 {
  width: 214px;
  margin-bottom: 8px;
}

._1P7Xo {
  text-decoration: underline;
}

.Uo51G {
  line-height: 20px;
  height: 20px;
}

._3zp_T {
  min-height: 20px;
}

.W2fWJ {
  height: 370px;
}

._1QJHr {
  width: 240px;
}

._3G3Lb {
  margin: 10px;
}

/*
 * Костыль.
 * Гугл карта рисуется быстрее чем инпут из реакт лаяута скопируется в лаяут карты
 * и получается моргание. В документации у них тоже самое
 * https://developers.google.com/maps/documentation/javascript/examples/places-searchbox
 * как фиксить не очень понятно.
 */
.K8yZj {
  position: absolute;
  top: 56px;
  left: 20px;
  z-index: 100;
}

.pac-container {
  /* Автокомплит гугл карт должен быть выше чем модалка */
  z-index: 2147483644;
}

.HwDk2 {
  color: var(--greyDark);
}

._2Huih {
  position: relative;
  display: inline-block;
}

._2Huih._2IDg7::after {
  content: '*';
  position: absolute;
  font-size: 15px;
  line-height: 20px;
  color: #d96852;
  top: -4px;
  right: -7px;
  width: 7px;
}

._2oohz {
  font-size: 15px;
  line-height: 16px;
  padding: 8px 0 0;
  color: #979797;
}

.aunSW {
  font-size: 12px;
}

._1_c2_ {
  color: var(--black);
}

.SzCyx {
  width: 800px;
}

._33HKu {
  background-color: var(--greyLight20);
  border-radius: 4px;
  padding-top: 8px;
}

._3JTCl {
  display: block;
  width: 231px;
  height: 141px;
}

._3Ym5I {
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none !important;
}

._3Ym5I * {
  pointer-events: none !important;
}

._3eh7Z {
  background-color: white;
  border-radius: 50%;
}

._242Vh {
  background-color: white;
  box-sizing: border-box;
  border-radius: 4px;
}

._3kROM {
  max-width: 400px;
}

.ZBLzt {
  margin: 8px 16px;
}

._3XFvF {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

._2wUAD {
  height: 36px;
  padding: 0 16px;
}

._2wUAD > span {
  line-height: 32px !important;
}

/*noinspection CssInvalidFunction*/
._1nSzW {
  max-height: 487px; /* for bad browsers */
  max-height: min(487px, calc(90vh - 64px)); /* for good browsers */
}

._1oS6a {
  position: relative;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
}

._3AWb8 {
  margin-right: 8px;
  margin-bottom: auto;
  flex: none;
}

._2PrGL {
  flex-grow: 2;
}

.OqAGn {
  padding: 16px 0;
}

._2catt {
  margin-left: 16px;
  margin-bottom: 0;
  margin-top: 0;
}

._2C_Pw {
  width: 100%;
  margin: 0;
}

._2catt button {
  box-shadow: none;
}

._3lpap {
  margin-top: 12px;
}

._2catt._1kE2h,
._2catt._1kE2h button {
  width: 100%;
  margin-left: 0;
}

._1wyn1 {
  margin: 0 0 auto 24px;
  cursor: pointer;
}

._2UN_Z {
  position: absolute;
  top: 16px;
  right: 16px;
}

._2wlDw {
  opacity: 0;
  transform: scale(0.9);
}

.GjMrw {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}

._18IHR {
  opacity: 1;
}

._3GVNS {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}

._1oS6a._3mM2q {
  flex-direction: row;
}

.e2WLV {
  margin-top: -12px;
  margin-left: 24px;
  font-weight: 500;
}

.mYLdv {
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none !important;
}

.mYLdv * {
  pointer-events: none !important;
}

.fcE6U {
  width: 150px;
  height: 80px;
  position: relative;
}

._3E9Eg {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 11px 12px 8px;
  color: var(--greyDark);
}

._3E9Eg:not(:first-child) {
  border-top: 1px solid var(--greyLight20);
  margin-top: 12px;
}

.tglI6 {
  max-width: 400px;
}

cf_link {
  color: var(--blue) !important;
}

._19Y-9 {
  margin: 8px 16px;
}

.VCXya {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

._3G4F1 {
  height: 36px;
  padding: 0 16px;
}

._3G4F1 > span {
  line-height: 32px !important;
}

._2_rQy {
  height: 36px;
}

._3f0gI {
  border-radius: 0px 0px 4px 4px !important;
}

._16_9G {
  margin-bottom: auto;
  margin-top: 4px;
  margin-right: 8px;
}

._36GFr,
._36GFr * {
  pointer-events: none !important;
  cursor: default;
}

._2FJuh {
  text-decoration: none;
  color: var(--white);
  display: block;
}

.FEb7S {
  z-index: calc(var(--z-index-base) + 1);
}
._335YZ {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  flex: none;
}

._2FKpW {
  z-index: var(--zindex-modal);
  margin: 8px 0;
}

._1UEzb {
  color: #dadada;
  margin: -2px 0;
}

._1dYmw {
  max-width: 226px;
}

._1o4rr {
  position: absolute;
  right: 0;
}

._1y5tI {
  padding: 8px;
}

._3QtJK {
  width: 100%;
  padding: 4px 0;
}

._3FiKo {
  border: none;
  height: 36px;
  width: 100%;
  line-height: 36px;
  border-radius: 4px;
}

.r1QXL {
  position: relative;
  width: 302px;
  background: rgba(255, 254, 254, 0.96);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 8px 32px rgba(32, 32, 32, 0.08), 0 0 0 rgba(16, 16, 16, 0.04);
  border-radius: 4px;
  padding: 20px 16px;
  z-index: var(--zindex-popover);
  cursor: default !important;
}

._1P2qX {
  width: 100%;
  margin-top: -2px;
  pointer-events: none !important;
}

._30O__ {
  pointer-events: none;
  position: absolute;
  width: 6px;
  height: 12px;
}

._30O__:after {
  content: '';
  display: block;
  box-shadow: 0 8px 32px rgba(32, 32, 32, 0.08), 0 0 0 rgba(16, 16, 16, 0.04);
}

._2LXq7 {
  right: -6px;
}

._2LXq7:after {
  width: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 6px;
  border-color: transparent transparent transparent rgba(255, 254, 254, 0.96);
}

._3uDvd {
  left: -6px;
}

._3uDvd:after {
  width: 0;
  border-style: solid;
  border-width: 5.5px 6px 5.5px 0;
  border-color: transparent rgba(255, 254, 254, 0.96) transparent transparent;
}

._1E19C {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

._1EjY5 {
  display: flex;
  overflow: auto;
}

._1EjY5::-webkit-scrollbar {
  display: none;
}

._1EjY5 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

._2nx9m {
  padding-right: 32px; /* calculated in MessagesView */
}

._1EjY5 > * {
  flex-shrink: 0;
  margin-right: 8px;
  overflow: auto;
}

._1fS-h {
  padding: 10px 14px;
}

._3LCcE {
  padding: 6px 10px 10px 10px;
}

._2B8_w {
  background-color: var(--greyLight30);
  border: none;
  width: 194px;
}

._2K04y {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._1FPNZ {
  display: block;
  width: 194px;
  height: 149px;
  background-color: #22aeda;
}

.iBQLB {
  font-size: 11px;
  color: var(--black);
  text-decoration: none;
}

.iBQLB:hover {
  text-decoration: underline;
}

._17Hn5 {
  --border-radius: 12px;
  --border-radius-joint: 4px;

  border-radius: var(--border-radius);
  white-space: break-spaces;
  position: relative;
  overflow: hidden;
}

._25TuF {
  cursor: pointer;
  max-height: 350px;
  max-width: calc(min(800px, 100%));
  object-fit: cover;
  object-position: 50% 50%;
  float: right;
}

/**
 * By western convention, outgoing messages are aligned to the right edge,
 * and incoming messages are alinged to the left edge
 */
._3BLsf {
  border-bottom-right-radius: var(--border-radius-joint);
  border-top-right-radius: var(--border-radius-joint);
}

._1-i3x {
  border-bottom-left-radius: var(--border-radius-joint);
  border-top-left-radius: var(--border-radius-joint);
}

._3BLsf.YIOhU {
  border-top-right-radius: var(--border-radius);
}

._3BLsf.wWW9x {
  border-bottom-right-radius: var(--border-radius);
}

._1-i3x.YIOhU {
  border-top-left-radius: var(--border-radius);
}

._1-i3x.wWW9x {
  border-bottom-left-radius: var(--border-radius);
}

._2jPTZ {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._3BLsf._2Jkt8 {
  background-color: var(--blue);
  color: var(--white);
}

._2EVfe {
  --border-radius: var(--message-border-radius, 18px);
  --border-radius-joint: var(--message-border-radius-joint, 4px);
  --message-extra-border-color: var(--greyLight20);

  border: 1px solid var(--message-extra-border-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

._3vs7i {
  border-bottom-left-radius: var(--border-radius-joint);
}

._3m6Vb {
  border-bottom-right-radius: var(--border-radius-joint);
}

.L_kZv {
  background: var(--greyLight20);
}

._3-Uuv {
  height: 1px;
  background-color: var(--message-extra-border-color);
}

._2ATsR {
  position: relative;
}

._1Gyct {
  position: absolute;
  bottom: 4px;
  right: 12px;
}

.R1ulB {
  bottom: 0px;
  right: 0px;
}

._2m8vk {
  bottom: 4px;
  right: 4px;
  background-color: var(--cobalt);
  opacity: 0.7;
  border-radius: 10px;
  padding: 2px 4px;
}

.RTnWe {
  --border-radius-joint: var(--message-border-radius-joint, 4px);
  --buttons-border-color: var(--greyLight20);

  color: var(--blue);
  text-align: center;
}

.RTnWe._27PdL {
  padding-top: 4px;
  padding-bottom: 2px;
  color: var(--black);
}

._2-V_U {
  border-top: 1px solid var(--greyLight20);
}

._3icNa {
  padding: 10px;
}

._3icNa._27PdL {
  padding: 9px 10px 6px;
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 12px;
  background: white;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

._1BGCp {
  word-break: break-all;
  color: var(--white);
}

._3icNa.s3fsj {
  cursor: pointer;
}

._1kobu {
  display: flex;
  overflow: hidden;
}

._27Uso {
  padding-right: 32px; /* calculated in MessagesView */
}

._1kobu > * {
  flex-shrink: 0;
  margin-right: 8px;
}

._1pyWt {
  background-size: cover;
  background-repeat: no-repeat;
}

._1f0sj {
  padding: 6px 10px;
  font-size: 14px;
}

._1BQ-O {
  --gap: 16px;
  --joint-gap: 3px;

  display: flex;
  align-items: flex-end;
  margin-bottom: var(--gap);
}

._3kvGD {
  --gap: 12px;
}

._1pqrA {
  margin-bottom: var(--joint-gap);
}

.JLAR9 {
  justify-content: flex-end;
}

._1Za7V {
  margin-bottom: var(--joint-gap);
}

._1KW3D {
  padding-right: 64px;
}

._3zTID {
  --border-radius: 18px;
  --border-radius-joint: 4px;

  display: inline-block;
  min-width: 90px;
}

._3RWEM {
  max-width: calc(100% - 64px);
}

.MIcNn {
  font-size: 15px;
  word-break: break-word;
}

/**
 * By western convention, outgoing messages are aligned to the right edge,
 * and incoming messages are alinged to the left edge
 */
._3ZU-z {
  background-color: #0084ff;
  color: var(--white);
}

.IdShF {
  background-color: var(--greyLight20);
  color: var(--black);
}

._2mz4B {
  display: inline-block;
  border-radius: 50%;
}

._31DJp {
  background-color: var(--greyLight20);
}

._3JOYw {
  height: 32px;
}

._1JjPA {
  max-height: 350px;
  max-width: calc(min(800px, 100%));
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
}

._2OPdX {
  overflow: hidden;
  width: 100%;
}

._--Xck {
  height: 250px;
  object-fit: contain;
  overflow: hidden;
  position: relative;
  outline: none;
}

._3qtbk {
  border: 1px solid var(--grey);
  width: 150px;
  padding: 16px 24px;
}

._2N9Tg {
  width: 100%;
  padding: 8px 12px 10px;
  white-space: pre-line;
  position: relative;
  word-break: break-word;
}

._12hnt {
  position: relative;
}

._15LfJ._12hnt {
  padding-left: 30px;
}

._1Ix6J {
  background-color: var(--greyLight20);
}

._1Ix6J._36x6g {
  border-radius: 18px 18px 18px 4px;
}

._1Ix6J._1PWP5 {
  border-radius: 4px 18px 18px 4px;
}

._1Ix6J._3f4E1 {
  border-radius: 4px 18px 18px 18px;
}

._15LfJ {
  background-color: var(--violet);
}

._15LfJ._36x6g {
  border-radius: 18px 18px 4px 18px;
}

._15LfJ._1PWP5 {
  border-radius: 18px 4px 4px 18px;
}

._15LfJ._3f4E1 {
  border-radius: 18px 4px 18px 18px;
}

._3PnaM {
  border-radius: 18px;
}

._2MR15 {
  align-self: stretch;
  width: 4px;
  border-radius: 2px;
  background-color: var(--greyLight20);
}

.e7Zuo {
  height: 249px;
  width: 140px;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--grey);
}

.JX2py {
  margin-bottom: 16px;
}

._6JcyQ {
  border: 1px solid rgba(16, 16, 16, 0.08);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: 8px 16px 16px;
  flex-shrink: 0;
}

._32vSA {
  line-height: 24px;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  resize: none;
  background-color: transparent;
  outline: none;
  flex: 1 1 auto;
  align-self: center;
  max-height: 200px;
  margin-left: 12px;
}

button._3-yHm._3-yHm {
  min-width: 70px;
}

._1Miu7 {
  padding: 8px 12px 7px;

  background: var(--white);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.13), 0 0 4px rgba(0, 0, 0, 0.04);
  border-radius: 18px;
  cursor: pointer;
}

.USbSs {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px;
  height: 482px;
  /* justify-content: flex-end; DO NOT USE: breaks scrolling */
}

.USbSs > :first-child {
  /* use !important to prevent breakage from child margin settings */
  margin-top: auto !important;
}

._59nQp > * {
  justify-content: flex-end;
}

.m2UUE > * {
  justify-content: flex-start;
}

.J5Ks4 {
  --gap: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  padding-left: 32px;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}

.J5Ks4 > * {
  margin: var(--gap) 0 0 var(--gap);
}

._1WbKg {
  flex: 0 0 auto;
  margin-right: 8px;
}

.nCJFd {
  flex: 0 1 auto;
  overflow-x: auto;
}

.nCJFd > * {
  overflow-x: auto;
}

._2irld,
._2NpYc,
._--NEy {
  border-radius: 16px;
}

._1aJID {
  height: 100%;
}

._365Ov {
  width: 220px;
}

._1gKBj {
  padding: 8px 12px 12px 12px;
}

._2CUuf {
  position: relative;
  flex: auto;
  display: flex;
  flex-direction: column;
}

.TuZ4J {
  border-radius: 4px;
  width: 100%;
  height: 64px;
}

._1s9sv {
  padding: 12px;
  width: 182px;
}

.E4IU4 ._66m-r {
  color: var(--greyDark) !important;
}

._1kC4R ._66m-r {
  color: var(--c-accent1-semilight) !important;
}

.E4IU4 .TuZ4J {
  background-color: var(--c-base-light) !important;
}

._1kC4R .TuZ4J {
  background-color: var(--c-accent1-secondary) !important;
}

.E4IU4 ._2b0jh {
  color: var(--c-base-normal) !important;
}

._1kC4R ._2b0jh {
  color: var(--white) !important;
}

.E4IU4 ._2zkr8 {
  color: var(--greyDark) !important;
}

._1kC4R ._2zkr8 {
  color: var(--white) !important;
}

._3vsjE {
  padding: 16px;
  background-color: var(--white);
  border: 2px solid var(--c-base-light);
  border-radius: 16px 16px 0px 0px;
  position: relative;
}

.jcB9e {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

._1gn7C {
  display: flex;
}

.bDx3w {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px;
  border-radius: 50%;
  background-color: var(--greyLight10);
}

._3_Fn4 {
  padding: 0 36px;
}

._27ESm {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1; /* Оверлей должен быть поверх сообщения whatsapp list */
}

._7YfvS {
  width: 100%;
}

._1fvu5 {
  padding: 8px 14px;
}

._2arx8 {
  position: absolute;
  right: 80px;
  bottom: 44px;
  width: 370px;
  height: 600px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  mix-blend-mode: normal;
  box-shadow: 0 8px 20px rgba(20, 20, 20, 0.16);
  border-radius: 8px;
}

._2JZMF {
  background: var(--blue);
  border-radius: 8px 8px 0 0;
  height: 56px;
  padding: 16px;
}

.A9lS_ {
  flex: auto;
}

@media (max-width: 700px) {
  ._2JZMF {
    border-radius: 0;
  }
  ._2arx8 {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: none;
    border-radius: 0;
    width: auto;
    height: auto;
  }
}

.xm3Jj {
  position: absolute;
  right: 80px;
  bottom: 0;
}

._1IyqH {
  --space-between-bubbles: 4px;
  --bubble-padding-horizontal: 12px;

  padding-top: var(--space-between-bubbles);
  margin-left: var(--space-between-bubbles);
  line-height: 21px;
}

._3RB5i {
  pointer-events: none;
  position: absolute;
  left: calc(
    var(--bubble-padding-horizontal) + 2px
  ); /* 2px - padding for cursor*/
  right: var(--bubble-padding-horizontal);
  white-space: nowrap;
  overflow: hidden; /* do not ellipsize, because ellipsis has different color */
}

._3bVlb {
  display: inline-block;
}

._1W4wI {
  border-radius: 1em;
  padding: 5px var(--bubble-padding-horizontal, 12px) 6px;
  margin-right: var(--space-between-bubbles);
  margin-bottom: var(--space-between-bubbles);
  word-break: break-all;
  font-size: 16px;
}

._3jfvW {
  background-color: var(--red);
  color: var(--white);
}

._1WXfd {
  background-color: #e9e8e8;
  color: var(--black);
}

._2yXoX {
  background-color: transparent;
}

._3LeEh {
  color: #a3a3a3;
  font-size: 15px;
}

._1dIyW {
  display: inline-block;
  padding: 5px var(--bubble-padding-horizontal, 12px);
  border-radius: 1em;
  border: 1px solid #e9e8e8;
}

._2_RFd {
  position: relative;
}

._5CeDO {
  position: absolute;
  right: 8px;
  z-index: var(--zindex-over-content);
  color: #b3b3b3;
  cursor: pointer;
  display: flex;
  outline: none !important;
}

._5CeDO:hover,
._5CeDO._1Ou1q {
  color: var(--blue);
}

._5CeDO._1Ou1q {
  cursor: default;
}

._1Lay- {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}

._1zfb7 {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-1000px, -1000px);
  transform-origin: left top;
  z-index: 100;
  cursor: auto;
  pointer-events: none;
}

._1zfb7 * {
  pointer-events: auto;
}

.XrQA8 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._2oI-r {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 60px;
  background-color: var(--greyLight30);
}

.IxkCS {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.YIdzs {
  position: relative;
  animation: _3rrm3 1500ms ease-in-out infinite;
}

@keyframes _3rrm3 {
  0% {
    transform: scale(0.926, 0.926);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.926, 0.926);
  }
}

._1O-PS {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

._2QFKb {
  animation: _22aeF 20s ease-in-out infinite;
}

._2Vr1z {
  animation: _1a9aK 20s ease-in-out infinite;
}

._1z-t2 {
  animation: _2JUnQ 20s ease-in-out infinite;
}

._2byli {
  animation: _2rnuV 20s ease-in-out infinite;
}

._18BaX {
  animation: _1VTjs 20s ease-in-out infinite;
}

@keyframes _22aeF {
  from,
  21%,
  to {
    opacity: 0;
  }
  1%,
  19% {
    opacity: 1;
  }
}

@keyframes _1a9aK {
  from,
  19%,
  41%,
  to {
    opacity: 0;
  }
  21%,
  39% {
    opacity: 1;
  }
}

@keyframes _2JUnQ {
  from,
  39%,
  61%,
  to {
    opacity: 0;
  }
  41%,
  59% {
    opacity: 1;
  }
}

@keyframes _2rnuV {
  from,
  59%,
  81%,
  to {
    opacity: 0;
  }
  61%,
  79% {
    opacity: 1;
  }
}

@keyframes _1VTjs {
  from,
  79%,
  to {
    opacity: 0;
  }
  81%,
  99% {
    opacity: 1;
  }
}

._3Q_ZO {
  overflow: hidden;
}

._3DSKQ {
  flex: 0 0;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  will-change: flex-basis;
  z-index: 4;
  background-color: var(--white);
}

._3DSKQ._8thP3 {
  overflow: hidden;
}

._26utM {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}

._3ZRG3 {
  padding: 24px 24px 0 24px;
}

._26utM._8thP3 {
  display: none;
}

._3uBdD {
  overflow: auto;
  position: relative;
  flex: 1 1 100%;
  -ms-overflow-style: none;
}

._3uBdD::-webkit-scrollbar {
  display: none;
}

._16R6v path {
  fill: var(--white);
}

._3uD7f,
._158P4 {
  position: absolute;
  top: 3px;
  right: -6px;
}

._158P4._11S_7 circle:nth-child(2),
._3uD7f._11S_7 circle:nth-child(2) {
  stroke: var(--blue);
}

._158P4._11S_7 circle:nth-child(3) {
  fill: var(--blue);
  stroke: var(--white);
}

._3FnxU {
  position: relative;
  margin-right: 2px;
}

._2SIYx::after {
  content: '';
  width: 6px;
  height: 6px;
}

/* hack against outline in safari around dnd divs */
._26utM div:focus {
  outline: none;
}

.U64Bv {
  margin-right: 4px;
}

._1_2Pd {
  margin-left: 12px;
}

._3aUP_ {
  position: relative;
  min-height: 25px;
}

.flows .gu-transit {
  display: none;
}

.flows .gu-mirror {
  background-color: #0f0f0f;
  width: 50px !important;
  min-width: 300px;
}

._1cGr2 {
  border-radius: 4px;
}

._1s0yJ {
  background-color: var(--white);
  border: 1px solid var(--greyLight30);
  border-radius: 4px;
  margin: 0 2px;
}

._1PVNV {
  background-color: var(--white);
  border: 1px solid var(--greyLight30);
  border-radius: 50%;
  margin: 0 4px;
}

._1_sy0 {
  z-index: var(--zindex-over-content-controls);
}

._2PIpF {
  position: relative;
  width: 0;
  height: 0;
}

._2xJbM {
  position: absolute;
  z-index: 10;
}

._1sBKS > div {
  height: 100%;
  width: 100%;
}

._1sBKS iframe {
  border-radius: 0px 0px 8px 8px;
}

._3MHHL {
  background: white;
  border: 1px solid;

  height: 36px;
  width: 100%;

  display: flex;
  flex-direction: row-reverse;
  align-items: center;

  border: 1px solid rgba(16, 16, 16, 0.08);
  border-radius: 8px 8px 0px 0px;
}

._2c7dI {
  height: 28px;
  width: 28px;
  margin-right: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

._2JFhX {
  cursor: grab;
}

._2NNer {
  height: 100%;
  width: 100%;
}

._39GJP {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

._2zDwd {
  position: absolute;
  cursor: nesw-resize;
  width: 24px;
  height: 24px;
  left: -12px;
  bottom: -12px;
  z-index: 2;
}

.mkUWn {
  height: 100%;
  width: 100%;
  position: relative;
}

._2ZZUT {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

._3VYI7 {
  pointer-events: none;
  z-index: 2;
}

._3VYI7 * {
  pointer-events: auto;
}

._3AEG_ {
  position: fixed;
  z-index: 2;
  display: flex;
  align-items: center;
}

._3AEG_:hover {
  cursor: pointer !important;
}

._1vYk5:hover {
  cursor: default !important;
}

.z9bVt {
  display: flex;
}

._3THmd {
  top: 20px;
  left: 20px;
  padding: 6px 16px 8px;
  border-radius: 4px;
  background-color: var(--greyLight30);
}

._2X21L {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-left: 14px;
}

._3SEV7 {
  bottom: 20px;
  right: 20px;
}

._1ruC3 {
  padding-left: 0px;
}

@media only screen and (max-width: 600px) {
  ._1vYk5 {
    max-width: 200px;
  }
  .z9bVt {
    max-width: 170px;
  }
}

@media only screen and (min-width: 600px) {
  ._1vYk5,
  .z9bVt {
    max-width: 400px;
  }
}

@media only screen and (min-width: 768px) {
  ._1vYk5,
  .z9bVt {
    max-width: 600px;
  }
}

@media only screen and (min-width: 992px) {
  ._1vYk5,
  .z9bVt {
    max-width: 900px;
  }
}

@font-face {
  font-family: 'Ppneuemachina';
  src: url(/share/fonts/1Vems.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemachina';
  src: url(/share/fonts/1Vems.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemachina';
  src: url(/share/fonts/1Vems.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemachina';
  src: url(/share/fonts/1Vems.otf) format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', Arial,
    sans-serif;
  --accent: 'Ppneuemachina', sans-serif;
}

:root {
  --blueLight: #88beee;
  --blue: #208ef0;
  --blueLight20: #e8ecf1;
  --blueLight30: #f4f6fa;
  --blueDark10: #2086e2;
  --blueDark20: #1d7acc;
  --blueAlice: #f3f8fd;
  --cobalt: #152442;
  --darkNavy: #1a212d;

  --greenLight: #94d4be;
  --green: #45c195;
  --greenDark10: #3fb289;
  --greenDark20: #3aa27d;

  --redLight: #e1a298;
  --red: #de614d;
  --redDark10: #d69b91;
  --redDark20: #c18b83;

  --yellowLight: #f9ffaf;
  --yellow: #f6e049;
  --yellowDark: #aac600;
  --yellowDark10: #ddcf7d;
  --yellowDark20: #cabd72;
  --yellow-text: #2b3200;

  --white: #ffffff;
  --greyLight30: #f9f8f8;
  --greyLight20: #f3f2f2;
  --greyLight10: #e9e8e8;
  --grey: #c6c6c6;
  --greyDark: #747474;
  --black: #000000;

  --pistachio: #c1de89;
  --mauve: #e2bcff;
  --violet: #6358de;
  --azure: #22aeda;
  --fuchsia: #ce426d;
  --antiqueWhite: #ffebd6;
  --orange: #fd9426;
  --alloyOrange: #ad6418;
  --accent3Orange: #da720b;
  --accent3OrangeSecondary: #ffb74a;
  --accent2Secondary: #1ecc94;

  --overlay: rgba(18, 18, 18, 0.8);
  --mobile-dialog-background: var(--greyLight30);

  --instagram-gradient: linear-gradient(
    63.69deg,
    #e8864a 8.93%,
    #a039a0 74.96%
  );

  --chatfuel-gradient: linear-gradient(180deg, #208ef0 0%, #be60ef 100%);

  --meta-gradient: linear-gradient(238.9deg, #6358de 1.39%, #208ef0 99.06%);

  --youtube-gradient: linear-gradient(74.57deg, #be60ef 0%, #ff6966 99.67%);

  --churn-survey-gradient: linear-gradient(180deg, #208ef0 0%, #6358de 100%);

  /* New ui kit colors https://www.figma.com/file/P0qAC86lncns2dO8jOgiFG/Design-Library-2.1?node-id=6%3A24 */
  /* Cobalt */

  --cobaltSub: #2c3a55;
  --cobaltSecondary: #5b677d;
  --cobaltTertiary: #8a92a0;
  --cobaltSemilight: #b9bdc6;
  --cobaltExtralight: #f5f6f7;

  /* Blue */

  --blueSecondary: #5cb2ff;

  /* Purple */

  /* Magenta */

  /* Green */

  /* Yellow */

  /* Oragne */

  --orangeNormal: #fd9426;

  /* Red */

  --redNormal: #fa5740;
  --redSecondary: #ff806e;
  --redSemilight: #ffc4bc;

  /* Gradients */
}

/* design library 2.1 */
:root {
  --c-base-white: #fff;
  --c-base-dark: #0c172d;
  --c-base-extralight: #f5f6f7;
  --c-base-light: #eff0f2;
  --c-base-secondary: #5b677d;
  --c-base-tertiary: #8a92a0;
  --c-base-semilight: #b9bdc6;
  --c-base-normal: #152442;
  --c-base-sub: #2c3a55;
  --c-accent1-semilight: #c4e2fe;
  --c-accent1-normal: #208ef0;
  --c-accent1-text: #021889;
  --c-accent1-secondary: #5cb2ff;
  --c-accent1-light: #e0f0ff;
  --c-accent1-dark: #0654c6;
  --c-accent1-tertiary: #95cdff;
  --c-accent1-extralight: #f4f6fa;
  --c-accent2-tertiary: #54e5b7;
  --c-accent2-light: #d0fff0;
  --c-accent2-dark: #028f61;
  --c-accent2-normal: #0ebc83;
  --c-accent2-text: #00422a;
  --c-accent2-secondary: #1ecc94;
  --c-accent3-light: #ffebd6;
  --c-accent3-normal: #fd9426;
  --c-accent3-dark: #da720b;
  --c-accent3-text: #541e00;
  --c-accent4-light: #fee6e2;
  --c-accent4-semilight: #ffc4bc;
  --c-accent4-normal: #fa5740;
  --c-accent4-tertiary: #ffa895;
  --c-accent4-secondary: #ff806e;
  --c-accent4-dark: #f03c23;
  --c-accent4-text: #580b00;
  --c-magenta-text: #46026a;
  --c-magenta-normal: #be60ef;
  --c-magenta-secondary: #d585ff;
  --c-purple-normal: #6558f6;
  --c-purple-light: #e7e4ff;
  --c-purple-text: #290885;
  --c-purple-semilight: #cecaff;
  --c-accent2-dark: #028f61;
}

:root {
  --unit: 4px; /* base unit for all distances */
  --small-devices-width: 720px;
  --medium-devices-width: 1024px;
}

:root {
  /* FIXME: need to fix all z-indexes and then this can be removed; */
  --zindex-add: 100000000;

  --zindex-sub-content-background: -3;
  --zindex-sub-content-back: -2;
  --zindex-sub-content-mask: -1;
  --zindex-callout: 2;
  --zindex-over-content-controls: 2;
  --zindex-user-menu: 20;
  --zindex-templates-modal-buttons: 100;
  --zindex-left-navigation-panel: 110;
  --zindex-over-content: calc(2 + var(--zindex-add));
  --zindex-mask: calc(10 + var(--zindex-add));
  --zindex-over-mask: calc(50 + var(--zindex-add));
  --zindex-dropdown: calc(1000 + var(--zindex-add));
  --zindex-navigation: calc(1050 + var(--zindex-add));
  --zindex-popover: calc(1100 + var(--zindex-add));
  --zindex-popover-next: calc(1200 + var(--zindex-add));
  --zindex-popover-next-1: calc(1201 + var(--zindex-add));
  --zindex-left-navigation: calc(1500 + var(--zindex-add));
  --zindex-modal-background: calc(2000 + var(--zindex-add));
  --zindex-modal: calc(2100 + var(--zindex-add));
  --zindex-tooltip: calc(2200 + var(--zindex-add));
  --zindex-overlay: calc(2300 + var(--zindex-add));

  /**
    moved from modal component
    TODO: merge with --zindex-add
  */
  --z-index-base: 100000000;
  --z-index-mini-onboarding-overlay: calc(
    var(--zindex-left-navigation-panel) - 1
  );
  --z-index-modal: calc(var(--z-index-base) + 2000);
  --z-index-modal-scroll: calc(var(--z-index-base) + 2001);
  --z-index-modal-dialog: calc(var(--z-index-base) + 2002);
}

html body {
  padding-top: 0;
}


/*# sourceMappingURL=1.style-76e4624c4776810ea1e2.css.map*/