:root {
  --color--bg: #f4fffd;
  --color--sidetext: #8b99a0;
  --color--accent-purple: #9e64f5;
  --color--white: #fff;
  --color--textcolor: #0d202f;
  --accent-orange: #e14617;
  --accent-teal: #004e61;
  --color--accent-red: #c41446;
  --color--accent-green: #69c050;
  --number--cardradius: 10px;
  --text: #414651;
  --border: #e5e7eb;
  --green-hover-light: #69c0501a;
  --orange-hover: #e146171a;
  --color--accent-yellow: #ffc107;
  --number--textopacity: 50px;
}

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

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

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

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

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

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.page-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--bg);
  grid-template-rows: 50px auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  place-items: stretch stretch;
  width: 100vw;
  height: 100vh;
  font-family: Inter, sans-serif;
  display: grid;
  position: relative;
  overflow: hidden;
}

.sidebar {
  z-index: 1;
  background-color: #f4fffd;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 250px;
  height: 100vh;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-div {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin: 10px auto;
  display: flex;
  overflow: hidden;
}

.text {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.sidemenu-list {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px 10px;
  display: flex;
  position: static;
  top: 50px;
  left: 0;
  overflow: hidden;
}

.sidemenu-item {
  grid-column-gap: 10px;
  color: var(--color--sidetext);
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 232px;
  height: 41px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.sidemenu-item:hover {
  border-style: none;
  border-width: 1px 1px 1px 4px;
  border-color: var(--color--accent-purple);
  background-color: var(--color--white);
  color: var(--color--textcolor);
  font-weight: 500;
  box-shadow: 0 5px 9.2px #0000000f;
}

.sidemenu-item.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.sidemenu-item.signout:hover {
  box-shadow: none;
  color: #e23a3a;
  background-color: #fff0;
}

.topbar {
  z-index: 1;
  background-color: #f4fffd;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.topbar-right {
  grid-column-gap: 25px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.topbar-icons-div {
  justify-content: space-between;
  align-items: center;
  width: 72px;
  text-decoration: none;
  display: flex;
}

.topbar-chevron-down {
  object-fit: cover;
}

.topbar-userdropdown-toggle {
  grid-column-gap: 10px;
  cursor: pointer;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.topbar-user-avatar {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  text-decoration: none;
  display: flex;
}

.main-content {
  z-index: 2;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 93vh;
  padding: 10px 10px 25px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 15.4px #0000000f;
}

.main-content.mesages {
  background-color: #fff0;
  padding: 0;
}

.main-content.accounts {
  box-shadow: none;
  background-color: #fff0;
  padding: 0;
}

.hd-div {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-header-text {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.icon-style1 {
  object-fit: cover;
  overflow: hidden;
}

.svg-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.selectfield {
  color: var(--color--textcolor);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 35px;
  padding: 6px 40px 6px 10px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.selectfield:hover {
  background-color: #eeeded;
}

.selectfield._w-100 {
  width: 100%;
  margin-bottom: 0;
}

.btn-style1 {
  grid-column-gap: 5px;
  color: var(--color--white);
  text-align: center;
  cursor: pointer;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.btn-style1:hover {
  background-color: #d33c0e;
}

.btn-style1.outline {
  background-color: var(--color--white);
  color: #5d626ecc;
  border: 1px solid #d9d5da;
}

.btn-style1.outline:hover {
  background-color: #faeae5;
}

.btn-style1.outline.orange {
  border-color: var(--accent-orange);
  color: var(--accent-orange);
  white-space: nowrap;
  min-width: 60px;
}

.btn-style1.outline._w-50 {
  width: 48%;
}

.btn-style1.outline-small {
  background-color: var(--color--white);
  box-shadow: none;
  color: #5d626ecc;
  border: 1px solid #d9d5da;
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 1.4;
}

.btn-style1.google {
  color: #414651;
  background-color: #fff;
  font-weight: 600;
}

.btn-style1.bg-green {
  background-color: #46a756;
  border-color: #46a756;
}

.btn-style1.bulkoption {
  border: 1px solid var(--accent-teal);
  background-color: var(--color--white);
  color: var(--accent-teal);
}

.btn-style1.delete {
  border: 1px solid var(--color--accent-red);
  background-color: var(--color--accent-red);
  color: var(--color--bg);
}

.btn-style1.stretch {
  flex: 1;
}

.btn-style1.outline-orange {
  border: 1px solid var(--accent-orange);
  color: var(--accent-orange);
  border: 1px solid var(--accent-orange);
  background-color: #fff8f6;
  background-color: var(--color--white);
}

.btn-style1.small {
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-style1.outline-orange-small {
  border: 1px solid var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff8f6;
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-style1.scan {
  white-space: nowrap;
  height: 41px;
}

.btn-style1._w-50 {
  width: 48%;
}

.btn-style1.send-invite {
  white-space: nowrap;
}

.btn-style1.teal {
  border-color: var(--accent-teal);
  background-color: var(--color--white);
  color: var(--accent-teal);
  height: 30px;
  font-size: 12px;
}

.btn-style1.unlock {
  background-color: var(--color--white);
  box-shadow: none;
  color: #5d626ecc;
  border-color: #d9d5da;
  min-width: auto;
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.btn-style1.credits {
  min-width: auto;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.table-date-hd-text {
  color: var(--color--textcolor);
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.table-date-hd-text.smaller {
  margin-bottom: 0;
  font-size: 18px;
}

.table-date-hd-text.sub {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.table-main {
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.table-main.mb-20 {
  margin-bottom: 20px;
}

.table-main.shadow {
  border-style: none;
  box-shadow: 0 2px 5px #0003;
}

.table-main.qa {
  border-style: none;
  padding-left: 0;
  padding-right: 0;
}

.table-header {
  border-bottom: 1px solid #d5d7da;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.table-header.qa {
  background-color: #f9fafb;
  border-bottom-style: none;
}

.table-cell-div {
  grid-column-gap: 10px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.table-cell-div.stretch {
  flex: 1;
}

.table-cell-div._w-5 {
  width: 5%;
  padding-left: 0;
  padding-right: 0;
}

.table-cell-div._w-10 {
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}

.table-cell-div._w-30 {
  width: 30%;
}

.table-date-text {
  color: var(--color--textcolor);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.table-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.table-row {
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.table-row:hover {
  background-color: #ddf0e3;
}

.card-settings-hd-div {
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--color--bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.card-settings-hd {
  color: #181d27;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.form-body {
  height: 100%;
}

.form-body.mt-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.form-row {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.form-row.mb-0 {
  margin-bottom: 0;
}

.form-row.horizontal {
  flex-flow: row;
  justify-content: space-between;
}

.form-row.horizontal.align-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
}

.form-row.horizontal.g-15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.form-row.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.form-row.prompt {
  justify-content: flex-start;
  align-items: stretch;
}

.form-row.password {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: none;
}

.form-row.btn-contain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

.textfield {
  color: var(--color--textcolor);
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
}

.settings-row-formdata {
  flex: 1;
  margin-left: 0;
}

.notice-div {
  grid-column-gap: 10px;
  background-color: #fefce8;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.notice-div.bg-blue {
  background-color: #eff6ff;
}

.notice-text {
  color: #414651;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.scroll-content {
  flex: 1;
  width: 100%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.scroll-content.flex {
  flex-flow: column;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.scroll-content.message {
  display: flex;
}

.scroll-content.account {
  flex: none;
  height: 88vh;
  padding-left: 5px;
  padding-right: 20px;
  overflow: auto;
}

.smarties_logo-arvin-1 {
  object-fit: cover;
  overflow: hidden;
}

.dashboard-group {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.dashboard-group._w-60 {
  flex: none;
  width: 70%;
}

.dashboard-group.stretch {
  flex: 1;
  align-items: stretch;
}

.dashboard-headertext {
  flex: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.section-title {
  color: #3339;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.db-stat-card-contain {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.db-stat-card-contain.gap-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.db-stat-card-contain.direction-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
}

.db-stat-card {
  color: var(--color--sidetext);
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 10px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 24%;
  padding: 10px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 10px #0000000f;
}

.db-stat-card.size-stretch {
  flex: 1;
}

.db-stat-card.leadinfo {
  width: 32%;
  padding-left: 10px;
  padding-right: 10px;
}

.db-stat-card._2col {
  width: 49%;
  padding-left: 10px;
  padding-right: 10px;
}

.db-stat-card-left {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.stat-title {
  color: #8b99a0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.stat-title.small {
  font-size: 12px;
}

.stat-value {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.stat-value.smaller {
  font-size: 18px;
}

.stat-value.green {
  color: var(--accent-teal);
  font-family: Libre Baskerville, sans-serif;
}

.db-stat-tag {
  grid-column-gap: 5px;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 39px;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  display: flex;
}

.db-stat-tag-chevron {
  object-fit: cover;
}

.db-stat-percent {
  color: #46a756;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.db-stat-value-contain {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.db-stat-value-contain.gap-10 {
  grid-column-gap: 10px;
}

.db-stat-value-contain.horizontal {
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.progress-bar-container {
  background-color: #ededed;
  border-radius: 50px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.progress-bar {
  background-color: #004e61;
  border-radius: 50px;
  width: 80%;
  height: 100%;
  overflow: hidden;
}

.progress-bar._w-40 {
  width: 40%;
}

.dashboard-quickactions-div {
  grid-column-gap: 17px;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 109px;
  display: flex;
}

.card-icon {
  background-color: #f0fdf4;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.card-icon.bg-grey {
  background-color: #f2f2f2;
}

.card-icon.bg-blue {
  background-color: #e0f2fe;
}

.card-icon.bg-green {
  background-color: #dcfce7;
}

.card-icon.bg-purple {
  background-color: #ede9fe;
}

.card-icon.bg-orange {
  background-color: #ffeae4;
}

.card-icon.bg-yellow {
  background-color: #fef1d2;
}

.card-icon-image {
  object-fit: cover;
  overflow: hidden;
}

.db-quickaction-textcontent {
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.db-quickaction-hd-text {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  text-decoration: none;
}

.db-quickaction-text {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
}

.dashboard-col-group {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  text-decoration: none;
  display: flex;
}

.section-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 15px;
  display: flex;
}

.link-style1 {
  color: #46a756;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.link-style1:hover {
  text-decoration: underline;
}

.db-recentassistants-card {
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 40vh;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 4px 7.9px #0000001a;
}

.db-recentassistants-card.h-auto {
  grid-row-gap: 10px;
  max-height: none;
  padding: 10px;
  overflow: visible;
}

.db-card-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.uploadeditem-filesize {
  color: #333c;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.uploadeditem-filesize.bg-blue {
  color: #0ea5e9;
}

.uploadeditem-filesize.bg-green {
  color: var(--color--accent-green);
}

.uploadeditem-filesize.bg-orange {
  color: var(--accent-orange);
}

.db-tag {
  grid-column-gap: 10px;
  color: #16a34a99;
  text-transform: uppercase;
  background-color: #f0fdf4;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.db-tag.blue {
  color: #1e40af;
  background-color: #dbeafe;
}

.dashboard-activityfeed {
  grid-column-gap: 20px;
  background-color: #fff;
  border: 0 solid #0000001a;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.activityfeed-textcontent {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mainwidth-control {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.mainwidth-control.horizontal {
  flex-flow: row;
  justify-content: space-between;
}

.mainwidth-control.horizontal.mt-20 {
  margin-top: 20px;
}

.mainwidth-control.messaging, .mainwidth-control.contacts {
  flex-flow: row;
  justify-content: space-between;
}

.mainwidth-control.journey {
  flex: 1;
}

.mainwidth-control.setup {
  max-height: 70vh;
  overflow: auto;
}

.btn-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.popup-upload-document {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-card {
  border-radius: var(--number--cardradius);
  background-color: var(--color--white);
  flex-flow: column;
  width: 40%;
  max-height: 80vh;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 5px 9.2px #0000000f;
}

.popup-card._w-50 {
  width: 50%;
}

.popup-card._w-70 {
  width: 70%;
}

.form-control {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  width: 100%;
  display: flex;
}

.form-control.horizontal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.form-control.auto {
  width: auto;
}

.form-label {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.form-label.notice-yellow {
  color: #ce9316;
}

.form-label.bigger {
  margin-bottom: 10px;
  font-size: 1.1rem;
}

.file-upload-base {
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 20px;
  display: flex;
}

.file-upload-base.bg-range {
  background-color: #fff6f3;
  border-style: dashed;
}

.file-upload-content {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fileupload-icon {
  background-color: #f2f4f7;
  border: 6px solid #f9fafb;
  border-radius: 28px;
}

.upload-cloud {
  object-fit: cover;
  overflow: hidden;
}

.file-upload-texts {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fileupload-label {
  color: #667085;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.fileupload-sublabel {
  color: #667085;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.spanlink-upload {
  color: #004e61;
  font-weight: 600;
  text-decoration: none;
}

.uploadedfile-item {
  grid-column-gap: 15px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.uploadeditem-icon {
  background-color: #f0fdf4;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  overflow: hidden;
}

.uploadeditem-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uploadeditem-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.uploadeditem-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.progressbar-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.progress-percent-text {
  color: #333c;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.item-trash, .notice-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.form-btn-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.form-btn-container.left-align {
  justify-content: flex-start;
  align-items: center;
}

.form-btn-container.mb-20 {
  margin-bottom: 20px;
}

.form-btn-container.inbetween {
  justify-content: space-between;
  align-items: center;
}

.popup-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.popup-recordvoice {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.recordvoice-maindiv {
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.mic-button {
  background-color: #10b981;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 7.9px #0000001a, inset 0 -3px 5.3px #0000001a;
}

.mic {
  object-fit: cover;
  overflow: hidden;
}

.recordvoice-textcontent {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.recordvoice-label {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  text-decoration: none;
}

.recordvoice-sublabel {
  color: #667085;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.recordingtip-list {
  color: #c2c2c2;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
}

.list-item {
  margin-bottom: 5px;
}

.sidebar-temp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  flex-flow: column;
  width: 250px;
  padding: 10px;
  display: flex;
}

.sidebar-temp.messaging {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 280px;
}

.sidebar-temp.messaging.shadow {
  display: block;
  box-shadow: 0 0 8px #00000024;
}

.mainbody-col {
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  max-height: 80vh;
  margin-left: 20px;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.phonenumber-group {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.phonenumber-topleft {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.settings-title {
  color: #004e61;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.settings-title.smaller {
  text-align: center;
  font-size: 20px;
}

.settings-sublabel {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.phonenumber-topright {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.form-hd-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.notice-textdiv {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.notice-actionlink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333c;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.notice-actionlink-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.radio-button-label {
  font-size: 12px;
  line-height: 1.2;
}

.inbox-search {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  background-image: url('../images/Search_1.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #d5d7da;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 10px 40px;
  display: flex;
  overflow: hidden;
}

.inbox-list {
  flex-flow: column;
  display: flex;
}

.inbox-list.gap-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.inbox-item {
  grid-column-gap: 10px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 232px;
  height: 41px;
  padding: 7px 11px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.inbox-item:hover {
  border-style: none;
  border-width: 1px 1px 1px 4px;
  border-color: var(--color--accent-purple);
  background-color: #e146171a;
}

.inbox-item.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.popup-createphonenumber {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.search-formblock {
  margin-bottom: 0;
}

.filter-dropdown-toggle {
  color: #333c;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 2px 20px 2px 10px;
  line-height: 1.4;
  transition: all .2s;
  display: flex;
}

.filter-dropdown-toggle:hover {
  background-color: #fff;
}

.icon-2 {
  margin-right: 2px;
}

.filter-row {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.filter-dropdown {
  z-index: auto;
  margin-left: 0;
  margin-right: 0;
}

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

.filterdropdown-list {
  background-color: #fff;
  border-radius: 10px;
}

.filter-dropdownlink {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.filter-dropdownlink:hover {
  background-color: #f4fffd;
}

.notice-div-style2 {
  grid-column-gap: 10px;
  background-color: #fefce8;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
}

.notice-div-style2.bg-grey {
  background-color: #f5f5f5;
}

.filemanagement-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  width: 60%;
  padding: 10px;
  display: flex;
}

.file-search-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.table-doctitle {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding-left: 0;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.table-fileicon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.table-doctitle-text {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.filedetails-top {
  grid-row-gap: 5px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.file-info-row {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.file-info-label {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.file-info-data {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.file-info-contain {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.filebtn-contain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.account-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.avatar {
  object-fit: cover;
  border-radius: 100px;
  overflow: hidden;
}

.formcol2 {
  width: 49%;
}

.account_row {
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  display: block;
}

.account_row.noborder {
  border-bottom-style: none;
  padding-bottom: 0;
}

.billing-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.plan-card {
  background-image: linear-gradient(#ffd70005, #74d4c333);
  border: 1px solid #14b8a6;
  border-radius: 10px;
  flex: 1;
  width: 49%;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.plan-card.free {
  background-color: #fff;
  background-image: none;
  border-color: #fff;
}

.plan-card-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.plan-card-top-left {
  grid-column-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.plan-name {
  color: #333;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.plan-price-text {
  color: #333c;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.span-price {
  color: #004e61cc;
  font-size: 20px;
  font-weight: 700;
}

.plan-card-top-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.plan-card-textcontent {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.plandetails-hd {
  color: #333c;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.plandetail-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.plandetail-icon {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000000d;
}

.plandetail-icon.p-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.icon-check {
  opacity: .5;
  filter: grayscale();
  object-fit: cover;
  overflow: hidden;
}

.icon-check.nofilter {
  opacity: 1;
  filter: none;
}

.plandetail-textcontent {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plandetail-item-title {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.plandetail-item-description {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.plandetails-hd-div {
  margin-bottom: 10px;
}

.plandetail-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.payment-method-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.paymentmethod-item-textcontent {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paymentmethod-cardnum {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.paymentmethod-card-expiry {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.table-download-btn {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-download {
  object-fit: cover;
  overflow: hidden;
}

.table-download-text {
  color: #e14617;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
}

.logo_link-style1 {
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-bottom: 30px;
  display: flex;
}

.page-wrap-signin {
  background-color: #f4fffd;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Inter, sans-serif;
  display: flex;
}

.signin-center {
  flex-direction: column;
  align-items: center;
  width: 30%;
  display: flex;
}

.image {
  min-width: 100%;
}

.sign-hd-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 29px;
  text-decoration: none;
  display: flex;
}

.signin-hd {
  color: #181d27;
  text-align: center;
  text-wrap: balance;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.sign-subhd {
  color: #535862;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.siginin-div {
  grid-row-gap: 24px;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.checkbox-text {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.link-style2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #e14617;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.link-style2.small {
  font-size: 12px;
  font-weight: 400;
}

.signin-formbtn-div {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.social-icon {
  object-fit: cover;
  overflow: hidden;
}

.btn-trypro {
  background-image: linear-gradient(#fff6, #fff6);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.btn-center {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.btn-text-style1 {
  color: #535862;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.btn-text-style2 {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.icon-pro-div {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-pro {
  object-fit: fill;
  width: 25px;
  height: 25px;
}

.form-row-small {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.signup-cta-text {
  color: #535862;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.signin-formblock {
  width: 100%;
}

.remember-checkfield {
  margin-bottom: 0;
}

.icon-google {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.topbar-dropdown-contain {
  position: relative;
}

.sidemenu-top {
  flex: 1;
}

.smarties-icon-play {
  object-fit: cover;
  overflow: hidden;
}

.assistant-main-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.select-field {
  color: #333;
  background-color: #fcfcfc;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: 0;
  box-shadow: 0 0 5px #00000012;
}

.assistant-main-content {
  background-color: #f9f9f9;
  border-radius: 5px;
  flex-flow: column;
  height: 75vh;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: auto;
}

.background {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 6px;
  text-decoration: none;
  display: flex;
}

.smarties-icon-pencil {
  object-fit: cover;
  overflow: hidden;
}

.text-assistant-name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-assistant-name.smaller {
  font-size: 16px;
}

.nav-line {
  background-color: #d5d7da;
  align-self: stretch;
  width: 1px;
}

.card-form-row-text {
  color: #333;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.form-input {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: 0;
}

.form-input.small {
  width: 50px;
}

.form-input.edit {
  background-image: none;
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}

.dropdown-publish {
  z-index: 3;
  border: 1px solid #3333;
  border-radius: 50px;
}

.fluentchat-28-regular {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-assistant-details {
  color: #333c;
  font-size: 12px;
}

.checkbox {
  background-color: #fff;
  border: 1px solid #8b99a0;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  margin-top: 0;
  margin-right: 10px;
}

.checkbox.w--redirected-checked {
  background-color: #9e64f5;
  border-color: #9e64f5;
}

.smarties-icon-nav {
  opacity: .8;
  object-fit: cover;
  flex: none;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.card-form-row-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 65%;
  margin-right: 10px;
  display: flex;
}

.assistant-nav {
  background-color: #f5f5f5;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 5px #00000024;
}

.first-message-textarea {
  height: 58px;
}

.form--cell-div {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.assistant-section {
  padding: 15px;
}

.model-settings-container {
  margin-top: 10px;
}

.slider {
  grid-row-gap: 10px;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.col-assistant-model {
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.text-assisttant-nav {
  color: #e14617;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.button-label {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.switch-div {
  background-color: var(--color--accent-green);
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.switch-div.off {
  background-color: #c4c4c4;
  justify-content: flex-start;
  align-items: center;
}

.smarties-icon-chat {
  object-fit: cover;
  overflow: hidden;
}

.subrow-text {
  flex: 1;
}

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

.progress-line {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 6px;
  text-decoration: none;
  display: flex;
}

.button-talk-to-assistant {
  grid-column-gap: 4px;
  cursor: pointer;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-talk-to-assistant:hover {
  background-color: #e146171a;
}

.form-input-textarea {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 100%;
  margin-bottom: 0;
}

.assistant-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.button-menu {
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-menu:hover {
  background-color: #e146171a;
}

.assistant-buttons-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.button-edit {
  grid-column-gap: 5px;
  background-color: #e1461714;
  border: .5px #333c;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 3px 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.assistant-button {
  grid-column-gap: 4px;
  filter: brightness(40%) grayscale();
  cursor: pointer;
  background-color: #ffe8e200;
  border: 1px #d5d7da;
  border-radius: 0;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.assistant-button:hover {
  background-color: #ffe8e226;
}

.slider-control {
  background-color: #fff;
  border: 1px solid #e14617;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-left: -5px;
}

.checkbox-label {
  color: #333c;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
}

.progress {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.form-col {
  flex: 1;
}

.form-col.wide {
  align-self: stretch;
}

.form-col._2-column {
  width: 48%;
}

.button-label-orange {
  color: #e14617;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.form-textararea-div {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.button-chat {
  grid-column-gap: 4px;
  cursor: pointer;
  border: 1px solid #3333334d;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 62px;
  padding: 2px 3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-chat:hover {
  background-color: #e146171a;
}

.button-test {
  grid-column-gap: 4px;
  cursor: pointer;
  border: 1px solid #3333334d;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 62px;
  padding: 2px 3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-test:hover {
  background-color: #e146171a;
}

.smarties-icon-call {
  object-fit: cover;
  overflow: hidden;
}

.text-assistant-card-description {
  color: #333c;
  letter-spacing: -.25px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.temperature-div {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.search-button {
  display: none;
}

.checkbox-field-div {
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 13px;
  display: flex;
}

.dropdown-publish-toggle {
  z-index: 2;
  color: #333c;
  cursor: pointer;
  border-radius: 50px;
  padding: 5px 30px 5px 10px;
  font-size: 12px;
}

.dropdown-publish-toggle:hover {
  background-color: #e146171a;
}

.smarties-icon-menu {
  object-fit: cover;
  overflow: hidden;
}

.system-prompt-textarea {
  flex: 1;
  min-height: 100px;
  margin-top: 5px;
  display: flex;
}

.switch-control {
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.assistant-menu {
  display: flex;
  position: relative;
}

.menu-dropdown {
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  display: none;
  position: absolute;
  inset: 35px 0% auto auto;
  box-shadow: 0 0 5px #0003;
}

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

.menu-item {
  white-space: nowrap;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 13px;
  display: flex;
}

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

.dropdown-list {
  background-color: #fff;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list.w--open {
  z-index: 3;
  border-radius: 5px;
  inset: 30px 0% auto auto;
}

.dropdown-link {
  cursor: pointer;
  font-size: 13px;
}

.dropdown-link:hover {
  background-color: #e146171a;
}

.button-save {
  grid-column-gap: 4px;
  color: #fff;
  cursor: pointer;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-save:hover {
  background-color: #ff7146;
}

.button-addmessage {
  grid-column-gap: 4px;
  cursor: pointer;
  border: 1px solid #3333334d;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-addmessage:hover {
  background-color: #e146171a;
}

.table-menu {
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.table-menu:hover {
  background-color: #e146171a;
}

.image-100 {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.popup-create-tool {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-textarea {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  min-height: 100px;
  margin-bottom: 0;
}

.popup-form-hd-div {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.popup-form-hd-div.align-center {
  justify-content: space-between;
  align-items: center;
}

.property-div {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  padding: 15px;
  display: none;
}

.property-list {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  flex-flow: column;
  display: none;
}

.property-item {
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.property-item-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.property-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.header-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.header-list {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  flex-flow: column;
  display: none;
}

.message-div {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  padding: 15px;
  display: none;
}

.chat-wrap {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.chat-icon-btn {
  cursor: pointer;
  background-color: #fbe3dc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 1.5vw;
  margin-right: 1.5vw;
  padding: 7px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 2px 17px #0003;
}

.chat-icon-btn:hover {
  transform: translate(0, -5px);
}

.chatmenu-avatar {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  inset: auto -9px -4px auto;
  box-shadow: 0 2px 5px #0003;
}

.chat-main {
  background-color: #fff;
  border-radius: 10px;
  width: 250px;
  margin-bottom: 1vw;
  margin-right: 1vw;
  padding: 10px;
  display: none;
  position: absolute;
  inset: auto 0% 51px auto;
  box-shadow: 0 0 30px 11px #00000014;
}

.chat-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  height: 400px;
  padding: 20px 10px;
  display: flex;
  overflow: auto;
}

.chat-content.preview {
  height: 150px;
}

.smartie-bubble-container {
  grid-column-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.smarties-avatar-small {
  background-color: #fdf7ee;
  background-image: url('../images/smarties-head.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
}

.smartie-bubble {
  grid-column-gap: 10px;
  background-color: #fdf7ee;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.chat-time {
  color: #0000008a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.user-bubble-container {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  max-width: 265px;
  text-decoration: none;
  display: flex;
}

.user-bubble {
  grid-column-gap: 10px;
  background-color: #eee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.2em;
  text-decoration: none;
  display: flex;
}

.write-chat {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid #cfcfcf;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.chat-form-div {
  flex: 1;
}

.chat-form {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.textarea-div {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.chat-type-area {
  color: #333;
  border: 1px #000;
  height: 100%;
  margin-bottom: 0;
  font-size: 12px;
}

.button-send {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 8px 5px #0003;
}

.chat-main-top {
  border-bottom-width: 1px;
  border-bottom-color: #cfcfcf;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.chat-main-top.center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.chat-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.button-call-contain {
  display: flex;
}

.button-loading {
  grid-column-gap: 4px;
  cursor: pointer;
  border: 1px solid #3333334d;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.button-loading:hover {
  background-color: #e146171a;
}

.lottie-animation {
  filter: grayscale();
  width: 20px;
  height: 20px;
}

.button-end-call {
  grid-column-gap: 4px;
  cursor: pointer;
  background-color: #f7392e;
  border: 1px solid #f7392e;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.button-end-call:hover {
  background-color: #cc241a;
}

.button-label-orange-copy {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.topbar-inputsearch {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff0;
  background-image: url('../images/Search_1.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #d5d7da;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 10px 40px;
  display: flex;
  overflow: hidden;
}

.reset-center {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 35%;
  padding: 30px;
  display: flex;
}

.forgot-password {
  display: block;
}

.reset-link-sent {
  width: 100%;
  display: none;
}

.signin-icon {
  background-color: var(--color--textcolor);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.reset-password {
  width: 100%;
}

.reset-password-success {
  width: 100%;
  display: none;
}

.popup-addfile {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.checkbox-label-2 {
  display: none;
}

.tablecheckbox {
  width: 15px;
  height: 15px;
}

.table-checkbox-field {
  padding-left: 25px;
}

.popup-knowledgebase {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.domain-list {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  flex-flow: column;
  display: none;
}

.domain-item {
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.property-link {
  color: var(--color--accent-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.property-link:hover {
  text-decoration: underline;
}

.domain-div {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  padding: 15px;
  display: none;
}

.popup-create-config {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.messaging-tabsmenu {
  background-color: #e6e6e6;
  border-radius: 6px;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 10px;
  display: flex;
}

.messaging-tablink {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  background-color: #dfd3d300;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  font-size: 12px;
  display: flex;
}

.messaging-tablink.w--current {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #0d202f;
  background-color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 8px #00000026;
}

.messaging-tablink.close {
  flex: none;
  padding-left: 5px;
  padding-right: 5px;
}

.messaging-tabpane-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.messaging-inbox-item-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.messaging-inbox-name-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #0d202f;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.messaging-inbox-avatar {
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  overflow: visible;
}

.messaging-inbox-preview {
  color: #0d202fb3;
  font-size: 12px;
  line-height: 1.2;
}

.messaging-inbox-duration {
  color: #33333380;
  font-size: 11px;
  line-height: 1.2;
  position: relative;
}

.messaging-inbox-status-tag {
  color: #46a756;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 9px;
  line-height: 1.5;
  box-shadow: 0 1px 10px #00000026;
}

.messaging-maincol {
  background-color: #f8f8f800;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  height: 88vh;
  margin-left: 10px;
  display: flex;
  overflow: visible;
  box-shadow: 0 0 15px #00000012;
}

.messaging-maincol.outline {
  border: 1px solid #0000001a;
  height: auto;
}

.messaging-maincol.h-auto {
  height: auto;
  display: block;
}

.messaging-main-top {
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.messaging-main-top.newshoppers {
  margin-bottom: 0;
  padding: 5px 10px 5px 5px;
}

.messaging-main-topleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.messaging-main-topleft.vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.messaging-inbox-avatar-top {
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.messaging-inbox-toptextcontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.messaging-top-name {
  color: var(--accent-teal);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.messaging-top-userstatus {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #4b5563;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  line-height: 1.2;
  display: flex;
}

.messaging-main-topright {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.button-takeover {
  grid-column-gap: 4px;
  background-color: var(--accent-orange);
  color: #fff;
  cursor: pointer;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-takeover:hover {
  box-shadow: inset 0 2px 5px #0006;
}

.user-typing-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #3339;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  display: flex;
  position: absolute;
  bottom: 102%;
  left: 10px;
  right: auto;
}

.usertyping-avatar {
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.messaging-main-bot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.reply-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
}

.reply-input {
  color: #333;
  background-color: #f3f4f6;
  border: 1px #000;
  flex: 1;
  height: 50px;
  margin-bottom: 0;
}

.reply-btn-container {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.reply-btn-icon {
  background-color: var(--accent-orange);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.reply-btn-icon:hover {
  background-color: #c7380d;
}

.reply-btn-icon-white {
  cursor: pointer;
  background-color: #fff0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.reply-btn-icon-white:hover {
  background-color: #eee;
}

.reply-btn-icon-white.hide {
  display: none;
}

.quick-reply-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quickreply-chip {
  color: #374151;
  text-align: center;
  cursor: pointer;
  background-color: #f3f4f6;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5em;
}

.quickreply-chip:hover {
  background-color: #e6e6e6;
}

.messaging-sidebar-cards {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  padding: 15px;
  display: flex;
}

.messaging-sidebar-cards.gap-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.messaging-sidebar-cards.gap-5.bg-yellow {
  background-color: #fef3c7;
  border-color: #f59e0b;
}

.messaging-sidebar-cards.gap-5.bg-grey {
  background-color: #f1f1f1;
}

.messaging-sidebar-h1 {
  color: var(--color--textcolor);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.sidebar-contact-maindiv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.sidebar-contact-avatar {
  color: #fff;
  text-align: center;
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.image-100-nopadding {
  width: 100%;
}

.sidebar-contact-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sidebar-contact-body.gap-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.messaging-sidebar-h2 {
  color: var(--color--textcolor);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.contact-row-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.sidebar-tag-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.contact-tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .9;
  color: #1d4ed8;
  text-align: center;
  background-color: #dbeafe;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  font-size: 11px;
  line-height: 1.5em;
  display: flex;
}

.contact-tag:hover {
  opacity: 1;
}

.contact-tag.bg-grey {
  color: #616161;
  background-color: #f1f1f1;
}

.contact-tag.bg-add {
  color: #333;
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #0000001a;
}

.contact-tag.bg-add:hover {
  background-color: #ffffff80;
}

.contact-tag.bg-yellow {
  color: #a16207;
  background-color: #fef9c3;
}

.contact-tag.bg-purple {
  color: #7e22ce;
  background-color: #f3e8ff;
}

.contact-tag.bg-green {
  color: #15803d;
  background-color: #dcfce7;
}

.contacts-main-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contacts-main-top-right {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.messaging-inbox-avatar-col {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
}

.dot-online {
  background-color: #10b981;
  border: .5px solid #fff;
  border-radius: 9999px;
  flex: none;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: auto -2px -2px auto;
}

.messaging-inbox-textcontent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.messaging-inbox-user-tag {
  color: #003e4c;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #003e4c;
  border-radius: 20px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.messaging-inbox-user-tag.bg-orange {
  border-color: var(--accent-orange);
  color: var(--accent-orange);
  text-transform: uppercase;
}

.messaging-inbox-user-tag.bg-yellow {
  color: #917a00;
  border-color: #917a00;
}

.messaging-inbox-user-tag.bg-blue {
  color: #0ea5e9;
  text-transform: uppercase;
  border-color: #0ea5e9;
}

.messaging-inbox-user-tag.bg-grey {
  color: #333;
  text-transform: uppercase;
  border-color: #333;
}

.messaging-inbox-textcontent-top {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.messaging-inbox-icons-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-options {
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-options:hover {
  background-color: #e146171a;
}

.messaging-mainbtns-div {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.messaging-handling-aibot {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.message-handle-avatar {
  background-color: #fdf7ee;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  overflow: hidden;
}

.message-handle-avatar.agent {
  filter: grayscale();
}

.messaging-handling-ai {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.messaging-handling-hd {
  color: var(--accent-orange);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.messaging-handling-hd.text-green {
  color: var(--accent-teal);
}

.messaging-handling-subtext {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.messaging-handling-aibot-bg {
  z-index: 0;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: linear-gradient(90deg, #fff, #ffefea);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: stretch;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  position: absolute;
  inset: 0%;
}

.button-returnai {
  grid-column-gap: 4px;
  border: 1px solid var(--accent-teal);
  color: var(--accent-teal);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.button-returnai:hover {
  background-color: #ecfbff;
}

.messaging-inbox-preview-div {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.messaging-inbox-textcontent-bot {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.messaging-handling-agent-bg {
  z-index: 0;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: linear-gradient(90deg, #fff, #eafbff);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  inset: 0%;
}

.messaging-handling-agent {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  display: none;
  position: relative;
}

.messaging-sidebar-hd-div {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.messaging-sidebar-hd-div.align-inbetween {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

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

.messaging-top-subtext {
  color: #64748b;
}

.icon-lock {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.sidebar-acctdetails-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.sidebar-acctdetails-body.gap-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.sidebar-acctdetails-row {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.sidebar-acctdetails-label {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.sidebar-acctdetails-data {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.sidebar-acctdetails-data.smaller {
  color: #333333b3;
  font-size: 11px;
  font-weight: 400;
}

.sidebar-acctdetails-data.bg-orange {
  color: #e14617;
}

.sidebar-acctdetails-data.bg-green {
  color: #16a34a;
}

.sidebar-leadinfo-timeline-line {
  grid-row-gap: 10px;
  background-color: #e5e7eb;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1px;
  height: 226px;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 4px;
}

.sidebar-leadinfo-timeline-itemcard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.sidebar-journey-card-label-div {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.sidebar-journey-card-label {
  color: #111827;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.sidebar-journey-card-duration {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.sidebar-journey-card-top {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.activityhistory-card-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.activityhistory-duration {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 11.73px;
  text-decoration: none;
}

.div-block-14 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.messaging-inbox-tabscontent {
  overflow: visible;
}

.div-block-17 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.datacollection-text {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.popup-scriptinjection {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 800px;
  padding: 0;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: auto 0% 100% auto;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px #0000001a, 0 4px 12px #00000026;
}

.message-popup-hd {
  background-color: #e4ffe8;
  border: 0 solid #b3e5bb;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.message-popup-hd-left {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.message-popup-hd-icon {
  object-fit: cover;
  overflow: hidden;
}

.message-popup-hd-text {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.message-popup-btn-close {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.message-popup-body {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.message-popup-searchfilter-row {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.messagepopup-filter {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.scriptinjector-list {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 50vh;
  text-decoration: none;
  display: flex;
  overflow: auto;
}

.scriptinjector-card-item {
  grid-column-gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.scriptinjector-title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.scriptinjector-description {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.searchfield {
  background-image: url('../images/Search_1.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 30px;
  font-size: 13px;
}

.messagepopup-filterselect {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  flex: 1;
  margin-bottom: 0;
}

.popup-dataenrichment {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-dataenrichment-body {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dataenrichment-loadingscreen {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10vw;
  padding-bottom: 10vw;
  display: flex;
}

.dataenrichment-loading {
  width: 80px;
  height: 80px;
}

.dataenrichment-content {
  flex-flow: column;
  width: 100%;
  padding-top: 10px;
  display: none;
}

.data-enrichment-table-div {
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px #d5d7da;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.dataenrichment-field {
  color: #66686b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.dataenrichment-field.italic {
  font-style: italic;
}

.confidence-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.confidence-percentage {
  background-color: #e5e7eb;
  border-radius: 10px;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100px;
  height: 12px;
  display: flex;
}

.confidence-percent-text {
  white-space: nowrap;
  font-size: 10px;
}

.confidence-percent {
  background-color: #22c55e;
  border-radius: 10px;
  width: 96%;
  height: 100%;
}

.confidence-percent._w-88 {
  background-color: #3b82f6;
  width: 88%;
}

.confidence-percent._w-75 {
  background-color: #eab308;
  width: 75%;
}

.confidence-percent._w-82 {
  background-color: #3b82f6;
  width: 82%;
}

.dataenrichmentstatus {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.data-enrichment-btn--style1 {
  grid-column-gap: 10px;
  color: #2563eb;
  text-align: center;
  background-color: #dbeafe;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.data-enrichment-btn--style1.bg-grey {
  color: #4b5563;
  background-color: #f3f4f6;
}

.data-enrichment-btn--style1.bg-green {
  color: #16a34a;
  background-color: #dcfce7;
}

.data-enrichment-btn--style1.unlockpremium {
  color: #fff;
  background-color: #2563eb;
  border: 1px solid #2563eb;
}

.data-enrichment-btn--style1.unlockpremium-white {
  color: #2563eb;
  background-color: #fff;
  border: 1px solid #2563eb;
}

.dataenrichment---table-row {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.datanerichment-unlock-card {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.datanerichment-unlock-card-left {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 174.641px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
  display: flex;
}

.datanerichment-unlock-card-title {
  color: #1e40af;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.datanerichment-unlock-card-subtext {
  color: #2563eb;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.datanerichment-unlock-card-right {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.contacts-maincol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  max-height: 80vh;
  margin-left: 0;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.contact-table-div {
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px #d5d7da;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 2px 6px #0000001a;
}

.contact-table-div.leadstable {
  padding-left: 20px;
  padding-right: 20px;
}

.checkbox-label-3 {
  display: none;
}

.contacts-checkbox {
  border-radius: 3px;
  width: 18px;
  height: 18px;
}

.contacts-checkbox.w--redirected-checked {
  background-color: #003e4c;
  border: 1px solid #003e4c;
}

.contacts-tableheader {
  border-bottom: 1px solid #d5d7da;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.contacts-tableheader.mt-10 {
  margin-top: 10px;
}

.contacts-table-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.favoriteembed-div {
  color: #999;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.favorite-embed {
  width: 100%;
  height: 100%;
}

.favorite-embed.favorited {
  color: #eab308;
}

.contact-table-header-text {
  color: #333333b3;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.contact-namediv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-name-avatar {
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  overflow: visible;
}

.contact-company-text {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.contact-jobcompany-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-positiontext {
  color: #66686b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.contact-table-cell-div {
  grid-column-gap: 10px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.contact-table-cell-div.stretch {
  flex: 1;
}

.contact-table-cell-div._w-5 {
  width: 5%;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.contact-table-cell-div._w-5.activity {
  justify-content: flex-start;
  align-items: center;
  width: 10%;
}

.contact-table-cell-div._w-5.actions {
  justify-content: flex-end;
  align-items: center;
  width: 7%;
}

.contact-table-cell-div._w-10 {
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-10.contact {
  width: 20%;
}

.contact-table-cell-div._w-15 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-15.name {
  flex: 1;
}

.contact-table-cell-div._w-3 {
  width: 3%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-8 {
  width: 8%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-8.convos {
  width: 10%;
}

.contact-table-cell-div._w-8.status {
  justify-content: flex-start;
  align-items: center;
}

.contact-table-cell-div._w-8.enrich {
  width: 10%;
}

.contact-table-cell-div.favorites {
  justify-content: center;
  align-items: center;
  width: 50px;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-contact-col {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-table-contact-row-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333c;
  justify-content: flex-start;
  align-items: center;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
}

.contact-table-contact-row-icon {
  opacity: .8;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.location-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.contacts-table-tags-div {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
}

.contact-table-tag {
  color: #6b21a8;
  text-align: center;
  background-color: #f3e8ff;
  border-radius: 20px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.5;
}

.contact-table-tag:hover {
  background-color: #e6e6e6;
}

.contact-table-tag.bg-green {
  color: #15803d;
  background-color: #dcfce7;
}

.contact-table-tag.gold {
  color: #b8860b;
  background-color: #fef1d2;
}

.contact-table-tag.silver {
  color: #374151;
  background-color: #e5e7eb;
}

.contact-table-tag.bronze {
  opacity: .7;
  color: #a05a1f;
  background-color: #f3d3a3;
}

.contact-table-tag.bg-blue {
  color: #1e40af;
  background-color: #e0f2fe;
}

.contact-table-option-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-table-option {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.bulkoption-div {
  background-color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.bulkoption-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-2 {
  color: var(--accent-teal);
  font-weight: 500;
}

.bulkoption-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bulkoption-close {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.sidebar-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.contact-sidebar-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  background-image: none;
  border-radius: 10px;
  flex-flow: column;
  width: 300px;
  height: 80vh;
  margin-left: 10px;
  padding: 10px;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.filters-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  height: 75vh;
  display: flex;
  overflow: auto;
}

.filter-item {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  display: flex;
  overflow: hidden;
}

.filter-item-top {
  cursor: pointer;
  background-color: #f9fafb;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.filter-item-chevron {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.filter-item-body {
  flex-flow: column;
  padding: 10px;
  display: none;
}

.filter-item-body.show {
  display: block;
}

.filter-item-title-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.filter-item-title-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-title-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #1e40af;
  background-color: #dbeafe;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.filter-title-tags-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.btn-addfiltertag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #1e40af;
  background-color: #dbeafe00;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.filter-btn-2col-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact--table-row {
  cursor: pointer;
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.contact--table-row:hover {
  background-color: #f7f7f7;
}

.contcts-paginator-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paginator-count-text {
  font-size: 11px;
  line-height: 1.2;
}

.contcts-paginator-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.contacts-paginator-item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-width: 1px .5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  display: flex;
}

.contacts-paginator-item:hover {
  border-width: 1px;
  border-color: var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff8f6;
}

.contacts-paginator-item.left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.contacts-paginator-item.right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.contacts-paginator-item.active {
  border-width: 1px;
  border-color: var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff8f6;
}

.contats-paginator-arrow {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.popup-contactdetails {
  z-index: 999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  flex-flow: column;
  width: 55%;
  padding: 20px 10px 10px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  box-shadow: -5px 2px 17px #0003;
}

.contact-details-top {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.contact-details-topleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-details-topright {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.popup-contactdetails-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.popup-contact-details-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  width: 280px;
  height: 80vh;
  padding: 0;
  display: flex;
  overflow: auto;
}

.contactdetails-tab {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.contactdetails-tabsmenu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contactdetails-tablink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  background-color: #ddd0;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
}

.contactdetails-tablink.w--current {
  border-bottom-color: var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff;
  font-weight: 500;
}

.contactdetails-tabpane-div {
  background-color: #f8f8f8;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.contactdetails-tabscontent {
  flex: 1;
  overflow: visible;
}

.contactdetails-tabpane {
  height: 100%;
}

.contactdetails-convo-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
}

.contactdetails-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.contactdetails-item-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contactdetails-item-time {
  grid-column-gap: 5px;
  color: #64748b;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.contactdetails-icon-time {
  object-fit: cover;
  overflow: hidden;
}

.link-fullchat {
  color: #e14617;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
}

.contactdetails-item-text {
  color: #475569;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.contactdetails-item-duration {
  grid-column-gap: 10px;
  color: #64748b;
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.dataenrichment-inbox-item {
  grid-column-gap: 5px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dataenrichment-inbox-item:hover {
  border-style: none;
  border-width: 1px 1px 1px 4px;
  border-color: var(--color--accent-purple);
  background-color: #fff;
  box-shadow: 0 5px 10px #0000001a;
}

.dataenrichment-inbox-item.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.dataenrichment-inbox-item.active {
  background-color: #fff;
  box-shadow: 0 5px 10px #0003;
}

.dataenrich-agent-tab {
  color: #333;
  text-align: center;
  text-transform: uppercase;
  background-color: #e9e9e9;
  border-radius: 20px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
  line-height: 1.4;
}

.dataenrichment-inbox-textcontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dataenrichment-control-name-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dataenrichment-top-plan-row {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.dataenrichment-top-plan-row-text {
  font-size: 12px;
}

.upgrade-plan-link {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--accent-orange);
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.upgrde-plan-link-icon {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.dataenrichment-formrow {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-bottom: 15px;
  padding: 10px 15px;
  display: flex;
}

.teamplan-notice {
  grid-column-gap: 12px;
  background-color: #eff6ff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  text-decoration: none;
  display: flex;
}

.teamplan-notice-icon {
  background-color: #dbeafe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  display: flex;
}

.teamplan-notice-icon-image {
  object-fit: cover;
  overflow: hidden;
}

.teamplan-notice-textcontent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 282.75px;
  text-decoration: none;
  display: flex;
}

.teamplan-notice-text {
  color: #1d4ed8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.teamplan-notice-description {
  color: #1d4ed8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.plan-usage-div {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.plan-usage-div-textcontent {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.planusage-label {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.planusage-label.small {
  font-size: 10px;
  font-weight: 400;
}

.planusage-data {
  color: #0009;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.planusage-data.text-roange {
  color: var(--accent-orange);
}

.planusage-data.small {
  font-size: 10px;
}

.plan-usage-progress-row {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.plan-usage-progress {
  background-color: #e14617;
  border-radius: 9999px;
  width: 12%;
  height: 100%;
}

.plan-usage-progress._w-92 {
  width: 92%;
}

.plan-usage-progress._w-87 {
  width: 87%;
}

.plan-usage-progress._w-55 {
  width: 55%;
}

.plan-usage-progress._w-81 {
  width: 81%;
}

.plan-usage-progress._w-75 {
  width: 75%;
}

.dataenrichment-control-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.dataenrichment-formrow-icon {
  background-color: #ffe7df;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.fieldcontrol-list {
  flex-flow: column;
  display: flex;
}

.activityusage-sidebar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 300px;
  height: 80vh;
  margin-left: 10px;
  padding: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.recentactivity-card, .enrichmentusage-card {
  grid-row-gap: 10px;
  background-color: #f9fafb;
  border: .733099px solid #eaeaea;
  border-radius: 12.324px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.enrichmentusage-card.gap-5 {
  grid-row-gap: 5px;
}

.db-journey-subtext {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.smartassitant-tag {
  grid-column-gap: 10px;
  color: #2e913e;
  text-transform: none;
  background-color: #daffe0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.smartassitant-tag.blue {
  color: #075985;
  background-color: #def4ff;
}

.smartassitant-tag.yellow {
  color: #b8860b;
  background-color: #fef3c7;
}

.smartassitant-tag.gray {
  color: #616161;
  background-color: #f1f1f1;
}

.journey-dashboard-width {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.journey-db-rightpanel {
  flex-flow: column;
  flex: none;
  width: 300px;
  margin-left: 10px;
  display: flex;
}

.journey-db-rightpanel._w-250 {
  width: 250px;
}

.journey-db-rightpanel.row {
  align-self: stretch;
  width: auto;
  margin-top: 2rem;
  margin-left: 0;
}

.db-quickactions-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.journey-quickactions-card {
  grid-column-gap: 20px;
  background-color: #fff;
  border: 1.5px solid #0000001a;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 10px #0000000f;
}

.journey-quickactions-card:hover {
  border-color: var(--accent-teal);
  background-color: #f3fdff;
}

.journey-quickactions-card-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.journey-quickactions-card-arrow {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.content-action-card {
  grid-column-gap: 15px;
  background-color: #fff;
  border-left: 5px solid #3b82f6;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.content-action-card:hover {
  transform: translate(0, -5px);
}

.content-action-card.bg-orange {
  border-left-color: var(--accent-orange);
}

.content-action-card.bg-green {
  border-left-color: #46a756;
}

.content-icon-embed {
  flex: none;
  width: 18px;
  height: 20px;
}

.bb-actionlink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #1e4bf5;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.bb-actionlink.bg-orange {
  color: var(--accent-orange);
}

.bb-actionlink.bg-green {
  color: #46a756;
}

.activity-tabs {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.activity-tabpane-div {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.activity-tabpane-div.pt-20 {
  padding-top: 20px;
}

.drafts-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.drafts-item-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.duration-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bb-continueediting {
  grid-column-gap: 5px;
  color: var(--accent-teal);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.bb-icon-edit {
  object-fit: cover;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

.db-topic-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.db-trendingtopic-hd {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333c;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.suggestedideas-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  box-shadow: none;
  background-color: #fffbed;
  border: 1px #e5e7eb;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.link-brown {
  color: #b8860b;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.icon-embed-favorit {
  color: #9c9c9c;
  flex: none;
  width: 20px;
  height: 20px;
}

.bb-hd {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-return {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.link-return:hover {
  border-color: var(--color--accent-green);
}

.journey-db-leftpanel {
  flex-flow: column;
  flex: none;
  width: 220px;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.writeblog-step1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.steps-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f0f9ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.step {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.step.inactive {
  opacity: .6;
}

.step-number-container {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1.5px solid #004e61;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  text-decoration: none;
  display: flex;
}

.step-number-container.done {
  background-color: var(--accent-teal);
  padding-left: 5px;
  padding-right: 5px;
}

.step-number {
  color: #004e61;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.step-description {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.step-divider {
  background-color: #004e61;
  border-radius: 20px;
  flex: none;
  width: 20px;
  height: 2px;
  display: flex;
  overflow: hidden;
}

.step-divider.inactive {
  opacity: .6;
}

.trendingtopics-group {
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: visible;
  box-shadow: 0 4px 7.9px #0000001a;
}

.step-card {
  grid-row-gap: 15px;
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.step-card.scroll {
  height: 68vh;
  overflow: auto;
}

.step-card-title-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.step-title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.step-description-small {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.daily-trend-item {
  color: #333c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.blogtopic-radiolabel {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.activity-tabsmenu {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.step-formblock {
  margin-bottom: 0;
}

.step-searchfield {
  background-image: url('../images/Search_1.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 14px;
}

.blog-topic-option-div {
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.blog-topic-option-div.p-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.stepformcontent-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.radio-button-label-2 {
  display: none;
}

.blogtopic-option {
  cursor: pointer;
  width: 24%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.blogtopic-radiobutton {
  border: 1px solid #0000001a;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.blogtopic-radiobutton.w--redirected-checked {
  border-width: .5px;
  border-color: var(--accent-teal);
  background-color: #f3fdff;
}

.blogtopic-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blogtopic-radiocard:hover {
  border-style: solid;
  border-color: var(--accent-teal);
  background-color: #f3fdff;
  box-shadow: 0 5px 10px #0003;
}

.blogtopic-tag {
  grid-column-gap: 10px;
  background-color: #f2f2f2;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  text-decoration: none;
  display: flex;
}

.blogtopic-div {
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.icon-embed {
  flex: none;
  width: 20px;
  height: 20px;
}

.icon-embed.small {
  width: 15px;
  height: 15px;
}

.writeblog-step2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.headline-list {
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.headline-item {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.headline-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.headline-item-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.seo-tag {
  grid-column-gap: 5px;
  color: #46a756;
  background-color: #dcfce7;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.seo-tag.bg-yellow {
  color: #f59e0b;
  background-color: #fef3c7;
}

.icon-seo {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.headline-body-text {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.headline-item-label {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.headline-duration {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.btn-container-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.insights-card {
  grid-column-gap: 15px;
  background-color: #f0fdf4;
  border: 1px solid #dcfce7;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.insights-card.bg-blue {
  background-color: #eff6ff;
  border-color: #dbeafe;
}

.insights-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  overflow: hidden;
}

.insights-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.insights-subtext {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.writeblog-step3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.title-textfield {
  border: 1px solid #0000001a;
  border-radius: 10px;
  height: 45px;
  margin-bottom: 0;
  font-size: 16px;
}

.content-editor-div {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 1px;
  text-decoration: none;
  display: flex;
}

.content-editor-controls-div {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px 8px;
  text-decoration: none;
  display: flex;
}

.content-editor-controls-div-left {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.editor-btn {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.editor-icon-div {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.editor-icon-image {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.content-editor-body {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.content-paragraph {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.content-hd {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.content-textarea {
  color: var(--color--textcolor);
  background-color: #fff;
  border: 1px #d5d7da;
  border-radius: 0;
  height: 35px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 13px;
  overflow: hidden;
}

.content-additional-controls {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-additional-controls-left {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-additional-btn {
  grid-column-gap: 10px;
  color: var(--accent-teal);
  background-color: #e4faff;
  border: 0 solid #e5e7eb;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.content-additional-icon {
  object-fit: cover;
  flex: none;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

.content-btn-undo {
  grid-column-gap: 5px;
  color: #333;
  background-color: #f2f2f2;
  border: 0 solid #e5e7eb;
  border-radius: 50px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.writeblog-step4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.preview-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex-flow: column;
  max-height: 40vh;
  padding: 15px;
  display: flex;
  overflow: auto;
}

.preview-image-div {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.content-title {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.preview-author-div {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.preview-author-image {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
}

.preview-author-textcontent {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.publishing-options {
  border-top: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.publishing-label {
  font-size: 12px;
  line-height: 1.4;
}

.checkbox-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.seo-panel-row {
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.seo-label {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.seo-value {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.seo-optimzation {
  grid-row-gap: 10px;
  background-color: #f9fafb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.seo-optimzation-description {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.postsocial-step1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.platform-frequency-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.platform-col {
  flex: 1;
}

.platform-option {
  cursor: pointer;
  width: 32%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.platform-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.platform-radiocard:hover {
  border-style: solid;
  border-color: var(--accent-teal);
  background-color: #f3fdff;
  box-shadow: 0 5px 10px #0003;
}

.platform-icon {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.calendar-preview-div {
  display: flex;
}

.frequency-col {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.frequency-option-div {
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.frequency-option-div.p-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.frequency-option {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.frequency-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frequency-radiocard:hover {
  border-style: solid;
  border-color: var(--accent-teal);
  background-color: #f3fdff;
  box-shadow: 0 5px 10px #0003;
}

.frequency-radiocard-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frquency-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.frquency-title.small {
  font-size: 14px;
}

.frquency-smaller-text {
  color: #333333b3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.frequency-radiocard-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.postsocial-step2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.topics-tabs {
  padding-top: 20px;
}

.topics-tabsmenu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.topics-tablink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333c;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.topics-tablink.w--current {
  color: var(--accent-orange);
  background-color: #ffeee9;
  font-weight: 500;
}

.icon-topicstag {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.icon-topicstag.blue {
  color: #0ea5e9;
}

.icon-topicstag.red {
  color: var(--accent-orange);
}

.icon-topicstag.orange {
  color: #f59e0b;
}

.icon-topicstag.purple {
  color: #8b5cf6;
}

.icon-topicstag.green-big {
  color: var(--accent-teal);
  width: 20px;
  height: 20px;
}

.social-topic-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-between;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.social-topic-item {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.social-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.trending-count-text {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.topictag {
  grid-column-gap: 5px;
  color: #333c;
  background-color: #f2f2f2;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.topictag.bg-blue {
  color: var(--accent-teal);
  background-color: #e0f2fe;
}

.topictag.bg-green {
  color: #22c55e;
  background-color: #dcfce7;
}

.topictag.bg-purple {
  color: #8b5cf6;
  background-color: #ede9fe;
}

.trending-topic-item-bot {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.headline-body-subtext {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.social-topic-tooltip-div {
  position: relative;
}

.social-topic-tooltip-icon {
  opacity: .4;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.social-topic-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  display: none;
  position: absolute;
  inset: auto 0% 105% auto;
}

.postsocial-step3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.text-teal {
  color: var(--accent-teal);
  font-weight: 600;
}

.social-content-item {
  cursor: pointer;
  width: 100%;
  height: 380px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.social-content-radiocard-top {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.social-content-radiocard-title-row {
  grid-column-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.social-content-avatar {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
}

.socialcontent-name {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.social-content-handle {
  color: #3339;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.socialcontent-post {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.socialcontent-hashtags-div {
  grid-column-gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15px;
  text-decoration: none;
  display: flex;
}

.socialcontent-hashtags {
  color: #0075ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.social-content-radiocard-bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.socialcontent-action-btn-container {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-content-btn {
  grid-column-gap: 5px;
  color: #6b7280;
  border: 0 solid #0000;
  border-bottom-width: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.socialcontent-fav-icon {
  filter: grayscale();
  object-fit: cover;
  overflow: hidden;
}

.social-content-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 20px 15px 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-content-tag {
  color: #6b7280;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2px 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  position: absolute;
  inset: 10px 10px auto auto;
}

.postsocial-step4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.schedule-row {
  grid-column-gap: 20px;
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.icon-edit {
  object-fit: cover;
  overflow: hidden;
}

.schedule-row-textcontent {
  grid-row-gap: 0px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.schedule-label {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.schedule-description {
  color: #004e61;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.scheduke-row-right {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.scheduke-tag {
  grid-column-gap: 5px;
  color: var(--accent-teal);
  background-color: #fff;
  border: 0 solid #0000;
  border-bottom-width: 2px;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.scheduke-row-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.step-card-subheader-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.step-h2 {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.bulkedit-radio-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bulkedit-text {
  color: #333c;
  font-size: 10px;
  line-height: 1.4;
}

.post-preview-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.post-preview-item {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.postpreview-item-radiocard {
  grid-row-gap: 5px;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.postpreview-item-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.engagement-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.engagement-label {
  color: #6b7280;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.engagement-value-container {
  grid-column-gap: 2px;
  background-color: #f3f3f3;
  border-radius: 5px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  text-decoration: none;
  display: flex;
}

.mdiflame {
  object-fit: cover;
  overflow: hidden;
}

.engagement-value {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
}

.postpreview-item-topleft {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.postpreview-avatar {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 9999px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.postpreview-icon {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.postpreview-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.post-date-container {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 5px;
  text-decoration: none;
  display: flex;
}

.poat-date {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.post-date {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.postpreview-info-titlediv {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.post-preview-tag {
  color: #8b5cf6;
  text-align: center;
  background-color: #ede9fe;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2px 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.post-preview-tag.green {
  color: #22c55e;
  background-color: #dcfce7;
}

.podcast-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.podcast-topic-item {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.podcast-trending-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.podcast-trending-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: var(--accent-orange);
  justify-content: flex-start;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.createpodcast-step1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.createpodcast-step2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.step-podcast-title {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 14px;
}

.podacst-form-title-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.formlabel {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.button-ai {
  grid-column-gap: 10px;
  color: var(--accent-teal);
  cursor: pointer;
  background-color: #e4faff;
  border: 0 solid #e5e7eb;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.podcast-title-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.icon-btnai {
  flex: none;
  width: 15px;
  height: 15px;
}

.podcast-script-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  max-height: 50vh;
  padding-bottom: 20px;
  display: flex;
  overflow: auto;
}

.podcast-script-item {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  display: flex;
  overflow: hidden;
}

.podcast-item-top {
  cursor: pointer;
  background-color: #f9fafb;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.podcast-item-body {
  flex-flow: column;
  padding: 10px;
  display: none;
}

.podcast-item-body.show {
  display: flex;
}

.podcast-item-topleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.podcast-filter-item-chevron {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.podcast-filter-item-chevron.rotate {
  transform: rotate(-90deg);
}

.podcast-time {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.podcast-item-bodycontent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.podcast-textarea {
  color: var(--color--textcolor);
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  min-height: 100px;
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
}

.podcast-item-controldiv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.podcast-item-controldiv-left, .podcast-item-controldiv-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.addsegment-btn {
  grid-column-gap: 10px;
  color: var(--accent-orange);
  text-align: center;
  background-color: #fff;
  border: 1px dashed #e14617;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.createpodcast-step3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.voicerecording-options-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-bottom: 10px;
  display: flex;
}

.voicerecording-options-div-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.voicerecording-recordoptions {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 10px 10px 0;
  display: flex;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.radio-button-label-3 {
  display: none;
}

.voicerecording-radiobuton-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.audioselection-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.audioselection-option {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.audioselection-option:hover {
  border-color: var(--accent-teal);
}

.audioselection-option-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radoio-button-circle {
  border: 1px solid #00000026;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.audioselection-option-textcontent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.audioselection-option-textcontent-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.voiceoption-name {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.voiceoption-subtext {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.audioselection-option-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.voiceoption-preview-play {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.voice-upload-screen {
  grid-row-gap: 6px;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.voice-upload-icon {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.voice-upload-text {
  color: #4b5563;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.browse-btn {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px 13px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.text-53 {
  color: #374151;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.voice-upload-subtext {
  color: #6b7280;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.voicerecording-bg-music {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.bg-music-item {
  cursor: pointer;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  text-decoration: none;
  display: flex;
}

.bg-music-item:hover {
  border-color: var(--accent-teal);
}

.bg-music-item-left {
  grid-column-gap: 12px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
  display: flex;
}

.bg-music-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bg-music-icon-image {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.bg-music-icon-text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.button-style-9 {
  border: 0 solid #e5e7eb;
  text-decoration: none;
}

.bg-music-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.browsemusic-btn {
  grid-column-gap: 10px;
  color: var(--accent-teal);
  text-align: center;
  background-color: #fff0;
  border: 1px #e14617;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.browsemusic-btn.bg-orange {
  color: var(--accent-orange);
}

.voicerecording-options-div-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.audiopreview-tabs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  margin-top: -42px;
  display: flex;
}

.audiotabs-menu {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.audiotablink {
  color: #333c;
  text-align: center;
  background-color: #f2f2f2;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
}

.audiotablink.w--current {
  color: var(--accent-orange);
  background-color: #ffeee9;
}

.audiotablink.right {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.audiotablink.left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.voicerecording-audiopreview {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 20px 10px;
  display: flex;
}

.audiopreview {
  grid-row-gap: 5px;
  background-color: #f9fafb;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.audiowave-preview {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.audio-wave {
  opacity: .5;
  object-fit: cover;
  overflow: hidden;
}

.audio-preview-info {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.audio-preview-duration-row {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.audio-preview-duration {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.audiopreview-slider {
  background-color: #e5e7eb;
  border-radius: 9999px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.audiopreview-slider-percent {
  background-color: #e14617;
  border-radius: 9999px;
  width: 40%;
  height: 100%;
}

.audiopreview-control-row {
  grid-column-gap: 16px;
  border: 0 solid #e5e7eb;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.audiopreview-direction-control {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-18 {
  justify-content: center;
  align-items: center;
  width: 11.25px;
  height: 18px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style-19 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.audiopreview-playbtn {
  grid-row-gap: 10px;
  background-color: #e14617;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px 13px;
  text-decoration: none;
  display: flex;
}

.suggestions-card {
  grid-column-gap: 15px;
  background-color: #f0fdf4;
  border: 1px solid #dcfce7;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.suggestions-card.bg-blue {
  background-color: #eff6ff;
  border-color: #dbeafe;
}

.suggestions-card.bg-yellow {
  background-color: #fefce8;
  border-color: #fef9c3;
}

.suggestion-card-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.createpodcast-step4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.podcast-preview-col {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px 15px;
  display: flex;
}

.podacst-preview {
  background-color: #f3f4f6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.podcast-maindetails-row {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.podcast-maindetails-rowleft {
  grid-row-gap: 0px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.podcast-maindetails-title-div {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.podcast-maindetails-title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.podcast-maindetails-title-edit {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.podcast-maindetails-title-edit-image {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.podcast-subdetails-text {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.podcast-maindetails-rowright {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.podcast-maindetails-btn {
  grid-row-gap: 10px;
  background-color: #f3f4f6;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

.description-div {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  border-top: 1px #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.description-title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.description-paragraph {
  color: #4b5563;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.podcast-tag-div {
  grid-row-gap: 8px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.podcasttitle-div {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-style-10 {
  grid-column-gap: 4px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-style-20 {
  justify-content: center;
  align-items: center;
  width: 12.25px;
  height: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style-21 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.text-55 {
  color: #e14617;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tags-body-count {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #e5e7eb;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.span-5 {
  grid-column-gap: 5px;
  background-color: #38bdf81a;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.text-56 {
  color: #38bdf8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-style-22 {
  justify-content: center;
  align-items: center;
  width: 10.5px;
  height: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.span-6 {
  grid-column-gap: 7px;
  background-color: #4ade801a;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.text-57 {
  color: #4ade80;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.span-7 {
  grid-column-gap: 6px;
  background-color: #fb923c1a;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.text-58 {
  color: #fb923c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.span-8 {
  grid-column-gap: 6px;
  background-color: #a855f71a;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.text-59 {
  color: #a855f7;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.span-9 {
  grid-column-gap: 6px;
  background-color: #f4f4f4;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.i-2 {
  border: 0 solid #e5e7eb;
}

.svg-3 {
  justify-content: center;
  align-items: center;
  width: 15.75px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.text-60 {
  color: #374151;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.title-div-100 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.reach-div {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.reacjh-tooltip {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 18px;
  text-decoration: none;
  display: flex;
}

.riinformation-line {
  object-fit: cover;
  overflow: hidden;
}

.est-reach-51m-0 {
  color: #33333380;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.est-reach-51m-1 {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.distribution-div {
  background-color: #f9fafb;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.distribution-divleft {
  grid-column-gap: 12px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.distribution-div-icon {
  grid-row-gap: 10px;
  background-color: #22c55e;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px 11px;
  text-decoration: none;
  display: flex;
}

.distribution-div-icon.bg-purple {
  background-color: #9333ea;
}

.distribution-div-icon.bg-blue {
  background-color: #2563eb;
}

.distribution-div-icon.bg-red {
  background-color: #dc2626;
}

.frame-style-23 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.distribution-div-textcontent {
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.distribution-title {
  color: #1f2937;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.distribution-description {
  color: #4b5563;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.distribution-divright {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.distribution-reach {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.optimization-card {
  grid-column-gap: 15px;
  background-color: #f0fdf4;
  border: 1px solid #dcfce7;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.optimization-card.bg-yellow {
  background-color: #fefce8;
  border-color: #fef9c3;
}

.optimization-card-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.optimzation-link {
  color: var(--accent-teal);
  font-size: 12px;
  text-decoration: none;
}

.detectedlead-card {
  background-color: #fff;
  border: 1px solid #004e61;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 9.2px #0000000f;
}

.detectedlead-cardleft {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.detectedlead-icon {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  padding: 5px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vector {
  object-fit: cover;
}

.detectedlead-textcontent {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.detectedlead-card-title {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.detectedlead-card-description {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.detectedlead-card-icon-close {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vector-2 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #9ca3af;
}

.leadlist-item {
  grid-column-gap: 10px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.leadlist-item:hover {
  border-style: none;
  border-width: 1px 1px 1px 4px;
  border-color: var(--color--accent-purple);
  background-color: #fff;
  box-shadow: 0 5px 10px #0000001a;
}

.leadlist-item.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.leadlist-item.active {
  background-color: #fff;
  box-shadow: 0 5px 10px #0003;
}

.customer-info-row {
  grid-column-gap: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.customer-info {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.customer-info-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style-25 {
  object-fit: cover;
  overflow: hidden;
}

.customer-info-textcontent {
  color: #475569;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.button-fullprofile {
  grid-column-gap: 4px;
  border: 1px solid var(--accent-teal);
  color: var(--accent-teal);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-fullprofile:hover {
  background-color: #e146171a;
}

.newshopper-stat-div {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.newshopper-stat-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.lead-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
}

.tone-row {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tone-text {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tone-btn-container {
  grid-column-gap: 5px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tone-btn {
  grid-column-gap: 10px;
  color: #374151;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.tone-btn:hover, .tone-btn.active {
  background-color: var(--accent-teal);
  color: #fff;
}

.smart-tip-div {
  grid-column-gap: 10px;
  background-color: #ebf0ff;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 810px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.smart-tip-icon {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2px;
  text-decoration: none;
  display: flex;
}

.smart-tip-icon-contain {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.smarttip-textcontent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.smarttip-title {
  color: #1e40af;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.smartip-description {
  color: #1e40af;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.emailpreview-div {
  flex-flow: column;
  height: 35vh;
  display: flex;
  overflow: auto;
}

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

.emailpreview-topleft {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.emailpreview-icon {
  grid-row-gap: 10px;
  background-color: #004e61;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px 8px;
  text-decoration: none;
  display: flex;
}

.frame-style-26 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.emailpreview-title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.variables-row {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 788px;
  text-decoration: none;
  display: flex;
}

.variables-row-left {
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.variables-body-text {
  color: #4b5563;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.variables-datatext {
  color: #1e4bf5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.variables-row-right {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.delivery-settings-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.channelselector {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.messaging-sidebar-h2-style2 {
  color: var(--color--textcolor);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.delivery-settings-sidebar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 300px;
  height: 70vh;
  margin-left: 10px;
  padding: 10px;
  display: flex;
  overflow: auto;
  box-shadow: 0 2px 5px #0000001a;
}

.lead-information-main {
  grid-column-gap: 10px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lead-information-main.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.div-block-18 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.leadstable-score {
  color: #6b21a8;
  text-align: center;
  background-color: #f3e8ff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.leadstable-score:hover {
  background-color: #e6e6e6;
}

.leadstable-score.bg-green {
  color: #15803d;
  background-color: #dcfce7;
}

.leadstable-score.bg-yellow {
  color: #a16207;
  background-color: #fef9c3;
}

.leadstable-score.bg-blue {
  color: #0284c7;
  background-color: #e0f2fe;
}

.icon-action {
  background-color: #e0f2fe;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.table-priority-divider {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.table-priority-divider-content {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.table-priority-divider-dot {
  background-color: #ef4444;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  width: 10px;
  height: 10px;
}

.table-priority-divider-dot.yellow {
  background-color: #f59e0b;
}

.table-priority-divider-text {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.btn-container-lead-info {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.btn-container-lead-info._w-100 {
  width: 100%;
}

.sidebar-leadinfo-timeline-div {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sidebar-leadinfo-timeline-item {
  grid-column-gap: 12px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sidebar-leadinfo-timeline-item-dot {
  background-color: #22c55e;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

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

.live-text {
  color: var(--accent-orange);
  text-align: center;
  background-color: #ffe6de;
  border-radius: 20px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
}

.live-text:hover {
  background-color: #e6e6e6;
}

.objection-list-item {
  grid-column-gap: 10px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.objection-list-item:hover {
  border-style: none;
  border-width: 1px 1px 1px 4px;
  border-color: var(--color--accent-purple);
  background-color: #fff;
  box-shadow: 0 5px 10px #0000001a;
}

.objection-list-item.w--current {
  background-color: var(--color--white);
  color: var(--color--textcolor);
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.objection-list-item.active {
  background-color: #fff;
  box-shadow: 0 5px 10px #0003;
}

.objection-status-dot {
  background-color: #0ea5e9;
  border: .5px solid #fff;
  border-radius: 9999px;
  flex: none;
  width: 10px;
  height: 10px;
}

.objection-status-dot.bg-orange {
  background-color: var(--accent-orange);
}

.objection-status-dot.bg-grey {
  background-color: #9da1a3;
}

.objectionlist-item-bot {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.objectiondetection-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333333b3;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.span-teal {
  color: var(--accent-teal);
  font-weight: 600;
}

.objectionfeed-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  height: 70vh;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
  overflow: auto;
}

.objection-response-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.objections-response-card {
  grid-row-gap: 14px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 10px 10px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #0000000d;
}

.objection-response-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 774.344px;
  text-decoration: none;
  display: flex;
}

.objection-response-topleft {
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.objection-response-hd {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.objection-response-tags-div {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.objection-response-tags {
  grid-column-gap: 10px;
  color: #004e61;
  background-color: #e0f2fe;
  border: 0 solid #e5e7eb;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.objection-response-topright {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.response-conversion-rate-div {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.response-conversion-rate-dtars-div {
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-conversion-rate-icon {
  justify-content: center;
  align-items: center;
  width: 13.5px;
  height: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style-28 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.response-conversion-rate-text {
  color: #adb5bd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.objections-response-card-body {
  grid-column-gap: 10px;
  background-color: #f9fafb;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.objections-response-body-text {
  color: #343a40;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.objection-response-bot {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.objection-response-botleft {
  grid-column-gap: 20px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.objection-response-botright {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.topperformer-div {
  grid-column-gap: 2px;
  background-color: #e14617;
  border: 0 solid #e5e7eb;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.daily-trend-item-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.nudge-group {
  grid-row-gap: 13px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nudge-header-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.testimonials-action-btndiv {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.testimonials-action-btn {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 0 solid #e3e3e3;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding: 4px 11px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.i-3 {
  border: 0 solid #e5e7eb;
}

.svg-4 {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.frame-style-30 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.nudge-testimonials-card {
  grid-row-gap: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.nudege-tesimonial-top-div {
  grid-row-gap: 12px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nudege-tesimonial-image {
  grid-row-gap: 10px;
  object-fit: cover;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nudege-tesimonial-details-div {
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nudege-tesimonial-details-stars-div {
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 82px;
  text-decoration: none;
  display: flex;
}

.nudege-tesimonial-details-star-icon {
  justify-content: center;
  align-items: center;
  width: 13.5px;
  height: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.nudge-testimonial-name {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.nudge-testimonial-position {
  color: #4b5563;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.nudge-testimonial-textdiv {
  grid-row-gap: 8px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nudge-testimonial-text {
  color: #495057;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.nudge-testimonial-slider-dot-div {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nudge-testimonial-slider-dot-div-center {
  grid-column-gap: 4px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nudge-testimonial-slider-dot {
  background-color: #d1d5db;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  width: 5px;
  height: 5px;
}

.nudge-testimonial-slider-dot.current {
  background-color: var(--accent-orange);
}

.countdown-card {
  grid-row-gap: 12px;
  background-color: #f9fafb;
  border: 0 solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.countdown-card-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.countdown-card-offer-text {
  color: #495057;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.countdown-card-btn-row {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.countdown-card-link {
  border: 0 solid #e5e7eb;
  text-decoration: none;
}

.text-72 {
  color: #e14617;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.countdown-card-main-div {
  grid-column-gap: 5px;
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.countdown-card-field-contain {
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.countdown-time {
  color: #868e96;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.countdown-card-colon-col {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 71px;
  padding-top: 15px;
  text-decoration: none;
  display: flex;
}

.text-75 {
  color: #495057;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.countdown-card-discount-div {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.countdown-card-textfield {
  color: var(--color--textcolor);
  text-align: center;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

.urgencytype-list {
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.urgency-type-item {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.urgency-type-left {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.input-6 {
  grid-row-gap: 10px;
  background-color: #004e61;
  border: 1px solid #343a4033;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.svg-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12px;
  display: flex;
}

.frame-style-31 {
  object-fit: cover;
  overflow: hidden;
}

.text-78 {
  color: #495057;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.urgency-type-link {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-79 {
  color: #e14617;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.input-7 {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #343a4033;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.quickpresents-options {
  grid-row-gap: 8px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.quickpresents-item {
  background-color: #f9fafb;
  border: 0 solid #e5e7eb;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.quickpresents-item-left {
  border: 0 solid #e5e7eb;
}

.quickpresents-itemtext {
  color: #343a40;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.quickpresents-item-addicon {
  justify-content: center;
  align-items: center;
  width: 12.25px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.frame-style-32 {
  object-fit: cover;
  border: 0 solid #e5e7eb;
  overflow: hidden;
}

.loyalty-card {
  background-color: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 32%;
  padding: 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000000d;
}

.loyaltycard-style {
  background-image: linear-gradient(90deg, #cd7f32, #f3d3a3 50%, #cd7f32);
  border: 0 solid #e5e7eb;
  height: 8px;
}

.loyaltycard-style.silver {
  background-image: linear-gradient(90deg, silver, #e6e8e9 50%, silver);
}

.loyaltycard-style.gold {
  background-image: linear-gradient(90deg, #e8a708, gold 50%, #e8a708);
}

.loyaltycard-style.bronze {
  opacity: .6;
}

.loyalty-card-maindiv {
  grid-row-gap: 15px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.loyalty-card-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.loyalty-card-topleft {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: flex-start;
  width: 152.938px;
  text-decoration: none;
  display: flex;
}

.loyalty-card-icon {
  grid-row-gap: 10px;
  background-image: linear-gradient(90deg, #cd7f32, #f3d3a3 50%, #cd7f32);
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.loyalty-card-icon.silver {
  background-image: linear-gradient(90deg, silver, #e6e8e9 50%, silver);
}

.loyalty-card-icon.gold {
  background-image: linear-gradient(90deg, #e8a708, gold 50%, #e8a708);
}

.loyalty-card-icon.broze {
  opacity: .7;
}

.loyalty-card-top-textcontent {
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100.938px;
  text-decoration: none;
  display: flex;
}

.loyalty-card-tiertext {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.loyalty-card-level-text {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.loyalty-card-usercount {
  grid-column-gap: 4px;
  color: #a05a1f;
  background-color: #f3d3a3;
  border: 0 solid #e5e7eb;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 9px;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.loyalty-card-usercount.silver {
  color: #374151;
  background-color: #e6e8e9;
}

.loyalty-card-usercount.gold {
  color: #b8860b;
  background-color: #fef1d2;
}

.loyalty-card-mid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.loyalty-card-mid-col {
  border: 0 solid #e5e7eb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.loyalty-card-label {
  color: #6b7280;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.loyalty-card-avlue {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.loyalty-card-bot {
  grid-row-gap: 5px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.loyalty-card-perkslaabel {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.loyalty-card-perskrow {
  grid-column-gap: 8px;
  border: 0 solid #e5e7eb;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.loyalty-card-perkstag {
  grid-column-gap: 10px;
  color: #374151;
  text-align: center;
  background-color: #f3f4f6;
  border: 0 solid #e5e7eb;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 5px;
  font-size: 10px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.hd-div-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.interaction-history-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  height: 45vh;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
  overflow: auto;
}

.div-block-20 {
  flex-flow: column;
  display: flex;
}

.interaction-history-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.div-block-21 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-22 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.interaction-history-top-left {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.senddelight-div {
  grid-row-gap: 14px;
  background-color: #fff;
  border: 0 solid #e5e7eb;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.senddelight-top {
  border: 0 solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.senddelight-topleft {
  grid-column-gap: 0px;
  border: 0 solid #e5e7eb;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.senddelight-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.senddelight-subtitle {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.senddelight-topright {
  grid-column-gap: 10px;
  border: 0 solid #e5e7eb;
  justify-content: flex-end;
  align-items: center;
  width: 167px;
  text-decoration: none;
  display: flex;
}

.senddelight-bot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.senddelight-card {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1.5px solid #0000001a;
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 10px #0000000f;
}

.senddelight-card:hover {
  border-color: var(--accent-teal);
  background-color: #f3fdff;
}

.relationship-card {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.relationship-card-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.contacts-main-topleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.aiscore {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 150px;
  display: flex;
}

.preview-card {
  grid-row-gap: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.preview-top {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.preview-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.preview-dateauthor {
  color: #475569;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
}

.status {
  color: #166534;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.preview-text {
  color: #475569;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.conversation-list-hd {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.message-hd-text {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.search-div-hd {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.search-message {
  flex: 1;
}

.message-search {
  margin-bottom: 0;
  display: flex;
}

.message-search-input {
  background-image: url('../images/smarties-icon-search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 40px;
}

.avatar-inbox {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  position: relative;
}

.status-online {
  background-color: #4ade80;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.status-online.static {
  position: static;
}

.name-contact {
  color: #0d202f;
  font-size: 15px;
  font-weight: 500;
}

.contact-name {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.contact-page-viewing-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.contact-page-viewing-content.smaller {
  font-size: 11px;
}

.contact-name-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-page-viewing {
  display: flex;
}

.card-inbox-name {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.messaging-formblock {
  flex-flow: column;
  flex: 1;
  margin-bottom: 0;
  display: flex;
}

.messaging-form {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.messaging-formbody {
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.reply-row-main {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-ai-suggest-div {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding: 5px 10px 2px;
  display: flex;
}

.ai-response {
  margin-bottom: 0;
  font-size: 14px;
}

.btn-suggestion-hide {
  cursor: pointer;
  background-color: #74d4c370;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  padding-right: 0;
  font-size: 12px;
  display: flex;
}

.icon-small {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px 0;
  display: flex;
  overflow: visible;
}

.ai-response-div {
  align-self: stretch;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-suggestion-show {
  cursor: pointer;
  background-color: #74d4c370;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  font-size: 12px;
  display: none;
}

.link-text {
  color: #0d202f;
  font-size: 12px;
  text-decoration: none;
}

.icon-dropdown {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
}

.btn-small {
  background-color: #004e61;
  border-radius: 5px;
  padding: 4px 10px;
  font-size: 12px;
}

.div-block-27 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #004e61;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-26 {
  width: 20px;
  height: 20px;
}

.card-ai-suggest {
  background-color: #eff6ff;
  border: 1px solid #74d4c3;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.message-chat-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.message-chat-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.reply-row-aisuggestion-row {
  flex: 1;
  padding-top: 5px;
}

.reply-row-aisuggestion-row.hide {
  display: none;
}

.scriptinjector-card-item-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scriptinjector-card-item-icon {
  background-color: #e2ffe6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.scriptinjector-card-item-textcontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.scriptinjector-card-item-right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.script-lastupdated {
  color: #6b7280;
  margin-top: 5px;
  font-size: 10px;
  line-height: 16px;
}

.button-location-minimize {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: auto 5% 5px auto;
  box-shadow: 0 2px 5px #0003;
}

.button-location-minimize:hover {
  background-color: #bdfff3;
}

.tooltip {
  z-index: 2;
  color: #fff;
  white-space: nowrap;
  background-color: #616161;
  border-radius: 10px;
  max-width: 200px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.4em;
  display: none;
  position: absolute;
  inset: auto auto 15px 0%;
}

.tooltip.long {
  white-space: normal;
  max-width: 150px;
}

.location-expanded {
  border-radius: 5px;
  display: none;
  position: relative;
}

.side-column-text-hd {
  font-size: 16px;
  font-weight: 600;
}

.row-profile-contact-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333333bf;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-profile-contact-details.smaller {
  font-size: 13px;
}

.btn-close {
  opacity: .6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.btn-close:hover {
  opacity: 100;
}

.btn-close.static {
  right: 20px;
}

.card-side-column-content {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  padding: 0 10px 10px;
  display: block;
}

.card-side-column-hd {
  cursor: pointer;
  border-radius: 7px 7px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-weight: 500;
  display: flex;
}

.icon-profile-contact-div {
  position: relative;
}

.profile-tab-section {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
  overflow: auto;
}

.profile-tab-section.spacebetween {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.profile-contact-details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.side-column-section {
  margin-top: 5px;
  margin-bottom: 10px;
}

.side-column-section.hide {
  display: none;
}

.card-side-column {
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.details-sunny {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  inset: 5% 5px auto auto;
  box-shadow: 0 0 5px #000000a6;
}

.side-column-profile {
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  height: 74vh;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.profile-contact-info {
  font-size: 12px;
}

.profile-contact-info.hidden {
  filter: blur(3px);
}

.profile-contact-info.smaller {
  font-size: 11px;
}

.icon-profile-contact {
  opacity: .8;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.icon-profile-contact:hover {
  opacity: 1;
}

.side-column-hd {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  position: relative;
}

.side-column-arrow {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
}

.icon-expand {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.contact-side-column {
  background-color: #f5f5f5;
  border-left: 1px #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  align-self: stretch;
  width: 280px;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 5px;
  display: flex;
  box-shadow: 0 0 9px -1px #00000029;
}

.select-field-div {
  align-self: stretch;
}

.form-block-2 {
  flex: 1;
  margin-bottom: 0;
}

.row-enrichment {
  color: #4b5563;
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 15px;
  display: flex;
}

.row-enrichment.disabled {
  opacity: .6;
  cursor: not-allowed;
}

.percentage-bar {
  background-color: #d1d5db6b;
  border-radius: 10px;
  width: 120px;
  height: 5px;
  position: relative;
}

.row-enrichment-details {
  font-weight: 400;
  line-height: 1.2em;
}

.checkbox-label-hide {
  display: none;
}

.row-enrichment-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.btn-style1-2 {
  grid-column-gap: 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.btn-style1-2:hover {
  box-shadow: inset 0 0 11px 4px #0003, 0 5px 9.2px #0000000f;
}

.btn-style1-2.outline {
  color: #5d626ecc;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d9d5da;
}

.icon-tag-premium {
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
}

.btn-back {
  opacity: .6;
  filter: grayscale();
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.btn-back:hover {
  opacity: 100;
  filter: none;
}

.loading-lottie {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.result-enrichment {
  display: none;
}

.btn-icon-2 {
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  display: flex;
}

.tag-premium {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #92400e;
  background-color: #fef3c7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  display: flex;
}

.enrichment-result-info {
  color: #0d202f;
  font-size: 12px;
  font-weight: 400;
}

.percentage-active {
  background-color: #22c55e80;
  border-radius: 5px;
  width: 92%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.enrichment-side-column {
  background-color: #fff;
  border-left: 1px #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  align-self: stretch;
  width: 280px;
  margin-left: 20px;
  margin-right: 5px;
  display: none;
  box-shadow: 0 0 9px -1px #00000029;
}

.enrichment-loading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.enrichment-side-column-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.processing-enrichment {
  display: none;
}

.loading-note {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #4b5563;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.ernrichment-prgress {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #36393d;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 300;
  display: flex;
}

.enrichment-btn {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.enrichment-note {
  color: #e14617;
  background-color: #e146170a;
  border-bottom: 1px solid #dbeafe;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-size: 12px;
}

.duration-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  position: relative;
}

.duration-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  bottom: 110%;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.messaging-main-convo-top {
  position: relative;
}

.messaging-tablink-notify-count {
  color: #ffffffe6;
  background-color: #b4b4b4;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding-bottom: 2px;
  font-size: 9px;
  font-weight: 300;
  line-height: 9px;
  display: flex;
}

.close-tab-icon {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.scriptinjector-card-accordion {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.inbox__filter {
  margin-left: 5px;
  position: relative;
}

.inbox__filter-popup {
  z-index: 300;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  width: 400px;
  padding: 20px 20px 0;
  display: none;
  position: absolute;
  inset: 30px auto auto 0%;
  box-shadow: 1px 1px 5px #0003;
}

.filtercheckbox {
  width: 15px;
  height: 15px;
  margin-top: 0;
  margin-right: 5px;
}

.inbox__filter-btn {
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.inbox__filter-btn:hover {
  background-color: #e7e7e7;
}

.popup-links {
  color: #e14617;
  font-size: 12px;
}

.popup-links.text-red {
  color: #c1272d;
}

.filter_bottom {
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.filter-group {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

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

.filter-main-column {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.filtercheckbox_container {
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.filter-main-div {
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.filter-btn-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.filtercheckbox_label {
  margin-bottom: 0;
  font-size: 12px;
}

.filter-group_row {
  width: 100%;
  margin-bottom: 5px;
}

.filter-label {
  color: #333333a8;
  text-transform: uppercase;
  font-size: 11px;
}

.menu-item-2 {
  white-space: nowrap;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
}

.menu-item-2:hover {
  background-color: #ffe8e280;
}

.menu-item-2.delete {
  color: #991b1b;
}

.scriptinjector-card-item-top {
  cursor: pointer;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.scriptinjector-card-item-bot {
  background-color: #f9fafb;
  flex-flow: column;
  padding: 10px;
  display: none;
}

.scriptinjector-card-item-script {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  position: relative;
}

.scriptinjector-text {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.scriptinjector-copy {
  opacity: .8;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.scriptinjector-copy:hover {
  opacity: 1;
}

.brands-options-close {
  opacity: .5;
  cursor: pointer;
  padding: 5px;
}

.brands-options-close:hover {
  opacity: 100;
}

.text-field {
  color: var(--color--textcolor);
  border-radius: 6px;
  height: 42px;
}

.text-field.mb-0 {
  margin-bottom: 0;
}

.widget-appearance {
  margin-top: 20px;
}

.widget-form-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.checkbox-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.side-panel-new-account {
  z-index: 5;
  background-color: #f5f5f5;
  width: 30vw;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 1px 0 10px 3px #0003;
}

.popup-top {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1.2em;
  display: flex;
}

.setup-account-form {
  flex-flow: column;
  height: 100%;
  padding: 10px 20px 20px;
  display: flex;
}

.popup-hd {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6em;
}

.upload-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: stretch;
  display: flex;
}

.upload-div-icon {
  color: var(--color--sidetext);
  background-color: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: 12px;
  display: flex;
}

.text-link {
  color: var(--accent-orange);
  cursor: pointer;
  text-decoration: none;
}

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

.text-link.removed {
  opacity: 0;
}

.upload-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 13px;
  display: flex;
}

.form-setup-account {
  flex: 1;
}

.account-banner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--accent-orange);
  background-color: #fdf6f4;
  border-radius: 10px;
  padding: 11px;
  font-size: 11px;
  line-height: 1.3em;
  display: flex;
}

.side-panel-new-brands {
  z-index: 5;
  background-color: #f5f5f5;
  width: 30vw;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 1px 0 10px 3px #0003;
}

.brandtype1, .brandtype2, .brandtype3 {
  display: none;
}

.side-panel-users {
  z-index: 5;
  background-color: #f5f5f5;
  width: 30vw;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 1px 0 10px 3px #0003;
}

.text-section {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
}

.text-section.smaller {
  font-size: 1.4rem;
}

.scan-website {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: 2rem;
  display: flex;
  overflow: auto;
}

.scan-website-hd {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.row-step {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.step1 {
  align-self: stretch;
  display: block;
}

.stepnumber {
  background-color: #e5e7eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-weight: 500;
  display: flex;
}

.stepnumber.active {
  background-color: var(--color--accent-green);
  color: #fff;
}

.step-block {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  opacity: .6;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.step-block.active {
  opacity: 1;
  color: var(--accent-teal);
}

.step-line {
  background-color: #c4c4c4;
  flex: 1;
  height: 1px;
  display: flex;
}

.form-website {
  width: 60%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.form-scan {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  display: flex;
}

.website-scan-progress-bar {
  background-color: #eee;
  border-radius: 50px;
  height: 10px;
  position: relative;
}

.website-scan-progress-bar.mt-10 {
  margin-top: 10px;
}

.card-assistant-type {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 48%;
  padding: 14px 23px;
  box-shadow: 0 0 11px 3px #0000001c;
}

.card-assistant-type:hover {
  border: 1px solid var(--color--accent-green);
}

.card-assistant-type.conversational {
  background-color: #69c0502e;
}

.pricing-cat-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-title-main {
  color: #004e61;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.pricing-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 4px;
  display: flex;
}

.row-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.list-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.row-assistant-type {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.step2 {
  align-self: stretch;
  padding-bottom: 20px;
  display: none;
}

.step3 {
  align-self: stretch;
  display: none;
}

.widget-code {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 19px;
  display: flex;
  box-shadow: 0 5px 10px #0000000f;
}

.code-block {
  border-radius: 7px;
}

.brand-color {
  background-color: #3b82f6;
  border-radius: 7px;
  width: 42px;
  height: 42px;
}

.col-widget-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.widget-row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.widget-row.right {
  justify-content: flex-end;
  align-items: center;
}

.col-widget-row-content {
  flex: 1;
}

.widget-instruction {
  color: var(--color--textcolor);
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.active-progress-bar {
  background-color: #69c0503b;
  border-radius: 50px;
  width: 30%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-65 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: flex;
}

.row-interaction {
  align-self: stretch;
}

.sidebar-recent-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 0 solid #e5e7eb;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--accent-teal);
  background-color: #46a7560a;
  border: 1px solid #46a75630;
  border-radius: 10px;
  flex-flow: column;
  padding: 11px;
  font-size: 13px;
  line-height: 1.4em;
  display: flex;
}

.cta.flex {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
}

.journey-quickactions-card-2 {
  grid-column-gap: 20px;
  background-color: #fff;
  border: 1.5px solid #0000001a;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 10px #0000000f;
}

.journey-quickactions-card-2:hover {
  background-color: #f3fdff;
  border-color: #004e61;
}

.config-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  flex-flow: column;
  width: 53%;
  height: 80vh;
  display: flex;
  overflow: auto;
}

.card-live-preview {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 16px;
  font-size: 12px;
  line-height: 1.2em;
}

.step-3-container {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #333333b3;
  flex-flow: column;
  font-size: 12px;
  display: flex;
}

.config-form {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
}

.side-col {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  width: 45%;
  display: flex;
  overflow: auto;
}

.sidebar-section {
  padding-top: 10px;
}

.sidebar-section.margin-0 {
  padding-top: 0;
}

.btn-style1-3 {
  grid-column-gap: 5px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.btn-style1-3.upgrade {
  color: #004e61;
  background-color: #fff;
  border: 1px solid #004e61;
  flex: none;
  height: 25px;
  font-size: 12px;
}

.btn-style1-3.upgrade:hover {
  background-color: #e5f5f8;
}

.db-group-item {
  flex-flow: column;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.source-tag {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid var(--accent-teal);
  opacity: .8;
  color: var(--accent-teal);
  text-transform: uppercase;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3px;
  padding-right: 5px;
  font-size: 10px;
  line-height: 1em;
  display: flex;
}

.source-tag.voice {
  border-color: var(--accent-orange);
  color: var(--accent-orange);
}

.messaging-top-name-2 {
  color: #004e61;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.contactdetails-tablink-count-2 {
  color: #e14617;
  background-color: #ffe1d8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.contactdetails-tablink-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  background-color: #ddd0;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
}

.contactdetails-tablink-2.w--current {
  color: #e14617;
  background-color: #fff;
  border-bottom-color: #e14617;
  font-weight: 500;
}

.messaging-sidebar-h1-2 {
  color: #0d202f;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.tab-pane-tab-2 {
  padding: 12px;
}

.chat-widget-config {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.chatwidget-step1 {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 10px;
}

.chat-step-number {
  color: #fff;
  background-color: #46a756;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.chat-widget-hd {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: .8;
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.chat-widget-hd.step1:hover {
  opacity: 100;
}

.chat-widget-hd-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.chat-widget-arrow.step2 {
  padding-bottom: 0;
  display: flex;
}

.chat-widget-content {
  padding: 20px 10px;
}

.chat-widget-content.step2 {
  display: none;
}

.chatwidget-step2 {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 10px;
}

.settings-cardgroup-body {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: row;
  display: flex;
}

.settings-cardgroup-body.horizontal {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
}

.arrow-chevron {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.theme-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.form-row-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.form-row-3.horizontal {
  flex-flow: row;
  justify-content: space-between;
}

.theme-color-slect-inner {
  background-color: #3b82f6;
  border-radius: 5px;
  width: 90%;
  height: 85%;
}

.theme-color-slect-inner.bg-white {
  background-color: #fff;
}

.textfield-2 {
  color: #0d202f;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
}

.selectfield-2 {
  color: #0d202f;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 35px;
  padding: 6px 40px 6px 10px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.selectfield-2:hover {
  background-color: #eeeded;
}

.theme-color-slect {
  border: 1px solid #d5d7da;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
}

.widget-controls-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #e5e7eb;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.widgetstatus {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.chat-website {
  border-radius: 10px;
  margin-top: 10px;
  padding-top: 1rem;
  display: block;
  position: relative;
}

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

.avatar_div {
  position: relative;
}

.userinfo-maincol {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.password-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.accounts-card {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.upload-profpic {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.upgrade-div-textcontents {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.upgrade-div-textcontents.horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.userinfo-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.upgradediv-text {
  color: #004e61;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.upgradediv-subtext {
  color: #333c;
  font-size: 12px;
  line-height: 1.2;
  position: relative;
}

.upgradediv-subtext.larger {
  color: #004e61;
  font-weight: 500;
}

.upgradediv-subtext.small {
  font-size: 10px;
  font-weight: 600;
}

.account-title-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-notice {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.collboarator-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.upgrade-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff9;
  background-image: linear-gradient(#eff6ff, #e8ffeb);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.upgrade-div.bg-orange {
  background-color: #e146170f;
  background-image: none;
  border-color: #e5e7eb;
}

.password-save-control-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.plancard-col {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-style2-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.plan-card-body {
  border-top: 1px solid #0000001a;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.paymentmethod-icon {
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 3px;
  display: flex;
}

.billing-col-side {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.table-header-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.table-header-div.align-spacebetween {
  justify-content: space-between;
  align-items: center;
}

.tag {
  grid-column-gap: 10px;
  color: #10b981;
  text-align: center;
  background-color: #e7f8f3;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.tag.gray {
  color: #475569;
  background-color: #f1f5f9;
}

.billingprofile-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.billing-col-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 70%;
  display: flex;
}

.payment-method-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px 10px;
  display: flex;
}

.table-text {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.assistant-button-disabled {
  grid-column-gap: 4px;
  opacity: .3;
  filter: brightness(40%) grayscale();
  cursor: auto;
  background-color: #ffe8e200;
  border: 1px #d5d7da;
  border-radius: 0;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.settings-card-hd-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.settings-card-hd-div.align-top {
  justify-content: space-between;
  align-items: flex-start;
}

.upgrade-div-icon {
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.answers-sidecol {
  flex-flow: column;
  flex: 1;
  margin-left: 20px;
  display: flex;
}

.answers-maincol {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 60%;
  display: flex;
}

.select-field-3 {
  color: #333;
  background-color: #fcfcfc;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: 0;
  box-shadow: 0 0 5px #00000012;
}

.widget-preview {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.icon-4 {
  margin-right: 10px;
}

.chatinput-row {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.settings-card {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 15px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.settings-card.vertical {
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
}

.settings-card.train {
  background-color: #fdf9f8;
}

.advancesettings {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: none;
}

.advancesettings-body {
  flex-flow: column;
  display: block;
}

.settings-card-left {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.settings-card-left._w-80 {
  width: 60%;
  padding-right: 20px;
}

.table-date-hd-text-3 {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.table-date-hd-text-3.smaller {
  margin-bottom: 0;
  font-size: 18px;
}

.icon-tablock {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  display: flex;
}

.span-orange-bold {
  color: #e14617;
  font-weight: 800;
}

.filesuploaded-itemleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filesuploaded-item {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.filesuploaded-itemright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.filesuploaded-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.filesuploaded-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.edit-name {
  position: relative;
}

.btn-edit-name {
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 22% 5px 0% auto;
}

.form-block {
  margin-bottom: 0;
}

.payment-method-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.plan-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.plan-renewal-date-copy {
  color: var(--color--sidetext);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.plan-renewal-date-copy.small-dark {
  color: var(--color--sidetext);
  font-size: 11px;
  font-weight: 500;
}

.billing-plan-type {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.conversational-extradetails-div {
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.text-block-3 {
  color: #333;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.recommended-div {
  color: #fff;
  background-color: #46a756cc;
  border-bottom-left-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-77 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.billing-plan-div {
  color: #333333b3;
  background-color: #ebebeb;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.freeplan-limited-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.limited-tag {
  color: #33333380;
  background-color: #ebebeb;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.card-assistant-radio-free-2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 48%;
  padding: 14px 23px;
  box-shadow: 0 0 11px 3px #0000001c;
}

.card-assistant-radio-free-2:hover {
  border: 1px solid #69c050;
}

.form-label-5 {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.card-assistant-radio-conversational-2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  align-self: stretch;
  width: 48%;
  padding: 14px 23px;
  box-shadow: 0 0 11px 3px #0000001c;
}

.card-assistant-radio-conversational-2:hover {
  border: 1px solid #69c050;
}

.card-assistant-radio-conversational-2.disabled {
  box-shadow: none;
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  position: relative;
}

.table-date-hd-text-4 {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.table-date-hd-text-4.smallest {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.table-date-hd-text-4.smaller {
  margin-bottom: 0;
  font-size: 18px;
}

.form-control-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  width: 100%;
  display: flex;
}

.current-plan-div {
  margin-bottom: 0;
}

.row-assistant-type-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 10px;
  display: flex;
}

.row-assistant-type-2.mt-0 {
  margin-top: 0;
}

.form-row-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.form-row-6.mb-0 {
  margin-bottom: 0;
}

.plan-tool-tip {
  color: #fff;
  text-align: center;
  background-color: #535353;
  border-radius: 7px;
  width: 150px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 1.2em;
  display: none;
  position: absolute;
  inset: 30% auto auto 10%;
  box-shadow: 0 0 8px 3px #0003;
}

.widget-appearance {
  display: block;
}

.widget-codeblock {
  width: 100%;
  height: 250px;
  display: none;
  overflow: auto;
}

.btn-show-code {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  opacity: .7;
  color: var(--accent-orange);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-show-code:hover {
  opacity: 100;
}

.btn-copy-code {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #6b7280;
  background-color: #e2e2e2ab;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 3px 5px;
  font-size: 13px;
  display: flex;
}

.btn-copy-code:hover {
  background-color: #e2e2e2;
}

.show-code-hd {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.code {
  background-color: var(--accent-teal);
  color: #fff;
  border-radius: 3px;
}

.list {
  color: #0d202fcc;
  font-size: .8rem;
}

.div-block-78 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.edit-widget {
  display: none;
}

.empty-widget {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20%;
  display: flex;
}

.card-empty-widget {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  max-width: 800px;
  display: flex;
}

.div-block-79 {
  background-color: #e146171a;
  border-radius: 50%;
  padding: 17px;
}

.empty-widget-label {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: .9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.widget-list {
  flex: 1;
  display: none;
}

.widget-filter {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.search-widget {
  width: 400px;
}

.widget-status {
  width: 150px;
}

.widget-container {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.widget-col-3 {
  width: 32%;
  margin-bottom: 1.5%;
}

.card-widget {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  padding: 17px;
  display: flex;
  box-shadow: 0 0 20px 2px #00000017;
}

.card-widget-bot {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-widget-name {
  font-weight: 500;
}

.text-widget-name.bigger {
  font-size: 1.2rem;
  line-height: 1.1em;
}

.text-widget-date {
  color: var(--color--sidetext);
  font-size: 12px;
}

.card-widget-top-left {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-widget-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.widget-filter-left {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: flex;
}

.chat-widget-hd-div {
  margin-bottom: 2rem;
}

.chat-widget-hd-back {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-back-wdiget {
  opacity: .6;
  filter: grayscale();
  cursor: pointer;
}

.btn-back-wdiget:hover {
  opacity: 100;
  filter: none;
}

.row-train-method {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.row-train-method-col {
  width: 31%;
  display: flex;
}

.div-block-80 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.div-block-81 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--accent-teal);
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.div-block-82 {
  color: var(--text);
  flex: 1;
  font-size: 12px;
  line-height: 1.3em;
}

.talktosmarties-formblock-div {
  background-color: #f9fafb;
}

.tag-team {
  color: #333c;
  background-color: #9ca3af54;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
}

.avatar-agent {
  width: 30px;
  height: 30px;
}

.messaging-notify-text {
  color: #ffffffe6;
  background-color: #e14617;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  font-size: 10px;
  line-height: 1;
  display: flex;
}

.agent-card-row-textcontent {
  white-space: nowrap;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.agent-card-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  border-bottom: 1px solid #e4e4e4;
  justify-content: center;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 12px;
  display: flex;
}

.agent-card-row.last {
  border-bottom-style: none;
  font-size: 12px;
}

.status-maindiv {
  position: relative;
}

.attachment-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.messaging-tag {
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1.2;
  display: flex;
}

.card-inbox-agent-avatar {
  filter: grayscale();
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: -3px;
  display: flex;
}

.name-label {
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
}

.chat-status-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  bottom: 110%;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.messaging-inbox-item {
  grid-column-gap: 10px;
  color: #333333e6;
  border: 0 solid #9e64f5;
  border-left: 4px #9e64f500;
  border-radius: 10px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.messaging-inbox-item:hover {
  background-color: #fff;
  border: 1px #9e64f5;
  border-left-width: 4px;
  box-shadow: 0 5px 10px #0000001a;
}

.messaging-inbox-item.w--current {
  color: #0d202f;
  background-color: #fff;
  max-width: none;
  font-weight: 600;
  box-shadow: 0 5px 9.2px #0000000f;
}

.messaging-inbox-item.active {
  background-color: #fff;
  box-shadow: 0 5px 10px #0003;
}

.status-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  inset: auto auto 110% 50%;
  transform: translate(-50%);
}

.agent-card-div {
  cursor: pointer;
  padding-right: 3px;
  display: flex;
  position: relative;
}

.messaging-inbox-preview-div-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.messaging-inbox-item-right {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
  position: absolute;
  inset: 0% 10px 0% auto;
}

.msg-channels {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.duration-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.messaging-tags-contain {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3px;
  display: flex;
}

.status-circle {
  background-color: #46a756;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.status-circle.resolved {
  filter: grayscale();
}

.messaging-inbox-item-left-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.label-agents {
  text-transform: uppercase;
  font-size: 12px;
}

.msg-channels-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.agent-card {
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 10px;
  display: none;
  position: absolute;
  top: 25px;
  bottom: auto;
  left: -16px;
  box-shadow: 0 0 12px #0000003d;
}

.chat-status-div {
  position: absolute;
  inset: -2px auto auto -5px;
}

.callconversation-top {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.callavatar {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.callavatar.moveleft {
  margin-left: -5px;
}

.convo-inbound-duration {
  color: #6b7280;
  align-self: flex-end;
  font-size: 10px;
}

.divider-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.convo-inbound-avatar {
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.convo-inbound-current-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 70%;
  display: flex;
}

.bookmark-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  inset: auto auto 110% 50%;
  transform: translate(-50%);
}

.btn-bookmark {
  filter: grayscale();
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.btn-bookmark:hover {
  filter: none;
}

.call-convo-div {
  flex-flow: column;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.call-convo-div.full {
  max-height: 40vh;
  overflow: auto;
}

.btn-play {
  background-color: #e14617;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.chat-overlap-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.convo-bubble-inbound {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0 12px 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70%;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9px #0000001a;
}

.convo-bubble-inbound._w-100 {
  max-width: 100%;
}

.playerbookmark {
  z-index: 2;
  background-color: #f59e0b;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0, -50%);
}

.playerbookmark._89 {
  left: 89%;
}

.playerbookmark._25 {
  left: 25%;
}

.message-type-tooltip {
  z-index: 999;
  color: #ffffffe6;
  white-space: nowrap;
  background-color: #000c;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  display: none;
  position: absolute;
  inset: 110% auto auto 30%;
  transform: translate(-50%);
}

.messaging-inbox-duration-2 {
  color: #33333380;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.2;
  position: relative;
}

.show-full-convo-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .7;
  color: #e14617;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  display: flex;
}

.show-full-convo-div:hover {
  opacity: 100;
}

.convo-outbound-current-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70%;
  display: flex;
}

.convo-inbound {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.chat-overlap-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.audio-embed-copy {
  flex: none;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.messaging-inbox-duration-3 {
  color: #33333380;
  font-size: 11px;
  line-height: 1.2;
  position: relative;
}

.player-knob {
  background-color: #fff;
  border: 1px solid #e14617;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.call-convo-tab {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.convo-bot-avatar {
  background-color: #fdf7ee;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.icon-arrow-orange {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.icon-arrow-orange.rotate {
  transform: rotate(180deg);
}

.player-active {
  z-index: 2;
  background-color: #e14617;
  border-radius: 5px;
  width: 60%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.call-conversation-title-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.call-convo-tabs-menu {
  background-color: #f3f4f6;
  border-radius: 99px;
  justify-content: flex-end;
  align-items: center;
  padding: 2px 3px;
  display: flex;
}

.call-conversation-body {
  flex-flow: column;
  display: none;
  position: relative;
}

.convo-avatar {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #0003;
}

.convo-avatar.small {
  width: 20px;
  height: 20px;
}

.convo-avatar.small.float {
  position: absolute;
  inset: -5px auto auto -5px;
}

.convo-bubble-outbound {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  background-color: #fdf7ee;
  border: 1px solid #e5e7eb;
  border-radius: 12px 0 12px 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70%;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9px #0000001a;
}

.convo-bubble-outbound.bg-blue {
  background-color: #eafbff;
}

.convo-bubble-outbound._w-100 {
  max-width: 100%;
}

.convo-bubble-outbound.overlap {
  max-width: none;
  padding: 5px 10px;
}

.call-conversation-title {
  font-size: 12px;
  font-weight: 500;
}

.player-progress-div {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 5px;
  display: flex;
}

.message-player-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
  display: flex;
}

.icon-code-embed {
  align-self: center;
  display: flex;
}

.audioembed-contain {
  justify-content: flex-end;
  align-items: flex-end;
  width: 15%;
  height: 35px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.chat-overlap-lead {
  position: relative;
}

.player-bar-2 {
  background-color: #d1d5db;
  border-radius: 10px;
  flex: none;
  width: 100%;
  height: 6px;
  position: relative;
}

.livecall-tag {
  color: #46a756;
  text-align: center;
  text-transform: uppercase;
  background-color: #dcfce7;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
}

.convo-outbound {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.convo-outbound.hide {
  display: none;
}

.call-avatar-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.convo-divider-line {
  border-top: 1px solid #0000001a;
  flex: 1;
  height: 1px;
}

.callconversation-info-row {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.call-convo-tablink {
  color: #4b5563;
  text-align: center;
  background-color: #fff0;
  border-radius: 99px;
  padding: 2px 10px;
  font-size: 12px;
}

.call-convo-tablink.w--current {
  color: #e14617;
  background-color: #fff;
  font-weight: 500;
}

.convo-divider {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #3339;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11px;
  display: flex;
}

.convo-divider.hide {
  display: none;
}

.stat-icon-div {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.callconversation-info-rowleft {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.call-convo-tabscontent {
  width: 100%;
}

.message-type-div {
  position: absolute;
  inset: auto -5px -5px auto;
}

.player {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #6b7280;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.hide-full-convo-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .7;
  color: #e14617;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  display: none;
}

.hide-full-convo-div:hover {
  opacity: 100;
}

.messaging-main-conversation-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 12px;
  flex-flow: column;
  flex: 0 auto;
  height: 55vh;
  padding: 20px 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.callconversation {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
  box-shadow: 0 5px 9px #0000001a;
}

.call-conversation-info {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.overlap-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #333c;
  background-color: #fef3c7;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  display: flex;
  box-shadow: inset 0 2px 5px #00000014;
}

.message-type {
  color: #46a756;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 16px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.convo-bubble-inbound-2 {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0 12px 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70%;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 5px 9px #0000001a;
}

.convo-bubble-inbound-2.overlap {
  grid-column-gap: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  padding: 5px 10px;
}

.talktosmarties-div {
  border: 1px solid #d5d7da;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
}

.talktosmarties-convo-div {
  background-color: #f9fafb;
  border-bottom: 1px solid #d5d7da;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: column;
  max-height: 50vh;
  padding: 10px;
  display: flex;
  overflow: auto;
}

.talksmarties-convo-inbound {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.talksmarties-convo-inbound-duration {
  color: #6b7280;
  font-size: 10px;
}

.talksmarties-convo-bubble-inbound {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0 12px 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70%;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9px #0000001a;
}

.talktosmarties-reply-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.talktosmarties-reply-fielddiv {
  flex: 1;
  display: flex;
}

.talktosmarties-reply-input {
  color: #333;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 8px 0 0 8px;
  height: 35px;
  margin-bottom: 0;
}

.talktosmarties-sendreply {
  background-color: var(--accent-orange);
  cursor: pointer;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
}

.talktosmarties-reply-mic {
  cursor: pointer;
  background-color: #ffeee9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.traininglog-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.traininglog-item {
  border-bottom: 1px solid #d5d7da;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.traininglog-item.lastitem {
  border-bottom-style: none;
}

.traininglog-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.traininglog-right, .upgrade-div-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.upgrade-currentplan-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 10px;
  display: flex;
}

.currentplan-ctatext {
  color: #46a756;
  text-align: center;
  background-color: #fff;
  border-radius: 50px;
  padding: 1px 5px;
  font-size: 12px;
}

.widget-settings {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: none;
}

.card-widget-btn-contain {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.card-widget-iconsettings {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.enrichment-tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .8;
  color: #10b981;
  text-transform: none;
  background-color: #10b9811a;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 5px 3px 3px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.enrichment-tag.is-yellow {
  color: #ca8a04;
  background-color: #fefce8;
}

.enrichment-tag.is-red {
  color: #dc2626;
  background-color: #fef2f2;
}

.db__card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color--sidetext);
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 32%;
  padding: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 10px #0000000f;
}

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

.db__card-topleft {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.db__card-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.db__card-tag {
  grid-column-gap: 5px;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 39px;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  display: flex;
}

.db__card-tag-chevron {
  object-fit: cover;
}

.db__card-tagtext {
  color: #46a756;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.db__card-value {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.span-value-small {
  font-size: 20px;
}

.db__card-contain {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.sec__db-journey-snapshot {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 7.9px #0000001a;
}

.sec__dashboard-convo {
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.db-convo__card {
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 40vh;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 4px 7.9px #0000001a;
}

.tag-live {
  color: #fff;
  background-color: #10b981;
  border-radius: 50px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}

.btn-info {
  font-size: 10px;
}

.profile-stats {
  color: #4b5563;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
  width: 100%;
  padding: 10px;
  font-size: 12px;
}

.text-asset-name {
  color: #4b5563;
  font-size: 13px;
  line-height: 1.4em;
}

.button-location-expand {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: auto 5% 5px auto;
  box-shadow: 0 2px 5px #0003;
}

.button-location-expand:hover {
  background-color: #bdfff3;
}

.customer-journey {
  position: relative;
}

.journey-status {
  color: #209233;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.journey-status.entry {
  color: #e14617;
}

.location-preview {
  cursor: pointer;
  background-image: url('../images/smarties-placeholder-location-minimized.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 5px;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}

.side-column-profile-2 {
  background-color: #fff;
  flex-flow: column;
  height: 74vh;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.flex-contact-details {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.btn-asset-action {
  width: 17px;
  height: 20px;
}

.data-enrichment-div {
  color: #333c;
  background-image: linear-gradient(90deg, #faf5ff, #eff6ff);
  border: 1px solid #e9d5ff;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 10px 5px;
  font-size: 11px;
  display: flex;
}

.card-journey {
  color: #4b5563cc;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  flex: 1;
  padding: 5px;
  font-size: 12px;
}

.icon-contact-info {
  opacity: .6;
  cursor: pointer;
  width: 15px;
  height: 15px;
  display: flex;
}

.icon-contact-info:hover {
  opacity: 100;
}

.tabs-menu-side-column {
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-journey-hd {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.side-column-journey {
  background-color: #fff;
  flex-flow: column;
  height: 74vh;
  padding-top: 10px;
  display: flex;
  overflow: auto;
}

.card-previous-summary {
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 4px;
  padding: 5px 10px;
}

.text-block-6 {
  color: #e14617;
}

.card-journey-duration {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.file-avatar {
  width: 40px;
  height: 40px;
}

.side-column-content {
  flex: 1;
  display: flex;
}

.div-block-32 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.asset-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #dfdfdf;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.asset-item.last {
  border-bottom-style: none;
}

.icon-link-side-column {
  opacity: .7;
  justify-content: center;
  align-items: flex-end;
  width: 18px;
  height: 18px;
  display: flex;
}

.btn-upload {
  background-color: #e14617;
  background-image: url('../images/smarties-icon-upload.svg');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border-radius: 5px;
  padding: 5px 7px 5px 25px;
  font-size: 12px;
}

.journey-top-hd {
  color: #0d202f;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
}

.row-journey {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  margin-bottom: 10px;
  display: flex;
}

.tabs-pane-side-column {
  flex: 1;
}

.journey-duration {
  background-color: #f3f4f6;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.contact-details-info-div {
  position: relative;
}

.icon-small-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 3px;
  display: flex;
  overflow: visible;
}

.icon-small-2.smaller {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.icon-small-2.smaller:hover {
  opacity: 100;
}

.journey-main-content {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

.journey-main-content.dont-shrinkgrow {
  flex: none;
}

.icon-enrichment {
  width: 15px;
  height: 20px;
}

.previous-session-info {
  color: #4b5563;
  font-size: 12px;
}

.tabs-menu-link-side-column {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  filter: grayscale();
  color: #6b7280cc;
  cursor: pointer;
  background-color: #ddd0;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 11px;
  display: flex;
}

.tabs-menu-link-side-column:hover {
  filter: none;
  color: #e14617;
}

.tabs-menu-link-side-column.w--current {
  filter: none;
  color: #e14617;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 -3px 11px #0000002b;
}

.tag-remove-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.col-contact-details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.card-live-session {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f4fff6;
  border: 1px solid #46a756;
  border-radius: 7px;
  flex-flow: column;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
}

.session-summary {
  color: #4b5563;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  font-size: 12px;
  display: flex;
}

.session-summary-main {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #004e61;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.div-block-31 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.asset-list {
  margin-top: 10px;
}

.btn-date-enrichment {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 7px;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-bottom: 3px;
  padding: 7px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.btn-date-enrichment:hover {
  background-color: #74d4c333;
}

.tabs-content-side-column {
  flex: 1;
  display: flex;
  overflow: visible;
}

.asset-search-div-2 {
  margin-bottom: 0;
  display: flex;
}

.journey-page-name {
  color: #4b5563;
  font-weight: 500;
}

.card-session-summary {
  background-color: #f9fafb;
  border: 1px solid #dbeafe;
  border-radius: 4px;
  padding: 10px;
}

.line-journey {
  z-index: 1;
  border: 1px dashed #dbdbdb;
  position: absolute;
  inset: 10px auto 45px 15px;
}

.asset-search-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.text-asset-date {
  color: #8b99a0;
  font-size: 11px;
  line-height: 1.5em;
}

.tabs-side-column {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.session-summary-col {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.journey-bot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.journey-contact-label {
  color: #4b5563;
  width: 47.5px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 500;
}

.asset-search {
  background-image: url('../images/smarties-icon-search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 5px;
  height: 30px;
  margin-bottom: 0;
  padding-left: 30px;
  font-size: 12px;
}

.icon-journey {
  z-index: 2;
  background-color: #fff;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  position: relative;
  box-shadow: 0 -1px 12px 1px #00000026;
}

.userjourney__tabs {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.userjourney__tabsmenu {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userjourney__tablink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  background-color: #ddd0;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
}

.userjourney__tablink.w--current {
  border-bottom-color: var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff;
  font-weight: 500;
}

.userjourney__tabscontent {
  flex: 1;
  overflow: visible;
}

.userjourney__tabpane-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.userjourney__tabpane-content.popup {
  padding-left: 20px;
  padding-right: 20px;
}

.userjourney__content-left {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.userjourney__content-right {
  flex-flow: column;
  width: 30%;
  display: flex;
}

.userjourney__content-right.wide {
  width: auto;
}

.userjourney__title {
  color: #1f2937;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.userjourney__filter-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userjourney__filter {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--text);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.userjourney__filtericon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.userjourney__filter-select {
  color: var(--text);
  background-color: #fff0;
  border: 1px #000;
  height: 30px;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

.userjourney__aggregate-div {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 45vh;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 7.9px #0000001a;
}

.userjourney__aggregate-rightcard {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.userjourney__aggregate-aiinsights {
  grid-column-gap: 15px;
  background-color: #faf5ff;
  border: 1px solid #dcfce7;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

.userjourney__aggregate-aiinsights-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  overflow: hidden;
}

.userjourney__aggregate-aiinsights-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userjourney__aggregate-aiinsights-text {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.userjourney__right-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.userjourney__right-item-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.sec__toppaths {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 8px;
  display: flex;
}

.toppaths__item {
  flex-flow: column;
  display: flex;
}

.toppaths__item-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.toppaths__item-topleft {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.toppaths__item-label {
  color: #111827;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.toppaths__item-sublabel {
  color: #11182799;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.toppaths__item-right {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.toppaths__item-stat-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.toppaths__item-progress {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.toppaths__item-progress-percent {
  background-color: #e14617;
  background-image: linear-gradient(90deg, #22d3ee, #34d399);
  border-radius: 9999px;
  width: 45%;
  height: 100%;
}

.sec__commondropoffs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 8px;
  display: flex;
}

.commondropoff__item {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.commondropoff__itemleft {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.commondropoff__itemtag {
  color: #15803d;
  background-color: #dcfce7;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.commondropoff__itemtag.isred {
  color: #b91c1c;
  background-color: #fee2e2;
}

.commondropoff__itemtag.isyellow {
  color: #a16207;
  background-color: #fef9c3;
}

.userjourney__card-row {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.userjourney__card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color--sidetext);
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 32%;
  padding: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 10px #0000000f;
}

.userjourney__card-title {
  color: #111827;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.userjourney__card-title-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userjourney__card-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.userjourney__card-chart-div {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.userjourney__searchfield-div {
  margin-bottom: 8px;
}

.userjourney__searchfield {
  background-image: url('../images/Search_1.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 40px;
  font-size: 14px;
}

.sec__sessiontimeline {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 8px;
  display: flex;
}

.sessiontimeline-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.sessiontimeline-item-textcontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.sessiontimeline-item-timeline-col {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sessiontimeline-time {
  color: #11182799;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.sessiontimeline-item-label {
  color: #111827;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.sessiontimeline-item-location {
  color: #11182799;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.enrichment-tag-dot {
  background-color: #10b981;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 6px;
  height: 6px;
  display: flex;
}

.enrichment-tag-dot.is-yellow {
  background-color: #ca8a04;
}

.enrichment-tag-dot.is-red {
  background-color: #dc2626;
}

.enrichment__source-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.sec__enrichmentdetails {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.enrichmentdetails__group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.enrichmentdetails__group-title {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.datasources__group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.datasources__tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .8;
  color: #374151;
  text-transform: none;
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
}

.enrichmentdetails__title-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.enrichmentdetails__progress {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.enrichmentdetails__progress-percent {
  background-color: #e14617;
  background-image: linear-gradient(90deg, #22d3ee, #34d399);
  border-radius: 9999px;
  width: 45%;
  height: 100%;
}

.db__journey-embed {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.sec__userdetail-row {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.userdetail__row-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userdetail__avatar {
  color: #fff;
  text-align: center;
  background-color: #004e61;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.userdetail__name {
  color: #004e61;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.userdetail__user-info-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.userdetail__user-info {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333333bf;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.userdetail__user-info-icon {
  position: relative;
}

.userdetail__user-info-text {
  font-size: 12px;
}

.userdetail__enrichment-confidence {
  color: #15803d;
  background-color: #ecfdf5;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.userdetail__enrichment-confidence-value {
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.sec__engagement-trends {
  flex-flow: column;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.etrend__tabwrap {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 10px 20px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 7.9px #0000001a;
}

.etrend__tabs {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.etrend__tabsmenu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f3f4f6;
  border-bottom: 1px #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 5px;
  display: flex;
}

.etrend__tablink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  background-color: #ddd0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
}

.etrend__tablink.w--current {
  border-bottom-color: var(--accent-orange);
  color: var(--accent-orange);
  background-color: #fff;
  font-weight: 500;
}

.etrend__tabscontent {
  flex: 1;
  width: 100%;
  overflow: visible;
}

.u__custom-embed {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.sec__userjourney-card-contain {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.ujc__card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--color--sidetext);
  background-color: #fff;
  border: 1px solid #eef4f8;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 24%;
  padding: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 10px #0000000f;
}

.ujc__card-main-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ujc__card-value {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.ujc__card-tag {
  grid-column-gap: 5px;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 39px;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  display: flex;
}

.pagedetails__topclickedelements-bar-percent {
  background-color: #e14617;
  background-image: linear-gradient(90deg, #22d3ee, #34d399);
  border-radius: 9999px;
  width: 42%;
  height: 100%;
}

.pagedetails__topclickedelements-bar-percent._15 {
  width: 15%;
}

.pagedetails__topclickedelements-bar-percent._18 {
  width: 18%;
}

.pagedetails__recentsessions-top-tag {
  background-color: #f3f4f6;
  border-radius: 50px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
}

.pagedetails__recentsessions-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px;
}

.pagedetails__recentsessions-path {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #414651cc;
  font-size: 11px;
  display: flex;
}

.pagedetails__pageconversion-bar-percent {
  background-color: #e14617;
  background-image: linear-gradient(90deg, #22d3ee, #34d399);
  border-radius: 9999px;
  width: 75%;
  height: 100%;
}

.pagedetails__pageconversion-bar-percent._42 {
  width: 42%;
}

.pagedetails__pageconversion-bar-percent._28 {
  width: 28%;
}

.pagedetails__pageconversion-bar-percent._15 {
  width: 15%;
}

.pagedetails__recentsessions-user {
  color: #414651;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3em;
}

.pagedetails__panel-top {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.pagedetails__hd-averagescrolldepth {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.pagedetails__hd-info {
  color: #414651;
  font-size: 11px;
}

.pagedetails__pageconversion-bar {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.pagedetails__hd {
  font-size: 12px;
  font-weight: 500;
}

.pagedetails__topclickedelements-bar {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.pagedetails__recentsessions-path-arrow {
  opacity: .5;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagedetails__drop-offrate {
  color: #004e61;
  font-size: 25px;
  font-weight: 600;
  line-height: 1em;
}

.pagedetails__recentsessions-bot {
  color: #414651;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.pagedetails__tab-overview-stepconversion {
  color: #414651;
  background-color: #f9fafb;
  border-radius: 10px;
  padding: 10px 15px;
}

.pagedetails__recentsessions-play {
  cursor: pointer;
  background-color: #ecfdf5;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.pagedetails__recentsessions-play:hover {
  background-color: #c7eedc;
}

.code-embed-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagedetails__tab-overview {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding: 17px;
  display: flex;
}

.pagedetails__panel {
  background-color: #fff;
  width: 320px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: -3px 0 5px #0000001a;
}

.pagedetails__recentsessions-top-left {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  color: #414651;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 1.1em;
  display: flex;
}

.pagedetails__recentsessions-avatar {
  background-color: #e5e7eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.pagedetails__recentsessions-info {
  color: #414651b3;
  font-size: 11px;
}

.pagedetails__tab-heat {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding: 17px;
  display: flex;
}

.pagedetails__tab-heat-code {
  height: 180px;
  display: flex;
}

.pagedetails__topnextsteps-row-text {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pagedetails__recentsessions-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-size: 12px;
  display: flex;
}

.pagedetails__averagescrolldepth {
  background-color: #e5e7eb;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pagedetails__recentsessions {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.pagedetails__tab-sessions {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding: 17px;
  display: flex;
}

.pagedetails__topclickedelements {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.pagedetails__panel-tabmenu {
  border-bottom: 1px solid #ddd;
  display: flex;
}

.pagedetails__stepconversion-progressbar {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pagedetails__topnextsteps {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.pagedetails__topnextsteps-circle {
  background-color: #10b981;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.pagedetails__topnextsteps-circle.orange {
  background-color: #f59e0b;
}

.pagedetails__topnextsteps-circle.blue {
  background-color: #3b82f6;
}

.pagedetails__topnextsteps-circle.red {
  background-color: #ef4444;
}

.pagedetails__topnextsteps-row {
  color: #414651;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.pagedetails__pageconversion-bar-info {
  font-size: 11px;
}

.pagedetails__panel-tablink {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  filter: grayscale();
  color: #414651;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 2px solid #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
}

.pagedetails__panel-tablink.w--current {
  filter: none;
  color: #e14617;
  background-color: #fff0;
  border-bottom-color: #e14617;
}

.pagedetails__topclickedelements-row-label {
  color: #414651;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 12px;
  display: flex;
}

.pagedetails__hd-dropoffrate {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #e14617;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2em;
  display: flex;
}

.dashboard-paths-row-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.dashboard-paths-text {
  flex: 1;
}

.dashboard-paths-rank {
  background-color: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.dashboard-paths-percentage {
  color: var(--accent-teal);
  font-weight: 700;
}

.dashboard-paths-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.dashboard-paths {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.inbox__page-track-details {
  z-index: 3;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #f9fafb;
  padding: 5px 10px;
  display: none;
  position: absolute;
  inset: 35px 0% auto;
  box-shadow: 0 4px 11px #0000001c;
}

.inbox__page-track-container {
  background-color: #fff;
  position: relative;
}

.inbox__page-track {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 7px;
  display: flex;
}

.inbox__page-track:hover {
  background-color: #fff;
  background-image: linear-gradient(#e146171a, #e146171a);
}

.tag-style2 {
  grid-column-gap: 10px;
  color: #10b981;
  text-align: center;
  background-color: #e7f8f3;
  border-radius: 3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.div-block-86 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  display: flex;
}

.contact-page-viewing-content-line {
  background-color: #e5e7eb;
  align-self: stretch;
  width: 1px;
}

.inbox__page-track-details-hd {
  color: var(--accent-teal);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.inbox__page-track-session-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  font-size: 11px;
  display: flex;
}

.inbox__page-track-session {
  flex-flow: column;
  display: flex;
}

.inbox__page-track-details-col {
  width: auto;
}

.inbox__page-track-path {
  flex-flow: column;
  flex: 1;
  width: 32%;
  display: flex;
}

.inbox__page-track-path-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.inbox__page-track-path-current {
  color: var(--accent-orange);
  font-weight: 700;
}

.btn-view-journey-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-8 {
  color: var(--accent-orange);
  font-size: 12px;
  font-weight: 600;
}

.card-side-column-hd-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.card-side-column-hd-tag {
  color: var(--accent-orange);
  font-size: 12px;
  font-weight: 400;
}

.card-side-column-intent-row {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #475569;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.card-side-column-intent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.journey-tab-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.journey-tab-row.flex {
  flex-flow: column;
}

.jouurney-aggregate-view {
  align-self: stretch;
  margin-top: -60px;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.tabs.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.journey__tab-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #64748b;
  cursor: pointer;
  background-color: #ddd0;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-size: 13px;
  display: flex;
}

.journey__tab-link:hover {
  background-color: #fff;
}

.journey__tab-link.w--current {
  color: var(--accent-orange);
  background-color: #fff;
  border-radius: 50px;
}

.tabs-menu {
  background-color: #f1f5f9;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.journey-tab-content-div {
  padding-top: 15px;
}

.journey-tab-content-div.popup {
  height: 78vh;
  overflow: auto;
}

.div-block-101 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.div-block-102 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.div-block-103 {
  flex: 1;
}

.div-block-104 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.journey__tabs-content {
  align-self: stretch;
}

.div-block-105 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  background-color: #ecfdf5;
  border-radius: 5px;
  margin-bottom: 12px;
  padding: 8px 13px;
  display: flex;
}

.journey__page-track-path-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  flex: 1;
  place-content: flex-start;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.journey-path {
  background-color: #f1f5f9;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.journey__user-stats {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.journey__user-stats-row {
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  line-height: 1.2em;
  display: flex;
}

.journey__user-stats-label {
  color: #64748bcc;
}

.sec__top-paths-div {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.sec__top-paths-row {
  border-left: 2px solid #d7ffdd;
  padding-left: 10px;
  font-size: 13px;
  line-height: 1.5em;
}

.text-block-12 {
  color: #333333b3;
  font-size: 11px;
}

.user-journey-table-div {
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px #d5d7da;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 2px 6px #0000001a;
}

.user-journey-tableheader {
  border-bottom: 1px solid #d5d7da;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.user-journey-table-cell-div {
  grid-column-gap: 10px;
  color: #333333b3;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  padding: 5px;
  font-size: 12px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.user-journey-table-cell-div.stretch {
  flex: 1;
}

.user-journey-table-cell-div._10 {
  width: 10%;
}

.user-journey-table-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.user-journey-table-content-row {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filter-checkbox-row {
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.filter-checkbox-label {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.enrichment-status {
  background-color: #22c55e;
  border-radius: 50px;
  width: 7px;
  height: 7px;
}

.enrichment-status.partial {
  background-color: #eab308;
}

.enrichment__credits-summary {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.enrichment__credits-summary-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.enrichment__credits-count-number {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333333b3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.enrichment__credits-summary-count {
  color: #333333b3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 150px;
  font-size: 11px;
  display: flex;
}

.enrichment__credits-count-text {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

.enrichment__credits-summary-main-col {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  display: flex;
}

.enrichment__credits-used {
  color: #333333b3;
  font-size: 12px;
}

.enrichment__credits-summary-unlock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #333333b3;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.enrichment__credits-summary-unlock-tag {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 4px;
  font-size: 11.5px;
  line-height: 1.2em;
  display: flex;
}

.enrichment__credits-summary-tag-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: flex;
}

.enrichment__credits-summary-notif {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ecfdf5;
  border-radius: 10px;
  padding: 8px;
  display: flex;
}

.enrichment__credits-summary-notif-text {
  color: var(--accent-teal);
  font-size: 12px;
  line-height: 1.4em;
}

.enrichment__credit-breakdown-hd {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--accent-orange);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.enrichment__credit-breakdown-hd:hover {
  color: var(--accent-teal);
}

.enrichment__credit-breakdown {
  position: relative;
}

.enrichment__credit-breakdown-popover {
  z-index: 5;
  background-image: linear-gradient(108deg, #faf5ff, #eff6ff);
  border-radius: 7px;
  width: 245px;
  padding: 7px 11px;
  font-size: 12px;
  display: none;
  position: absolute;
  inset: auto auto 20px 0%;
  box-shadow: 0 -2px 5px #0003;
}

.enrichment__credit-breakdown-row {
  color: #333333ab;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.enrichment__credit-breakdown-count {
  color: var(--accent-teal);
  font-weight: 500;
}

.enrichment__credit-breakdown-note {
  font-size: 8.5px;
  font-style: italic;
}

.popup-confirm-enrichment {
  display: none;
}

.popup-wrapper {
  z-index: 10;
  background-color: #0f172a4d;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.card-confirm-enrichment {
  background-color: #fff;
  border-radius: 15px;
  width: 400px;
  padding: 20px;
  box-shadow: 0 0 11px 7px #0000;
}

.card-confirm-enrichment-top {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-13 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
}

.card-confirm-enrichment-credit-count {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(107deg, #faf5ff, #eff6ff);
  border-radius: 10px;
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
  display: flex;
}

.card-confirm-enrichment-credit-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(107deg, #faf5ff, #eff6ff);
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  display: flex;
}

.confirmenrichment__total {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(107deg, #faf5ff, #eff6ff);
  border-top: 1px solid #c6d2e1;
  border-radius: 0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.text-span-credit-count {
  font-weight: 600;
}

.text-span-credit-count.accent-color {
  color: var(--accent-orange);
}

.text-span-credit-count.teal {
  color: var(--accent-teal);
}

.card-confirm-enrichment-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-confirm-enrichment-col {
  flex: 1;
}

.onbaording__sign-up {
  background-color: #fff;
  border: 1px solid #f5f5f4;
  border-radius: 15px;
  margin-top: 20px;
  padding: 34px 33px;
  box-shadow: 0 0 11px 4px #00000014;
}

.sign-in-sub {
  color: #333333b3;
  text-align: center;
  text-wrap: balance;
}

.onboarding__card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #f5f5f4;
  border-radius: 15px;
  flex-flow: column;
  width: 700px;
  margin-top: 20px;
  padding: 34px 33px;
  display: flex;
  box-shadow: 0 0 11px 4px #00000014;
}

.onboarding__card.smaller {
  width: 400px;
}

.onboarding__install-main-row {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.onboarding__install-icode {
  width: 300px;
}

.onboarding__install-code-block {
  border-radius: 10px;
}

.onboarding__install-instructions-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.onboarding__install-instructions-row-text {
  flex: 1;
}

.onboarding__install-instructions {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  display: flex;
}

.onboarding__install-instructions-btn {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.onboarding__install-instructions-btn.right {
  justify-content: flex-end;
  align-items: center;
}

.onboarding__install-instructions-btn.center {
  justify-content: center;
  align-items: flex-start;
}

.onboarding__install-instructions-btn-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.onboarding__note {
  color: #333333b3;
  margin-top: 20px;
  font-size: 12px;
}

.onboarding__step-div {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.onboarding__step-progress-div {
  width: 300px;
}

.onboarding__step-count {
  color: #333333b3;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.onboarding__step-bar {
  background-color: #e7e5e4;
  border-radius: 50px;
  height: 7px;
  position: relative;
  overflow: hidden;
}

.onboarding__step-bar-active {
  background-color: var(--color--accent-green);
  border-radius: 50px;
  width: 25%;
  height: 100%;
  position: absolute;
}

.onboarding__step-bar-active._50 {
  width: 50%;
}

.onboarding__step-bar-active._75 {
  width: 75%;
}

.onboarding__step-bar-active._100 {
  width: 100%;
}

.onboarding__step-back {
  color: var(--text);
  cursor: pointer;
}

.onboarding__step-back:hover {
  color: var(--accent-orange);
}

.onboaording-option-pick {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--border);
  color: #414651b3;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  padding: 24px 20px;
  font-size: 12px;
  display: flex;
}

.onboaording-option-pick:hover {
  border-color: var(--color--accent-green);
  background-color: var(--green-hover-light);
}

.text-block-14 {
  color: var(--text);
  margin-top: 10px;
  font-weight: 600;
}

.onboarding-option-div {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.onboarding__credits-card {
  background-image: linear-gradient(107deg, #faf5ff, #eff6ff);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.onboarding__credits-card-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.onboarding__credits-count {
  color: var(--accent-teal);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3em;
}

.onboarding__credits-note {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--accent-teal);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
}

.onboarding__list-completed {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-image: linear-gradient(107deg, #faf5ff, #eff6ff);
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 14px 16px;
  display: flex;
}

.onboarding__list-completed-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-2 {
  flex-flow: column;
  display: flex;
}

.contact-side-column-leads {
  display: none;
}

.inbox__sort {
  margin-left: 5px;
  position: relative;
}

.inbox__sort-popup {
  z-index: 300;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  width: 200px;
  padding: 5px;
  display: none;
  position: absolute;
  inset: 30px auto auto 0%;
  box-shadow: 1px 1px 5px #0003;
}

.inbox__sort-btn {
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.inbox__sort-btn:hover {
  background-color: #e7e7e7;
}

.filter-hd {
  margin-bottom: 10px;
  font-weight: 600;
}

.inbox__sort-option {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--text);
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.inbox__sort-option:hover {
  background-image: linear-gradient(to bottom, var(--orange-hover), var(--orange-hover));
}

.inbox__sort-option-text {
  flex: 1;
  font-size: .85rem;
}

.sort__select-icon {
  color: var(--accent-orange);
  display: none;
}

.inbox__tooltip {
  z-index: 80;
  background-color: var(--color--textcolor);
  color: #fff;
  white-space: nowrap;
  border-radius: 5px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  display: none;
  position: absolute;
  inset: 40px 0% auto auto;
}

.cta__bar-cell2 {
  background-color: #5b8def;
  flex: none;
  width: 32%;
  height: 100%;
}

.cta__breakdown-body-item-progress-percent {
  background-color: #69c050;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
}

.cta__breakdown-body-item-progress-percent._w-55 {
  width: 55%;
}

.cta__breakdown-body-item-progress-percent._w-27 {
  width: 27%;
}

.cta__breakdown-body-item-progress-percent.grey-42 {
  background-color: #5b8def;
  width: 42%;
}

.cta__breakdown-body-item-progress-percent._w-81 {
  width: 81%;
}

.cta__breakdown-body-item-progress-percent.grey-21 {
  background-color: #5b8def;
  width: 21%;
}

.cta__breakdown-body-item-progress-percent.lightgrey-100 {
  background-color: #f5a623;
  width: 100%;
}

.cta__breakdown-body-item-progress-percent.grey-64 {
  background-color: #5b8def;
  width: 64%;
}

.cta__breakdown-body-item-progress-percent.grey {
  background-color: #5b8def;
}

.sec__conversationtopicanalysis {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 7.9px #0000001a;
}

.cta__bar-legend-textdiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.cta__breakdown-item-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #0000001a;
  flex-flow: column;
  padding: 12px;
  display: none;
}

.cta__bar-legend {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.cta__bar-cell3 {
  background-color: #f5a623;
  flex: 1;
  width: 32%;
  height: 100%;
}

.cta__bar-legend-rowright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cta__bar-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.cta__bar-legend-textdata {
  color: #64748b;
}

.cta__insight-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #fff;
  border-top: 1px solid #0000001a;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  display: flex;
}

.cta__bar-legend-dot {
  background-color: #69c050;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.cta__bar-legend-dot.grey {
  background-color: #5b8def;
}

.cta__bar-legend-dot.other {
  background-color: #f5a623;
}

.cta__breakdown-body-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta__bar-legend-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta__bar-cell1 {
  background-color: #69c050;
  flex: none;
  width: 58%;
  height: 100%;
}

.cta__breakdown-body-item-label-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  font-size: 12px;
  display: flex;
}

.cta__breakdown-body-item-bardiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta__bar-legend-rowleft {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta__breakdown-body-item-bar-textwrap {
  justify-content: flex-end;
  align-items: center;
  width: 8%;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.cta__breakdownlist {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.cta__breakdown-item-topleft {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1e293b;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.cta__breakdown-item-top {
  cursor: pointer;
  background-color: #f8fafc;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.u__icon-embed {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.cta__bar {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.cta__breakdown-item-top-total {
  color: #4a9635;
  font-size: 12px;
  font-weight: 600;
}

.cta__breakdown-item-top-total.lightgrey {
  color: #c48a1a;
}

.cta__breakdown-item-top-total.grey {
  color: #5b8def;
}

.cta__breakdown-body-item-progress {
  background-color: #f1f1f1;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.cta__breakdown-item-chevron {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.cta__breakdown-item {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.dashboard__side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.db__actionreq-card {
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 40vh;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 4px 7.9px #0000001a;
}

.db__actionreq-card-title-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.db__actionreq-item {
  grid-column-gap: 10px;
  background-color: #fef2f24d;
  border-top: 0 solid #0000001a;
  border-bottom: 1px #0000001a;
  border-left: 3px solid #ef4444;
  border-right: 0 solid #0000001a;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px #0000001a;
}

.db__actionreq-item.bg-blue {
  background-color: #eff6ff4d;
  border-left-color: #3b82f6;
}

.db__actionreq-item.bg-orange {
  background-color: #fffbeb4d;
  border-left-color: #f59e0b;
}

.db__actionreq-itemlink {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #004e61;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.sec__actionrequired {
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.db__actionreq-text {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.db__actionreq-left {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.db__actionreq-tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .9;
  color: #b91c1c;
  text-align: center;
  background-color: #fee2e2;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5em;
  display: flex;
}

.db__actionreq-tag:hover {
  opacity: 1;
}

.db__actionreq-tag.bg-blue {
  color: #1d4ed8;
  background-color: #dbeafe;
}

.db__actionreq-tag.orange {
  color: #b45309;
  background-color: #fef3c7;
}

.db__actionreq-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.btn-date-enrichment-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  background-color: #004e6126;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.suggestactions__item-title {
  color: #111827;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.suggestactions__item-textcontent {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.suggestactions__item-tag-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.suggestactions__item-text {
  color: #11182799;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.suggestactions__item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #0000001a;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 8px;
  display: flex;
}

.suggestactions__item-tag {
  color: #15803d;
  background-color: #dcfce7;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.suggestactions__item-tag.isyellow {
  color: #a16207;
  background-color: #fef9c3;
}

.suggestactions__item-tag.isred {
  color: #b91c1c;
  background-color: #fee2e2;
}

.sec__suggestactions {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px #0000001a;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-name-avatar-2 {
  color: #333c;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: visible;
}

.text_blur {
  filter: blur(2px);
}

.div-block-107 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.bc__card-price-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.confirmenrichment__title {
  color: #0d202f;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.bc__card-info-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
}

.bc__card-info-item-dot {
  background-color: #ff6b35;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
}

.buyredits__body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 12px;
  display: flex;
}

.bc__card-title {
  color: #64748b;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.bc__card-tag {
  color: #065f46;
  background-color: #d1fae5;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.bc__card-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popup-card-2 {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 40%;
  max-height: 80vh;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 5px 9.2px #0000000f;
}

.popup-card-2.buycredits {
  width: 50%;
  padding: 0;
}

.bc__card-credit {
  color: #0f172a;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.buycredits__topleft {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing__text {
  color: #0f172a;
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.buycredits__top {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.bc__card-info-title {
  color: #0f172a;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.bc__card-info-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f8fafc;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.bc__card-wrap {
  flex-flow: column;
  width: 32.5%;
  display: flex;
  position: relative;
}

.bc__card-info-list {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.bc__card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 16px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 4px #0000001a;
}

.bc__card.popular {
  border-color: #e14617;
}

.pricing__pro-tag {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ee7f00;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 2px 5px #0003;
}

.pricing__pro-tag.green {
  background-color: #004e61;
}

.bc__card-btn-contain {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.buycredits__bot {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #0000001a;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.type__body {
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.5;
}

.buycredits__bot-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #059669;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.buycredits__close {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.popup-buycredits {
  z-index: 999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.bc__card-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.sessiontimeline-item-timeline-2 {
  border-left: 2px solid #f0f0f0;
  flex: 1;
}

.sessiontimeline-item-timeline-2.green {
  border-left-color: #d7ffdd;
}

.sessiontimeline-item-timeline-2.orange {
  border-left-color: #ffeed0;
}

.sessiontimeline-item-timeline-dot-2 {
  background-color: #bfbfbf;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.sessiontimeline-item-timeline-dot-2.green {
  background-color: #46a756;
}

.sessiontimeline-item-timeline-dot-2.orange {
  background-color: #f59e0b;
}

.sessiontimeline__tag {
  color: #46a756;
  text-align: center;
  text-transform: uppercase;
  background-color: #f0fdf4;
  border-radius: 6px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: 0 1px 10px #00000026;
}

.sessiontimeline-item-left {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.jouurney-individual-view {
  align-self: stretch;
  margin-top: -60px;
}

.inbox__page-track-main {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.popup-individual-user-journey {
  z-index: 30;
  background-color: #fff;
  border-radius: 10px;
  width: 50vw;
  display: none;
  position: absolute;
  inset: 50px 300px 0% auto;
  box-shadow: 0 0 6px 1px #00000024;
}

.div-block-109 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(147deg, #faf5ff, #eff6ff);
  border: 1px solid #f3e8ff;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.3em;
  display: flex;
}

.text-block-15 {
  color: #004e61;
  font-weight: 600;
}

.code-embed-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-small-3 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 3px;
  display: flex;
  overflow: visible;
}

.text-block-16 {
  color: #414651e6;
}

.div-block-110 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.btn-view-journey {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 7px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 3px;
  padding: 7px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.btn-view-journey:hover {
  background-color: #74d4c333;
}

.jouurney-individual-view-popup {
  align-self: stretch;
  margin-top: 0;
  overflow: auto;
}

.btn-date-enrichment-credits {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.tooltip-credits {
  z-index: 80;
  background-color: var(--color--textcolor);
  color: #fff;
  white-space: nowrap;
  border-radius: 5px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  display: none;
  position: absolute;
  inset: auto 0% 20px auto;
}

.greeeter__chatwidget-main-top {
  border-bottom-width: 1px;
  border-bottom-color: #cfcfcf;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
}

.greeeter__chatwidget-main {
  background-color: #fff;
  border-radius: 10px;
  width: 300px;
  margin-bottom: 1vw;
  margin-right: 1vw;
  display: none;
  position: absolute;
  inset: auto 0% 71px auto;
  box-shadow: 0 0 30px 11px #00000014;
}

.greeeter__chatwidget-main-replyform {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.greeeter__chatwidget-mainconvo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  height: 400px;
  padding: 20px 10px;
  display: flex;
  overflow: auto;
}

.greeeter__chatwidget-main-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}

.greeeter__chatwidget-main-reply-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid #cfcfcf;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px;
  display: none;
}

.greeeter__chatwidget-bubble-outbound-row {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  max-width: 90%;
  text-decoration: none;
  display: flex;
}

.greeeter__chatwidget-main-replyformblock {
  height: 100%;
  margin-bottom: 0;
}

.greeeter__chatmenu-avatar {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: auto -2px -1px auto;
  box-shadow: 0 2px 5px #0003;
}

.greeeter__chatwidget-wrap {
  z-index: 999;
  position: absolute;
  inset: auto 0% 0% auto;
}

.greeeter__chatwidget-bubble-outbound {
  grid-column-gap: 10px;
  background-color: #eee;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.greeeter__chatwidget-btn {
  cursor: pointer;
  background-color: #fbe3dc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 1.5vw;
  margin-right: 1.5vw;
  padding: 7px;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 2px 17px #0003;
}

.greeeter__chatwidget-btn:hover {
  transform: translate(0, -5px);
}

.greeeter__chatwidget-chat-avatar {
  background-color: #fdf7ee;
  background-image: url('../images/smarties-head.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
}

.greeeter__chatwidget-bubble-container {
  grid-column-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 90%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.greeeter__chatwidget-main-replyfield {
  color: #333;
  border: 1px #000;
  height: 100%;
  margin-bottom: 0;
  font-size: 12px;
}

.greeeter__chatwidget-bubble-inbound {
  grid-column-gap: 10px;
  background-color: #fdf7ee;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.greeeter__chatwidget-chat-time {
  color: #0000008a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.greeeter__chatwidget-main-reply-textarea-div {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.greeeter__chatwidget-main-reply-btn {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 8px 5px #0003;
}

.greeeter__chatwidget-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.sidemenu-label-div {
  opacity: .8;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  display: flex;
}

.sidemenu-label-div:hover {
  opacity: 100;
}

.sidemenu-label {
  color: #8b99a0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.sidebar-setup-sections {
  display: none;
}

.livetrans__type-new {
  background-color: #ffffff1c;
  border: 1px solid #8b8b8b6e;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 5px 12px 5px 5px;
  display: flex;
  position: relative;
}

.u__legend {
  color: #fff;
  text-align: center;
  background-color: #ff8f8f;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
  position: absolute;
  inset: -11% -12% auto auto;
}

.u__legend.lower {
  top: -6%;
  right: 3%;
}

.livetrans__talkchat-formblock {
  margin-bottom: 0;
}

.livetrans__talkchat {
  flex: none;
}

.livetrans__talk-div {
  opacity: .8;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.livetrans__talk-div:hover {
  opacity: 1;
}

.livetrans__voice-mode {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  opacity: .9;
  color: #1d1d1dab;
  background-color: #ffffff0f;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 7px;
  font-size: 11px;
  display: flex;
}

.livetrans__listening {
  cursor: pointer;
  background-image: linear-gradient(#b02a2a, #b02a2a);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  position: relative;
}

.livetrans__listening:hover {
  opacity: 1;
}

.livetrans__type-switch {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  display: flex;
}

.livetrans__type-switch:hover {
  opacity: 100;
}

.livetrans__status-processing-animation {
  width: 25px;
  height: 25px;
}

.livetrans__talk-row-chat {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.livetrans__status {
  background-color: #ffffff1c;
  border-radius: 10px;
  flex: 0 auto;
  height: 50px;
}

.livetrans__talk-mic-off-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: block;
}

.livetrans__talk-row-top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.livetrans__talk-new {
  cursor: pointer;
  background-image: linear-gradient(303deg, #2f8f3a, #5cd98c);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.livetrans__talk-new:hover {
  opacity: 1;
}

.livetrans__mode-icon {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 15px;
  display: flex;
}

.livetrans__mode-icon.type {
  width: 20px;
}

.lottie-white {
  filter: brightness(1000%) grayscale();
}

.u__icon-code-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.livetrans__status-processing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .7;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 1.3em;
  display: none;
}

.livetrans__type-btn-send {
  opacity: .8;
  cursor: pointer;
  background-image: linear-gradient(#2f8f3a, #5cd98c);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.livetrans__type-btn-send:hover {
  opacity: 1;
}

.enter-indicator {
  opacity: .4;
  margin-right: 10px;
  font-size: 14px;
  line-height: 1em;
}

.chat-input-field {
  color: var(--text);
  background-color: #fff0;
  border: 1px #000;
  flex: 1;
  margin-bottom: 0;
  font-size: 1rem;
}

.chat-input-field::placeholder {
  color: #fdfdfd;
}

.livetrans__status-listening-lottie {
  filter: grayscale() brightness(1000%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.livetrans__status-idle {
  opacity: .7;
  color: var(--text);
  background-image: linear-gradient(#c0c0c080, #c0c0c080);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 1.3em;
  display: flex;
}

.livetrans__talk-switch {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .7;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  display: none;
}

.livetrans__talk-switch:hover {
  opacity: 100;
}

.livetrans__type-row-input {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 50px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.livetrans__talk-mic-on {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.livetrans__type-btn-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.livetrans__status-listening {
  color: #333333b3;
  background-color: #b02a2a33;
  border: 1px solid #b02a2a69;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: none;
}

.livetrans__status-listening-lottie-div {
  filter: brightness(55%);
  width: 70px;
}

.code-embed-5 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.livetrans__text-mode {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  opacity: .9;
  color: #1d1d1dab;
  background-color: #ffffff0f;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 7px;
  font-size: 11px;
  display: none;
}

.button-takeover-call {
  grid-column-gap: 4px;
  color: #fff;
  cursor: pointer;
  background-color: #46a756;
  border: 1px solid #46a756;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-takeover-call:hover {
  box-shadow: inset 0 2px 5px #0006;
}

.button-returncallai {
  grid-column-gap: 4px;
  color: #004e61;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #004e61;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.button-returncallai:hover {
  background-color: #ecfbff;
}

@media screen and (min-width: 1440px) {
  .contact-sidebar-filter, .activityusage-sidebar {
    width: 300px;
  }

  .steps-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .step {
    flex-flow: row;
  }

  .content-additional-controls {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .social-content-radiocard-title-row {
    flex-flow: row;
  }

  .delivery-settings-sidebar {
    width: 300px;
  }

  .inbox__filter-popup {
    bottom: auto;
  }

  .answers-maincol {
    width: 70%;
  }

  .callconversation {
    width: 95%;
  }

  .inbox__sort-popup {
    bottom: auto;
  }
}

@media screen and (min-width: 1920px) {
  .smarties_logo-arvin-1 {
    width: 10.413vw;
  }

  .db-stat-value-contain.horizontal {
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .db-recentassistants-card {
    max-height: 45vh;
  }

  .mainwidth-control {
    width: 90%;
  }

  .mainwidth-control.horizontal.mt-20, .mainwidth-control.messaging, .mainwidth-control.contacts {
    width: 100%;
  }

  .popup-card {
    width: 25%;
  }

  .popup-card._w-50 {
    width: 40%;
  }

  .popup-card._w-70 {
    width: 60%;
  }

  .signin-center {
    width: 25%;
    max-width: 400px;
  }

  .chatmenu-avatar {
    width: 1.303vw;
    height: 1.303vw;
  }

  .chat-content {
    grid-column-gap: .833vw;
    grid-row-gap: .833vw;
    padding: 1.042vw .521vw;
  }

  .smartie-bubble-container {
    grid-column-gap: .417vw;
    max-width: 14.375vw;
  }

  .smarties-avatar-small {
    width: 2.604vw;
    height: 2.604vw;
    min-height: 2.604vw;
  }

  .smartie-bubble {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .chat-time {
    font-size: .625vw;
  }

  .user-bubble-container {
    grid-row-gap: .208vw;
    max-width: 13.803vw;
  }

  .user-bubble {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .write-chat {
    padding-top: .521vw;
    padding-bottom: .521vw;
  }

  .chat-form {
    grid-column-gap: .677vw;
    grid-row-gap: .677vw;
    height: 4.165vw;
  }

  .chat-type-area {
    font-size: .833vw;
    line-height: 1.4;
  }

  .reset-center {
    width: 25%;
  }

  .messaging-main-topright {
    flex-flow: row;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .messaging-handling-aibot {
    padding-right: 0;
  }

  .messaging-handling-aibot-bg, .messaging-handling-agent-bg {
    flex-flow: row;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .messaging-handling-agent {
    padding-right: 0;
  }

  .popup-scriptinjection {
    width: 800px;
  }

  .contact-table-cell-div._w-15.name {
    flex: 1;
    width: 12%;
  }

  .contact-table-cell-div._w-8.convos {
    width: 15%;
  }

  .contact-table-cell-div._w-8.status {
    width: 10%;
  }

  .contact-table-cell-div._w-8.enrich {
    width: 12%;
  }

  .contact-table-cell-div.favorites {
    width: 50px;
  }

  .contact-sidebar-filter {
    width: 330px;
  }

  .popup-contactdetails {
    width: 45%;
  }

  .dataenrichment-top-plan-row {
    grid-column-gap: 10px;
  }

  .activityusage-sidebar {
    width: 320px;
  }

  .journey-db-rightpanel {
    width: 350px;
  }

  .journey-db-rightpanel._w-250 {
    width: 280px;
  }

  .steps-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .step-divider.inactive {
    width: 30px;
  }

  .trendingtopics-group {
    max-height: 45vh;
  }

  .social-content-item {
    height: 250px;
  }

  .social-content-radiocard-title-row {
    justify-content: flex-start;
    align-items: center;
  }

  .post-preview-item {
    height: 250px;
  }

  .podcast-item-controldiv {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .voicerecording-options-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
  }

  .voicerecording-options-div-left {
    width: 55%;
  }

  .voicerecording-options-div-right {
    flex: 1;
  }

  .audiopreview-tabs {
    margin-top: -48px;
  }

  .customer-info-row {
    flex-flow: row;
  }

  .emailpreview-div {
    height: 40vh;
  }

  .delivery-settings-sidebar {
    width: 350px;
    height: 75vh;
  }

  .objectionfeed-body {
    height: 75vh;
  }

  .objection-response-div {
    height: 40vh;
  }

  .interaction-history-body {
    height: 50vh;
  }

  .side-column-profile {
    height: 76vh;
  }

  .contact-side-column, .enrichment-side-column {
    width: 330px;
  }

  .popup-links {
    font-size: .85rem;
  }

  .filtercheckbox_container {
    margin-bottom: 5px;
  }

  .filtercheckbox_label {
    font-size: .85rem;
    line-height: 1.3em;
  }

  .row-step, .form-website {
    width: 700px;
  }

  .settings-card {
    max-height: 45vh;
  }

  .settings-card.vertical {
    max-height: none;
  }

  .messaging-main-conversation-div {
    height: 65vh;
  }

  .callconversation {
    width: 80%;
  }

  .sec__db-journey-snapshot, .db-convo__card {
    max-height: 45vh;
  }

  .side-column-profile-2 {
    height: 76vh;
  }

  .userjourney__aggregate-div, .sec__userdetail-row, .etrend__tabwrap {
    max-height: 45vh;
  }

  .enrichment__credits-summary-main {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .db__actionreq-card {
    max-height: 45vh;
  }

  .popup-card-2 {
    width: 25%;
  }

  .popup-card-2.buycredits {
    width: 35%;
  }

  .bc__card-row {
    width: 90%;
  }

  .popup-individual-user-journey {
    right: 350px;
  }

  .greeeter__chatwidget-main {
    width: 350px;
  }

  .greeeter__chatwidget-main-replyform {
    grid-column-gap: .677vw;
    grid-row-gap: .677vw;
    height: 4.165vw;
  }

  .greeeter__chatwidget-mainconvo {
    grid-column-gap: .833vw;
    grid-row-gap: .833vw;
    padding: 1.042vw;
  }

  .greeeter__chatwidget-main-reply-row {
    padding: .521vw;
  }

  .greeeter__chatwidget-bubble-outbound-row {
    grid-row-gap: .208vw;
  }

  .greeeter__chatmenu-avatar {
    width: 1.303vw;
    height: 1.303vw;
  }

  .greeeter__chatwidget-bubble-outbound {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .greeeter__chatwidget-chat-avatar {
    width: 2.604vw;
    height: 2.604vw;
    min-height: 2.604vw;
  }

  .greeeter__chatwidget-bubble-container {
    grid-column-gap: .417vw;
  }

  .greeeter__chatwidget-main-replyfield {
    font-size: .833vw;
    line-height: 1.4;
  }

  .greeeter__chatwidget-bubble-inbound {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .greeeter__chatwidget-chat-time {
    font-size: .625vw;
  }
}

@media screen and (max-width: 991px) {
  .signin-center, .reset-center {
    width: 70%;
  }

  .pricing-title-main {
    line-height: 1.2;
  }

  .bc__card-tag, .bc__card-credit, .bc__card-info-title, .type__body {
    font-size: .85rem;
  }

  .livetrans__talkchat {
    align-self: stretch;
  }

  .livetrans__voice-mode {
    color: #ffffffab;
  }

  .livetrans__type-switch {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .livetrans__type-btn-send {
    width: 40px;
    height: 40px;
    padding: 9px 8px;
  }

  .enter-indicator {
    opacity: .4;
  }

  .livetrans__talk-switch {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .livetrans__text-mode {
    color: #ffffffab;
  }
}

@media screen and (max-width: 767px) {
  .signin-center {
    width: 90%;
  }

  .reset-center {
    width: 80%;
  }

  .inbox__filter-popup, .inbox__sort-popup {
    width: 90vw;
    display: none;
    right: -10px;
  }
}

@media screen and (max-width: 479px) {
  .logo_link-style1 {
    width: 150px;
    margin-top: 1.5vh;
  }

  .page-wrap-signin {
    align-items: flex-start;
  }

  .signin-center {
    width: 95%;
    margin-top: 50px;
  }

  .reset-center {
    width: 95%;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 24px;
  }

  .inbox__filter-popup {
    width: 95vw;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    right: -32px;
  }

  .filter-group {
    margin-bottom: 10px;
  }

  .filter-main-column {
    width: 48%;
  }

  .filter-main-div {
    flex-flow: wrap;
  }

  .inbox__sort-popup {
    width: 95vw;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    right: -32px;
  }

  .bc__card-row {
    flex: 1;
    width: 100%;
  }
}

#w-node-_96faac07-e42f-8f07-752f-e90f55680421-eca678ce {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79790694-08dd-78e5-e5cb-53de24331ffd-eca678ce {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-edbe388e-240d-0040-7eab-254b51f0ea15-51f0ea15 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_96faac07-e42f-8f07-752f-e90f55680421-eca678cf {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79790694-08dd-78e5-e5cb-53de24331ffd-eca678cf, #w-node-_2abaa22a-e736-543a-3594-0506323e5f2b-eca678d1 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_2abaa22a-e736-543a-3594-0506323e6037-eca678d1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c154995a-eaa2-9240-5cd5-fba7b19ee9d0-eca678d2 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-c154995a-eaa2-9240-5cd5-fba7b19eeab1-eca678d2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d0c8df28-6883-f748-2f69-4eca3dcb5ddf-eca678d3 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-d0c8df28-6883-f748-2f69-4eca3dcb5e92-eca678d3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dba63367-a3c0-a270-a6c5-3baa1a9c71d8-eca678d4 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-dba63367-a3c0-a270-a6c5-3baa1a9c725c-eca678d4 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dd817661-5700-ca78-940f-32045820c6e6-eca678d5 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-dd817661-5700-ca78-940f-32045820c7a4-eca678d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_68c9648d-cea9-ff78-b2cb-57329e0c0b2d-eca678da {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_68c9648d-cea9-ff78-b2cb-57329e0c0bd4-eca678da {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_63a9b66e-78d6-7eee-4643-e54302a9ad4b-eca678db {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_63a9b66e-78d6-7eee-4643-e54302a9ae38-eca678db {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_29f7b4c2-cc51-33c6-047b-9accbc43f6c6-eca678dc {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_29f7b4c2-cc51-33c6-047b-9accbc43f7b3-eca678dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b67473a2-c9c6-125d-bcd1-b341531f1717-eca678dc {
  align-self: start;
}

#w-node-_61da7caa-6ca5-b4ce-88b2-5ad4777a9580-eca678dd {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_61da7caa-6ca5-b4ce-88b2-5ad4777a966d-eca678dd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7247def3-be94-f575-1c70-aa1428f48413-eca678de {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_7247def3-be94-f575-1c70-aa1428f487d1-eca678de, #w-node-_68345d2b-46af-5a6b-6f20-9ad106f106db-eca678e0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_68345d2b-46af-5a6b-6f20-9ad106f106e7-eca678e0 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-a68109ff-67f4-f404-77cb-19f0c68b3f3e-eca678e1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a68109ff-67f4-f404-77cb-19f0c68b3f4a-eca678e1 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_41be6f9a-0cfa-526f-14e2-c94005c9485a-eca678e2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_41be6f9a-0cfa-526f-14e2-c94005c94866-eca678e2 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_56a22ee8-48a6-d322-7d35-b57347bcd2c2-eca678e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_56a22ee8-48a6-d322-7d35-b57347bcd2ce-eca678e3 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_98753808-e275-e32e-af64-4fd652691d6f-eca678e4 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_98753808-e275-e32e-af64-4fd652691d7b-eca678e4, #w-node-_4d31c1a9-ef5a-abec-5af1-44ae70d7f13a-eca678e5 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_4d31c1a9-ef5a-abec-5af1-44ae70d7f512-eca678e5, #w-node-b4ff377d-8e91-9b13-7bfa-4c468499c3d0-eca678e6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b4ff377d-8e91-9b13-7bfa-4c468499c3dc-eca678e6, #w-node-_650a9fdf-eb40-62bd-8ac2-9a0cde2ee07a-eca678e7 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_650a9fdf-eb40-62bd-8ac2-9a0cde2ee260-eca678e7, #w-node-a0603396-7cfe-87df-6b65-c8cff2c4b86f-eca678e8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a0603396-7cfe-87df-6b65-c8cff2c4b87b-eca678e8, #w-node-_2d62093f-af62-36e2-bc25-a6f698497d5d-eca678e9 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_2d62093f-af62-36e2-bc25-a6f698497f43-eca678e9, #w-node-edc52c55-d0f6-4c51-06f6-d16cbc8f4401-eca678ea {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-edc52c55-d0f6-4c51-06f6-d16cbc8f440d-eca678ea, #w-node-_29f7b4c2-cc51-33c6-047b-9accbc43f6c6-eca678eb {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}

#w-node-_29f7b4c2-cc51-33c6-047b-9accbc43f7b3-eca678eb, #w-node-dbcda60f-64b4-9ffa-038a-12ccbae8c9ac-eca678ed {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dbcda60f-64b4-9ffa-038a-12ccbae8c9af-eca678ed {
  grid-area: 2 / 2 / 3 / 3;
  align-self: stretch;
}