/* =========================
   KEYFRAMES
========================= */

@keyframes sparkle-pulse-1 {
    0%, 100% {
        transform: scale(1) translateY(0);
        opacity: 0.85;
    }
    50% {
        transform: scale(1.08) translateY(-2px);
        opacity: 1;
    }
}

@keyframes sparkle-pulse-2 {
    0%, 100% {
        transform: scale(1) translateY(0);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.12) translateY(-1px);
        opacity: 1;
    }
}

@keyframes sparkle-pulse-3 {
    0%, 100% {
        transform: scale(1) translateY(0);
        opacity: 0.75;
    }
    50% {
        transform: scale(1.15) translateY(-3px);
        opacity: 1;
    }
}

@keyframes sparkle-rotate-3d {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}


/* =========================
   CLASSES WITH ANIMATION
========================= */
.sparkle-pulse-1 {
    animation: sparkle-pulse-1 2.5s ease-in-out infinite;
}

.sparkle-pulse-2 {
    animation: sparkle-pulse-2 2s ease-in-out infinite 0.3s;
}

.sparkle-pulse-3 {
    animation: sparkle-pulse-3 1.8s ease-in-out infinite 0.6s;
}

.sparkle-rotate-3d {
    animation: sparkle-rotate-3d 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.notifications-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 100vh;
  background: #FFFFFF;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.15);
  display: flex;
  flex-direction: column;
  z-index: 20;
  border-right: 1px solid #EAEAEA;
}
.notifications-sidebar__header {
  height: 80px;
  padding: 0 18px;
  border-bottom: 1px solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #333333;
}
.notifications-sidebar__close-icon {
  cursor: pointer;
  padding: 6px;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.notifications-sidebar__close-icon:hover {
  background-color: #F5F5F5;
  opacity: 0.8;
}
.notifications-sidebar__body {
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.notifications-sidebar__notification {
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  transition: all 0.2s ease;
  position: relative;
}
.notifications-sidebar__notification:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-color: #D0D0D0;
}
.notifications-sidebar__notification--unread {
  background-color: #F8F9FF;
  border-left: 3px solid #4A6FFF;
}
.notifications-sidebar__notification--read {
  background-color: #FFFFFF;
  opacity: 0.9;
}
.notifications-sidebar__close-notification {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  z-index: 1;
}
.notifications-sidebar__close-notification:hover {
  background-color: #F5F5F5;
  opacity: 0.9;
}
.notifications-sidebar__close-notification svg {
  width: 10px;
  height: 10px;
}
.notifications-sidebar__notification-content {
  cursor: pointer;
}
.notifications-sidebar__notification-title {
  margin: 0;
  line-height: 1.5rem;
  font-weight: 500;
  color: #333333;
  word-break: break-word;
}
.notifications-sidebar__notification-datetime {
  margin-top: 4px;
  font-size: 12px;
  color: #928E8D;
  font-style: italic;
}
.notifications-sidebar__notification-text {
  margin-top: 12px;
  text-decoration: none;
  color: #4A6FFF;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
}
.notifications-sidebar__notification-text:hover {
  text-decoration: underline;
}
.notifications-sidebar__no-notifications {
  text-align: center;
  color: #666666;
  margin-top: 40px;
  font-size: 14px;
}
.input {
  position: relative;
}
.input__field {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  border-radius: 8px;
  width: 315px;
  height: 40px;
  color: #404040;
  font-size: 16px;
  padding-left: 19px;
}
.input__field:focus {
  border: 1px solid #221cb6;
  outline: none;
}
.input__field::before {
  content: attr(data-placeholder);
  position: relative;
}
.input__field::placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #C0C6CD;
}
.input--error .input__field {
  border: 1px solid #ed483d;
  color: #ed483d;
}
.input__error {
  display: block;
  margin: 4px 0 0 8px;
  font-size: 12px;
  color: #ed483d;
}
.input__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input__clear-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input--inline {
  margin: 0 6px;
  display: inline-block;
}
.input--inline .input__field {
  width: 50px;
  height: 24px;
  padding-left: 7px;
  border-radius: 5px;
}
.input--with-icon .input__field {
  padding-left: 40px !important;
}
.input--clearable .input__field {
  padding-right: 30px;
}
.input--full-width .input__field {
  width: 100%;
}
.input--full-height .input__field {
  height: 100%;
}
.input__before-text {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  left: 15px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  color: #8f9199;
  pointer-events: none;
}
.input--with-after-text .input__field {
  padding-right: 70px;
}
.input--with-after-text .input__after-text {
  position: absolute;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  right: 10px;
  top: 10px;
  font-size: 16px;
  line-height: 100%;
  color: #8f9199;
}
.input--transparent .input__field {
  background-color: transparent;
  border: none;
}
.input--disabled .input__field {
  background-color: #F5F5F5;
  border: none;
  color: #C0C6CD;
}

.number-input--without-arrows {
  /*
    Disable in number input right arrows
  */
}
.number-input--without-arrows .input__field {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  -moz-appearance: textfield;
}
.number-input--without-arrows .input__field::-webkit-outer-spin-button, .number-input--without-arrows .input__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.loader {
  font-size: 10px;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, var(--loader-color), var(--loader-color));
  background: -webkit-linear-gradient(left, var(--loader-color), var(--loader-color));
  background: -o-linear-gradient(left, var(--loader-color), var(--loader-color));
  background: -ms-linear-gradient(left, var(--loader-color), var(--loader-color));
  background: linear-gradient(to right, var(--loader-color), var(--loader-color));
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader--with-top-margin {
  margin-top: 20px;
}
.loader__full-screen-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
.loader__full-block-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader:before {
  width: 50%;
  height: 50%;
  background: var(--background-color);
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.loader:after {
  background: var(--background-color);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
}
.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner svg {
  transition: all 0.5s ease;
  animation: rotate 1s linear infinite;
}
.button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 200px;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.button:focus {
  outline: none;
}
.button--primary {
  background-color: #221CB6;
  color: #ffffff;
}
.button--primary:hover {
  background-color: #4e48dc;
}
.button--primary:disabled {
  background: rgba(219, 223, 231, 0.84);
}
.button--secondary {
  background-color: #f5f5f5;
  color: #7b7b7b;
}
.button--secondary:hover {
  opacity: 0.8;
}
.button--graph {
  background-color: #E9E9E9;
  color: #BDBDBD;
  min-width: 36px;
  height: 36px;
}
.button--white {
  background-color: #ffffff;
  color: #000000;
}
.button--white-shadow {
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0588235294);
}
.button--black {
  background-color: #181818;
  color: #eef3ff;
}
.button--grey {
  background: #181818;
  color: #7b7b7b;
}
.button--blue {
  background: #D9E3FF;
  color: #3424EB;
}
.button--bordered {
  border: 1px solid #221CB6;
  color: #221CB6;
  background-color: transparent;
}
.button--bordered:hover {
  background-color: #4e48dc;
  color: #ffffff;
}
.button--bordered.button--link:hover {
  color: #ffffff;
}
.button--bordered-grey {
  border: 1px solid #f0f0f0;
  color: #8f9199;
  background-color: transparent;
}
.button--bordered-grey:not(:disabled):hover {
  border-color: #8f9199;
}
.button--show-more {
  background-color: #ffffff;
  border: 1px solid rgba(140, 141, 141, 0.4117647059);
}
.button--ghost {
  display: inline-flex;
  border-radius: 0;
  width: auto;
  height: auto;
  background-color: transparent;
  padding: 0;
  border: none;
  color: #7974f7;
}
.button--ghost:hover {
  color: #4e48dc;
}
.button--additional {
  background-color: #e9eeff;
  color: #231db6;
}
.button--additional:hover {
  background-color: #231db6;
  color: #e9eeff;
}
.button--additional:hover svg {
  filter: brightness(600%);
}
.button--alert {
  background: #ed483d;
  color: #fff;
}
.button--alert:hover {
  background: #f77b73;
}
.button--confirm {
  background: #23e771;
  color: #fff;
}
.button--confirm:hover {
  background: #23e771;
  opacity: 0.9;
}
.button--disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.button--disabled:hover {
  opacity: 0.7;
}
.button--link {
  text-decoration: none;
}
.button--size-xs {
  width: auto;
  padding-right: 4px;
  padding-left: 4px;
}
.button--size-s, .button--size-m {
  width: auto;
  font-size: 16px;
  min-width: 82px;
}
.button--size-s {
  padding-right: 12px;
  padding-left: 12px;
  height: 35px;
}
.button--size-m {
  padding-right: 19px;
  padding-left: 19px;
  height: 40px;
}
.button--size-l {
  padding-right: 15px;
  padding-left: 15px;
  height: 45px;
}
.button--size-xl {
  padding-right: 23px;
  padding-left: 23px;
  height: 48px;
}
.button--size-xxl {
  padding: 8px 16px;
  min-width: 230px;
  height: 40px;
  justify-content: space-between;
}
.button--inline {
  width: auto;
  min-width: 20px;
  padding-right: 3px;
  padding-left: 3px;
}
.button > svg:not(:last-child) {
  margin-right: 8px;
}
.button > svg:last-child {
  margin-left: 8px;
}
.icon-name-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.workspaces-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 295px;
  height: 100vh;
  background: #FFFFFF;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.09);
  display: flex;
  flex-direction: column;
  z-index: 20;
}
.workspaces-sidebar__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  height: 80px;
  padding: 0 18px;
  border-bottom: 1px solid #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.workspaces-sidebar__close-icon {
  cursor: pointer;
}
.workspaces-sidebar__close-icon:hover {
  opacity: 0.5;
}
.workspaces-sidebar__body {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.workspaces-sidebar__search {
  padding: 0 18px;
  padding-top: 18px;
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}
.workspaces-sidebar__workspaces-list {
  margin-top: 20px;
}
.workspaces-sidebar__workspace-row {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  padding: 5px 18px;
}
.workspaces-sidebar__workspace-row:hover {
  background-color: #EEF3FF;
}
.workspaces-sidebar__workspace-info {
  margin-left: 13px;
  max-width: 180px;
}
.workspaces-sidebar__workspace-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 3px;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workspaces-sidebar__workspace-members {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #7b7b7b;
}
.workspaces-sidebar__warning-triangle {
  position: absolute;
  left: 12px;
  top: 0;
}
.workspaces-sidebar__active-workspace {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  background-color: rgba(35, 231, 113, 0.12);
  border-radius: 100%;
  margin-left: auto;
}
.workspaces-sidebar__create-new-workspace {
  padding: 0 18px;
  margin-top: auto;
  display: flex;
  position: sticky;
  bottom: 0;
  background: white;
  padding-bottom: 18px;
}
.workspaces-sidebar__create-new-workspace .button {
  width: 100%;
}
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.modal {
  position: relative;
  border-radius: 8px;
  background: #FFFFFF;
  min-width: 400px;
  min-height: 220px;
  max-height: calc(100vh - 60px);
  max-width: 1070px;
  width: 100%;
}
.modal .modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.modal.fitWidthContent {
  width: auto;
}
.modal.scrollable {
  overflow-y: auto;
}
.modal__cross-btn {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 100;
}
.modal__cross-btn--scrollable {
  position: sticky;
  display: block;
  height: 0;
  margin-right: 25px;
  text-align: right;
}
.modal__cross-btn--scrollable svg {
  display: inline-block;
}
.modal__cross-btn:hover svg circle {
  stroke: #8d8f92;
}
.modal__cross-btn:hover svg rect,
.modal__cross-btn:hover svg path {
  fill: #8d8f92;
}
.video-frame-wrapper {
  width: 640px;
  height: 360px;
  position: relative;
  border-radius: 14px;
}

.video-frame {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  /*
    This is play video button like in Figma
    maybe will be usefull leter
   */
}
.tutorial-modal {
  padding: 24px;
}
.tutorial-modal__close-btn {
  top: 5px;
  right: 5px;
}
.boolean-toggler {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  background-color: #f5f5f5;
  cursor: pointer;
}
.boolean-toggler--reversed {
  flex-direction: row-reverse;
}
.boolean-toggler__button {
  white-space: nowrap;
  box-sizing: border-box;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  padding: 14px 15px;
  border-radius: 8px;
}
.boolean-toggler__button--active {
  background-color: #EEF3FF;
  border: 1px solid #221DB6;
  border-radius: 8px;
  color: #251fb6;
}
.header-filters {
  position: relative;
}
.header-filters__tooltip-button {
  display: flex;
  padding: 12px;
  color: #7B7B7B;
  background-color: #f5f5f5;
  border-radius: 8px;
  height: 40px;
}
.header-filters__tooltip-button:hover {
  color: #474747;
}
.header-filters__tooltip-button:hover svg path {
  fill: #474747;
}
.header-filters__tooltip-button svg {
  margin-right: 10px;
}
.header-filters__content-wrapper {
  min-width: 40px;
  border-radius: 10px !important;
  min-height: 40px;
}
.header-filters__content-wrapper:after {
  display: none;
}
.header-filters__throw-filters-button {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: -2px;
  right: -2px;
  cursor: pointer;
}
.filters-buttons {
  display: flex;
  justify-content: space-around;
}
.filters-buttons__button {
  flex: auto;
  width: auto;
  border-radius: 4px;
}
.filters-buttons__button:not(:first-child) {
  margin-left: 8px;
}
.user-avatar-wrapper--size-xlsx {
  width: 15px;
  height: 15px;
  min-height: 15px;
  min-width: 15px;
}
.user-avatar-wrapper--size-xxs {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
}
.user-avatar-wrapper--size-xs {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.user-avatar-wrapper--size-s {
  width: 36px;
  height: 36px;
  min-height: 36px;
  min-width: 36px;
}
.user-avatar-wrapper--size-sm {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.user-avatar-wrapper--size-sl {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
}
.user-avatar-wrapper--size-m {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
}
.user-avatar-wrapper--size-l {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
}

.user-avatar {
  border-radius: 100%;
}
.user-avatar--size-xlsx {
  width: 15px;
  height: 15px;
  min-height: 15px;
  min-width: 15px;
}
.user-avatar--size-xxs {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
}
.user-avatar--size-xs {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.user-avatar--size-xs:before {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.user-avatar--size-s {
  width: 36px;
  height: 36px;
  min-height: 36px;
  min-width: 36px;
}
.user-avatar--size-s:before {
  width: 36px;
  height: 36px;
  min-height: 36px;
  min-width: 36px;
}
.user-avatar--size-sm {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.user-avatar--size-sm:before {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.user-avatar--size-sl {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
}
.user-avatar--size-sl:before {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
}
.user-avatar--size-m {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
}
.user-avatar--size-m:before {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
}
.user-avatar--size-l {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
}
.user-avatar--size-l:before {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
}
.user-avatar:before {
  visibility: visible;
  content: " ";
  display: block;
  position: absolute;
  border-radius: 100%;
  background-color: #c4c4c4;
}

.named-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.named-avatar--square {
  border-radius: 6px;
}
.named-avatar__content {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
}
.named-avatar--size-xlsx {
  width: 15px;
  height: 15px;
  min-height: 15px;
  min-width: 15px;
}
.named-avatar--size-xlsx .named-avatar__content {
  font-size: 10px;
}
.named-avatar--size-xlsx.named-avatar--square {
  border-radius: 3px;
}
.named-avatar--size-xxs {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
}
.named-avatar--size-xs {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.named-avatar--size-xs:before {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.named-avatar--size-xs .named-avatar__content {
  font-size: 12px;
}
.named-avatar--size-s {
  width: 34px;
  height: 34px;
  min-height: 34px;
  min-width: 34px;
}
.named-avatar--size-s:before {
  width: 34px;
  height: 34px;
  min-height: 34px;
  min-width: 34px;
}
.named-avatar--size-sm {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.named-avatar--size-sm:before {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.named-avatar--size-sl {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
}
.named-avatar--size-sl:before {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
}
.named-avatar--size-m {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
}
.named-avatar--size-m:before {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
}
.named-avatar--size-l {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
}
.named-avatar--size-l:before {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
}
.team-filter {
  width: 100%;
}
.team-filter__input-wrapper {
  margin: 13px;
  border: 1px solid #272727;
  border-radius: 8px;
}
.team-filter__input-wrapper .input__field {
  color: #dadada;
  width: 100%;
}
.team-filter__everybody-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #DFE5FA;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-filter__everybody-icon svg circle {
  stroke: #2752EA;
}
.team-filter__everybody-icon svg rect,
.team-filter__everybody-icon svg path {
  fill: #2752EA;
}
.team-filter__everybody-title, .team-filter__person-item {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  color: #FFFFFF;
}
.team-filter__everybody-title {
  background-color: #181818;
  padding: 10px 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.team-filter__people-list {
  max-height: 260px;
  overflow-y: auto;
}
.team-filter__people-list::-webkit-scrollbar {
  width: 6px;
}
.team-filter__people-list::-webkit-scrollbar-thumb {
  background-color: #7b7b7b;
  border-radius: 20px;
  border: solid 0.3px #272727;
}
.team-filter__people-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.team-filter__person-item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-top: solid 1px #272727;
  font-weight: 400;
}
.team-filter__person-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.team-filter__person-name {
  margin-left: 12px;
}
.team-filter__chosen-person-icon {
  margin-left: auto;
}
.campaigns-filter-item {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #FFFFFF;
  padding: 11px 22px 9px 20px;
  height: 41px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #272727;
}
.campaigns-filter-item--in-folder {
  padding-left: 44px;
}
.campaigns-filter-item svg {
  margin-left: auto;
}
.campaigns-filter-item__text {
  margin: 0;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.insights-filters {
  background-color: black;
  border-radius: 8px;
  width: 272px;
}
.insights-filters__header {
  display: flex;
  flex-direction: column;
  padding: 17px 20px 0px 20px;
}
.insights-filters__search-input {
  display: flex;
  margin-bottom: 20px;
}
.insights-filters__search-input .input {
  width: 100%;
  border: 1px solid #272727;
  border-radius: 6px;
  padding: 5px 13px;
}
.insights-filters__search-input .input__field {
  color: #FFFFFF;
}
.insights-filters__toogle_buttons {
  margin-bottom: 20px;
}
.insights-filters__body {
  padding-bottom: 9px;
  max-height: 600px;
  overflow-y: auto;
}
/* Overlap styles */
.rdrDateRangePickerWrapper, .rdrCalendarWrapper {
  max-width: 400px;
  background-color: #000000;
  border-radius: 20px;
  font-weight: 600;
}
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper, .rdrCalendarWrapper .rdrDefinedRangesWrapper {
  background-color: transparent;
  border-right-color: #181818;
  padding-top: 1rem;
}
.rdrDateRangePickerWrapper .rdrStaticRange, .rdrCalendarWrapper .rdrStaticRange {
  background-color: transparent;
  color: #8d8f92;
  border: 0;
}
.rdrDateRangePickerWrapper .rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrDateRangePickerWrapper .rdrStaticRange:focus .rdrStaticRangeLabel, .rdrCalendarWrapper .rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrCalendarWrapper .rdrStaticRange:focus .rdrStaticRangeLabel {
  color: #eef3ff;
  background-color: transparent;
}
.rdrDateRangePickerWrapper .rdrInputRanges,
.rdrDateRangePickerWrapper .rdrDateDisplayWrapper, .rdrCalendarWrapper .rdrInputRanges,
.rdrCalendarWrapper .rdrDateDisplayWrapper {
  display: none;
}
.rdrDateRangePickerWrapper .rdrCalendarWrapper, .rdrCalendarWrapper .rdrCalendarWrapper {
  background-color: transparent;
}
.rdrDateRangePickerWrapper .rdrDayDisabled, .rdrCalendarWrapper .rdrDayDisabled {
  background-color: #000000;
}
.rdrDateRangePickerWrapper .rdrDayNumber span,
.rdrDateRangePickerWrapper .rdrMonthAndYearPickers select,
.rdrDateRangePickerWrapper .rdrWeekDay, .rdrCalendarWrapper .rdrDayNumber span,
.rdrCalendarWrapper .rdrMonthAndYearPickers select,
.rdrCalendarWrapper .rdrWeekDay {
  color: #eef3ff;
  font-weight: 900;
}
.rdrDateRangePickerWrapper .rdrMonthAndYearPickers option, .rdrCalendarWrapper .rdrMonthAndYearPickers option {
  background-color: #000000;
}
.rdrDateRangePickerWrapper .rdrMonthPicker,
.rdrDateRangePickerWrapper .rdrYearPicker, .rdrCalendarWrapper .rdrMonthPicker,
.rdrCalendarWrapper .rdrYearPicker {
  scrollbar-width: thin;
  scrollbar-color: #221CB6 #000000;
  scrollbar-face-color: #221CB6;
  scrollbar-track-color: #000000;
}
.rdrDateRangePickerWrapper .rdrMonthPicker ::-webkit-scrollbar,
.rdrDateRangePickerWrapper .rdrYearPicker ::-webkit-scrollbar, .rdrCalendarWrapper .rdrMonthPicker ::-webkit-scrollbar,
.rdrCalendarWrapper .rdrYearPicker ::-webkit-scrollbar {
  width: 5px;
}
.rdrDateRangePickerWrapper .rdrMonthPicker ::-webkit-scrollbar-thumb,
.rdrDateRangePickerWrapper .rdrYearPicker ::-webkit-scrollbar-thumb, .rdrCalendarWrapper .rdrMonthPicker ::-webkit-scrollbar-thumb,
.rdrCalendarWrapper .rdrYearPicker ::-webkit-scrollbar-thumb {
  background-color: #221CB6;
  border-radius: 30px;
}
.rdrDateRangePickerWrapper .rdrMonthPicker ::-webkit-scrollbar-track,
.rdrDateRangePickerWrapper .rdrYearPicker ::-webkit-scrollbar-track, .rdrCalendarWrapper .rdrMonthPicker ::-webkit-scrollbar-track,
.rdrCalendarWrapper .rdrYearPicker ::-webkit-scrollbar-track {
  background-color: #000000;
}
.rdrDateRangePickerWrapper .rdrDayPassive .rdrDayNumber span,
.rdrDateRangePickerWrapper .rdrDayDisabled .rdrDayNumber span, .rdrCalendarWrapper .rdrDayPassive .rdrDayNumber span,
.rdrCalendarWrapper .rdrDayDisabled .rdrDayNumber span {
  color: #7b7b7b;
}
.rdrDateRangePickerWrapper .rdrEndEdge,
.rdrDateRangePickerWrapper .rdrDayEndPreview, .rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper .rdrDayEndPreview {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.rdrDateRangePickerWrapper .rdrStartEdge,
.rdrDateRangePickerWrapper .rdrDayStartPreview, .rdrCalendarWrapper .rdrStartEdge,
.rdrCalendarWrapper .rdrDayStartPreview {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rdrDateRangePickerWrapper .rdrMonth, .rdrCalendarWrapper .rdrMonth {
  width: 22.667em;
}
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper, .rdrCalendarWrapper .rdrDefinedRangesWrapper {
  width: 134px;
}
.rdrDateRangePickerWrapper .rdrDayToday .rdrDayNumber span:after,
.rdrDateRangePickerWrapper .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
.rdrDateRangePickerWrapper .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrDateRangePickerWrapper .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrDateRangePickerWrapper .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after, .rdrCalendarWrapper .rdrDayToday .rdrDayNumber span:after,
.rdrCalendarWrapper .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
.rdrCalendarWrapper .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrCalendarWrapper .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrCalendarWrapper .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: transparent;
}
.rdrDateRangePickerWrapper .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after,
.rdrDateRangePickerWrapper .rdrSelected, .rdrCalendarWrapper .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after,
.rdrCalendarWrapper .rdrSelected {
  border-radius: 5px !important;
}
.rdrDateRangePickerWrapper .rdrDayHovered .rdrDayNumber:after, .rdrCalendarWrapper .rdrDayHovered .rdrDayNumber:after {
  border-radius: 5px !important;
}
.rdrDateRangePickerWrapper .rdrDayEndOfMonth .rdrDayInPreview,
.rdrDateRangePickerWrapper .rdrDayEndOfMonth .rdrDayStartPreview,
.rdrDateRangePickerWrapper .rdrDayEndOfMonth .rdrInRange,
.rdrDateRangePickerWrapper .rdrDayEndOfMonth .rdrStartEdge,
.rdrDateRangePickerWrapper .rdrDayEndOfWeek .rdrDayInPreview,
.rdrDateRangePickerWrapper .rdrDayEndOfWeek .rdrDayStartPreview,
.rdrDateRangePickerWrapper .rdrDayEndOfWeek .rdrInRange,
.rdrDateRangePickerWrapper .rdrDayEndOfWeek .rdrStartEdge, .rdrCalendarWrapper .rdrDayEndOfMonth .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayEndOfMonth .rdrDayStartPreview,
.rdrCalendarWrapper .rdrDayEndOfMonth .rdrInRange,
.rdrCalendarWrapper .rdrDayEndOfMonth .rdrStartEdge,
.rdrCalendarWrapper .rdrDayEndOfWeek .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayEndOfWeek .rdrDayStartPreview,
.rdrCalendarWrapper .rdrDayEndOfWeek .rdrInRange,
.rdrCalendarWrapper .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.rdrDateRangePickerWrapper .rdrDayStartOfMonth .rdrInRange,
.rdrDateRangePickerWrapper .rdrDayStartOfMonth .rdrEndEdge,
.rdrDateRangePickerWrapper .rdrDayStartOfMonth .rdrDayInPreview,
.rdrDateRangePickerWrapper .rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDateRangePickerWrapper .rdrDayStartOfWeek .rdrInRange,
.rdrDateRangePickerWrapper .rdrDayStartOfWeek .rdrEndEdge,
.rdrDateRangePickerWrapper .rdrDayStartOfWeek .rdrDayInPreview,
.rdrDateRangePickerWrapper .rdrDayStartOfWeek .rdrDayEndPreview, .rdrCalendarWrapper .rdrDayStartOfMonth .rdrInRange,
.rdrCalendarWrapper .rdrDayStartOfMonth .rdrEndEdge,
.rdrCalendarWrapper .rdrDayStartOfMonth .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayStartOfMonth .rdrDayEndPreview,
.rdrCalendarWrapper .rdrDayStartOfWeek .rdrInRange,
.rdrCalendarWrapper .rdrDayStartOfWeek .rdrEndEdge,
.rdrCalendarWrapper .rdrDayStartOfWeek .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rdrDateRangePickerWrapper .rdrEndEdge,
.rdrDateRangePickerWrapper rdrStartEdge,
.rdrDateRangePickerWrapper .rdrEndEdge,
.rdrDateRangePickerWrapper .rdrStartEdge, .rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper rdrStartEdge,
.rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper .rdrStartEdge {
  border-radius: 5px;
}
.rdrDateRangePickerWrapper .rdrDayNumber, .rdrCalendarWrapper .rdrDayNumber {
  font-weight: 400;
}
.rdrDateRangePickerWrapper .rdrInRange, .rdrCalendarWrapper .rdrInRange {
  opacity: 0.4;
}
.rdrDateRangePickerWrapper .rdrStartEdge, .rdrCalendarWrapper .rdrStartEdge {
  background: linear-gradient(0deg, #0c083a, #0c083a);
  border: 1px solid #3424eb;
}
.rdrDateRangePickerWrapper .rdrNextPrevButton, .rdrCalendarWrapper .rdrNextPrevButton {
  background-color: transparent;
}
.rdrDateRangePickerWrapper .rdrNextButton i, .rdrCalendarWrapper .rdrNextButton i {
  border-left-color: #eef3ff;
}
.rdrDateRangePickerWrapper .rdrPprevButton i, .rdrCalendarWrapper .rdrPprevButton i {
  border-right-color: #eef3ff;
}
.header-date-filter {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #7b7b7b;
  border: solid 1px #E8E8E8;
  border-radius: 8px;
  padding: 10px 10px 10px 14px;
  cursor: pointer;
  min-width: 235px;
  height: 40px;
  line-height: 19px;
}
.header-date-filter svg {
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 1px;
  transform: rotate(180deg);
}

.react-tooltip--header-date-filter {
  background-color: #000000 !important;
}
.react-tooltip--header-date-filter:after {
  left: 95% !important;
}
.react-tooltip--header-date-filter .rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthsVertical .rdrDays .rdrDay {
  color: white !important;
}
.insights-header-actions {
  display: flex;
  align-items: center;
}
.insights-header-actions__date-filter {
  margin-right: 10px;
}
.how-to-use-button {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
.how-to-use-button__text {
  margin-left: 5px;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  color: #c6c6c6;
}
.how-to-use-button:hover .how-to-use-button__text, .how-to-use-button:hover svg path {
  color: #251fb6;
  fill: #251fb6;
}
.back-arrow-button {
  min-width: auto;
  padding: 0 10px;
  margin-right: 7px;
  transition: background-color 150ms ease;
}
.back-arrow-button:hover svg circle {
  stroke: #8d8f92;
}
.back-arrow-button:hover svg rect,
.back-arrow-button:hover svg path {
  fill: #8d8f92;
}
.page-header {
  height: 68px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  background: white;
}
.page-header.is-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 90px;
  z-index: 20;
}
.page-header:after {
  position: absolute;
  content: "";
  background-color: #f4f4f4;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
}
.page-header__with-close-btn {
  padding-left: 90px;
}
.page-header__with-close-btn .close-btn {
  left: 0;
  top: 0;
  position: absolute;
  background-color: transparent;
  width: 68px;
  height: 66px;
  border-radius: 0;
  border-right: 1px solid #E8E8E8;
}
.page-header__with-close-btn .close-btn:hover {
  background-color: #4e48dc;
}
.page-header__with-close-btn:after {
  left: 0;
}
.page-header__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  display: inline-flex;
  align-items: center;
}
.page-header__title .slide-toggle + .page-header-creation-wrapper__settings-name {
  margin-left: 10px;
}
.page-header__sub-title {
  font-size: 14px;
  color: #7b7b7b;
}
.page-header__title-with-how-to {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}
.page-header__title-with-backarrow {
  display: flex;
  align-items: center;
}
.page-header__title-with-backarrow .back-arrow-button {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  margin-right: 11px;
}
.page-header__title-with-backarrow .back-arrow-button svg {
  flex-shrink: 0;
}
.page-header__title-with-backarrow .back-arrow-button:hover {
  background-color: #e5e4f6;
}
.page-header__title-with-backarrow .back-arrow-button:hover svg circle {
  stroke: #251fb6;
}
.page-header__title-with-backarrow .back-arrow-button:hover svg rect,
.page-header__title-with-backarrow .back-arrow-button:hover svg path {
  fill: #251fb6;
}
.page-header__actions {
  margin-left: auto;
}
.page-header-creation-wrapper__settings-name {
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 15px;
  margin-right: auto;
}
.page-header-creation-wrapper__settings-name input {
  width: fit-content;
  min-width: 240px;
  height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px !important;
  padding-left: 10px;
  border-radius: 5px;
  border: 1px solid #dbe2fe;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.page-header-creation-wrapper__page-name-length {
  position: absolute;
  bottom: -5px;
  left: 39px;
  font-size: 12px;
  color: #8f9199;
}
.slide-toggler {
  position: relative;
  width: 32px;
  height: 20px;
  background-color: #DBE2FE;
  display: inline-block;
  border-radius: 31px;
  cursor: pointer;
}
.slide-toggler__pointer {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  display: inline-block;
  background: #AAB3DA;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  transition: 0.5s;
}
.slide-toggler--active {
  background-color: #3424EB;
}
.slide-toggler--active .slide-toggler__pointer {
  transition: 0.5s;
  left: 15px;
}
.slide-toggler--disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
}
.slide-toggler--disabled .slide-toggler__pointer {
  background-color: #c4c6cd;
}
.analytics-email-report {
  padding: 25px;
}
.analytics-email-report__cards-row {
  display: flex;
  justify-content: space-around;
}
.analytics-email-report__empty {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #8d8f92;
}

.analytics-email-report-card {
  flex-grow: 1;
  padding: 20px 0;
  min-width: 190px;
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f9f9f9;
  border-radius: 8px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
}
.analytics-email-report-card:not(.analytics-email-report-card:last-child) {
  margin-right: 10px;
}
.analytics-email-report-card__title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
.analytics-email-report-card__diagram {
  margin-bottom: 12px;
  height: 38px;
}
.analytics-email-report-card__value {
  color: var(--card-color);
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.analytics-email-report-card__total {
  font-weight: 600;
  font-size: 14px;
  color: #8d8f92;
}
.analytics-email-report-card__basic {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 36px;
  font-weight: 500;
}
.analytics-email-report-card .analytics-report-container-values {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.analytics-email-report-card.custom-style {
  background-color: transparent;
  min-width: 50px;
  padding: 0;
  align-items: flex-start;
  position: relative;
}
.analytics-email-report-card.custom-style .title-base {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #A0A0A0;
}
.analytics-email-report-card.custom-style .analytics-report-container-basic {
  display: flex;
  align-items: center;
}
.analytics-email-report-card.custom-style .analytics-report-container-basic .analytics-email-report-card__diagram {
  margin-bottom: 0;
}
.analytics-email-report-card.custom-style .analytics-report-container-basic .analytics-email-report-card__value {
  margin-bottom: 5px;
  margin-top: 0;
}
.analytics-email-report-card.custom-style .analytics-report-container-basic .analytics-email-report-card__total {
  font-size: 13px;
}
.analytics-email-report-card.custom-style .analytics-report-container-basic-values {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.email-report-chart-legend {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
.email-report-chart-legend__item {
  position: relative;
}
.email-report-chart-legend__item:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: var(--legend-item-color);
  position: absolute;
  top: 1px;
  left: -20px;
  border-radius: 100%;
}

.analytics-email-report-daily-chart {
  position: relative;
  margin-top: 20px;
  background: #f9f9f9;
  border-radius: 8px;
}
.analytics-email-report-daily-chart__header {
  height: 80px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 36px;
  border-bottom: 1px solid #e9ecf1;
}
.analytics-email-report-daily-chart__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}
.analytics-email-report-daily-chart__chart-toggler {
  margin-left: auto;
}
.analytics-email-report-daily-chart__chart {
  margin-top: 24px;
  padding-right: 20px;
}

.analytics-email-report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 25px 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
}
@charset "UTF-8";
.colored-checkbox {
  position: var(--checkbox-position);
  right: 0;
  top: 0;
}
.colored-checkbox-round {
  position: relative;
}
.colored-checkbox-round label {
  background-color: transparent;
  border: 2px solid var(--checkbox-color);
  border-radius: 50%;
  cursor: pointer;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}
.colored-checkbox-round label:after {
  color: #fff;
  content: "✓";
  height: 15px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 15px;
  font-family: system-ui;
  text-align: center;
  font-size: 11px;
}
.colored-checkbox-round input[type=checkbox] {
  visibility: hidden;
}
.colored-checkbox-round input[type=checkbox]:checked + label {
  background-color: var(--checkbox-color);
  border-color: var(--checkbox-color);
}
.colored-checkbox-round input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.question-tooltip__svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.question-tooltip__react-tooltip {
  z-index: 999999;
}
.question-tooltip__react-tooltip .question-tooltip__text {
  background: black;
}
.question-tooltip__react-tooltip::after {
  border-bottom-color: #3A3B3F !important;
}
.question-tooltip__text {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #FFFFFF;
  max-width: 252px;
  padding: 20px;
  border-radius: 8px;
  background-color: #3A3B3F;
  line-height: 17.5px;
}
.question-tooltip .question-tooltip__is-light-theme {
  background: #fff;
  color: #000000;
}

.without-after::after {
  display: none;
}
.earn-free-credits {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
  margin-bottom: 27px;
  width: 100%;
}
.earn-free-credits__info {
  display: flex;
  width: 100%;
  padding: 40px 24px 16px 39px;
  border-bottom: 1px solid #f3f3f3;
}
.earn-free-credits__info-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 364px;
}
.earn-free-credits__info-text-title {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
}
.earn-free-credits__info-text-highlight {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #221cb6;
}
.earn-free-credits__info-text-subtitle {
  margin-top: 14px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8f8f8f;
}
.earn-free-credits__info-link {
  display: flex;
  margin-left: auto;
}
.earn-free-credits__info-link input {
  width: 264px;
  height: 48px;
  padding-right: 19px;
  background-color: #ffffff;
  border-color: #dbdfe7;
  color: #8f9199;
}
.earn-free-credits__info-link-button {
  margin-top: 20px;
  font-size: 14px;
  width: 154px;
  margin-left: 12px;
}
.earn-free-credits__stats-row {
  display: flex;
  width: 100%;
}
.earn-free-credits__stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 121px;
  flex: 1;
}
.earn-free-credits__stats-item:not(:last-of-type) {
  border-right: 1px solid #f3f3f3;
}
.earn-free-credits__stats-item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.earn-free-credits__stats-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
}
.earn-free-credits__stats-item-title span {
  margin-left: 6px;
}
.earn-free-credits__stats-item-value {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #221cb6;
}
.earn-free-credits__review-row {
  display: flex;
  gap: 20px;
}
.earn-free-credits__review-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 264px;
  padding: 30px 22px 25px;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
  flex: 1;
}
.earn-free-credits__review-item-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 7px;
  padding: 0 6px;
  color: #000000;
}
.earn-free-credits__review-item-title svg {
  margin-right: 10px;
}
.earn-free-credits__review-item-button {
  margin-top: auto;
  width: 100%;
  font-size: 14px;
}
.earn-free-credits__button {
  font-size: 14px;
  color: #231db6;
  border: 1px solid rgba(34, 28, 182, 0.53);
  background-color: transparent;
}
.earn-free-credits__button:hover {
  background-color: #231db6;
  border-color: #231db6;
  color: #ffffff;
}
.dashboard {
  flex: 1;
  width: 100%;
  height: 100vh;
  min-width: 945px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.dashboard .page-header {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
}
.dashboard__container {
  display: flex;
}
.dashboard__body {
  flex: 1;
  padding: 22px;
}
.dashboard__updates {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 30px 40px;
  margin-bottom: 4px;
  background-color: #f0effa;
  border-radius: 8px;
}
.dashboard__updates-title {
  position: relative;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
}
.dashboard__updates-title::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #231db6;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 50%;
  right: -16px;
  top: 12px;
  margin: auto;
}
.dashboard__updates-subtitle {
  margin-bottom: 18px;
  max-width: 40%;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #8f8f8f;
}
.dashboard__updates button {
  height: 42px;
  font-size: 14px;
}
.dashboard__updates-illustration {
  position: absolute;
  height: 100%;
  right: 8px;
  top: 0;
}
.dashboard__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-top: 22px;
}
.dashboard__section-header-title {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 24px;
  line-height: 20px;
  color: #000000;
}
.dashboard__section-header-subtitle {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #8f8f8f;
}
.dashboard__getting-started {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 132px;
  padding: 29px 27px 33px;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
  margin-bottom: 17px;
}
.dashboard__getting-started--complete {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dashboard__getting-started-completed-check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 53px;
  height: 53px;
  background: #23e771;
  border-radius: 50%;
  margin-right: 25px;
  font-weight: 600;
  font-size: 20px;
}
.dashboard__getting-started-order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 53px;
  height: 53px;
  background-color: rgba(34, 28, 182, 0.07);
  border-radius: 50%;
  margin-right: 25px;
  font-weight: 600;
  font-size: 20px;
  color: #221cb6;
}
.dashboard__getting-started-text {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  max-width: 60%;
}
.dashboard__getting-started-text-title {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.dashboard__getting-started-text-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8f8f8f;
}
.dashboard__getting-started-button {
  width: 141px;
  margin-left: auto;
}
.dashboard__getting-started-button--disabled {
  border-color: transparent !important;
  background-color: rgba(123, 123, 123, 0.08) !important;
  color: rgba(123, 123, 123, 0.65) !important;
  pointer-events: none;
  cursor: default;
}
.dashboard__insights {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.dashboard__help-items-row {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-bottom: 35px;
}
.dashboard__help-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 269px;
  padding: 28px 24px 32px;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.dashboard__help-item-header {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}
.dashboard__help-item-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 12px;
  border-radius: 16px;
}
.dashboard__help-item-header-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.dashboard__help-item-text-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8f8f8f;
}
.dashboard__help-item-button {
  width: 100%;
  height: 42px;
  margin-top: auto;
}
.dashboard__help-hire-va {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 30px 33px 29px;
  background-color: #eff8fe;
  border-radius: 8px;
}
.dashboard__help-hire-va-title {
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
}
.dashboard__help-hire-va-subtitle {
  max-width: 55%;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8f8f8f;
}
.dashboard__help-hire-va-button {
  height: 42px;
}
.dashboard__help-hire-va-illustration {
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
}
.dashboard__button {
  font-size: 14px;
  color: #231db6;
  border: 1px solid rgba(34, 28, 182, 0.53);
  background-color: transparent;
}
.dashboard__button:hover {
  background-color: #231db6;
  border-color: #231db6;
  color: #ffffff;
}
.error-boundary {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 24px auto;
}
.error-boundary__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: rgba(252, 14, 14, 0.1);
  border-radius: 8px;
}
.error-boundary__title {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.error-boundary__subtitle {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}
.editor-emoji-button {
  font-size: 16px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor-emoji-button:hover {
  border-radius: 5px;
  background: #E9EEFF;
}

.emoji-button-tooltip {
  display: grid;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
  height: 500px;
  grid-template-columns: repeat(12, 22px);
  grid-column-gap: 8px;
  grid-row-gap: 5px;
  padding-top: 5px;
}
.emoji-button-tooltip__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  height: 22px;
  min-width: 22px;
  cursor: pointer;
}
.emoji-button-tooltip__item:hover {
  background-color: #000000;
  border-radius: 3px;
}
.checkbox {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox--disabled .checkbox__field {
  border-color: #c6c6c6;
}
.checkbox--disabled span {
  cursor: default;
  opacity: 0.5;
}
.checkbox__field {
  --active: #251fb6;
  --disabled: #c6c6c6;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 16px;
  width: 16px;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  cursor: pointer;
  border: 1px solid #E3E3E3;
  background: var(--b, #F5F6FA);
  transition: background 0.7s, border-color 0.7s;
  border-radius: 4px;
}
.checkbox__field:disabled {
  cursor: default;
}
.checkbox__field:after {
  width: 3px;
  height: 6px;
  border: 1.5px solid #fff;
  border-top: 0;
  border-left: 0;
  left: 5px;
  top: 3px;
  content: "";
  display: block;
  position: absolute;
  transition: transform var(--d-t, 0.8s) var(--d-t-e, ease), opacity var(--d-o, 0.8s);
  transform: rotate(var(--r, 20deg));
  opacity: var(--o, 0);
}
.checkbox__field:checked {
  --r: 43deg;
  --b: var(--active);
  --bc: var(--active);
  --d-o: 0.3s;
  --d-t: 0.6s;
  --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  --o: 1;
}
.checkbox__field:disabled:checked {
  --b: var(--disabled);
  --bc: var(--disabled);
}
.checkbox__field:hover:not(:checked) {
  --bc: #2aa4cb;
}
.checkbox--size-l .checkbox__field {
  height: 24px;
  width: 24px;
}
.checkbox--size-l .checkbox__field:after {
  left: 9px;
  top: 6px;
  width: 5px;
  height: 8px;
}
.checkbox.custom-yes-no {
  height: 27px;
}
.checkbox.custom-yes-no .checkbox__field {
  width: 38px;
  height: 27px;
  border: none;
  background-color: rgba(237, 72, 61, 0.08);
}
.checkbox.custom-yes-no .checkbox__field:after {
  content: "NO";
  color: #ED483D;
  opacity: 1;
  top: 5px;
  left: 50%;
  transform: rotate(0) translateX(-10px);
  transition: none;
  min-width: 30px;
}
.checkbox.custom-yes-no .checkbox__field:checked {
  background-color: rgba(38, 199, 122, 0.08);
}
.checkbox.custom-yes-no .checkbox__field:checked:after {
  content: "YES";
  transform: rotate(0) translateX(-13px);
  left: 50%;
  border: none;
  color: #26C77A;
  min-width: 30px;
}
.editor-change-fallback {
  padding: 16px;
  background: #fff;
  box-shadow: 0 19px 31px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  position: absolute;
  z-index: 999;
  width: 350px;
}
.editor-change-fallback__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  color: #7E8397;
  margin-bottom: 8px;
}
.editor-change-fallback__body {
  display: flex;
  align-items: center;
}
.editor-change-fallback__input-fallback {
  width: 100%;
}
.editor-change-fallback__input-fallback .input__field {
  border-radius: 8px;
}
.editor-change-fallback__input-fallback--with-href .input__field {
  border-radius: 8px;
}
.editor-change-fallback__apply-btn {
  border-radius: 0 8px 8px 0;
  width: 85px;
  height: 40px;
}
.editor-change-fallback__apply-btn--with-href {
  margin-top: 15px;
  border-radius: 8px;
  width: 120px;
}
.editor-change-fallback__with-link-cb {
  margin: 15px 0;
}
.editor-change-fallback__with-link-cb .checkbox__field {
  margin-right: 8px;
}
.editor-change-fallback__body {
  display: flex;
  align-items: center;
}
.editor-change-fallback__link-wrapper {
  position: relative;
}
.editor-change-fallback__variables-button {
  position: absolute;
  height: 28px;
  width: 28px;
  top: 5px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}
.editor-change-fallback__variables-button:hover {
  background: #EAEDF2;
}
.editor-change-fallback__variables-button:hover svg circle {
  stroke: #221CB6;
}
.editor-change-fallback__variables-button:hover svg rect,
.editor-change-fallback__variables-button:hover svg path {
  fill: #221CB6;
}
.editor-change-fallback__variables {
  padding: 15px 0;
}
.editor-change-fallback__variables-item {
  padding: 0 10px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}
.editor-change-fallback__variables-item:not(.editor-change-fallback__variables-item:last-child) {
  margin-bottom: 10px;
}
.editor-change-fallback__variables-item:hover {
  background-color: #e9ecf1;
  color: #221CB6;
}
.editor-change-fallback__input-link .input__field {
  padding-right: 40px;
}
.slate-editor-variable {
  min-width: 20px;
  min-height: 20px;
  padding: 3px 8px;
  margin: 0 1px;
  vertical-align: baseline;
  display: inline-block;
  font-size: 13px;
  line-height: 19px;
  position: relative;
  background: #EDEDED;
  border: 1px solid rgba(0, 0, 0, 0.19);
  border-radius: 7px;
}
.slate-editor-variable--clickable {
  cursor: pointer;
}
.slate-editor-variable--empty {
  padding: 0;
  min-width: 20px;
  min-height: 20px;
  margin-bottom: -5px;
}
.slate-editor-variable--temp-variable {
  background-color: rgba(40, 34, 183, 0.12);
  border-radius: 7px;
  color: #251fb6;
  cursor: default !important;
  pointer-events: none;
}
.slate-editor-variable--ai-variable {
  border-radius: 7px;
  padding-right: 24px;
}
.slate-editor-variable--ai-variable::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(/ad438baa0abd8ac2f35f91c2b06ea2f5.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  right: 5px;
}
.editor-variables-list {
  height: 360px;
  width: 240px;
  background-color: #000000;
  border-radius: 8px;
  overflow: auto;
}
.editor-variables-list--inner {
  padding: 24px 26px;
}
.editor-variables-list--with-sticky-button .editor-variables-list--inner {
  padding-bottom: 18px;
}
.editor-variables-list__search-input input {
  height: 45px;
  width: 100%;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  color: #ffffff;
}
.editor-variables-list__search-input input:focus {
  border-color: #272727;
}
.editor-variables-list__category {
  padding-top: 20px;
}
.editor-variables-list__category-title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 10px;
  line-height: 19px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.59);
}
.editor-variables-list_button {
  color: #7974F6;
  font-size: 14px;
  position: sticky;
  bottom: 0;
  background-color: #000;
  padding: 12px;
  font-weight: 400;
  text-align: center;
}
.editor-variables-list_button:before {
  content: "";
  background: rgba(255, 255, 255, 0.19);
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}
.editor-variables-list_button:hover {
  cursor: pointer;
  color: rgba(121, 116, 246, 0.8);
}
.editor-variables-list__item {
  font-weight: 400;
  font-size: 14px;
  line-height: 31px;
  color: #ffffff;
  cursor: pointer;
}
.editor-variables-list__item:hover {
  opacity: 0.8;
}
.editor-variables-button {
  cursor: pointer;
  height: 16px;
  margin-right: 5px;
}
@keyframes gradient {
  0% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.gradient-background-loader {
  background: linear-gradient(135deg, #fafafa 10%, #c1c1c1 50%, #fafafa 90%);
  background-size: 400% 400%;
  animation: gradient 3s ease infinite;
  position: relative;
}
.slate-image-wrapper {
  position: relative;
  display: inline-block;
  border: 1px solid black;
}
.slate-image-wrapper .slate-image {
  display: flex;
  max-width: 100%;
  position: relative;
}
.slate-image-wrapper .slate-image--focused {
  box-shadow: 0 0 0 2px #221cb6;
}
.slate-image-wrapper__resizer {
  display: none;
}
.slate-image-wrapper--focused .slate-image-wrapper__resizer {
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #221cb6;
  cursor: nw-resize;
}
.slate-editor {
  width: 100%;
  position: relative;
}
.slate-editor.focused-editor {
  box-shadow: 0px 3px 7.1px rgba(157, 170, 250, 0.24) !important;
  border-radius: 8px !important;
  border-color: #C3C9E7 !important;
}
.slate-editor * {
  line-height: 21px !important;
}
.slate-editor__button-disabled, .slate-editor__button-disabled:hover {
  opacity: 0.2;
}
.slate-editor__link, .slate-editor__link:hover {
  color: #221cb6 !important;
}
.slate-editor__ul:last-child {
  margin-bottom: 0;
}
.slate-editor__editor {
  height: 455px;
  padding: 15px 10px 10px 28px;
  overflow-y: scroll;
}
.slate-editor__editor--disabled {
  pointer-events: none;
}
.slate-editor__editor--with-vars {
  padding: 15px 40px 10px 28px;
}
.slate-editor__editor--with-signature {
  min-height: 300px;
}
.slate-editor__editor--inline {
  height: 38px;
  padding: 0;
  width: 100%;
  overflow-y: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slate-editor__editor-wrapper-inline {
  flex: 1;
  padding-left: 28px;
  font-weight: 600;
}
.slate-editor__signature p {
  height: 14px;
}
.slate-editor__signature-placeholder {
  display: flex;
  align-items: center;
  padding: 30px 24px;
  background-color: rgba(189, 189, 189, 0.24);
  border-radius: 8px;
  pointer-events: none;
  cursor: default;
}
.slate-editor__signature-placeholder svg {
  margin-right: 11px;
}
.slate-editor__signature-placeholder p {
  height: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.slate-editor__referral-content {
  margin-bottom: 12px;
}
.slate-editor__referral-content p {
  font-size: 14px;
}
.slate-editor__referral-content a {
  color: #221cb5;
}
.slate-editor__unsubscribe-content {
  margin-top: 12px;
}
.slate-editor__unsubscribe-content * {
  color: #8f9199 !important;
}
.slate-editor__unsubscribe-content p {
  font-size: 14px;
}
.slate-editor__action-button {
  margin-right: 20px;
  height: 35px;
  border: 1px solid #221cb6;
  background-color: #ffffff;
  font-size: 14px;
  color: #221cb6;
}
.slate-editor__action-button:hover {
  background-color: #e9eeff;
}
.slate-editor__action-button svg {
  margin-right: 9px;
}
.slate-editor__action-button svg path {
  stroke: #221cb6;
}
.slate-editor__controls {
  display: flex;
  align-items: center;
  box-sizing: content-box;
  height: 20px;
  padding: 30px;
  margin-top: 10px;
  border-top: 1px solid #e9ecf1;
}
.slate-editor__controls-separator {
  height: 16px;
  width: 1px;
  background-color: #e9ecf1;
  margin: 0 12px;
}
.slate-editor__right-bottom-corner-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.slate-editor__revert-button {
  border-radius: 5px;
  width: 24px;
  height: 24px;
}
.slate-editor__revert-button:hover {
  background: #E9EEFF;
}
.slate-editor__revert-button:hover svg circle,
.slate-editor__revert-button:hover svg path {
  stroke: #221cb6;
}
.slate-editor__revert-button:hover svg rect {
  fill: #221cb6;
}
.slate-editor__spinner svg {
  animation: spin 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes spin {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.slate-editor__element--var {
  color: #221CB6;
  cursor: pointer;
  margin: 0 5px;
  display: inline-block;
  background-color: #e9ecf1;
  border-radius: 3px;
}
.slate-editor__tooltip {
  display: flex;
  align-items: center;
}
.slate-editor__tooltip-remove-btn {
  height: 20px;
}
.slate-editor__tooltip-input .input__field {
  width: 150px;
  color: #fff;
}
.slate-editor__wrapper-variables--stick {
  position: absolute;
  top: -30px;
  right: -2px;
}
.slate-editor-flag-mark, .slate-editor-ai {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slate-editor-flag-mark__tap-block, .slate-editor-ai__tap-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}
.slate-editor-flag-mark__button-disabled, .slate-editor-ai__button-disabled {
  opacity: 0.2;
}
.slate-editor-flag-mark__button-disabled:hover, .slate-editor-ai__button-disabled:hover {
  cursor: not-allowed;
}
.slate-editor-flag-mark:hover, .slate-editor-ai:hover {
  background-color: #e9eeff;
  border-radius: 5px;
}
.slate-editor-flag-mark:hover .slate-editor-flag-mark__tap-block svg path, .slate-editor-ai:hover .slate-editor-flag-mark__tap-block svg path {
  stroke: #221CB6;
}
.slate-editor-flag-mark__tooltip, .slate-editor-ai__tooltip {
  background-color: black;
  border-radius: 8.5px;
}
.slate-editor-flag-mark__tooltip .input, .slate-editor-ai__tooltip .input {
  margin-left: 5px !important;
}
.slate-editor-flag-mark__tooltip-header, .slate-editor-ai__tooltip-header {
  padding: 20px;
  font-size: 16px;
  border-bottom: 1px solid #272727;
}
.slate-editor-flag-mark__tooltip-header-title, .slate-editor-ai__tooltip-header-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.slate-editor-flag-mark__tooltip-header-title svg, .slate-editor-ai__tooltip-header-title svg {
  margin-top: 2px;
}
.slate-editor-flag-mark__tooltip-header-title-content, .slate-editor-ai__tooltip-header-title-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.slate-editor-flag-mark__tooltip-header-title-content p, .slate-editor-ai__tooltip-header-title-content p {
  font-size: 16px;
}
.slate-editor-flag-mark__tooltip-header-title-content span, .slate-editor-ai__tooltip-header-title-content span {
  color: #7b7b7b;
  font-size: 12px;
}
.slate-editor-flag-mark__tooltip-header-item, .slate-editor-ai__tooltip-header-item {
  border-top: 1px solid #272727;
  padding: 10px 20px;
}
.slate-editor-flag-mark__tooltip-header-item:hover, .slate-editor-ai__tooltip-header-item:hover {
  background-color: #181818;
}
.slate-editor-flag-mark__tooltip-body, .slate-editor-ai__tooltip-body {
  max-height: 300px;
  overflow-y: auto;
}
.slate-editor-flag-mark__tooltip-footer, .slate-editor-ai__tooltip-footer {
  border-top: 1px solid #272727;
  position: sticky;
  bottom: 0;
}
.slate-editor-flag-mark__tooltip-footer .button--ghost, .slate-editor-ai__tooltip-footer .button--ghost {
  width: 100%;
  justify-content: flex-start !important;
  padding: 14px 20px 19px;
  height: 47px !important;
  border-radius: 8px !important;
}
.slate-editor-flag-mark__tooltip-footer .button--ghost:hover, .slate-editor-ai__tooltip-footer .button--ghost:hover {
  background-color: #181818 !important;
  border-radius: 8px;
}
.slate-editor-ai:hover {
  background-color: #e9eeff;
  border-radius: 5px;
}
.slate-editor-ai:hover .slate-editor-ai__tap-block svg path:first-child {
  stroke: #221CB6;
}
.slate-editor-ai:hover .slate-editor-ai__tap-block svg path:nth-child(2) {
  fill: #221CB6;
}
.slate-editor-ai__tooltip {
  min-height: 490px;
  min-width: 338px;
}
.slate-editor-ai__tooltip.extra-tooltip .slate-editor-ai__tooltip-header {
  padding-left: 13px;
}
.slate-editor-ai__tooltip .input {
  margin-left: 5px !important;
}
.slate-editor-ai__tooltip-body {
  max-height: 490px;
  overflow-y: auto;
}
.slate-editor-ai__tooltip-header-button {
  gap: 5px;
  padding-left: 0;
  padding-right: 0;
  min-width: 63px;
  height: 16px;
}
.slate-editor-ai__tooltip-header-button:hover svg path {
  fill: #4e48dc;
}
.slate-editor-ai__tooltip-header-option {
  padding: 8px 20px;
  border-top: 1px solid #272727;
  font-size: 16px;
}
.slate-editor-ai__tooltip-header-option:last-child {
  border-bottom: 1px solid #272727;
}
.slate-editor-ai__tooltip-header-option:hover {
  background-color: #181818;
}
.slate-editor-ai__tooltip-header-item {
  padding: 0;
}
.slate-editor-ai__tooltip-header-item:hover {
  background-color: black;
}
.slate-editor-ai__tooltip-header-item-options {
  color: #7b7b7b;
  font-size: 16px;
  padding: 8px 20px;
}
.slate-editor-ai__tooltip-header-item-options:hover {
  cursor: default;
}
.slate-editor-ai__tooltip-header-item-options-element {
  border-top: 1px solid #272727;
  padding: 10px 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.slate-editor-ai__tooltip-header-item-options-element:last-child {
  border-bottom: 1px solid #272727;
}
.slate-editor-ai__tooltip-header-item-options-element .lock-btn {
  margin: 0 0 0 auto;
  display: none;
}
.slate-editor-ai__tooltip-header-item-options-element .lock-btn:hover {
  cursor: pointer;
}
.slate-editor-ai__tooltip-header-item-options-element--disabled:hover {
  background-color: #181818;
}
.slate-editor-ai__tooltip-header-item-options-element--disabled:hover .lock-btn {
  display: block;
}
.slate-editor-ai__tooltip-header-item-options-element:hover {
  background-color: #181818;
}

.editor-variables-button-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  border: 1px solid #dbdfe7;
  box-sizing: border-box;
  border-radius: 8.5px;
  margin-right: 5px;
  margin-left: 5px;
}
.editor-variables-button-inline:hover {
  cursor: pointer;
  border: 1px solid #221cb6;
}
.editor-variables-button-inline:hover svg circle {
  stroke: #221CB6;
}
.editor-variables-button-inline:hover svg rect,
.editor-variables-button-inline:hover svg path {
  fill: #221CB6;
}

.slate-editor-attachment-button__label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.slate-editor-attachment-button__input-field {
  display: none;
}

.slate-editor-image-button__label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.slate-editor-image-button__input-field {
  display: none;
}

.slate-editor-video-button__label,
.slate-editor-link-button__label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.slate-editor-video-button:hover,
.slate-editor-link-button:hover {
  cursor: pointer;
}

.slate-editor-more-actions {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slate-editor-more-actions__tap-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}
.slate-editor-more-actions__tooltip {
  padding: 14px 0 20px 0;
}
.slate-editor-more-actions__tooltip-item {
  padding: 0 20px;
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.slate-editor-more-actions__tooltip-item:hover {
  background-color: #181818;
}
.slate-editor-more-actions__tooltip-item svg {
  margin-right: 7px;
}
.slate-editor-more-actions:hover {
  cursor: pointer;
  border-radius: 5px;
  background: #e9eeff;
}

.absolute-slate-variable {
  position: absolute;
  right: 5px;
  top: 50px;
}

.signature-editor {
  width: 100%;
  min-width: 445px;
  position: relative;
  border: 1px solid #dbdfe7;
  border-radius: 8.5px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
.signature-editor__editor {
  height: 250px;
  padding: 24px 17px;
  overflow-y: scroll;
}
.signature-editor__signature-textarea-editor {
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  border-radius: 8px;
  width: 315px;
  height: 40px;
  border: none;
  resize: none;
  width: 100%;
  height: 250px;
  padding: 15px 10px 10px 28px;
}
.signature-editor__signature-textarea-editor:focus {
  border: 1px solid #221cb6;
  outline: none;
}
.signature-editor__signature-textarea-editor:focus {
  outline: none;
  border: none;
}
.signature-editor__signature-textarea-editor::placeholder {
  pointer-events: none;
  width: 100%;
  max-width: 100%;
  display: block;
  color: #000;
  opacity: 0.333;
  user-select: none;
  text-decoration: none;
  line-height: 21px;
}
.signature-editor__controls {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 10px;
  border-top: 1px solid #e9ecf1;
  margin-top: auto;
}
.signature-editor__controls--disabled .button {
  cursor: not-allowed;
}
.signature-editor__controls--disabled .button svg circle[stroke],
.signature-editor__controls--disabled .button svg rect[stroke],
.signature-editor__controls--disabled .button svg path[stroke] {
  stroke: #8f9199;
}
.signature-editor__controls--disabled .button svg circle[fill],
.signature-editor__controls--disabled .button svg rect[fill],
.signature-editor__controls--disabled .button svg path[fill] {
  fill: #8f9199;
}
.signature-editor__controls-separator {
  height: 16px;
  width: 1px;
  background-color: #e9ecf1;
  margin: 0 12px;
}
.signature-editor__controls-right {
  margin-left: auto;
  border-left: 1px solid #e9ecf1;
  padding-left: 12px;
}
.signature-editor__controls-right .multi-switch {
  border: none;
}
.signature-editor__controls-switch-option {
  padding: 9px 14px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #8f9199;
  border: 1px solid transparent;
}
.signature-editor__controls-switch-option:hover {
  color: #221cb6 !important;
}
.signature-editor__controls-switch-option--active {
  border: 1px solid #221cb6;
  background: transparent !important;
  border-radius: 8px;
}

.editable-footer {
  margin: 6px 0;
}
.editable-footer .slate-editor__signature-placeholder-email-open {
  width: 34px;
  height: 34px;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(34, 28, 182, 0.07);
  border-radius: 6px;
  padding: 0;
  position: absolute;
  right: 25px;
  pointer-events: visible;
}
.editable-footer .slate-editor__signature-placeholder-email-open svg {
  margin-right: 0;
}
.editable-footer .slate-editor__signature-placeholder-email-open:hover {
  cursor: pointer;
}
.editable-footer:hover .slate-editor__signature-placeholder {
  border-color: #C3C9E7;
  box-shadow: 0px 3px 7.1px rgba(157, 170, 250, 0.24);
}
.editable-footer:hover .slate-editor__signature-placeholder-email-open {
  display: flex;
}
.counter-signs {
  display: flex;
  margin-top: 5px;
  font-size: 10px;
  color: #8F9199;
  align-items: center;
  justify-content: end;
}
.counter-signs svg {
  margin-right: 7px;
}
.counter-signs svg circle[stroke],
.counter-signs svg rect[stroke],
.counter-signs svg path[stroke] {
  stroke: #8f9199;
}
.counter-signs svg circle[fill],
.counter-signs svg rect[fill],
.counter-signs svg path[fill] {
  fill: #8f9199;
}
.counter-signs--red {
  color: #ed483d;
}
.counter-signs--red circle[stroke],
.counter-signs--red rect[stroke],
.counter-signs--red path[stroke] {
  stroke: #ed483d;
}
.counter-signs--red circle[fill],
.counter-signs--red rect[fill],
.counter-signs--red path[fill] {
  fill: #ed483d;
}
.remove-two-steps-button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.remove-two-steps-button__text {
  transition: width 0.3s;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
}
.remove-two-steps-button__removing-item-text {
  display: inline-block;
  padding: 5px 6px;
  border-radius: 8.5px;
  background-color: #FFE3E3;
  margin: 0 7px;
}
.remove-two-steps-button svg {
  margin-right: 7px;
}
.remove-two-steps-button svg path {
  fill: #000;
}
.remove-two-steps-button:hover {
  cursor: pointer;
}
.remove-two-steps-button:hover svg circle {
  stroke: #FC0E0E;
}
.remove-two-steps-button:hover svg rect,
.remove-two-steps-button:hover svg path {
  fill: #FC0E0E;
}
.remove-two-steps-button:focus {
  outline: none;
}
.remove-two-steps-button--clicked {
  color: #FC0E0E;
}
.remove-two-steps-button--clicked .remove-two-steps-button__text {
  width: auto;
}
.remove-two-steps-button--clicked svg path {
  fill: #FC0E0E !important;
}
.file-extension-icon {
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  background: #4B4C4D;
  color: white;
  font-family: "Courier New";
  font-size: 10px;
  border-radius: 2px;
  margin-right: 6px;
}
.slate-attachments {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #e9ecf1;
  display: flex;
  align-items: center;
  gap: 9px;
}
.slate-attachments__file-wrapper {
  position: relative;
}
.slate-attachments__file {
  height: 50px;
  max-width: 150px;
  background: #e9ecf1;
  border-radius: 8px;
  padding: 6px 10px;
  position: relative;
}
.slate-attachments__file-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  height: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slate-attachments__file-size {
  margin-top: 4px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: rgba(0, 0, 0, 0.4);
  padding-left: 29px;
  font-size: 12px;
}
.slate-attachments__file-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slate-attachments__file-remove:hover circle {
  stroke: #f77b73;
}
.slate-attachments__file-remove:hover rect,
.slate-attachments__file-remove:hover path {
  fill: #f77b73;
}
.editor-change-link {
  padding: 16px;
  background: #fff;
  box-shadow: 0 19px 31px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  position: absolute;
  z-index: 999;
}
.editor-change-link__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  color: #7E8397;
}
.editor-change-link__body {
  display: flex;
  align-items: center;
}
.editor-change-link__link-wrapper {
  position: relative;
}
.editor-change-link__variables-button {
  position: absolute;
  height: 28px;
  width: 28px;
  top: 5px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}
.editor-change-link__variables-button:hover {
  background: #EAEDF2;
}
.editor-change-link__variables-button:hover svg circle {
  stroke: #221CB6;
}
.editor-change-link__variables-button:hover svg rect,
.editor-change-link__variables-button:hover svg path {
  fill: #221CB6;
}
.editor-change-link__variables {
  padding: 15px 0;
}
.editor-change-link__variables-item {
  padding: 0 10px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}
.editor-change-link__variables-item:not(.editor-change-link__variables-item:last-child) {
  margin-bottom: 10px;
}
.editor-change-link__variables-item:hover {
  background-color: #e9ecf1;
  color: #221CB6;
}
.editor-change-link__input .input__field {
  border-radius: 8px 0 0 8px;
  padding-right: 40px;
}
.editor-change-link__apply-btn {
  border-radius: 0 8px 8px 0;
  width: 85px;
  height: 40px;
}
.campaign-template-editor {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 90px;
}
.campaign-template-editor__subject {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 23px;
  border-bottom: 1px solid #F4F4F4;
}
.campaign-template-editor__subject-header {
  padding-right: 9px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #8F9199;
}
.campaign-template-editor__subject .slate-editor__editor-wrapper-inline {
  padding-left: 0;
}
.campaign-template-editor .slate-editor__editor--with-vars {
  padding-top: 21px;
  padding-left: 23px;
}
.textarea {
  position: relative;
}
.textarea__field {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  border-radius: 8px;
  width: 315px;
  height: 40px;
  color: #000;
  font-size: 16px;
  padding: 11px 20px;
  height: 48px;
  min-height: 48px;
  transition: height 250ms ease;
}
.textarea__field:focus {
  border: 1px solid #221cb6;
  outline: none;
}
.textarea--error .textarea__field {
  border: 1px solid #ed483d;
  color: #ed483d;
}
.textarea--disabled .textarea__field {
  color: #8d8f92;
}
.textarea--not-resizable .textarea__field {
  resize: none;
}
.textarea__error {
  display: none;
}
.textarea__clear-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textarea--clearable .textarea__field {
  padding-right: 30px;
}
.textarea--full-width .textarea__field {
  width: 100%;
}
.textarea--full-height .textarea__field {
  height: 100%;
}
.textarea--transparent .input__field {
  background-color: transparent;
  border: none;
}
.content-search-editor-v2 {
  display: flex;
  flex-direction: column;
}
.content-search-editor-v2__block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -5px;
  margin-bottom: 19px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.content-search-editor-v2__block-title a {
  color: #3424eb;
  text-decoration: none;
}
.content-search-editor-v2__source {
  margin-right: 70px;
}
.content-search-editor-v2__queries {
  flex: 1;
}
.content-search-editor-v2__source-item {
  width: 189px;
  height: 95px;
  background: #fafafa;
  border: 1px solid rgba(99, 99, 99, 0.21);
  box-sizing: border-box;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.content-search-editor-v2__source-item:not(:last-child) {
  margin-bottom: 15px;
}
.content-search-editor-v2__source-item--active {
  background: #eef3ff;
  border: 1px solid #221db6;
}
.content-search-editor-v2__query-editor-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 226px;
  border: 1px solid rgba(99, 99, 99, 0.21);
  box-sizing: border-box;
  border-radius: 15px;
}
.content-search-editor-v2__query-editor {
  display: flex;
  flex-direction: column;
  max-height: 226px;
  height: 100%;
  padding: 0;
  overflow-y: auto;
}
.content-search-editor-v2__query-editor > div:not(:last-child) {
  min-height: 39px;
  transition: min-height 200ms ease;
}
.content-search-editor-v2__query-editor--with-placeholder > div:not(:last-child) {
  min-height: 97px !important;
}
.content-search-editor-v2__query-editor-placeholder {
  position: absolute;
  display: block;
  padding: 10px 17px 10px 17px;
  color: #acacac;
  font-size: 16px;
  pointer-events: none;
  white-space: pre;
  z-index: -1;
}
.content-search-editor-v2__query-editor-placeholder-row {
  display: flex;
  margin-bottom: 10px;
}
.content-search-editor-v2__query-editor-placeholder-order {
  margin-right: 17px;
}
.content-search-editor-v2__query-order-number {
  margin-right: 5px;
  font-size: 18px;
  line-height: 181%;
  color: #202430;
}
.content-search-editor-v2__query {
  display: inline-flex;
  width: 100%;
  counter-increment: line;
}
.content-search-editor-v2__query svg {
  cursor: pointer;
  margin-left: 10px;
}
.content-search-editor-v2__query:hover span {
  visibility: visible;
}
.content-search-editor-v2__query-text {
  position: relative;
  padding-left: 34px;
  width: 100%;
  max-width: 100%;
  font-size: 18px;
  line-height: 181%;
  color: #000;
  overflow: hidden;
  word-break: break-word;
}
.content-search-editor-v2__query-text:focus-visible {
  outline: none;
}
.content-search-editor-v2__query-text:before {
  content: counter(line) ".";
  position: absolute;
  left: 0;
  margin-right: 5px;
  font-size: 18px;
  line-height: 181%;
  color: #202430;
}
.content-search-editor-v2__query-text--empty:before {
  content: "";
}
.content-search-editor-v2__query-link {
  visibility: hidden;
  margin-top: 11px;
  cursor: pointer;
}
.content-search-editor-v2__warning-icon svg {
  margin-bottom: -1px;
}
.campaign-template-input__wrapper {
  position: relative;
  margin: 15px;
}
.campaign-template-input__wrapper input[id^=react-select-] {
  opacity: 1 !important;
}
.campaign-template-input__wrapper .select .select__icon svg path {
  stroke: #251FB6;
}
.campaign-template-input__wrapper .select .css-rzky46-control,
.campaign-template-input__wrapper .select .css-rzky46-control:hover,
.campaign-template-input__wrapper .select .css-eqy8aq-control:focus,
.campaign-template-input__wrapper .select .css-eqy8aq-control:hover {
  border-color: #DBDFE7;
  box-shadow: 0px 4px 11.5px rgba(0, 0, 0, 0.08);
}
.campaign-template-input__wrapper .select .css-eqy8aq-control,
.campaign-template-input__wrapper .select .css-rzky46-control {
  border-radius: 5px;
}
.campaign-template-input__wrapper .select-grey + .campaign-template-input__square-button {
  background-color: #D9D9D9;
}
.campaign-template-input__wrapper .select-grey + .campaign-template-input__square-button svg path {
  stroke: #979797;
}
.campaign-template-input input {
  width: 100%;
}
.campaign-template-input textarea {
  min-height: 48px;
  max-height: 136px;
  padding: 12px 19px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.campaign-template-input textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #acacac;
  white-space: pre-line;
}
.campaign-template-input__container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.campaign-template-input__container-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.campaign-template-input__order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 24px;
  margin-right: 6px;
  color: #8f9199;
  background: rgba(143, 145, 153, 0.13);
  border-radius: 6px;
}
.campaign-template-input__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
}
.campaign-template-input__square-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  min-width: auto;
  padding: 0;
}
.campaign-template-input__square-button svg {
  transform: rotate(-90deg);
}
.campaign-template-input__square-button .refresh {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.select {
  position: relative;
}
.select__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select.select-grey .css-eqy8aq-control {
  background: #F0F0F0;
  border-color: #F0F0F0;
}
.select.select-grey .select__icon svg path {
  stroke: #8F9199;
}
.poor-number-input {
  position: relative;
  width: 100%;
}
.poor-number-input__decrease-btn, .poor-number-input__increase-btn {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c4c6cd;
  font-size: 16px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.poor-number-input__decrease-btn:hover, .poor-number-input__increase-btn:hover {
  color: #221CB6;
}
.poor-number-input__decrease-btn {
  left: 10px;
}
.poor-number-input__increase-btn {
  right: 10px;
}
.poor-number-input__field {
  width: 100%;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  height: 38px;
  text-align: center;
}
html {
  --right-sidebar-width: 526px;
  --right-sidebar-animation-length: .3s;
}

.right-info-sidebar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 220;
}
.right-info-sidebar__background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #000000;
  opacity: 0.3;
  animation: comeinBackground var(--right-sidebar-animation-length) linear;
}
.right-info-sidebar__sidebar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: var(--right-sidebar-width);
  background: #FFFFFF;
  box-shadow: 0px 4px 50px rgba(18, 16, 68, 0.09);
  display: flex;
  flex-direction: column;
  animation: comeinSidebar var(--right-sidebar-animation-length) linear;
}
.right-info-sidebar__cross-svg-close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.right-info-sidebar__header {
  overflow: hidden;
  padding: 19px 76px 18px 18px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 1px solid #ECECEC;
  display: flex;
  align-items: center;
}
.right-info-sidebar__header .sidebar-crm-header {
  padding: 0;
  border-bottom: none;
}
.right-info-sidebar__header.no-overflow {
  overflow: visible;
}
.right-info-sidebar__header.no-border {
  border: none;
}
.right-info-sidebar__body {
  flex: 1;
}

@keyframes comeinBackground {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes comeinSidebar {
  from {
    right: calc(var(--right-sidebar-width) * -1);
  }
  to {
    right: 0;
  }
}
.radio {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio__field {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio__field:checked ~ .radio__checkmark {
  background-color: #fff;
  border: 1px solid #3424eb;
}
.radio__field:checked ~ .radio__checkmark-inner {
  border-radius: 100%;
  background-color: #3424eb;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  margin: auto;
  width: 12px;
  height: 12px;
}
.radio__checkmark {
  background: #f5f6fa;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  height: 16px;
  width: 16px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 100%;
}
.radio__checkmark-inner {
  display: none;
}
.upsell-option {
  display: flex;
  align-items: flex-start;
  padding: 20px 20px 19px;
  margin-bottom: 16px;
  border: 1px solid #eeeeee;
  border-radius: 11px;
  background-color: #ffffff;
  transition: background-color 0.3s linear;
  cursor: pointer;
}
.upsell-option--chosen {
  background-color: #f2f5ff;
}
.upsell-option__radio {
  flex-shrink: 0;
  margin-top: 12px;
}
.upsell-option__radio .radio__checkmark-inner {
  width: 15px;
  height: 15px;
  top: 0 !important;
  left: 0 !important;
  bottom: 2px !important;
  right: 2px !important;
}
.upsell-option__description {
  margin-left: 10px;
}
.upsell-option__header {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.upsell-option__price-per-credit {
  color: #221CB6;
}
.upsell-option__text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.5rem;
}
.upsell-option__text--strong {
  font-weight: 800;
}
.upsell-option__select-subscription-row {
  display: flex;
  align-items: baseline;
  margin-top: 8px;
}
.upsell-option__select-wrapper {
  width: 140px;
  margin: 0 12px;
}
.upsell-option__batch-quantity {
  display: flex;
  align-items: baseline;
}
.upsell-option__batch-quantity .input__field {
  margin-left: 12px;
  padding-left: 10px;
  width: 67px;
  font-weight: bold;
}
.upsell-sidebar-footer {
  background: rgba(219, 226, 254, 0.3490196078);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px 30px 20px;
  --button-height: 43px;
}
.upsell-sidebar-footer__price-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.upsell-sidebar-footer__price-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 144%;
}
.upsell-sidebar-footer__price {
  color: #221CB6;
  font-weight: 600;
  font-size: 40px;
  line-height: 58px;
}
.upsell-sidebar-footer__price-loader {
  width: 50px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upsell-sidebar-footer__buttons {
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
}
.upsell-sidebar-footer__cancel-button {
  width: 120px;
  height: var(--button-height);
  color: #8D8F92;
  background: #FFFFFF;
  margin-right: 12px;
}
.upsell-sidebar-footer__pay-button {
  flex: 1;
  height: var(--button-height);
}
.upsell-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.upsell-sidebar__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 20px 15px;
}
.upsell-sidebar__footer {
  background: rgba(219, 226, 254, 0.3490196078);
}
.upsell-sidebar__bottom-description {
  font-size: 12px;
  color: #8f9199;
  display: flex;
  align-items: center;
  margin: auto auto 0;
}
.upsell-sidebar__bottom-description svg {
  margin-right: 6px;
}
.upsell-sidebar__bottom-description svg circle[stroke],
.upsell-sidebar__bottom-description svg rect[stroke],
.upsell-sidebar__bottom-description svg path[stroke] {
  stroke: #8f9199;
}
.upsell-sidebar__bottom-description svg circle[fill],
.upsell-sidebar__bottom-description svg rect[fill],
.upsell-sidebar__bottom-description svg path[fill] {
  fill: #8f9199;
}
.campaign-template {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 100%;
}
.campaign-template .slate-editor__editor {
  height: auto;
}
.campaign-template__container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.campaign-template__container .page-header__title {
  display: flex;
  align-items: flex-end;
}
.campaign-template__header {
  display: flex;
  align-items: center;
}
.campaign-template__header button span {
  margin-right: 22px;
}
.campaign-template__sidebar {
  display: flex;
  flex-direction: column;
  gap: 37px;
  padding: 22px 29px;
  width: 526px;
  background-color: #f2f2f2;
}
.campaign-template__sidebar-video {
  flex-shrink: 0;
  position: relative;
  width: 468px;
  height: 263px;
  background-color: #ffffff;
  border-radius: 7px;
  overflow: hidden;
}
.campaign-template__sidebar-description {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #7b7b7b;
}
.campaign-template__sidebar-sequence {
  display: flex;
  flex-direction: column;
}
.campaign-template__sidebar-sequence-label {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #7b7b7b;
}
.campaign-template__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 35px 40px;
}
.campaign-template__content--container {
  flex: 1;
  height: calc(100vh - 68px);
  overflow: auto;
  padding-bottom: 20px;
}
.campaign-template__content .content-search-editor-v2__query-editor-wrapper {
  border-radius: 8px;
  max-height: 295px;
}
.campaign-template__content .content-search-editor-v2__query-editor-wrapper.visible {
  overflow: visible;
}
.campaign-template__content .content-search-editor-v2__query-editor-wrapper.visible .campain-select__menu {
  overflow: hidden;
}
.campaign-template__content .content-search-editor-v2__query-editor-wrapper.visible .campain-select__menu .campain-select__option--is-disabled {
  color: #7B7B7B;
}
.campaign-template__content .content-search-editor-v2__query-editor-wrapper.visible .campain-select__menu .campain-select__option--is-disabled:hover {
  background-color: inherit;
}
.campaign-template__content .content-search-editor-v2__query-editor > div:not(:last-child) {
  padding: 5px 17px !important;
}
.campaign-template__content .content-search-editor-v2__query-text {
  font-size: 16px;
  padding-left: 30px;
}
.campaign-template__content .content-search-editor-v2__query-text:before {
  font-size: 16px;
}
.configurable-sidebar {
  width: 210px;
  height: 100vh;
  flex-shrink: 0;
  background-color: #fbfbfb;
  display: flex;
  flex-direction: column;
}
.configurable-sidebar__header {
  padding: 17px 14px 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.configurable-sidebar__body {
  flex: 1;
  padding: 0 9px;
  overflow: auto;
}
.configurable-sidebar__footer {
  margin-top: auto;
}
.configurable-sidebar__group-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.configurable-sidebar__group-action-icon {
  height: 20px;
  cursor: pointer;
}
.configurable-sidebar__group-action-icon:hover svg circle {
  stroke: #181818;
}
.configurable-sidebar__group-action-icon:hover svg rect,
.configurable-sidebar__group-action-icon:hover svg path {
  fill: #181818;
}
.configurable-sidebar__group:not(.configurable-sidebar__group:first-child) {
  margin-top: 30px;
}
.configurable-sidebar__link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.configurable-sidebar__link-wrapper .configurable-sidebar__link {
  padding: 12px;
  width: 100%;
}
.configurable-sidebar__link-wrapper--active {
  color: #221cb6;
  background: #eaedf2;
  border-radius: 8.5px;
}
.configurable-sidebar__link {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  width: 95%;
}
.configurable-sidebar__link-icon {
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.configurable-sidebar__link-icon svg {
  width: 16px;
  height: 16px;
}
.configurable-sidebar__link-text {
  white-space: nowrap;
}
.configurable-sidebar__link-text--cropped {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.configurable-sidebar__group-pages {
  padding-top: 12px;
}
.header-search-input {
  height: 40px;
  display: flex;
  flex: 1;
  min-width: 190px;
  width: auto;
}
.header-search-input input {
  padding-right: 30px;
  width: 240px;
}
.header-search-input input::placeholder {
  color: #c0c6cd;
}
.header-search-input__container {
  position: relative;
}
.header-search-input__delete-btn {
  position: absolute;
  right: 7px;
  top: 12px;
  cursor: pointer;
}
.header-search-input__delete-btn svg path {
  fill: #DBDFE7;
}
.header-search-input__delete-btn:hover svg path {
  fill: #ed483d;
}
.campaign-templates-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.campaign-templates-list .page-header__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaign-templates-list__container {
  display: flex;
  overflow: hidden;
  height: 100vh;
}
.campaign-templates-list__sidebar {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #fbfbfb;
}
.campaign-templates-list__sidebar .configurable-sidebar {
  height: auto;
}
.campaign-templates-list__sidebar-header {
  padding: 17px 14px 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.campaign-templates-list__header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.campaign-templates-list__header .input input {
  width: 240px;
}
.campaign-templates-list__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(auto-fill, 279px);
  width: 100%;
  height: 100%;
  gap: 18px;
  padding: 16px 20px;
  overflow: auto;
}
@media (min-width: 1260px) {
  .campaign-templates-list__content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1480px) {
  .campaign-templates-list__content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1830px) {
  .campaign-templates-list__content {
    grid-template-columns: repeat(5, 1fr);
  }
}
.campaign-templates-list__advanced {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 279px;
  min-width: 261px;
  border: 1px dashed #251fb6;
  border-radius: 8px;
  cursor: pointer;
}
.campaign-templates-list__advanced--preview {
  background-color: rgba(37, 31, 182, 0.04);
}
.campaign-templates-list__advanced--preview svg path {
  fill: #221cb6;
}
.campaign-templates-list__advanced--preview .campaign-templates-list__advanced-text {
  color: #251fb6;
}
.campaign-templates-list__advanced:not(.campaign-templates-list__advanced--disabled):hover {
  background-color: rgba(37, 31, 182, 0.04);
}
.campaign-templates-list__advanced:not(.campaign-templates-list__advanced--disabled):hover svg path {
  fill: #221cb6;
}
.campaign-templates-list__advanced:not(.campaign-templates-list__advanced--disabled):hover .campaign-templates-list__advanced-text {
  color: #251fb6;
}
.campaign-templates-list__advanced--disabled {
  cursor: default;
  pointer-events: none;
  background-color: #ffffff;
}
.campaign-templates-list__advanced--disabled div {
  color: #251fb6;
}
.campaign-templates-list__advanced-text {
  margin-top: 15px;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: #8d8f92;
}
.campaign-templates-list__preview {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 279px;
  min-width: 261px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
  transition: box-shadow 200ms ease;
  overflow: hidden;
  cursor: pointer;
}
.campaign-templates-list__preview:hover {
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}
.campaign-templates-list__preview-image {
  height: 153px;
  background-color: #251fb6;
}
.campaign-templates-list__preview-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  margin-top: 1px;
}
.campaign-templates-list__preview-info-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 18px 21px 19px;
  background-color: #ffffff;
}
.campaign-templates-list__preview-info-title {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
}
.campaign-templates-list__preview-info-subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: auto;
}
.campaign-templates-list__preview-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaign-templates-list__preview-info-tag {
  display: flex;
  align-items: center;
  padding: 5px 8px 5px 7px;
  background-color: #e9e9e9;
  border-radius: 5px;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  color: #4b4c4d;
}
.campaign-templates-list__preview-info-tag-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 7px;
  background-color: #23e771;
}
.campaign-templates-list__preview-info-tag-dot--red {
  background-color: #ed483d;
}
.campaign-templates-list__preview-info-tag-dot--orange {
  background-color: #ffc300;
}
.campaign-templates-list__preview-info-fav-icon {
  cursor: pointer;
}
.campaign-templates-list__preview-info-fav-icon--filled svg path {
  fill: #221cb6 !important;
}
.campaign-templates-list__preview-info-fav-icon--disabled {
  pointer-events: none;
}
.campaign-templates-list__preview-info-fav-icon svg path {
  fill: #d1d1d1;
}
.campaign-templates-list__preview-info-fav-icon svg:hover path {
  fill: #221cb6;
}
.first-campaign-modal {
  width: 620px;
  height: 750px;
  padding: 45px 20px 25px;
  border-radius: 23px;
  background-color: #fbfbfb;
  position: absolute;
  top: 50px;
}
@media screen and (max-width: 725px) {
  .first-campaign-modal {
    width: 100%;
    height: auto;
    min-height: 100%;
    border-radius: 0;
    background-color: transparent;
  }
}
.first-campaign-modal__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  width: 100%;
}
.first-campaign-modal__header__title {
  font-size: 30px;
  font-weight: 600;
  width: 284px;
  text-align: center;
}
.first-campaign-modal__header__sub-title {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.71);
}
.first-campaign-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.first-campaign-modal__body__card {
  display: flex;
  background: rgba(196, 198, 205, 0.17);
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  margin-bottom: 15px;
  width: 502px;
  height: 97px;
  cursor: pointer;
}
.first-campaign-modal__body__card--selected {
  background: rgba(37, 31, 182, 0.1);
  border: 1px solid #221cb6;
}
.first-campaign-modal__body__card--selected .first-campaign-modal__body__card__image__container {
  background: #221cb6;
}
.first-campaign-modal__body__card--selected .first-campaign-modal__body__card__image__container svg path {
  stroke: #FFFFFF;
}
.first-campaign-modal__body__card__image {
  padding: 20px;
}
.first-campaign-modal__body__card__image__container {
  height: 53px;
  width: 53px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.first-campaign-modal__body__card__image__container svg {
  color: #221cb6;
}
.first-campaign-modal__body__card:hover {
  background: rgba(37, 31, 182, 0.1);
  border: 1px solid #251fb6;
}
.first-campaign-modal__body__card__info {
  width: 280px;
  padding: 20px 0;
}
.first-campaign-modal__body__card__info__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.first-campaign-modal__body__card__info__sub-title {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.71);
}
.first-campaign-modal__submit-button {
  width: 415px;
  height: 52px;
  margin-top: 12px;
}

.maintenance-page {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  min-width: 320px;
  min-height: 100vh;
  padding: 90px 60px 0;
  font-family: "Oakes Grotesk", sans-serif;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
}
@media (max-width: 915px) {
  .maintenance-page {
    padding: 60px 15px 0;
  }
}
.maintenance-page__gradient-left {
  position: absolute;
  top: 40%;
  left: -5%;
  width: 100%;
  max-width: 704px;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1280px) {
  .maintenance-page__gradient-left {
    left: -35%;
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .maintenance-page__gradient-left {
    left: -50%;
  }
}
.maintenance-page__gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
.maintenance-page__logo-container {
  position: absolute;
  width: auto;
  margin-bottom: 48px;
}
.maintenance-page__logo {
  height: 54px;
}
@media (max-width: 915px) {
  .maintenance-page__logo {
    height: 50px;
  }
}
@media (max-width: 520px) {
  .maintenance-page__logo {
    height: 40px;
  }
}
.maintenance-page__content {
  display: flex;
  flex-direction: column;
  max-width: 760px;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
}
.maintenance-page__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.maintenance-page__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 38px;
  line-height: 53px;
  text-align: center;
  letter-spacing: -1px;
  color: #111a45;
}
@media (max-width: 915px) {
  .maintenance-page__title {
    line-height: 52px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 540px) {
  .maintenance-page__title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.5px;
  }
}
.maintenance-page__sub-title {
  max-width: 100%;
  width: 100%;
  margin-top: 28px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #525979;
}
@media (max-width: 540px) {
  .maintenance-page__sub-title {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
  }
}
.maintenance-page__sub-title-highlight {
  color: #251fb6;
}
.maintenance-page__contact {
  color: #8d8f92;
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
}
.maintenance-page__list {
  display: flex;
  flex-direction: column;
  margin: 50px 0 41px;
}
@media (max-width: 915px) {
  .maintenance-page__list {
    margin: 30px 0 0;
  }
}
.maintenance-page__refresh-btn {
  margin-top: 20px;
  width: 180px;
}
.campaign-analytics-sidebar-group {
  padding-left: 30px;
}
.campaign-analytics-sidebar-group__item {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  color: #8f9199;
  margin-bottom: 18px;
}
.campaign-analytics-sidebar-group__item:hover {
  color: #7b7b7b;
}
.campaign-analytics-sidebar-group__item--active {
  color: #221CB6;
}
.table {
  width: 100%;
  border-collapse: collapse;
}

.table-th {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8d8f92;
  text-align: left;
  font-size: 14px;
  line-height: 130%;
  white-space: nowrap;
  padding: 0 5px 16px 5px;
}

.table-td,
.table-th {
  padding-left: 5px;
}
.table-td:first-child,
.table-th:first-child {
  padding-left: 20px;
}
.table-td:last-child,
.table-th:last-child {
  padding-right: 30px;
}

.table-tr--is-selected {
  background-color: #eef3ff;
}
.right-sidebar {
  z-index: 100;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: #ffffff;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.09);
  padding-top: 29px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.right-sidebar--embedded {
  position: relative;
  z-index: unset;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.right-sidebar__header {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 32px;
}
.right-sidebar__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  padding: 0 20px 0 20px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
}
.right-sidebar__subtitle {
  padding: 0 28px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #8f8f8f;
  line-height: 125%;
}
.right-sidebar__close-btn {
  margin-right: 16px;
  cursor: pointer;
}
.right-sidebar__close-btn:hover svg circle,
.right-sidebar__close-btn:hover svg path {
  stroke: #c4c6cd;
}
.right-sidebar__close-btn:hover svg rect {
  fill: #c4c6cd;
}
.right-sidebar__footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
}
.right-sidebar__footer .button {
  padding: 0 10px;
  width: auto;
  min-width: 72px;
  height: 35px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.right-sidebar__footer .button:first-child {
  margin-right: 12px;
  margin-bottom: 10px;
}
.export-people-sidebar__header {
  color: #8F8F8F;
  padding: 20px;
  line-height: 147%;
  font-size: 16px;
}
.export-people-sidebar__selected_people-text {
  color: #221CB6;
  font-weight: 600;
}
.export-people-sidebar__filters {
  margin-top: 40px;
  padding: 20px;
  grid-row-gap: 10px;
  display: flex;
  flex-direction: column;
}
.export-people-sidebar__filters-row {
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
}
.export-people-sidebar__filters-title {
  color: #8F8F8F;
}
.export-people-sidebar__filters-raw {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.export-people-sidebar__filters-raw-text {
  margin-left: 14px;
}
.email-accuracy {
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
  font-size: 12px;
  flex-shrink: 0;
}
.email-accuracy--size-s {
  width: 10px;
  height: 10px;
}
.email-accuracy--size-m {
  width: 16px;
  height: 16px;
}
.email-accuracy--size-l {
  width: 24px;
  height: 24px;
}
.email-accuracy--undefined {
  background-color: #c4c6cd;
}
.email-accuracy--low {
  background-color: #ed483d;
}
.email-accuracy--medium {
  background-color: #fc8619;
}
.email-accuracy--high {
  background-color: #23e771;
}
.email-accuracy--has-order {
  background-color: unset;
  border: 1px solid;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.email-accuracy--has-order.email-accuracy--undefined {
  border-color: #c4c6cd;
  color: #c4c6cd;
}
.email-accuracy--has-order.email-accuracy--low {
  border-color: #ed483d;
  color: #ed483d;
}
.email-accuracy--has-order.email-accuracy--medium {
  border-color: #fc8619;
  color: #fc8619;
}
.email-accuracy--has-order.email-accuracy--high {
  border-color: #23e771;
  color: #23e771;
}
.steps__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  color: #4B4C4D;
  margin-bottom: 7px;
}
.steps__items {
  display: flex;
}
.steps__step-item {
  width: 13px;
  height: 3px;
  background: #EAEDF2;
  border-radius: 21px;
}
.steps__step-item:not(.steps__step-item:last-child) {
  margin-right: 3px;
}
.steps__step-item--active {
  background: #251FB6;
}
.question-hint {
  height: 14px;
  width: 14px;
  line-height: 14px;
  display: inline-flex;
  align-items: center;
}

.question-hint-tooltip {
  max-width: 300px;
}
.question-hint-tooltip__content {
  padding: 10px;
  white-space: break-spaces;
}
.actions-tooltip-content__item {
  display: flex;
  align-items: center;
  padding: 7px 18px 7px 22px;
  /* Overlap styles */
}
.actions-tooltip-content__item:first-child {
  margin-top: 14px;
}
.actions-tooltip-content__item:last-child {
  margin-bottom: 14px;
}
.actions-tooltip-content__item span {
  white-space: nowrap;
}
.actions-tooltip-content__item:hover {
  background-color: #181818;
}
.actions-tooltip-content__item .input {
  margin: 0;
  width: 100%;
}
.actions-tooltip-content__item .input__field {
  color: #fff;
  padding-left: 0;
}
.actions-tooltip-content__item-icon {
  margin-right: 8px;
}
.actions-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid rgba(214, 214, 214, 0.35);
}
.actions-menu:hover {
  background-color: #eef3ff;
  color: #221cb6;
  cursor: pointer;
}
.actions-menu:hover .actions-menu__icon svg circle[stroke],
.actions-menu:hover .actions-menu__icon svg rect[stroke],
.actions-menu:hover .actions-menu__icon svg path[stroke] {
  stroke: #221cb6;
}
.actions-menu:hover .actions-menu__icon svg circle[fill],
.actions-menu:hover .actions-menu__icon svg rect[fill],
.actions-menu:hover .actions-menu__icon svg path[fill] {
  fill: #221cb6;
}
.actions-menu__icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.actions-menu__icon svg {
  height: 16px;
}
.actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  position: absolute;
  top: auto !important;
  bottom: auto !important;
  left: -152px !important;
  border-radius: 8px;
}

.__react_component_tooltip.react-tooltip--position-fixed {
  position: fixed;
  z-index: 10002;
  border-radius: 8px;
  color: #fff;
  background: #222;
  padding: 0 !important;
}
.__react_component_tooltip.react-tooltip--position-fixed.show {
  opacity: 1 !important;
}
.__react_component_tooltip.react-tooltip--position-fixed .actions-tooltip-content:hover {
  cursor: pointer;
}
.analytic-people-table {
  margin-top: 15px;
}
.analytic-people-table__next-activity-th {
  display: inline-flex;
  align-items: center;
}
.analytic-people-table-emails-chevron svg {
  transform: rotate(180deg);
  margin-left: 5px;
}
.analytic-people-table-emails-tooltip {
  padding: 20px;
}
.analytic-people-table-tooltip__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
}

.analytic-people__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1b1e22;
}
.analytic-people__status-container {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 160px;
}
.analytic-people__status-icon {
  margin-right: 4px;
}
.analytic-people__status {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d8f92;
}
.analytic-people__rate-cell {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #8d8f92;
}
.analytic-people__rate-number {
  margin-left: 10px;
}

.people-analytic-header-actions {
  display: flex;
  gap: 12px;
}
.people-analytic-header-actions__export-users-btn {
  height: 40px;
  width: auto;
}
.people-analytic-header-actions__export-users-btn svg {
  margin-right: 10px;
}
.people-analytic-header-actions__more-actions-btn {
  color: #7b7b7b;
  background-color: #f5f5f5;
  white-space: nowrap;
  height: 40px;
  padding-left: 12px;
}
.people-analytic-header-actions__more-actions-btn svg {
  height: 16px;
  margin-right: 16px;
  margin-left: 8px;
}
.people-analytic-header-actions__more-actions-btn:hover {
  background-color: #f5f5f5;
  color: #474747;
}
.people-analytic-header-actions__more-actions-btn:hover svg {
  filter: none;
}
.people-analytic-header-actions__more-actions-btn:hover svg path {
  fill: #474747;
}

.people-table-emails-tooltip__email {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
}

@media (max-width: 1440px) {
  .people-analytic-header-actions__export-users-btn svg {
    margin-right: 0;
  }
}
.people-analytic-header-actions-tooltip {
  padding: 10px 0;
  width: 250px;
}
.people-analytic-header-actions-tooltip__action {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.people-analytic-header-actions-tooltip__action svg {
  margin-right: 9px;
}
.people-analytic-header-actions-tooltip__action:hover {
  background-color: #181818;
}
.people-analytic-header-actions-tooltip__action .input {
  color: #fff;
}
.people-analytic-header-actions-tooltip__select {
  width: 100%;
}
.people-analytic-header-actions-tooltip__company-title {
  padding: 8px;
  margin: 0;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.people-actions-menu__header {
  display: flex;
  justify-content: center;
}
.people-actions-menu__button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #2aa4cb;
  display: flex;
  justify-content: center;
}

.people-header-more-actions-react-select__option:hover {
  background-color: #2E2E2E;
}
.add-email-sidebar {
  width: 525px;
}
.add-email-sidebar .right-sidebar {
  width: 525px;
}
.add-email-sidebar__content {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 20px;
}
.add-email-sidebar__title {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 22px;
}
.add-email-sidebar__provider {
  border-radius: 8px;
  display: flex;
  align-items: center;
  height: 145px;
  margin-bottom: 17px;
  padding-left: 23px;
  cursor: pointer;
  transition: box-shadow linear 0.3s;
}
.add-email-sidebar__provider:hover {
  box-shadow: #e5e5e5 -2px 4px 13px 3px;
}
.add-email-sidebar__provider--gmail {
  background: rgba(251, 16, 16, 0.04);
}
.add-email-sidebar__provider--microsoft {
  background: #E4EFFF;
}
.add-email-sidebar__provider--other {
  background: #F3F3F3;
}
.add-email-sidebar__provider-icon {
  margin-right: 22px;
}
.add-email-sidebar__provider-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
}
.add-email-sidebar__provider-desc {
  color: #8f9199;
}
.number-input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    width: fit-content;
}

.number-input-wrapper .number-input__before-text {
    margin-left: 13px;
    color: #344054;
    font-size: 16px;
}

.number-input-wrapper .number-input__before-text-gray {
    color: #6A7282;
}
.number-input-wrapper:has(.number-input__before-text) > .input input {
    padding-left: 5px;
}

.number-input-wrapper:has(.number-input__before-text) {
    padding-right: 10px;
}

.number-input-wrapper .input input {
    border: none;
    outline: none;
    font-size: 16px;
}

.number-input__custom-wrapper {
    position: relative;

    input {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #DBDFE7;
        border-radius: 8.5px;
        padding: 5px 10px;
        width: fit-content;
        background: #fff;
    }

    &.number-input__disabled {
        background: #f5f5f5;
    }

    .number-input__before-text {
        position: absolute;
        left: 10px;
        top: 11px;
        z-index: 10;
        font-weight: 400;
        font-size: 16px;
        color: #202430;

        & + .input input {
            padding-left: 20px;
        }
    }

    .number-input__arrows {
        position: absolute;
        right: 3px;
        top: 8px;
        display: flex;
        flex-direction: column;
        margin-left: 8px;
        grid-row-gap: 1px;
    }

    .number-input__arrows button {
        border: none;
        background: none;
        cursor: pointer;
        width: 18px !important;
        height: 12px !important;
        padding: 0;
        min-width: fit-content;

        svg {
            margin-right: 0;
            margin-left: 0;
        }

        &:hover {
            opacity: .7;
        }

        .up-arrow {
            transform: rotate(180deg);
        }
    }
}

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

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

.upsell-email-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.upsell-email-sidebar__body {
  flex: 1;
  padding: 20px;
}
.upsell-email-sidebar__buy-email-block {
  background-color: #f2f5ff;
  border-radius: 11px;
  padding: 20px 20px 19px;
  font-size: 16px;
}
.upsell-email-sidebar__price {
  margin-top: 10px;
  font-weight: 400;
  opacity: 0.5;
}
.upsell-email-sidebar__price-quantity-row {
  display: flex;
  align-items: baseline;
  margin-top: 10px;
}
.upsell-email-sidebar__price-quantity-input {
  margin-left: 12px;
}
.upsell-email-sidebar__price-quantity-input .input__field {
  padding-left: 10px;
  width: 67px;
}
.smpt-email-settings {
  padding-bottom: 40px;
}
.smpt-email-settings__sidebar .right-sidebar {
  width: 720px;
}
.smpt-email-settings__close {
  cursor: pointer;
  height: 20px;
}
.smpt-email-settings__content {
  max-width: 730px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 50px auto 0 auto;
  padding: 0 25px;
}
.smpt-email-settings__main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
.smpt-email-settings__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.smpt-email-settings__field-row {
  margin-bottom: 25px;
  position: relative;
  max-width: 315px;
}
.smpt-email-settings__field-row--doubled {
  display: flex;
}
.smpt-email-settings__left-field {
  width: 70%;
}
.smpt-email-settings__left-field .input__field {
  border-radius: 8.5px 0 0 8.5px;
}
.smpt-email-settings__right-field {
  width: 30%;
}
.smpt-email-settings__right-field .input__field {
  border-radius: 0 8.5px 8.5px 0;
}
.smpt-email-settings__field-label {
  font-weight: 600;
  color: #8f9199;
  margin-bottom: 10px;
}
.smpt-email-settings__footer {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.smpt-email-settings__footer-right {
  display: flex;
  align-items: center;
}
.smpt-email-settings__test-btn {
  margin-right: 10px;
}
.smpt-email-settings .button {
  width: auto;
}
.subscription-activation-sidebar {
  height: 100%;
  max-height: calc(100vh - 84px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.subscription-activation-sidebar__body {
  flex: 1;
  padding: 20px;
}
.subscription-activation-sidebar__body__description {
  font-weight: 600;
  font-size: 18px;
}
.subscription-activation-sidebar__body__price-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 20px;
  width: 100%;
  height: 154px;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  padding: 35px 35px 35px 34px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.subscription-activation-sidebar__body__price {
  font-size: 64px;
}
.subscription-activation-sidebar__body__period {
  font-size: 20px;
  font-weight: 600;
}
.subscription-activation-sidebar__body__price-description {
  line-height: 32px;
}
.subscription-activation-sidebar__body__price-mark {
  height: 64px;
  line-height: 64px;
}
.subscription-activation-sidebar__footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  border-top: 1px solid #dbdfe7;
  margin-top: 12px;
}
.subscription-payment-form__fields {
  display: flex;
  align-items: center;
  height: 72px;
  min-width: 400px;
  background: #ffffff;
  border-radius: 8px;
}
.subscription-payment-form__input-field-wrapper {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.subscription-payment-form__input-field {
  height: 72px;
  min-width: 80px;
}
.subscription-payment-form__input-field--card-number {
  min-width: 200px;
}
.subscription-payment-form__cancel-btn {
  width: 20px;
  height: 20px;
  background-color: #ED483D;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 36px;
}
.subscription-payment-form__cancel-btn svg path {
  stroke-width: 3;
}
.subscription-payment-form__cancel-btn:hover {
  cursor: pointer;
  filter: brightness(0.8);
}
.use-existing-card__details {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  height: 72px;
  padding: 0 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.use-existing-card__btn {
  margin-left: auto;
  width: 45px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #eaedf2;
  border-radius: 9px;
}
.use-existing-card__btn:hover {
  box-shadow: 0 2px 10px #ece9e9;
}
.use-card-to-pay {
  width: 100%;
  height: 100%;
}
.automation-position-tooltip {
  background-color: #000;
  padding: 12px;
  border-radius: 8px;
}
.automation-position-tooltip__scroll-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 289px;
  overflow-y: auto;
}
.automation-position-tooltip__scroll-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.automation-position-tooltip__scroll-wrapper::-webkit-scrollbar-thumb {
  background: #474747;
  border-radius: 30px;
}
.automation-position-tooltip__scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: #B3AFB3;
}
.automation-position-tooltip__scroll-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 #F0F0F0;
}
.automation-position-tooltip__item {
  display: flex;
  justify-content: space-between;
  width: 230px;
  padding: 7px;
  margin-top: 8px;
  background-color: #181818;
  border-radius: 6px;
}
.automation-position-tooltip__item svg {
  cursor: pointer;
}
.email-select__search {
  margin-top: 18px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.email-select__search input {
  width: 100%;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  height: 32px;
  font-size: 14px;
  color: #c4c4c4;
}
.email-select__search input::placeholder {
  color: #747474;
}
.email-select__search input:focus {
  border-color: #272727;
}
.email-select__selected {
  border-bottom: 1px solid rgba(189, 189, 189, 0.35);
}
.email-select__selected-label {
  color: #ffffff;
  font-size: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(189, 189, 189, 0.35);
}
.email-select__selected-item {
  color: #4b4c4d;
  padding: 8px 12px;
  cursor: default;
}
.email-select__select-wrapper {
  flex: 1;
}
.email-select__checkbox-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.email-select__checkbox-row > span {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.email-select__checkbox-row .checkbox {
  width: 16px;
}
.select-wrapper {
  display: flex;
  align-items: center;
}
.select-wrapper__svg {
  margin-right: 10px;
}
.select-wrapper__select {
  flex: 1;
}
.schedule-days-list {
  display: flex;
}
.schedule-days-list__day {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  width: 45px;
  min-height: 27px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaedf2;
  border-radius: 6px;
  cursor: default;
}
.schedule-days-list__day--active {
  background: #221cb6;
  color: #fff;
}
.schedule-days-list__day:not(.schedule-days-list__day:last-child) {
  margin-right: 6px;
}
.priority-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
}
.priority-icon--left-margined {
  margin-left: 12px;
}
.priority-icon--right-margined {
  margin-right: 12px;
}
.priority-icon--high {
  background: #FF0909;
}
.priority-icon--medium {
  background: #EFCC11;
}
.priority-icon--low {
  background: #11EF42;
}
.analytic-settings {
  padding: 20px;
}
.analytic-settings__form {
  display: flex;
}
.analytic-settings__column {
  width: 315px;
}
.analytic-settings__column:first-child {
  margin-right: 60px;
}
.analytic-settings__row:not(.analytic-settings__row:last-child) {
  margin-bottom: 40px;
}
.analytic-settings__label {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 12px;
}
.analytic-settings__label-tooltip {
  margin-left: 8px;
}
.analytic-settings__field * {
  max-width: unset !important;
}
.analytic-settings__footer {
  margin-top: 40px;
}
.inbox-threads-list {
  min-width: 270px;
  height: calc(100vh - 68px);
  max-height: 100vh;
  overflow-y: auto;
  border-right: 1px solid #e9ecf1;
}
.inbox-threads-list .inbox-threads-list-item {
  padding: 25px 15px 20px 10px;
  cursor: pointer;
  position: relative;
}
.inbox-threads-list .inbox-threads-list-item:hover {
  background-color: #eaedf2;
}
.inbox-threads-list .inbox-threads-list-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e9ecf1;
}
.inbox-threads-list .inbox-threads-list-item--active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  bottom: 15px;
  width: 2px;
  background-color: #221cb6;
  border-radius: 10px 0 0 10px;
}
.inbox-threads-list .inbox-threads-list-item__header {
  display: flex;
  justify-content: space-between;
}
.inbox-threads-list .inbox-threads-list-item__from-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #202430;
}
.inbox-threads-list .inbox-threads-list-item__subject {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
  margin-top: 10px;
  overflow: hidden;
}
.inbox-threads-list .inbox-threads-list-item__last-activity-time {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
}
.expandable-row__show-more-btn {
  padding: 0;
  min-width: 0;
}
.expandable-row__show-more-btn:hover svg circle[stroke],
.expandable-row__show-more-btn:hover svg rect[stroke],
.expandable-row__show-more-btn:hover svg path[stroke] {
  stroke: #000000;
}
.expandable-row__show-more-btn:hover svg circle[fill],
.expandable-row__show-more-btn:hover svg rect[fill],
.expandable-row__show-more-btn:hover svg path[fill] {
  fill: #000000;
}
.expandable-row__show-more-btn.show-less {
  transition: 0.3s;
}
.expandable-row__show-more-btn.show-less svg {
  transform: rotate(0);
}
.file-attachment {
  height: 50px;
  max-width: 150px;
  margin-right: 9px;
  background: #e9ecf1;
  border-radius: 8px;
  padding: 6px 10px;
  position: relative;
  cursor: pointer;
}
.file-attachment:hover {
  opacity: 0.7;
}
.file-attachment__file-wrapper {
  position: relative;
}
.file-attachment__file-title {
  height: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-attachment__file-size {
  margin-top: 4px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: rgba(0, 0, 0, 0.4);
  padding-left: 29px;
  font-size: 12px;
}
.file-attachment__file-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.file-attachment__file-remove:hover circle {
  stroke: #f77b73;
}
.file-attachment__file-remove:hover rect,
.file-attachment__file-remove:hover path {
  fill: #f77b73;
}
.mime-html-message div[dir=ltr] style ~ div {
  white-space: break-spaces;
  margin: 0px;
  line-height: 1.5;
}
.mime-html-message__show-more-btn {
  padding: 0;
  min-width: 0;
}
.mime-html-message__show-more-btn:hover svg circle[stroke],
.mime-html-message__show-more-btn:hover svg rect[stroke],
.mime-html-message__show-more-btn:hover svg path[stroke] {
  stroke: #000000;
}
.mime-html-message__show-more-btn:hover svg circle[fill],
.mime-html-message__show-more-btn:hover svg rect[fill],
.mime-html-message__show-more-btn:hover svg path[fill] {
  fill: #000000;
}
.edit-unsubscribe-content-modal__header {
  display: flex;
  flex-direction: column;
  width: 582px;
  padding: 27px 24px 15px;
  border-bottom: 1px solid #f4f4f4;
}
.edit-unsubscribe-content-modal__header-title {
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #1b1e22;
}
.edit-unsubscribe-content-modal__header-subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #8f9199;
}
.edit-unsubscribe-content-modal__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 29px 24px 30px;
}
.edit-unsubscribe-content-modal__input {
  width: 100%;
}
.edit-unsubscribe-content-modal__input input {
  width: 100%;
}
.edit-unsubscribe-content-modal__save-button {
  margin-top: 25px;
}
.inbox-widget__footer .button--ghost {
  min-width: 22px;
  height: 22px;
}
.inbox-widget__footer .button--ghost:hover {
  background-color: #e9eeff;
  border-radius: 5px;
}
.inbox-widget__footer .button--ghost:hover svg circle {
  stroke: #221CB6;
}
.inbox-widget__footer .button--ghost:hover svg rect,
.inbox-widget__footer .button--ghost:hover svg path {
  fill: #221CB6;
}
.inbox-widget__trash-icon {
  min-width: 22px;
  height: 22px;
  padding: 5px !important;
}
.inbox-widget__trash-icon:hover {
  background-color: #e9eeff;
  border-radius: 5px;
}
.inbox-widget__trash-icon:hover svg circle[stroke],
.inbox-widget__trash-icon:hover svg rect[stroke],
.inbox-widget__trash-icon:hover svg path[stroke] {
  stroke: #221CB6;
}
.inbox-widget__trash-icon:hover svg circle[fill],
.inbox-widget__trash-icon:hover svg rect[fill],
.inbox-widget__trash-icon:hover svg path[fill] {
  fill: #221CB6;
}
.inbox-editor-attachments {
  display: flex;
  align-items: center;
  height: 90px;
  min-height: 90px;
  padding: 0 18px;
  overflow-x: scroll;
}
.inbox-editor-attachments__file-wrapper {
  position: relative;
}
.inbox-editor-attachments__file {
  height: 56px;
  max-width: 213px;
  margin-right: 9px;
  background: #FFE3E3;
  border-radius: 8px;
  position: relative;
  display: flex;
}
.inbox-editor-attachments__file-text-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 150px;
  padding-right: 20px;
}
.inbox-editor-attachments__file-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inbox-editor-attachments__file-size {
  margin-top: 6px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.inbox-editor-attachments__file-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.inbox-editor-attachments__file-remove:hover circle {
  stroke: #f77b73;
}
.inbox-editor-attachments__file-remove:hover rect,
.inbox-editor-attachments__file-remove:hover path {
  fill: #f77b73;
}
.inbox-editor-attachments__loader {
  border-radius: 8px;
}
.inbox-editor-attachments .file-extension-icon {
  height: 100%;
  width: 56px;
  min-width: 56px;
  margin-right: 12px;
  border: 1px solid #FFCCCC;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFE3E3;
  color: #DA4848;
  font-size: 12px;
  font-weight: bold;
  border-radius: 8px;
}

.meta-info {
  box-sizing: border-box;
  border-bottom: 1px solid #e9ecf1;
  border-radius: 8px 8px 0 0;
  background-color: #ffffff;
  padding: 22px 28px;
  /* Overload styles */
}
.meta-info__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  margin-bottom: 6px;
}
.meta-info__row::-webkit-scrollbar {
  display: none;
}
.meta-info__row--disabled {
  cursor: not-allowed;
}
.meta-info__row-buttons {
  margin-top: 12px;
  display: flex;
}
.meta-info__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
  margin-right: 6px;
}
.meta-info__to-emails {
  display: flex;
  flex-wrap: wrap;
  max-height: 200px;
  overflow-y: scroll;
}
.meta-info__value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 4px 6px;
  background: #eaedf2;
  border-radius: 5px;
  margin-right: 6px;
  cursor: default;
}
.meta-info__value svg {
  width: 14px;
  height: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.meta-info__remove-icon {
  height: 14px;
}
.meta-info__adding-button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  margin-right: 12px;
  color: #221cb6;
  cursor: pointer;
}
.meta-info__chevron {
  cursor: pointer;
}
.meta-info__chevron svg {
  transform: rotateX(180deg);
}
.meta-info .input__field {
  height: 22px;
}
.meta-info .meta-info__contacts {
  max-height: 360px;
  width: 265px;
  background-color: #000000;
  border-radius: 8px;
  overflow: auto;
}
.meta-info .meta-info__contacts-search input {
  height: 45px;
  width: 100%;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  color: #ffffff;
}
.meta-info .meta-info__contacts-search input:focus {
  border-color: #272727;
}
.meta-info .meta-info-contacts__contact {
  padding: 10px 14px;
  border-top: solid 1px #272727;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.meta-info .meta-info-contacts__contact:hover {
  background-color: #181818;
}
.inbox-widget {
  position: fixed;
  right: 30px;
  width: 530px;
  min-height: 460px;
  max-height: 700px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: #cccccc 1px 0 20px 0;
  animation: popup 0.5s linear forwards;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
.inbox-widget__close-btn {
  position: absolute;
  padding: 0;
  min-width: 40px;
  right: 0;
  top: 0;
}
.inbox-widget__close-btn:hover {
  opacity: 0.5;
}
.inbox-widget__spinner svg {
  animation: spin 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes spin {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.inbox-widget--embedded {
  position: relative;
  top: 0;
  bottom: auto;
  right: auto;
  left: auto;
  min-height: unset;
  max-height: unset;
  width: 100%;
  margin: 20px 0;
  box-shadow: none;
  z-index: unset;
}
.inbox-widget--embedded .inbox-widget__editor {
  min-height: unset;
  max-height: unset;
}
.inbox-widget__close {
  position: absolute;
  right: 0;
  top: 0;
  height: 20px; /* this can be anything */
  width: 20px; /* ...but maintain 1:1 aspect ratio */
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  top: -40px;
}
.inbox-widget__close::before, .inbox-widget__close::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px; /* cross thickness */
  background-color: black;
}
.inbox-widget__close::before {
  transition: transform 0.3s linear;
  transform: rotate(45deg);
}
.inbox-widget__close::after {
  transition: transform 0.3s linear;
  transform: rotate(-45deg);
}
.inbox-widget__close:hover::after {
  transform: rotate(45deg);
}
.inbox-widget__close:hover::before {
  transform: rotate(-45deg);
}
.inbox-widget__type {
  font-size: 14px;
  color: #8d8f92;
  padding: 8px 8px 8px 18px;
}
.inbox-widget__editor-subject {
  border-bottom: 1px solid #e9ecf1;
  position: relative;
}
.inbox-widget__editor-subject .input__field {
  border: none;
  border-radius: 0;
  padding-left: 28px;
  padding-right: 28px;
}
.inbox-widget__editor {
  min-height: 300px;
  max-height: 500px;
  padding: 20px 28px;
  overflow-y: scroll;
}
.inbox-widget__signature {
  margin-bottom: 12px;
}
.inbox-widget__attachments {
  border-top: 1px solid #e9ecf1;
}
.inbox-widget__show-original-btn {
  padding: 0;
  min-width: 0;
}
.inbox-widget__show-original-btn:hover svg circle[stroke],
.inbox-widget__show-original-btn:hover svg rect[stroke],
.inbox-widget__show-original-btn:hover svg path[stroke] {
  stroke: #000000;
}
.inbox-widget__show-original-btn:hover svg circle[fill],
.inbox-widget__show-original-btn:hover svg rect[fill],
.inbox-widget__show-original-btn:hover svg path[fill] {
  fill: #000000;
}
.inbox-widget__original-message {
  box-sizing: border-box;
  padding: 24px;
  background-color: #fbfbfb;
}
.inbox-widget__footer {
  display: flex;
  align-items: center;
  box-sizing: content-box;
  border-top: 1px solid #e9ecf1;
  padding: 20px 28px;
}
.inbox-widget__action-btn {
  margin-right: 30px;
}
.inbox-widget__controls-separator {
  height: 16px;
  width: 1px;
  background-color: #e9ecf1;
  margin: 0 7px;
}
.inbox-widget__trash-icon {
  margin-left: auto;
  padding: 5px 0 5px 5px;
  cursor: pointer;
}

@keyframes popup {
  from {
    bottom: 0px;
    opacity: 0;
  }
  to {
    bottom: 25px;
    opacity: 1;
  }
}
.thread-emails {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  min-width: 500px;
  padding: 0 20px 20px;
}
.thread-emails .thread-email-info {
  margin-top: 20px;
  background-color: #ffffff;
  padding: 15px 0 0;
  border-radius: 8px;
  position: relative;
}
.thread-emails .thread-email-info--preview {
  padding: 0;
}
.thread-emails .thread-email-info--preview:hover {
  background-color: #eaedf2;
}
.thread-emails .thread-email-info--preview .thread-email-info__header {
  align-items: flex-start;
  border-bottom: 0;
}
.thread-emails .thread-email-info__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e9ecf1;
  user-select: none;
}
.thread-emails .thread-email-info__header-left {
  display: flex;
  align-items: center;
}
.thread-emails .thread-email-info__from-avatar {
  margin-right: 15px;
}
.thread-emails .thread-email-info__from-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #202430;
  margin-right: 8px;
}
.thread-emails .thread-email-info__from-info {
  margin-bottom: 8px;
}
.thread-emails .thread-email-info__cc-info {
  margin-top: 8px;
}
.thread-emails .thread-email-info__from-email, .thread-emails .thread-email-info__to-name, .thread-emails .thread-email-info__to-email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
}
.thread-emails .thread-email-info__to-name {
  margin-right: 8px;
}
.thread-emails .thread-email-info__date {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: #8f9199;
  white-space: nowrap;
}
.thread-emails .thread-email-info__regenerate {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: #8f9199;
  white-space: nowrap;
  position: absolute;
  right: 15px;
  top: 65px;
  cursor: pointer;
  text-decoration: underline;
}
.thread-emails .thread-email-info__content {
  padding: 22px 28px 15px;
}
.thread-emails .thread-email-info__content img {
  max-width: 100%;
}
.thread-emails .thread-email-info__actions {
  top: 5px;
  right: 5px;
  position: absolute;
  display: flex;
  justify-content: center;
}
.thread-emails .thread-email-info__reply-btn, .thread-emails .thread-email-info__forward-btn {
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 2px;
}
.thread-emails .thread-email-info__reply-btn:hover svg circle[stroke],
.thread-emails .thread-email-info__reply-btn:hover svg rect[stroke],
.thread-emails .thread-email-info__reply-btn:hover svg path[stroke], .thread-emails .thread-email-info__forward-btn:hover svg circle[stroke],
.thread-emails .thread-email-info__forward-btn:hover svg rect[stroke],
.thread-emails .thread-email-info__forward-btn:hover svg path[stroke] {
  stroke: #221CB6;
}
.thread-emails .thread-email-info__reply-btn:hover svg circle[fill],
.thread-emails .thread-email-info__reply-btn:hover svg rect[fill],
.thread-emails .thread-email-info__reply-btn:hover svg path[fill], .thread-emails .thread-email-info__forward-btn:hover svg circle[fill],
.thread-emails .thread-email-info__forward-btn:hover svg rect[fill],
.thread-emails .thread-email-info__forward-btn:hover svg path[fill] {
  fill: #221CB6;
}
.thread-emails .thread-email-info__reply-btn svg, .thread-emails .thread-email-info__forward-btn svg {
  height: 14px;
  min-height: 14px;
  width: 14px;
  min-width: 14px;
  margin-right: 0;
}
.thread-emails .thread-email-info__reply-btn {
  margin-right: 10px;
}
.thread-emails .thread-email-info__forward-btn svg {
  transform: scaleX(-1);
}
.thread-emails__footer {
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  padding: 15px 0;
  border-top: 1px solid #e9ecf1;
}
.thread-emails__reply-btn, .thread-emails__forward-btn {
  height: 35px;
}
.thread-emails__reply-btn svg, .thread-emails__forward-btn svg {
  margin-right: 5px;
  height: 14px;
  min-height: 14px;
  width: 14px;
  min-width: 14px;
}
.thread-emails__reply-btn {
  margin-right: 10px;
  padding-left: 15px;
}
.thread-emails__forward-btn {
  padding-left: 15px;
  color: #2752eb;
}
.thread-emails__bottom_anchor {
  float: left;
  clear: both;
}
.inbox-comments {
  display: flex;
  flex-direction: column;
  grid-row-gap: 15px;
  margin-bottom: 30px;
  max-height: 475px;
  overflow-y: auto;
}
.inbox-comments__comment {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.inbox-comments__comment-container {
  background-color: #e9eeff;
  border-radius: 8.5px;
  padding: 13px 14px;
  position: relative;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-row-gap: 9px;
}
.inbox-comments__comment-container:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  left: -8px;
  top: 12px;
  transform: translate(50%, -50%) rotate(-45deg);
  background-color: #e9eeff;
  box-shadow: 0 1px 8px transparent;
  border-radius: 2px;
}
.inbox-comments__comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.inbox-comments__comment-header-title {
  margin-right: 30px;
  color: #202430;
  font-size: 16px;
}
.inbox-comments__comment-header-date {
  color: #8f9199;
  font-size: 14px;
}
.inbox-comments__comment-header-actions button {
  min-width: 20px;
  width: 22px;
  height: 22px;
  padding: 0;
}
.inbox-comments__comment-header-actions button:hover {
  border-radius: 5px;
  background: #e9eeff;
}
.inbox-comments__comment-header-actions button:hover svg circle {
  stroke: #200E32;
}
.inbox-comments__comment-header-actions button:hover svg rect,
.inbox-comments__comment-header-actions button:hover svg path {
  fill: #200E32;
}
.inbox-comments__comment-header-actions-container .action-item {
  padding: 10px 15px;
  border-bottom: 1px solid #272727;
  border-radius: 8px;
  background-color: black;
}
.inbox-comments__comment-header-actions-container .action-item:hover {
  background-color: #181818;
  cursor: pointer;
}
.inbox-comments__comment-header-content {
  display: flex;
  align-items: center;
}
.inbox-comments__comment-text {
  font-size: 14px;
  color: #202430;
}
.inbox-comments__comment-text .inbox-comments__mentioned {
  color: #221CB6;
  font-size: 14px;
  font-weight: bold;
}

.inbox-comments-form {
  height: 48px;
  position: relative;
}
.inbox-comments-form .input {
  width: 100%;
}
.inbox-comments-form .input__control input {
  width: 100%;
  padding: 15px 85px 15px 15px;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  height: 48px;
  font-size: 16px !important;
}
.inbox-comments-form .input__control input::placeholder {
  color: #BDBDBD;
}
.inbox-comments-form .input__suggestions {
  background-color: black !important;
  width: 100%;
  border-radius: 8px;
}
.inbox-comments-form .input__suggestions li {
  border-top: 1px solid #272727;
  color: #FFFFFF;
  padding: 10px 15px;
}
.inbox-comments-form .input__suggestions li:last-child {
  border-bottom: 1px solid #272727;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.inbox-comments-form .input__suggestions li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.inbox-comments-form .input__suggestions li:hover {
  background-color: #181818;
}
.inbox-comments-form__buttons {
  position: absolute;
  top: 14px;
  right: 10px;
  display: flex;
  align-items: center;
}
.inbox-comments-form__buttons button {
  min-width: 20px;
  width: 22px;
  height: 22px;
  padding: 0;
}
.inbox-comments-form__buttons button:hover {
  border-radius: 5px;
  background: #e9eeff;
}
.inbox-comments-form__buttons button:hover svg circle {
  stroke: #200E32;
}
.inbox-comments-form__buttons button:hover svg rect,
.inbox-comments-form__buttons button:hover svg path {
  fill: #200E32;
}
.inbox-comments-form__buttons button.send-btn:hover {
  border-radius: 5px;
  background: #e9eeff;
}
.inbox-comments-form__buttons button.send-btn:hover svg circle,
.inbox-comments-form__buttons button.send-btn:hover svg path {
  stroke: #200E32;
}
.inbox-comments-form__buttons button.send-btn:hover svg rect {
  fill: #200E32;
}
.inbox-comments-form__buttons button.send-btn:hover svg path {
  fill: none;
}
.analytics-inbox-threads-content-empty-message,
.analytics-inbox-threads-content-select-message {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #7b7b7b;
  margin-top: 40px;
}

.analytics-inbox-threads-content {
  display: flex;
}
.analytics-inbox-threads-content__content {
  flex: 1;
  height: calc(100vh - 68px);
  background-color: #fbfbfb;
  overflow-y: auto;
  padding-bottom: 20px;
}
.analytics-outbox-emails {
  padding: 0 20px 20px;
}
.analytics-outbox-emails .analytics-outbox-email-info {
  margin-top: 20px;
  background-color: #fff;
  padding: 15px 0;
  border-radius: 8.5px;
  min-width: 500px;
}
.analytics-outbox-emails .analytics-outbox-email-info__header {
  padding: 15px;
  border-bottom: 1px solid #e9ecf1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.analytics-outbox-emails .analytics-outbox-email-info__header-left {
  display: flex;
}
.analytics-outbox-emails .analytics-outbox-email-info__subject {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #8d8f92;
  padding-left: 15px;
}
.analytics-outbox-emails .analytics-outbox-email-info__from-avatar {
  margin-right: 15px;
}
.analytics-outbox-emails .analytics-outbox-email-info__from-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #202430;
  margin-right: 8px;
}
.analytics-outbox-emails .analytics-outbox-email-info__from-info {
  margin-bottom: 8px;
}
.analytics-outbox-emails .analytics-outbox-email-info__from-email, .analytics-outbox-emails .analytics-outbox-email-info__to-name, .analytics-outbox-emails .analytics-outbox-email-info__to-email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
}
.analytics-outbox-emails .analytics-outbox-email-info__to-name {
  margin-right: 8px;
}
.analytics-outbox-emails .analytics-outbox-email-info__auto-saving-label, .analytics-outbox-emails .analytics-outbox-email-info__date {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
}
.analytics-outbox-emails .analytics-outbox-email-info__auto-saving-label {
  font-size: 12px;
  margin-bottom: 8px;
}
.analytics-outbox-emails .analytics-outbox-email-info__content {
  padding: 15px 0 0;
}
.analytics-outbox-emails .analytics-outbox-email-info .RichEditor-editor {
  height: 200px;
}
.analytics-outbox-emails .slate-editor__editor {
  height: 300px;
  padding-top: 5px;
}
.analytics-outbox-empty-message,
.analytics-outbox-select-message {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #7b7b7b;
  margin-top: 40px;
}

.analytics-outbox {
  display: flex;
}
.analytics-outbox__content {
  flex: 1;
  height: calc(100vh - 68px);
  background-color: #fbfbfb;
  overflow-y: auto;
}
.sequence-steps {
  overflow-y: auto;
  height: auto;
}
.sequence-steps__wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #FAFAFA;
  border-radius: 8px;
}
.sequence-steps .sequence-step {
  position: relative;
  padding: 19px 23px 19px 23px;
  overflow-x: hidden;
  border-bottom: 1px solid #e9ecf1;
  cursor: pointer;
  white-space: nowrap;
  height: 110px;
}
.sequence-steps .sequence-step--active {
  background-color: #F2F4FC;
}
.sequence-steps .sequence-step--active:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  right: 0;
  top: 1px;
  bottom: 1px;
  background-color: #221CB6;
  border-radius: 10px 0 0 10px;
}
.sequence-steps .sequence-step__title {
  position: relative;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: flex-end;
}
.sequence-steps .sequence-step__title-warning {
  height: 16px;
  position: absolute;
  left: -20px;
}
.sequence-steps .sequence-step__title-description {
  color: #8d8f92;
  font-size: 14px;
  margin-left: 14px;
}
.sequence-steps .sequence-step__subject {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-top: 14px;
  font-size: 14px;
  line-height: 100%;
  max-width: 344px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sequence-steps .sequence-step__template {
  margin-top: 10px;
  font-size: 12px;
  line-height: 100%;
  color: #7b7b7b;
  max-height: 40px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sequence-steps .sequence-step__edit-delay-btn {
  margin-left: 5px;
  cursor: pointer;
  height: 20px;
}
.sequence-steps .sequence-step__edit-delay-btn:hover circle,
.sequence-steps .sequence-step__edit-delay-btn:hover path {
  stroke: #4E48DC;
}
.sequence-steps .sequence-step__edit-delay-btn:hover rect {
  fill: #4E48DC;
}
.sequence-steps .sequence-step:hover {
  background: #F2F4FC;
}
.sequence-steps__create-btn {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 18px;
  color: #8f9199;
  margin-top: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 30px;
  border-top: 1px solid #E9ECF1;
  box-sizing: content-box;
  height: 20px;
}
.sequence-steps__create-btn:hover {
  color: #221cb6;
}
.sequence-steps__create-btn--disabled:hover {
  cursor: not-allowed;
  color: #8f9199;
}
.sequence-steps::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.sequence-steps::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 30px;
}
.sequence-steps::-webkit-scrollbar-thumb:hover {
  background: #B3AFB3;
}
.sequence-steps::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}

.edit-delay-tooltip-wrapper.show {
  opacity: 1 !important;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip {
  box-sizing: border-box;
  position: relative;
  margin: -9px -22px;
  padding: 20px;
  width: 200px;
  background-color: #000000;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 8px;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip .input__field {
  width: 100%;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip__buttons {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip__button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  border-radius: 8.5px;
  color: #fff;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip__button--save {
  width: 68px;
  background-color: #7974F6;
}
.edit-delay-tooltip-wrapper .edit-delay-tooltip__button--cancel {
  width: 81px;
  background-color: #181818;
}
.level-bar {
  height: 12px;
  width: 230px;
  background: #181818;
  border-radius: 300px;
  position: relative;
  margin-top: 8px;
  overflow: hidden;
}
.level-bar__green-zone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border: 1px solid #fff;
  border-radius: 300px;
  z-index: 10;
}
.level-bar__value {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: red;
  border-radius: 300px;
}
.spam-words {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.spam-words__title {
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.spam-words__word {
  padding: 5px;
  margin-right: 5px;
  margin-top: 5px;
  border-radius: 8px;
  border: 1px solid grey;
}
.moderate-chance {
  min-width: 31px;
  width: fit-content;
  height: 31px;
  border: 1px solid #DBDFE7;
  box-sizing: border-box;
  border-radius: 8.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  flex-shrink: 0;
  padding: 10px 15px;
}
.moderate-chance p {
  color: #8F9199;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  white-space: nowrap;
}
.moderate-chance p.ml-0 {
  margin-left: 0;
}
.moderate-chance:hover {
  cursor: pointer;
  border: 1px solid #221CB6;
}
.moderate-chance:hover .editor-emoji-button {
  background: transparent;
}
.moderate-chance__level {
  width: 11px;
  height: 11px;
  border-radius: 8.5px;
}
.moderate-chance__level--green {
  background-color: #23e771;
}
.moderate-chance__level--yellow {
  background-color: #fc8e0e;
}
.moderate-chance__level--red {
  background-color: #ed483d;
}
.moderate-chance__level--grey {
  background-color: #7b7b7b;
}

.moderate-chance-tooltip-content {
  padding: 24px;
  width: 270px;
}
.moderate-chance-tooltip-content__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
.moderate-chance-tooltip-content__subtitle {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  color: #7B7B7B;
  margin-bottom: 24px;
}
.moderate-chance-tooltip-content .level-bar-wrapper {
  margin-bottom: 16px;
}
.moderate-chance-tooltip-content .level-bar-wrapper__label {
  display: flex;
  justify-content: space-between;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #7b7b7b;
}
.moderate-chance-tooltip-content .level-bar-wrapper__value {
  text-align: right;
  color: #FFFFFF;
}

#moderate-chance-tooltip.show {
  opacity: 1 !important;
  pointer-events: auto !important;
}
#moderate-chance-tooltip:after {
  display: none !important;
}
.analytic-sequence-editor {
  height: 570px;
  padding-right: 100px;
  border-left: 1px solid #e9ecf1;
}
.analytic-sequence-editor__header {
  box-sizing: border-box;
  height: 64px;
  margin-right: -80px;
  padding: 0 90px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e9ecf1;
  position: relative;
}
.analytic-sequence-editor__autosave-indicator {
  position: absolute;
  top: -40px;
  right: 4px;
}
.analytic-sequence-editor__footer {
  margin-right: -80px;
  padding-right: 90px;
}
.campaign-analytics-sequence {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: calc(100% - 86px);
}
.campaign-analytics-sequence__steps, .campaign-analytics-sequence__editor {
  width: 48%;
}
.campaign-analytics-sequence__steps {
  border-right: 1px solid #e9ecf1;
  margin-right: -1px;
  padding-bottom: 30px;
}
.analytic-opportunities-table {
  margin-top: 15px;
}
.analytic-opportunities-table__next-activity-th {
  display: inline-flex;
  align-items: center;
}
.analytic-opportunities-table-emails-chevron svg {
  transform: rotate(180deg);
  margin-left: 5px;
}
.analytic-opportunities-table-emails-tooltip {
  padding: 20px;
}
.analytic-opportunities-table-tooltip__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
}

.analytic-opportunities__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1b1e22;
}
.analytic-opportunities__status-container {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 160px;
}
.analytic-opportunities__status-icon {
  margin-right: 4px;
}
.analytic-opportunities__status {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d8f92;
}
.analytic-opportunities__rate-cell {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  color: #8d8f92;
}
.analytic-opportunities__rate-number {
  margin-left: 10px;
}

.opportunities-analytic-header-actions {
  display: flex;
  gap: 12px;
}
.opportunities-analytic-header-actions__export-users-btn {
  height: 40px;
  width: auto;
}
.opportunities-analytic-header-actions__export-users-btn svg {
  margin-right: 10px;
}

.opportunities-table-emails-tooltip__email {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
}

@media (max-width: 1440px) {
  .opportunities-analytic-header-actions__export-users-btn svg {
    margin-right: 0;
  }
}
.campaign-analytics-opportunity {
  margin-top: 20px;
  background-color: #FBFBFB;
  padding: 24px 21px;
  border-radius: 10px;
}
.campaign-analytics-opportunity__title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.campaign-analytics-opportunity__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.campaign-analytics-opportunity__header .search-form,
.campaign-analytics-opportunity__header .header-list-buttons {
  display: flex;
  align-items: center;
}
.campaign-analytics-opportunity__header .search-form .header-filters {
  position: relative;
}
.campaign-analytics-opportunity__header .search-form .header-filters .__react_component_tooltip {
  left: -5px !important;
  top: 50px !important;
  position: absolute;
}
.campaign-analytics-opportunity__header .search-form .header-filters__content-wrapper:after {
  left: 9px !important;
  top: -5px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-bottom-color: #000000 !important;
}
.campaign-analytics-opportunity__header .header-list-buttons {
  gap: 8px;
}
.campaign-analytics-opportunity__content-table {
  width: 100%;
  border-collapse: collapse;
}
.campaign-analytics-opportunity__content-table thead {
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
.campaign-analytics-opportunity__content-table thead tr th {
  color: #8F9199;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding: 16px 10px;
}
.campaign-analytics-opportunity__content-table thead tr th .table-header-title {
  display: flex;
  align-items: center;
}
.campaign-analytics-opportunity__content-table thead tr th .table-header-title span {
  margin-left: 5px;
}
.campaign-analytics-opportunity__content-table tbody tr {
  border-bottom: 1px solid #E1E1E1;
}
.campaign-analytics-opportunity__content-table tbody tr td {
  padding: 16px 10px;
  vertical-align: top;
}
.campaign-analytics-opportunity__content-table tbody tr td:first-child {
  width: 30%;
}
.campaign-analytics-opportunity__content-table tbody tr:hover {
  background: #F2F4FC;
  cursor: pointer;
}
.campaign-analytics-opportunity__content-table tbody .table-content {
  padding-right: 30px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_header h4 {
  margin: 0 0 0 8px;
  font-weight: 600;
  color: #202430;
}
.campaign-analytics-opportunity__content-table tbody .table-content_text {
  color: rgba(0, 0, 0, 0.58);
  font-size: 12px;
  font-weight: 400;
  margin-left: 24px;
  margin-bottom: 8px;
}
.campaign-analytics-opportunity__content-table tbody .table-content .social-links-a {
  display: inline-flex;
  margin-left: 4px;
  color: #221CB6;
}
.campaign-analytics-opportunity__content-table tbody .table-content .social-links-a svg {
  margin-right: 4px;
  flex: none;
}
.campaign-analytics-opportunity__content-table tbody .table-content .link-icon-a {
  display: inline-flex;
  margin-left: 24px;
  align-items: center;
  color: #221CB6;
}
.campaign-analytics-opportunity__content-table tbody .table-content .link-icon-a .link-content {
  display: inline-block;
  width: 450px;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.campaign-analytics-opportunity__content-table tbody .table-content .link-icon-a svg {
  margin-right: 5px;
  flex: none;
}
.campaign-analytics-opportunity__content-table tbody .table-content_status {
  height: 18px;
  padding: 2px 6px;
  background: rgba(123, 123, 123, 0.32);
  border-radius: 3px;
  width: fit-content;
  display: inline-flex;
}
.campaign-analytics-opportunity__content-table tbody .table-content_status span {
  color: #FFF;
  font-size: 12px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_status.not_verified {
  background-color: #FC8E0E;
}
.campaign-analytics-opportunity__content-table tbody .table-content_status.verified {
  background-color: #23E771;
}
.campaign-analytics-opportunity__content-table tbody .table-content_status.flagged {
  background-color: #ED483D;
}
.campaign-analytics-opportunity__content-table tbody .table-content_source {
  display: flex;
  align-items: center;
}
.campaign-analytics-opportunity__content-table tbody .table-content_source p {
  margin-left: 7px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list:not(:first-child) {
  margin-top: 10px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list li.name-container {
  display: flex;
  align-items: center;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list li .name {
  color: #393939;
  font-size: 14px;
  margin-right: 5px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list li .status {
  display: block;
  max-width: 250px;
  color: rgba(57, 57, 57, 0.54);
  font-size: 12px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts-list li .email {
  font-size: 11px;
  color: #393939;
  text-decoration-line: underline;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts .more {
  color: #221CB6;
  font-size: 11px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_contacts .more:hover {
  cursor: pointer;
}
.campaign-analytics-opportunity__content-table tbody .table-content_metrics-text {
  color: rgba(57, 57, 57, 0.54);
  font-size: 12px;
  margin: 0 6px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_metrics ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.campaign-analytics-opportunity__content-table tbody .table-content_metrics ul li {
  display: flex;
  align-items: center;
}
.campaign-analytics-opportunity__content-table tbody .table-content_metrics ul li:not(:last-child) {
  margin-bottom: 15px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_metrics ul li img {
  width: 16px;
  height: 16px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_date {
  display: flex;
  flex-direction: column;
}
.campaign-analytics-opportunity__content-table tbody .table-content_date .date {
  font-size: 14px;
  color: #393939;
}
.campaign-analytics-opportunity__content-table tbody .table-content_date .date .time {
  margin-left: 5px;
}
.campaign-analytics-opportunity__content-table tbody .table-content_date .person {
  font-size: 12px;
  color: rgba(57, 57, 57, 0.54);
  margin-top: 10px;
}
.campaign-analytics-opportunity__content-table .btn-edited {
  padding: 4px 6px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  color: rgba(0, 0, 0, 0.23);
  font-size: 11px;
  margin-top: 12px;
  display: flex;
  width: fit-content;
  margin-left: 24px;
}
.campaign-analytics-opportunity__content-bot {
  margin: 90px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.campaign-analytics-opportunity__content-bot-title {
  display: inline-flex;
  flex-direction: column;
  margin: 53px 0 30px;
}
.campaign-analytics-opportunity__content-bot-title span {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 123%;
}
.campaign-analytics-opportunity__content-bot-text {
  color: rgba(0, 0, 0, 0.58);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  max-width: 325px;
}
.name-container a:hover svg path {
  fill: #221CB6;
}
.social-links {
  display: inline-flex;
  align-items: center;
}
.social-links .social-link:first-of-type {
  margin-left: -2px;
}
.social-links .social-link:not(.social-links .social-link:last-child) {
  margin-right: 5px;
}
.no-access-error {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 600px;
}
.no-access-error__title {
  margin-top: 50px;
}
.no-access-error__sub-title {
  margin-top: 21px;
}
.no-access-error__btn {
  padding: 12px 25px;
  margin-top: 41px;
}
.no-access-error__home {
  margin-top: 41px;
}
.colored-toggler {
  position: relative;
  width: 40px;
  height: 24px;
  border-radius: 31px;
  cursor: pointer;
}
.colored-toggler__big-size {
  width: 88px;
  display: flex;
}
.colored-toggler__big-size .colored-toggler__slider--active {
  left: 66px;
}
.colored-toggler__not-clickable {
  flex-direction: row-reverse;
  width: fit-content;
  padding-left: 11px;
}
.colored-toggler__not-clickable .colored-toggler__title {
  position: relative;
  margin-right: 11px;
  margin-left: 4px;
}
.colored-toggler__not-clickable.colored-toggler__approval {
  flex-direction: row;
  width: 142px;
  padding-left: 6px;
}
.colored-toggler__fit-size {
  width: 56px;
}
.colored-toggler__approval {
  width: 142px;
}
.colored-toggler__approval .colored-toggler__slider--reject {
  left: 117px !important;
}
.colored-toggler__approval .colored-toggler__slider--confirm {
  left: 96px !important;
}
.colored-toggler__title {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  margin: 6px 8px;
  position: absolute;
  left: 0;
}
.colored-toggler__title.right {
  right: 0;
  left: inherit;
}
.colored-toggler__slider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
  border-radius: 100%;
  transition: 1s;
}
.colored-toggler__slider .icon-name {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
}
.colored-toggler__slider--loading {
  cursor: not-allowed;
}
.colored-toggler__slider--loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  display: block;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #221CB6;
  border-color: #221CB6 transparent transparent transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.colored-toggler__slider--active {
  transition: 1s;
  left: 19px;
}
.colored-toggler__slider--circled:not(.colored-toggler__slider--confirm):not(.colored-toggler__slider--reject) {
  width: fit-content;
  height: fit-content;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: relative;
  box-shadow: none;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.campaign-analytics {
  display: flex;
  height: 100%;
  min-width: 960px;
}
.campaign-analytics__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100vh;
  overflow-y: auto;
}
.campaign-analytics__header {
  display: flex;
}
.campaign-analytics__add-opportunities-btn {
  margin-left: 7px;
}
.campaign-analytics__header-title {
  display: flex;
  align-items: center;
}
.campaign-analytics__header-title .colored-toggler__slider {
  background: #FFFFFF !important;
}
.campaign-analytics__header-title-text {
  margin-left: 5px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.opportunity-sibebar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.opportunity-sibebar.fit-width {
  width: fit-content;
}
.opportunity-sibebar-inspect {
  height: 100vh;
  background: #fff;
  animation: comeinBackground var(--right-sidebar-animation-length) linear;
}
.opportunity-sibebar-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  overflow-y: auto;
  background: #fff;
  animation: comeinSidebar var(--manual-confirm-contact-sidebar-animation-length) linear;
  border-left: 1px solid #ECECEC;
}

@keyframes comeinBackground {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes comeinSidebar {
  from {
    right: calc(var(--right-sidebar-width) * -1);
  }
  to {
    right: 0;
  }
}
.search-types-tab {
  display: flex;
}
.search-types-tab--blocked {
  opacity: 0.4;
  pointer-events: none;
}
.search-types-tab__item {
  height: 83px;
  flex-grow: 1;
  padding: 24px;
  border-radius: 15px;
  background-color: #F5F5F5;
  border: 1px solid rgba(99, 99, 99, 0.21);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.search-types-tab__item:not(:last-child) {
  margin-right: 24px;
}
.search-types-tab__item:hover {
  background: #EEF3FF;
  border: 1px solid #221DB6;
  font-weight: 600;
}
.search-types-tab__item:hover .search-types-tab__item-text {
  color: #221DB6;
}
.search-types-tab__item-text {
  margin-left: 20px;
}
.from-to-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.from-to-row__label {
  display: flex;
  align-items: center;
  color: #1B1E22;
  font-weight: bold;
  width: 50%;
  font-size: 16px;
}
.from-to-row__double-input {
  display: flex;
  flex: 1;
}
.from-to-row__double-input .number-input-wrapper {
  width: 50%;
  border-color: #c1c1c1;
  background-color: #ffffff;
  position: relative;
  padding-right: 0;
}
.from-to-row__double-input .number-input-wrapper .number-input__before-text {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  left: 15px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  font-size: 16px;
  color: #8f9199;
  pointer-events: none;
  z-index: 1;
  margin-left: 0;
}
.from-to-row__double-input .number-input-wrapper .input__field {
  width: auto;
  height: auto;
  padding: 15px;
}
.from-to-row__double-input .number-input-wrapper:first-child, .from-to-row__double-input .number-input-wrapper:first-child .input__field {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.from-to-row__double-input .number-input-wrapper:not(:first-child), .from-to-row__double-input .number-input-wrapper:not(:first-child) .input__field {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.metrics-step {
  --width: 700px;
  width: var(--width);
  margin: 0 auto 50px;
}
.metrics-step__settings {
  background: #f5f6fa;
  border-radius: 17px;
  display: flow-root;
  padding: 35px 56px 32px;
}
.metrics-step__settings--border-left {
  border-top-right-radius: 0;
}
.metrics-step__settings--border-right {
  border-top-left-radius: 0;
}
.metrics-step__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.metrics-step__body span {
  font-weight: 400;
  font-size: 16px;
}
.metrics-step__add-other-metrics {
  color: #7b7b7b;
  font-size: 18px;
  text-align: center;
  padding: 27px;
  margin-top: 20px;
  cursor: pointer;
  border: 1px dashed #bfc2cc;
  border-radius: 17px;
}
.moz-metrics-include-paid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54.2%;
  height: 100%;
  background-color: #ffffff;
  padding: 24px;
  border: 1px dashed rgba(0, 0, 0, 0.27);
  border-radius: 8px;
  z-index: 10;
}
.moz-metrics-include-paid span {
  width: 208px;
  height: 69px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #202430;
}
.moz-metrics-include-paid__price {
  color: #4f4f4f !important;
  font-size: 14px !important;
}
.moz-metrics-include-paid a,
.moz-metrics-include-paid button,
.moz-metrics-include-paid a > button {
  width: 100%;
}

.moz-metrics-paid {
  position: relative;
}

.moz-metrics-remove-filters {
  padding: 0;
  float: right;
  margin-top: 12px;
  margin-right: 5px;
  color: #7b7b7b;
}
.metrics-source-toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff 50%, #f5f6fa 50%);
}
.metrics-source-toggle__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1;
  height: 48px;
  cursor: pointer;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f5f6fa;
  z-index: 1;
  transition: 100ms ease;
}
.metrics-source-toggle__item--unselected:not(:hover) svg * {
  fill: #7790b3;
}
.metrics-source-toggle__item--unselected-border-right {
  border-bottom-right-radius: 12px;
}
.metrics-source-toggle__item--unselected-border-left {
  border-bottom-left-radius: 12px;
}
.metrics-source-toggle__item--unselected:nth-child(1) {
  background-color: #ffffff;
  border-top-right-radius: 0;
}
.metrics-source-toggle__item--unselected:nth-child(2) {
  background-color: #ffffff;
  border-top-left-radius: 0;
}
.metrics-source-toggle__item--unselected:nth-child(3) {
  background-color: #ffffff;
  border-top-left-radius: 0;
}
.metrics-source-toggle__slider {
  display: none;
  position: absolute;
  width: 235px;
  height: 48px;
  background-color: #ffffff;
  box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  transition: transform 80ms ease;
}
.from-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}
.from-row__label {
  display: flex;
  flex: auto;
  align-items: center;
  color: #1B1E22;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
}
.from-row__single-input {
  display: flex;
  flex: 1;
}
.from-row__single-input .number-input-wrapper {
  border-color: #c1c1c1;
  position: relative;
  padding-right: 0;
  width: 100%;
}
.from-row__single-input .number-input-wrapper .number-input__before-text {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  left: 15px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  font-size: 16px;
  color: #8f9199;
  pointer-events: none;
  z-index: 1;
  margin-left: 0;
}
.from-row__single-input .number-input-wrapper .input__field {
  width: auto;
  height: auto;
  padding: 15px;
}
.ahrefs-metrics-include-paid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54.2%;
  height: 100%;
  background-color: #ffffff;
  padding: 24px;
  border: 1px dashed rgba(0, 0, 0, 0.27);
  border-radius: 8px;
  z-index: 2;
}
.ahrefs-metrics-include-paid .number-input-wrapper {
  background-color: transparent;
}
.ahrefs-metrics-include-paid span {
  width: 208px;
  height: 69px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #202430;
}
.ahrefs-metrics-include-paid a,
.ahrefs-metrics-include-paid button,
.ahrefs-metrics-include-paid a > button {
  width: 100%;
}

.ahrefs-metrics-paid {
  position: relative;
}

.ahrefs-metrics-remove-filters {
  padding: 0;
  float: right;
  margin-top: 12px;
  margin-right: 5px;
  color: #7b7b7b;
}
.semrush-metrics-include-paid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54.2%;
  height: 100%;
  background-color: #ffffff;
  padding: 24px;
  border: 1px dashed rgba(0, 0, 0, 0.27);
  border-radius: 8px;
  z-index: 2;
}
.semrush-metrics-include-paid span {
  width: 208px;
  height: 69px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #202430;
}
.semrush-metrics-include-paid a,
.semrush-metrics-include-paid button,
.semrush-metrics-include-paid a > button {
  width: 100%;
}

.semrush-metrics-paid {
  position: relative;
}
.semrush-metrics-paid .number-input-wrapper {
  background-color: transparent;
}

.semrush-metrics-remove-filters {
  padding: 0;
  float: right;
  margin-top: 12px;
  margin-right: 5px;
  color: #7b7b7b;
}
.metrics-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.metrics-container__row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
}
.copy-icon {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
.copy-icon:hover svg circle {
  stroke: #221cb6;
}
.copy-icon:hover svg rect,
.copy-icon:hover svg path {
  fill: #221cb6;
}
.advanced-search-list {
  z-index: 10000;
  height: 100vh;
  background: #FFFFFF;
  padding: 32px 48px;
}
.advanced-search-list__back-link {
  margin-right: 16px;
}
.advanced-search-list__back-link:hover svg circle {
  stroke: #221cb6;
}
.advanced-search-list__back-link:hover svg rect,
.advanced-search-list__back-link:hover svg path {
  fill: #221cb6;
}
.advanced-search-list__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.advanced-search-list-table {
  width: 100%;
  margin-top: 32px;
  border-collapse: collapse;
  border-radius: 8.5px 8.5px 0 0;
}
.advanced-search-list-table__thead {
  height: 50px;
  background: #EDEDF1;
}
.advanced-search-list-table__th {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 125%;
  color: #8f9199;
  text-align: left;
  padding: 16px 0 16px 16px;
}
.advanced-search-list-table__th:first-child {
  border-top-left-radius: 8.5px;
}
.advanced-search-list-table__th:last-child {
  border-top-right-radius: 8.5px;
}
.advanced-search-list-table__td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 16px 30px 16px 16px;
  font-size: 14px;
  line-height: 125%;
  border-bottom: 1px solid #DBDFE7;
}
.advanced-search-list-table__td-content {
  display: flex;
  align-items: center;
}
.advanced-search-list-table__td:first-child {
  height: 38px;
  font-weight: bold;
  font-size: 14px;
  line-height: 125%;
  border-left: 1px solid #DBDFE7;
  white-space: nowrap;
  vertical-align: middle;
}
.advanced-search-list-table__td:last-child {
  border-right: 1px solid #DBDFE7;
}
.integration-status {
  display: flex;
  align-items: center;
}
.integration-status__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  width: 14px;
  margin-right: 12px;
}
.integration-status__text {
  line-height: 18px;
  flex-shrink: 0;
}
.source-select-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 222px);
  grid-gap: 17px;
  margin-bottom: 30px;
}
.source-select-row a {
  text-decoration: none;
}

.source-select-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 222px;
  padding: 26px 20px 17px;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 8px;
  user-select: none;
  transition: background-color 160ms ease;
  cursor: pointer;
}
.source-select-option:hover {
  background-color: #eef3ff;
}
.source-select-option__selected {
  background-color: #eef3ff;
  border: 1px solid #221db6;
}
.source-select-option__disabled {
  cursor: not-allowed;
}
.source-select-option__disabled:hover {
  background-color: #f5f5f5;
}
.source-select-option__image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 21px;
  background-color: #ffffff;
  border-radius: 9px;
}
.source-select-option__icon {
  width: 52px;
  height: 52px;
  margin-bottom: 21px;
  border-radius: 9px;
}
.source-select-option__title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
}
.source-select-option__title-beta-tag {
  padding: 3px 5px 4px 6px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin-left: 7px;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: #4b4c4d;
}
.source-select-option__subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.source-select-option__subtitle-details {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 129%;
  color: #000000;
}
.source-select-option__indicator-container {
  display: flex;
  align-items: center;
  padding: 5px 7px 6px 7px;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  color: #4b4c4d;
  background-color: #e9e9e9;
  border-radius: 5px;
}
.source-select-option__indicator {
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  background-color: #23e771;
  border-radius: 50%;
}
.source-select-option__tooltip {
  text-align: center;
  line-height: 21px;
}
.source-select-option__tooltip a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: #ffffff;
}

.source-select-option-new {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 222px;
  border-radius: 8px;
  border: 1px dashed #8d8f92;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #8d8f92;
  cursor: pointer;
}
.source-select-option-new:hover {
  background: rgba(37, 31, 182, 0.04);
  border: 1px dashed #251fb6;
  color: #251fb6;
}
.source-select-option-new:hover svg path {
  fill: #251fb6;
}
.source-select-option-new svg {
  width: 20px;
  height: 20px;
  margin-bottom: 18px;
}
.content-autosearch__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
  background-color: white;
  padding-top: 35px;
  width: 100%;
  z-index: 10;
}
.content-autosearch__steps:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e9ecf1;
  z-index: -1;
}
.content-autosearch__step {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  padding-bottom: 14px;
  padding-right: 19px;
  cursor: pointer;
}
.content-autosearch__step + svg {
  transform: rotate(90deg);
  margin-right: 21px;
  margin-top: -14px;
}
.content-autosearch__step:hover > .content-autosearch__step-title {
  color: #221CB6;
}
.content-autosearch__step:hover > .content-autosearch__step-index {
  background-color: #eef3ff;
}
.content-autosearch__step--active {
  border-bottom: 2px solid #221CB6;
}
.content-autosearch__step--active .content-autosearch__step-index {
  color: #221CB6;
  background-color: #eef3ff;
  border: 1px solid #e0e6f5;
}
.content-autosearch__step--active .content-autosearch__step-title {
  color: #221CB6;
}
.content-autosearch__step--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.content-autosearch__step--disabled:hover > .content-autosearch__step-title {
  color: #7b7b7b;
}
.content-autosearch__step--disabled:hover > .content-autosearch__step-index {
  background-color: #f5f5f5;
}
.content-autosearch__step-index {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  color: #7b7b7b;
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}
.content-autosearch__step-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #7b7b7b;
}
.date-range-select {
  position: relative;
}
.date-range-select__add-value-btn {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #2aa4cb;
  cursor: pointer;
}
.date-range-select__add-value-btn:hover {
  color: #221CB6;
}
.date-range-select__picker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
.dropdown-panel {
  background-color: #f5f6fa;
  border-radius: 8px;
}
.dropdown-panel__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  height: 52px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  border-radius: 8px;
}
.dropdown-panel__header:hover {
  background-color: #e9e9e9;
}
.dropdown-panel--opened .dropdown-panel__header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.dropdown-panel__header-icon {
  height: 20px;
  margin-right: 12px;
}
.dropdown-panel__header-chevron {
  display: flex;
  margin-left: auto;
}
.dropdown-panel__header-chevron svg {
  transform: rotateX(180deg);
}
.dropdown-panel__content {
  padding: 24px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
}
.dropdown-panel--opened > div > .dropdown-panel__header-chevron:first-of-type svg {
  transform: rotateX(0);
}
.advanced-settings-wrapper {
  margin-top: 30px;
}
.advanced-settings-wrapper__header {
  display: flex;
  align-items: center;
  height: auto;
  padding: 20px 22px 20px;
  background-color: #F5F5F5;
}
.advanced-settings-wrapper__content {
  padding: 8px 24px 20px;
  background-color: #F5F5F5;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.k-s-advanced-settings {
  display: grid;
  grid-auto-flow: column;
  grid-template: repeat(5, 30px)/repeat(2, 1fr);
  grid-row-gap: 18px;
  grid-column-gap: 10px;
}
.k-s-advanced-settings__item {
  display: inline-flex;
  align-items: center;
}
.k-s-advanced-settings__item.max-label-width {
  max-width: 265px;
}
.k-s-advanced-settings__item .checkbox {
  margin-right: 12px;
}
.k-s-advanced-settings__item .input__field {
  width: 48px;
  height: 30px;
  margin: 0 10px;
  padding: 0 8px;
  text-align: center;
  background-color: transparent;
}
.k-s-advanced-settings__item-grid {
  display: inline-grid;
  grid-template: repeat(1, 1fr)/repeat(2, 90px);
}
.k-s-advanced-settings__location-select {
  width: 180px;
  margin-left: 14px;
}
.k-s-advanced-settings__language-select {
  width: 120px;
  margin-left: 14px;
}
.k-s-advanced-settings__language-select .date-range-select__picker {
  bottom: 30px;
  top: unset;
}
.k-s-advanced-settings .number-input-wrapper {
  margin-right: 7px;
}
.k-s-advanced-settings__top-search-filter .number-input-wrapper {
  margin-left: 16px;
}
.keywords-source-select {
  display: grid;
  grid-template-columns: repeat(auto-fill, 218px);
  grid-gap: 17px;
  margin-bottom: 50px;
}
.keywords-source-select__title {
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.accordion {
  padding: 15px;
  padding-left: 30px;
  border-radius: 10px;
  border: 1px solid rgba(99, 99, 99, 0.21);
}
.accordion:not(:last-child) {
  margin-bottom: 10px;
}
.accordion-header {
  display: flex;
  align-items: center;
  position: relative;
}
.accordion-header__lock-icon {
  margin: auto 0 auto auto;
}
.accordion-header__lock-icon:hover {
  cursor: not-allowed;
}
.accordion-header.blocked .slide-toggler.slide-toggler--active {
  background-color: #DBE2FE;
}
.accordion-header-title {
  margin: 0 8px 0 12px;
  font-weight: 600;
  font-size: 18px;
}
.accordion-header-info {
  border-radius: 5px;
  background-color: #E9E9E9;
  padding: 5px;
  height: 21px;
  display: flex;
  align-items: center;
}
.accordion-header-info span {
  margin-left: 5px;
  display: inline-block;
  font-size: 10px;
  color: #4B4C4D;
}
.accordion-header .icon-arrow {
  position: absolute;
  right: 0;
}
.accordion-header .icon-arrow.active {
  transform: rotate(180deg);
  transition: 0.3s;
}
.accordion-content-body__started-plan {
  padding: 0 40px;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.accordion-content-body__started-plan-title {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 10px;
}
.accordion-content-body__started-plan-text {
  color: rgba(0, 0, 0, 0.59);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
  max-width: 280px;
  margin: 0 auto 23px;
}
.accordion-content-body__started-plan-button {
  margin: 0 auto;
  width: 228px;
  height: 43px;
}
.accordion .accordion-content-body-list__item .react-tooltip--header-date-filter {
  background-color: #000000 !important;
}
.accordion .accordion-content-body-list__item .react-tooltip--header-date-filter .rdrCalendarWrapper .rdrMonthsVertical .rdrDays .rdrDay {
  color: white !important;
}
.accordion .accordion-content-body-list__item-label {
  color: #202430;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  margin-right: 16px;
}
.accordion .accordion-content-body-list__item-block {
  margin-left: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion .accordion-content-body-list__item-block__title {
  display: flex;
}
.accordion-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion-footer__item {
  border-radius: 6.537px;
  border: 0.817px solid rgba(99, 99, 99, 0.21);
  background: #FFF;
  padding: 10px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 220px;
  width: 100%;
  position: relative;
}
.accordion-footer__item:not(:last-child) {
  margin-right: 13px;
}
.accordion-footer__item svg {
  position: absolute;
  left: 15px;
}
.accordion-footer__item .text-green {
  color: #58CD95;
}
.accordion-footer__item .text-blue {
  color: #251FB6;
}
.accordion-footer__item .text-red {
  color: #ED483D;
}
.accordion-footer__item-tooltip {
  max-width: 220px;
  padding: 6px;
}
.accordion-content {
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.accordion-content.active {
  overflow: initial;
  max-height: 9999px;
  transition: max-height 0.5s ease-in-out;
}
.accordion-content-body-list {
  list-style-type: none;
  padding-left: 0;
}
.accordion-content-body-list__item {
  display: flex;
  align-items: center;
}
.accordion-content-body-list__item.flex-column {
  flex-direction: column;
  align-items: flex-start;
}
.accordion-content-body-list__item:not(:last-child) {
  margin-bottom: 15px;
}
.accordion-content-body-list__item .select {
  min-width: 160px;
  max-width: 550px;
  font-size: 16px;
}
.accordion-content-body-list__item .input {
  margin: 0 10px;
}
.accordion-content-body-list__item .input__field {
  width: fit-content;
  padding: 10px;
  max-width: 57px;
  color: #202430;
}
.accordion-content-body-list__item .sub-list {
  border-radius: 9px;
  border: 1px solid rgba(99, 99, 99, 0.21);
  padding: 10px 20px;
  padding-left: 35px;
  margin-top: 17px;
  width: 100%;
  font-size: 13px;
}
.accordion-content-body-list__item .sub-list__item {
  line-height: 23px;
}
.accordion-content-body-list__item-info {
  border-radius: 5px;
  background-color: #E9E9E9;
  padding: 5px;
  height: 21px;
  display: flex;
  align-items: center;
  margin-left: 7px;
  margin-top: 2px;
}
.accordion-content-body-list__item-info span {
  margin-left: 5px;
  display: inline-block;
  font-size: 10px;
  color: #4B4C4D;
}
.personalization-instructions-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.personalization-instructions-editor__block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 19px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.personalization-instructions-editor__block-title a {
  color: #3424eb;
  text-decoration: none;
}
.personalization-instructions-editor__source {
  margin-right: 70px;
}
.personalization-instructions-editor__queries {
  flex: 1;
}
.personalization-instructions-editor__source-item {
  width: 189px;
  height: 95px;
  background: #fafafa;
  border: 1px solid rgba(99, 99, 99, 0.21);
  box-sizing: border-box;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.personalization-instructions-editor__source-item:not(:last-child) {
  margin-bottom: 15px;
}
.personalization-instructions-editor__source-item--active {
  background: #eef3ff;
  border: 1px solid #221db6;
}
.personalization-instructions-editor__query-editor-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 226px;
  width: 100%;
  border: 1px solid rgba(99, 99, 99, 0.21);
  box-sizing: border-box;
  border-radius: 9px;
}
.personalization-instructions-editor__query-editor {
  display: flex;
  flex-direction: column;
  max-height: 226px;
  min-height: 114px;
  height: 100%;
  width: 100%;
  padding: 0;
  overflow-y: auto;
}
.personalization-instructions-editor__query-editor > div:not(:last-child) {
  min-height: 39px;
  transition: min-height 200ms ease;
}
.personalization-instructions-editor__query-editor--with-placeholder > div:not(:last-child) {
  min-height: 97px !important;
}
.personalization-instructions-editor__query-editor-placeholder {
  position: absolute;
  display: block;
  padding: 10px 17px 10px 17px;
  color: #acacac;
  font-size: 16px;
  pointer-events: none;
  white-space: pre;
  z-index: -1;
}
.personalization-instructions-editor__query-editor-placeholder-row {
  display: flex;
  margin-bottom: 10px;
}
.personalization-instructions-editor__query-editor-placeholder-order {
  margin-right: 17px;
}
.personalization-instructions-editor__query-order-number {
  margin-right: 5px;
  font-size: 18px;
  line-height: 181%;
  color: #202430;
}
.personalization-instructions-editor__query {
  display: inline-flex;
  width: 100%;
  counter-increment: line;
}
.personalization-instructions-editor__query svg {
  cursor: pointer;
  margin-left: 10px;
}
.personalization-instructions-editor__query:hover span {
  visibility: visible;
}
.personalization-instructions-editor__query-text {
  position: relative;
  padding-left: 16px;
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  line-height: 181%;
  color: #202430;
  overflow: hidden;
  word-break: break-word;
}
.personalization-instructions-editor__query-text:focus-visible {
  outline: none;
}
.personalization-instructions-editor__query-text:before {
  content: counter(line) ".";
  position: absolute;
  left: 0;
  margin-right: 5px;
  font-size: 16px;
  line-height: 181%;
  color: #202430;
}
.personalization-instructions-editor__query-text--empty:before {
  content: "";
}
.personalization-instructions-editor__query-link {
  visibility: hidden;
  margin-top: 11px;
  cursor: pointer;
}
.personalization-instructions-editor__warning-icon svg {
  margin-bottom: -1px;
}
.footers {
  display: flex;
  align-items: center;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 24px;
  padding-bottom: 24px;
  background-color: #fff;
  padding-top: 24px;
  border-top: 1px solid rgba(99, 99, 99, 0.21);
}
.footers__continue-btn {
  margin-left: auto;
}
.footers__second-step-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.footers__second-step-btns__notify {
  display: flex;
  align-items: center;
}
.footers__second-step-btns__notify-title {
  margin-left: 8px;
}
.file-select-step__title {
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.file-select-step__delimiter-select-title, .file-select-step__import-mode-select-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #7b7b7b;
  margin-bottom: 2px;
}
.file-select-step__delimiter-select-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #8f9199;
  margin-top: 0;
}
.file-select-step__delimiter-select, .file-select-step__import-mode-select {
  display: flex;
  align-items: center;
}
.file-select-step__delimiter-option-custom-input input {
  width: 48px !important;
  height: 30px !important;
  padding: 0 8px;
  text-align: center;
}
.file-select-step__delimiter-option {
  height: 30px;
}
.file-select-step__delimiter-option, .file-select-step__import-mode-option {
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  margin-right: 16px;
  margin-bottom: 0;
}
.file-select-step__delimiter-option:last-child, .file-select-step__import-mode-option:last-child {
  margin-right: 0;
}
.file-select-step__delimiter-option:last-child .input, .file-select-step__import-mode-option:last-child .input {
  margin-left: 8px;
}
.file-select-step__days-contacted input {
  width: 48px !important;
  height: 30px !important;
  padding: 0 9px;
  margin: auto 5px;
  border: 1px solid #dbdfe7;
  background-color: transparent;
}
.file-select-step__footer {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 24px;
  padding-bottom: 24px;
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
  background-color: #ffffff;
  border-top: 1px solid rgba(99, 99, 99, 0.21);
}
.file-select-step__footer button {
  padding: 0;
}
.file-select-step__import-settings {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  margin-top: 8px;
}
.file-select-step__import-settings .checkbox {
  align-items: center;
  margin-top: 28px;
  font-size: 16px;
  line-height: 20px;
}
.file-select-step__import-settings .checkbox:first-of-type {
  margin-top: 18px;
}
.file-select-step__import-settings .checkbox__field {
  margin-right: 12px;
}

.file-select-step-upload-progress {
  background-color: #f5f6fa;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
}
.file-select-step-upload-progress__extends-icon {
  width: 48px;
  height: 48px;
  background-color: #e2e8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin-right: 16px;
  position: relative;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  color: #221cb6;
}
.file-select-step-upload-progress__remove-icon {
  position: absolute;
  top: -13px;
  left: -13px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.file-select-step-upload-progress__remove-icon svg {
  height: 15px;
}
.file-select-step-upload-progress__remove-icon:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.26);
}
.file-select-step-upload-progress__info {
  position: relative;
}
.file-select-step-upload-progress__info-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.file-select-step-upload-progress__file-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  white-space: nowrap;
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.file-select-step-upload-progress__file-extension {
  color: #7b7b7b;
  text-transform: uppercase;
}
.file-select-step-upload-progress__percentage {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  color: #7b7b7b;
  white-space: nowrap;
  margin-left: 15px;
}
.file-select-step-upload-progress__bar {
  height: 3px;
  width: 100%;
  background: #e9ecf1;
  border-radius: 8px;
  position: relative;
}
.file-select-step-upload-progress__progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #221CB6;
  border-radius: 8px;
}
.custom-fields-sidebar {
  font-weight: 400;
}
.custom-fields-sidebar .right-sidebar {
  width: 462px;
}
.custom-fields-sidebar.contacts-sidebar .right-sidebar {
  width: 526px;
  z-index: 1000;
}
@media screen and (max-width: 526px) {
  .custom-fields-sidebar.contacts-sidebar .right-sidebar {
    width: 100% !important;
  }
}
.custom-fields-sidebar__header {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.custom-fields-sidebar .section-select {
  margin: 0 20px 4px;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.custom-fields-sidebar .section-select__container {
  width: 100%;
}
.custom-fields-sidebar .section-select__item {
  width: 50%;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper {
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-text {
  font-size: 14px;
  line-height: 181%;
  padding-left: 17px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-text:before {
  font-size: 14px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor--with-placeholder > div:not(:last-child) {
  min-height: 73px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder {
  font-size: 14px;
  line-height: 181%;
  white-space: inherit;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder-order {
  margin-right: 8px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder-order .content-search-editor-v2__query-editor-placeholder-row .content-search-editor-v2__query-editor-placeholder-order {
  margin-right: 8px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input:last-child {
  margin-left: -1px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input .input__field {
  height: 45px;
  font-size: 14px;
  border-radius: 6px 0px 0px 6px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input:last-child .input__field {
  border-radius: 0px 6px 6px 0px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input .input__before-text {
  font-size: 14px;
  color: #acacac;
}
.custom-fields-sidebar .custom-fields-sidebar__field:not(:first-child) {
  padding-top: 31px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-1wa3eu0-placeholder {
  color: #acacac;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-eqy8aq-control {
  min-height: 45px;
  border: 1px solid #DBDFE7;
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-eqy8aq-control .css-1nldu0k-ValueContainer {
  padding: 2px 13px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-rzky46-control {
  min-height: 45px;
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-rzky46-control .css-1nldu0k-ValueContainer {
  padding: 2px 13px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .slate-editor__editor-wrapper-inline {
  padding: 15px 16px 15px 17px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  min-height: 147px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .slate-editor__editor-wrapper-inline span[data-slate-placeholder] {
  color: #acacac;
  opacity: 1 !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .editor-variables-button-inline {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .editor-variables-button-inline svg {
  width: 12px;
  height: 12px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select {
  color: #FFFFFF;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px 17px 12px;
  border-top: 1px solid #272727;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:first-child {
  border-top: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:last-child {
  border-bottom: 1px solid #272727;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-drag {
  cursor: move;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-color {
  margin: 0px 6px 0px 12px;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  display: block;
  flex: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-input {
  margin: 0 auto 0 6px;
  width: 100%;
  background-color: transparent;
  color: white;
  border: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-input:focus {
  outline: none;
  border: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-close:hover {
  cursor: pointer;
  filter: brightness(100);
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:hover {
  background-color: #282828;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__create-button {
  padding: 17px 20px;
  color: #7974F6;
  text-align: center;
  font-size: 14px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__create-button:hover {
  color: #aca9f5;
  cursor: pointer;
}
.custom-fields-sidebar__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.custom-fields-sidebar__input {
  height: 45px;
}
.custom-fields-sidebar__input input {
  padding-left: 17px;
  font-size: 14px;
  border-radius: 6px;
}
.custom-fields-sidebar__textarea input {
  padding-left: 11px;
}
.custom-fields-sidebar__from-to {
  display: flex;
}
.custom-fields-sidebar__from-to input {
  width: 211px;
}
.custom-fields-sidebar__field {
  padding: 20px;
  padding-bottom: 0;
}
.custom-fields-sidebar__field--relative {
  position: relative;
}
.custom-fields-sidebar__field .slate-editor {
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  font-size: 16px;
}
.custom-fields-sidebar__field .slate-editor__editor--inline {
  height: 170px;
}
.custom-fields-sidebar__field .slate-editor.focused-editor {
  box-shadow: none !important;
  border-color: #221cb6 !important;
}
.custom-fields-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding-right: 50px;
}
.custom-fields-sidebar__field-label-help {
  margin-left: 4px;
  display: inline-flex;
}
.custom-fields-sidebar__field-label-tooltip {
  padding: 12px 15px;
  max-width: 300px;
}
.custom-fields-sidebar__field-label-tooltip-title {
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 9px;
  margin-top: 0;
}
.custom-fields-sidebar__field-label-tooltip-color {
  display: flex;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  display: block;
  position: relative;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item:not(:last-child) {
  margin-right: 7px;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item:hover {
  cursor: pointer;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item.active:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #282828;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  border-radius: 100%;
}
.custom-fields-sidebar__field-label-option {
  position: absolute;
  right: 0;
  font-size: 10px;
  font-weight: 400;
}
.custom-fields-sidebar__field-value {
  font-weight: 800;
  color: #000000;
}
.custom-fields-sidebar__relation-field {
  padding-top: 6px;
}
.custom-fields-sidebar__relation-field .radio {
  display: flex;
  height: auto;
}
.custom-fields-sidebar__relation-field .radio > span {
  bottom: auto !important;
}
.custom-fields-sidebar__relation-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
}
.custom-fields-sidebar__relation-desc {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
}
.custom-fields-sidebar__type-select {
  display: flex;
  align-items: center;
  padding: 2px 11px;
  padding-right: 0;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8d8f92;
}
.custom-fields-sidebar__type-select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #e8eaed;
  margin-right: 1px;
}
.custom-fields-sidebar__type-option {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.custom-fields-sidebar__type-option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #3d3d3d;
  margin-right: 12px;
}
.custom-fields-sidebar__footer {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 15px;
}
.custom-fields-sidebar__footer-save {
  display: flex;
  margin-left: auto;
}
.custom-fields-sidebar__footer-save button:first-of-type {
  margin-right: 7px;
}
.custom-fields-sidebar__footer button {
  height: 35px;
  width: 72px;
  min-width: 72px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.custom-fields-sidebar .slate-editor__editor {
  height: auto;
  min-height: 30px;
}
.custom-fields {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.custom-fields__table__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #e8eaed;
}
.custom-fields__table .table-td {
  cursor: default;
}
.custom-fields__table .table-th {
  padding-bottom: 4px;
}
.custom-fields__table__row {
  height: 80px;
}
.custom-fields__table__row:hover {
  background-color: #eef3ff;
  cursor: pointer;
}
.custom-fields__table__row:not(.custom-fields__table__row:last-child) {
  border-bottom: 1px solid #f4f4f4;
}
.custom-fields__table__cell--name {
  display: flex;
  align-items: center;
}
.custom-fields__table__cell--name-details {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin-left: 13px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d8f92;
}
.custom-fields__table__cell--data {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #8d8f92;
}
.custom-fields__table__field-name {
  display: flex;
  align-items: center;
  margin-top: 1px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #1b1e22;
}
.custom-fields__table__field-email {
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d8f92;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-fields__table .table-td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8d8f92;
  text-align: left;
  font-size: 14px;
}
.custom-fields__table .table-td:nth-of-type(2) {
  width: 220px;
}
.custom-fields__table .table-td:last-child {
  width: 100px;
}
.custom-fields__default-tag {
  margin-left: 4px;
  padding: 2px 5px;
  background-color: #f5f6fa;
  border-radius: 3px;
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  color: #8d8f92;
}
.multi-value-container {
  border-radius: 6px;
  margin: 2px 4px 2px 0;
}
.multi-value-container:last-child {
  margin-right: 0;
}
.multi-value-container > div {
  background-color: transparent;
}
.multi-value-container > div > div {
  color: var(--colorValue);
}
.field-select__footer {
  color: #7974F7;
  font-size: 14px;
  padding: 10px 0 10px 10px;
  display: inline-block;
  cursor: pointer;
}
.map-attribute-step {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.map-attribute-step__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.map-attribute-step__column {
  width: 45%;
}
.map-attribute-step__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 6px;
}
.map-attribute-step__field {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.map-attribute-step__field--pseudo {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #dbdfe7;
  border-radius: 8.5px;
  height: 48px;
  padding: 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.map-attribute-step__field > div:first-child {
  flex-grow: 1;
}
.map-attribute-step__field svg {
  margin-left: 1rem;
}
.map-attribute-step__field .input__icon svg {
  margin-left: 0;
}
.map-attribute-step__field .editor-variables-list {
  width: 100%;
}
.map-attribute-step__field-reset:hover {
  cursor: pointer;
}
.map-attribute-step__footer {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  bottom: 0;
  background-color: #FFFFFF;
}
.map-attribute-step__footer button {
  padding: 0;
}
.import-file-flow {
  position: relative;
  border-radius: 8px;
  margin-top: 51px;
}
.import-file-flow__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  width: 100%;
}
.import-file-flow__header-close-icon {
  cursor: pointer;
}
.import-file-flow__header-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.import-file-flow__header-title svg {
  margin-right: 13px;
}
.import-file-flow__title {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}
.import-file-flow__title-text {
  margin-left: 1rem;
}
.import-file-flow .import-file-flow-dnd-zone {
  margin-top: 24px;
  background: #ffffff;
  border: 2px dashed #dbdfe7;
  box-sizing: border-box;
  border-radius: 8px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.import-file-flow .import-file-flow-dnd-zone__icon {
  margin-bottom: 16px;
}
.import-file-flow .import-file-flow-dnd-zone__description {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}
.import-file-flow .import-file-flow-dnd-zone__input-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  content: "Upload .CSV file";
  display: inline-flex;
  background-color: #221CB6;
  color: #ffffff;
  width: auto;
  height: 40px;
  padding: 12px 16px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}
.import-file-flow .import-file-flow-dnd-zone__input-label:hover {
  background-color: #4e48dc;
}
.import-file-flow .import-file-flow-dnd-zone__input-field {
  display: none;
}
.import-file-flow button {
  width: auto;
  padding: 0 20px;
}
.import-file-flow__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 24px;
  padding-bottom: 24px;
  background-color: #fff;
  padding-top: 24px;
  border-top: 1px solid rgba(99, 99, 99, 0.21);
}
.import-file-flow__footer__notify {
  display: flex;
  align-items: center;
}
.import-file-flow__footer__notify-title {
  margin-left: 8px;
}
.respona-status-tag {
  display: flex;
  align-items: end;
}
.respona-status-tag span {
  line-height: 12px;
}
.respona-status-tag__icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.b-s-advanced-settings {
  display: grid;
  grid-auto-flow: column;
  grid-template: repeat(8, 30px)/repeat(2, 1fr);
  grid-row-gap: 18px;
}
.b-s-advanced-settings__three-rows {
  grid-template: repeat(4, 30px)/repeat(2, 1fr);
}
.b-s-advanced-settings__four-rows {
  grid-template: repeat(4, 30px)/repeat(2, 1fr);
}
.b-s-advanced-settings__item {
  display: inline-flex;
  align-items: center;
}
.b-s-advanced-settings__item.max-label-width {
  max-width: 265px;
}
.b-s-advanced-settings__item-grid {
  display: grid;
  grid-template-columns: 90px 111px;
}
.b-s-advanced-settings__item .checkbox {
  margin-right: 12px;
}
.b-s-advanced-settings__item .input__field {
  width: 52px;
  height: 30px;
  margin: 0 10px;
  padding: 0 8px;
  text-align: center;
  background-color: transparent;
}
.b-s-advanced-settings__item .input__field:disabled {
  color: #8e95aa;
  cursor: default;
}
.b-s-advanced-settings__item-select {
  display: flex;
  justify-content: space-between;
  width: 211px;
}
.b-s-advanced-settings__top-search-filter .input__field {
  margin-left: 16px;
}
.b-s-advanced-settings__location-select {
  width: 180px;
  margin-left: 22px;
}
.b-s-advanced-settings__language-select {
  width: 120px;
  margin-left: 14px;
}
.backlinks-search__select-source-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.backlinks-search__select-source-item--ahrefs svg {
  width: 100px;
}
.backlinks-search__select-source-item-text {
  font-size: 11px;
  color: #8f9199;
  margin-top: 11px;
}
.backlinks-search__select-source-item-subtext {
  font-size: 11px;
  color: rgba(32, 36, 48, 0.37);
}
.backlinks-search__title {
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.p-s-advanced-settings {
  display: grid;
  grid-auto-flow: column;
  grid-template: repeat(4, 30px)/repeat(2, 1fr);
  grid-row-gap: 18px;
}
.p-s-advanced-settings__five-rows {
  grid-template: repeat(5, 30px)/repeat(2, 1fr);
}
.p-s-advanced-settings__item {
  display: inline-flex;
  align-items: center;
}
.p-s-advanced-settings__item.max-label-width {
  max-width: 265px;
}
.p-s-advanced-settings__item .checkbox {
  margin-right: 12px;
}
.p-s-advanced-settings__item .input__field {
  width: 48px;
  height: 30px;
  margin: 0 10px;
  padding: 0 8px;
  text-align: center;
  background-color: transparent;
}
.p-s-advanced-settings__item-grid {
  display: inline-grid;
  grid-template: repeat(1, 1fr)/repeat(2, 90px);
}
.p-s-advanced-settings__location-select {
  width: 180px;
  margin-left: 14px;
}
.p-s-advanced-settings__language-select {
  width: 120px;
  margin-left: 14px;
}
.p-s-advanced-settings__language-select .date-range-select__picker {
  bottom: 30px;
  top: unset;
}
.p-s-advanced-settings__top-search-filter .input__field {
  margin-left: 16px;
}
.select-raw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.select-raw__label {
  color: #1b1e22;
  font-weight: bold;
}
.select-raw__select-wrapper {
  width: 422px;
}

.listen-notes-metrics__add-date-button {
  display: flex;
  margin-left: auto;
  margin: 10px auto 15px;
  padding: 0;
}

.listen-notes-metrics-warning {
  display: flex;
  align-items: center;
  padding: 14px 17px;
  border-radius: 12px;
  margin-top: 33px;
  background-color: #fff2e2;
  font-size: 16px;
  line-height: 141%;
  color: #3c3c3c;
}
.listen-notes-metrics-warning__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  border-radius: 50%;
  background-color: #fc8e0e;
}
.listen-notes-metrics-warning__icon-wrapper > svg {
  width: 16px;
  height: 16px;
}
.podcast-search__select-source-item {
  display: flex;
  align-items: center;
}
.podcast-search__select-source-item-text {
  margin-left: 24px;
  font-weight: 600;
  font-size: 20px;
}
.podcast-search__title {
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.content-automation-search {
  flex: 1;
}
.content-automation-search__settings-title {
  margin-bottom: 45px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
  text-align: center;
}
.content-automation-search__settings-title h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}
.content-automation-search__settings-title p {
  font-size: 14px;
}
.content-automation-search__body {
  padding-top: 39px;
}
.content-automation-search__footer {
  margin-top: 20px;
}
.content-automation-search-modal {
  display: flex;
  height: 925px;
}
.content-automation-search-modal .modal__cross-btn {
  top: 18px;
  right: 18px;
}
.content-automation-search-modal-sidebar {
  min-width: 262px;
  background-color: #FAFAFA;
  width: fit-content;
  max-width: 350px;
  padding: 35px 0;
  position: sticky;
  top: 0;
}
.content-automation-search-modal-sidebar-title {
  color: rgba(0, 0, 0, 0.41);
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 35px;
  padding-left: 28px;
  display: inline-block;
}
.content-automation-search-modal-sidebar .search-types-tab {
  flex-direction: column;
  width: 100%;
}
.content-automation-search-modal-sidebar .search-types-tab__item {
  padding: 18px 28px;
  margin-right: 0;
  height: 60px;
  margin-bottom: 0;
  background-color: transparent;
  border: none;
  border-right: 2px solid transparent;
  border-radius: 0;
}
.content-automation-search-modal-sidebar .search-types-tab__item:hover {
  cursor: pointer;
  background-color: #E5E5EE;
  transition: 0.3s;
}
.content-automation-search-modal-sidebar .search-types-tab__item--active {
  cursor: pointer;
  background-color: #E5E5EE;
  border-right: 2px solid #251FB6;
  transition: 0.3s;
}
.content-automation-search-modal-sidebar .search-types-tab__item-text {
  font-size: 18px;
  margin-left: 12px;
  font-weight: 600;
}
.content-automation-search-modal-sidebar .search-types-tab__item svg {
  width: 20px;
  height: 20px;
}
.content-automation-search-modal-sidebar .search-types-tab__item--blurred {
  filter: grayscale(1);
}
.content-automation-search-modal-sidebar .search-types-tab__item--blurred span {
  color: grey;
}
.content-automation-search-modal-sidebar .search-types-tab__item--blurred:hover {
  background: none;
  cursor: not-allowed;
}
.content-automation-search-modal-sidebar .search-types-tab__item--blurred:hover span {
  color: grey;
}
.content-automation-search-modal__body {
  padding: 35px 46px 35px 40px;
  width: 100%;
}
.content-automation-search-modal__body:has(.import-file-flow__header), .content-automation-search-modal__body:has(.content-autosearch__steps) {
  padding-top: 0;
}
.content-automation-search-modal__body .content-autosearch__step {
  border-bottom: 2px solid #E9ECF1;
  margin-right: 40px;
}
.content-automation-search-modal__body .content-autosearch__step:last-child {
  margin-right: 0;
}
.content-automation-search-modal__body .content-autosearch__step--active {
  border-bottom: 2px solid #221CB6;
}
.content-automation-search-modal__body .content-autosearch__step + svg {
  display: none;
}
.content-automation-search-modal__body .content-autosearch__step-index {
  border-radius: 8px;
}

.content-search-step {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 30px;
}
.content-search-step__searching {
  flex: 1;
}
.content-search-step__options-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 19px;
}

.content-search-results-container {
  max-height: unset;
  transition: max-height 160ms ease;
  overflow: hidden;
}
.content-search-results-container--collapsed {
  max-height: calc(100vh - 440px);
}

.content-search-step-wrapper {
  display: flex;
  position: relative;
  height: 100%;
  padding-top: 50px;
  top: 50%;
  transform: translateY(calc(50% - 50px));
}
.content-search-step-wrapper__toggler {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -41px;
}

.options-row__item {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
}
.options-row__item:hover, .options-row__item--active {
  cursor: pointer;
  color: #221cb6;
}
.options-row__item:hover svg circle, .options-row__item--active svg circle {
  stroke: #221cb6;
}
.options-row__item:hover svg rect,
.options-row__item:hover svg path, .options-row__item--active svg rect,
.options-row__item--active svg path {
  fill: #221cb6;
}
.options-row__icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.options-row__podcast-type-select {
  width: 125px;
}
.content-search-activity-title {
  font-size: 18px;
  font-weight: 600;
}
.content-search-activity-tabs {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #E1E1E1;
  width: 100%;
  margin-top: 20px;
}
.content-search-activity-tabs__item {
  display: flex;
  align-items: center;
  padding: 23px;
  position: relative;
}
.content-search-activity-tabs__item.active .content-search-activity-tabs__item-title, .content-search-activity-tabs__item:hover .content-search-activity-tabs__item-title {
  color: #221CB6;
}
.content-search-activity-tabs__item.active:before, .content-search-activity-tabs__item:hover:before {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 2px;
  left: 0;
  right: 0;
  background-color: #221CB6;
}
.content-search-activity-tabs__item-icon {
  width: 23px;
  height: 23px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.content-search-activity-tabs__item-icon.grey {
  background-color: #E1E1E1;
}
.content-search-activity-tabs__item-icon.blue {
  background-color: #DBE2FE;
}
.content-search-activity-tabs__item-icon.green {
  background-color: #23E771;
}
.content-search-activity-tabs__item-title {
  color: #393939;
  font-size: 16px;
  font-weight: 500;
}
.content-search-activity-tabs__item-number {
  background-color: #DBE2FE;
  color: #221CB6;
  padding: 2px 6px;
  border-radius: 3px;
  display: block;
  font-size: 12px;
  margin-left: 5px;
}
.content-search-activity-tabs__item:hover {
  cursor: pointer;
}
.content-search-activity .review-step-list {
  margin-top: 18px;
  max-height: 500px;
  overflow-y: auto;
}
.content-search-activity .review-step-list__statistics {
  width: 100%;
  height: 150px;
}
.content-search-activity .review-step-list__statistics--wide {
  height: 198px;
}
.content-search-activity .review-step-list__statistics__counters {
  display: flex;
  align-items: center;
  height: 150px;
}
.content-search-activity .review-step-list__statistics__counters__card {
  height: 70px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-search-activity .review-step-list__statistics__counters__card--img {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  margin: 5px 20px;
}
.content-search-activity .review-step-list__statistics__counters__card--value {
  line-height: 30px;
  font-size: 30px;
  font-weight: 600;
}
.content-search-activity .review-step-list__statistics__counters__card--title {
  line-height: 14px;
  font-size: 14px;
  font-weight: 600;
  color: #8d8f92;
}
.content-search-activity .review-step-list__statistics__download {
  height: 48px;
  display: flex;
  align-items: center;
  border-top: 1px solid #F4F4F4;
  padding: 0 20px;
}
.content-search-activity .review-step-list__statistics__download__button {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px;
  color: #221CB6;
}
.content-search-activity .review-step-list__statistics__download__button svg {
  margin-right: 2px;
}
.content-search-activity .review-step-list__dropdown {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 49px;
  top: 14px;
}
.content-search-activity .review-step-list__dropdown__btn {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid rgba(143, 145, 153, 0.21);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-search-activity .review-step-list__dropdown__btn:hover {
  border-color: #EEF1FC;
  background: #EEF1FC;
}
.content-search-activity .review-step-list__dropdown__btn:hover svg path {
  fill: #221CB6;
}
.content-search-activity .review-step-list__dropdown__btn--open {
  background: #EEF1FC;
  border-color: #EEF1FC;
  transform: rotate(180deg);
}
.content-search-activity .review-step-list__dropdown__btn--open svg path {
  fill: #221CB6;
}
.content-search-activity .review-step-list__item {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 50px;
  background: #FBFBFB;
  border-radius: 10px;
}
.content-search-activity .review-step-list__item .question-tooltip {
  margin-left: 5px;
}
.content-search-activity .review-step-list__item:not(:last-child) {
  margin-bottom: 10px;
}
.content-search-activity .review-step-list__item-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 13px 20px;
  background: #FBFBFB;
  border-radius: 10px;
  transition: opacity 0.6s, padding 0.6s;
}
.content-search-activity .review-step-list__item-container-content {
  flex: 1;
  display: flex;
  align-items: center;
  align-self: center;
}
.content-search-activity .review-step-list__item-container-content-text {
  margin-left: 5px;
  max-width: 175px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.content-search-activity .review-step-list__item-container-content-text .mr-5, .content-search-activity .review-step-list__item-container-content-text .long-text {
  vertical-align: middle;
}
.content-search-activity .review-step-list__item-container-content-icon-sircle {
  width: 23px;
  height: 23px;
  border-radius: 41px;
  background: #DBE2FE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-search-activity .review-step-list__item-container-content-icon-sircle.green {
  background: #23E771;
}
.content-search-activity .review-step-list__item-container-content-number {
  color: #221CB6;
  background-color: #DBE2FE;
  display: inline-flex;
  height: 17px;
  padding: 2px 6px;
  align-items: center;
  gap: 25px;
  border-radius: 3px;
  font-size: 12px;
}
.content-search-activity .review-step-list__item-container-delete-button {
  display: none;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 23px;
}
.content-search-activity .review-step-list__item-container-delete-button svg path {
  fill: rgba(143, 145, 153, 0.21);
}
.content-search-activity .review-step-list__item-container-delete-button:hover svg path {
  fill: #ED483D;
}
.content-search-activity .review-step-list__item-container-edit-button, .content-search-activity .review-step-list__item-container-download-button {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(143, 145, 153, 0.21);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 23px;
}
.content-search-activity .review-step-list__item-container-edit-button:hover, .content-search-activity .review-step-list__item-container-download-button:hover {
  cursor: pointer;
  background: #EEF1FC;
  border: 1px solid #EEF1FC;
}
.content-search-activity .review-step-list__item-container-edit-button {
  background-color: #221CB6;
}
.content-search-activity .review-step-list__item-container-download-button:hover {
  background: #EEF1FC;
  border-radius: 5px;
}
.content-search-activity .review-step-list__item-container-download-button:hover svg path {
  fill: #221CB6;
}
.content-search-activity .review-step-list__item-container.hidden {
  opacity: 0;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.3s, padding 0.3s;
  z-index: -1;
}
.content-search-activity .review-step-list__item-container:hover {
  background: #f6f6f6;
}
.content-search-activity .review-step-list__item-container:hover .review-step-list__item-container-delete-button {
  display: flex;
}
.content-search-activity .review-step-list__item-confirm-delete {
  display: flex;
  margin: 0 auto;
  gap: 15px;
  opacity: 1;
  padding: 13px 20px;
  align-items: center;
  width: 100%;
  justify-content: right;
  transition: opacity 0.6s, padding 0.6s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.content-search-activity .review-step-list__item-confirm-delete.hidden {
  opacity: 0;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.3s, padding 0.3s;
  z-index: -1;
}
.content-search-activity .review-step-list__item:hover {
  cursor: pointer;
}
.content-search-activity .review-step-list__item.d-none {
  display: none;
}
.content-search-activity .review-step-list__item--open {
  height: 200px;
}
.content-search-activity .review-step-list__item--open-wide {
  height: 255px;
}
.content-search-activity .review-step-list__footer {
  border-radius: 5px;
  border: 1px solid #DBE2FE;
  padding: 6px;
  display: flex;
  justify-content: center;
  position: sticky;
  bottom: 0;
  background-color: white;
}
.content-search-activity .review-step-list__footer-button {
  display: flex;
  align-items: center;
}
.content-search-activity .review-step-list__footer-button span {
  color: #221CB6;
  font-size: 12px;
}
.content-search-activity .review-step-list__footer-button:hover {
  cursor: pointer;
  filter: brightness(0.8);
}
.content-search-activity .review-step-list__footer.d-none {
  display: none;
}
.content-search-activity .review-step-list__footer:hover {
  background-color: #e9eeff;
  cursor: pointer;
}
.content-search-activity .review-step-list__footer:hover-button span {
  color: #221CB6;
}
@keyframes slideinbar {
  0% {
    left: 0;
  }
  50% {
    left: 80%;
  }
  100% {
    left: 0;
  }
}
.progress-bar__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.progress-bar__percents {
  color: #7b7b7b;
}
.progress-bar__bar-wrapper {
  margin-top: 12px;
  position: relative;
  height: 5px;
  background: #e9ecf1;
  border-radius: 8px;
  overflow: hidden;
}
.progress-bar__bar {
  height: 5px;
  border-radius: 8px;
  background-color: #221CB6;
  transition: width linear 0.2s;
}
.progress-bar__bar--zero-value {
  width: 20%;
  position: absolute;
  left: 0;
  top: 0;
  animation: slidein 2s;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: slideinbar;
  -webkit-animation-duration: 3s;
}
.review-step-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 106px;
  background: #FBFBFB;
  border-radius: 10px;
  margin-top: 37px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
}
.review-step-wrapper:not(:last-child) {
  margin-bottom: 10px;
}

.review-step {
  padding: 13px 20px;
  border-radius: 10px;
  position: relative;
  transition: opacity 0.6s, padding 0.6s;
}
.review-step.hidden {
  opacity: 0;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.3s, padding 0.3s;
  z-index: -1;
}
.review-step .review-step-list__item-confirm-delete {
  transition: opacity 0.6s, padding 0.6s;
  padding: 13px 20px;
}
.review-step .review-step-list__item-confirm-delete.hidden {
  opacity: 0;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.3s, padding 0.3s;
  z-index: -1;
}
.review-step__cards {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.review-step__process .progress-bar {
  display: flex;
  align-items: center;
}
.review-step__process .progress-bar__title {
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.review-step__process .progress-bar__title > span:first-child {
  display: none;
}
.review-step__process .progress-bar__percents {
  margin-right: 10px;
  font-size: 14px;
}
.review-step__process .progress-bar__bar-wrapper {
  width: calc(100% - 53px);
  margin-top: 0;
}
.review-step-delete-button {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 23px;
  top: 27px;
}
.review-step-delete-button svg path {
  fill: #ED483D;
}
.review-step-delete-button:hover {
  cursor: pointer;
}

.review-card {
  height: 48px;
  flex: 1;
  display: flex;
  align-items: center;
}
.review-card__title {
  font-weight: 600;
  font-size: 14px;
  color: #8F9199;
  margin-right: 5px;
}
.review-card__title.ml-5 {
  margin-left: 5px;
}
.review-card__icon-sircle {
  width: 23px;
  height: 23px;
  background-color: #E1E1E1;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review-card__number {
  margin-left: 0;
}
.selected-opportunities-relative-widget {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  position: sticky;
  top: 20px;
  height: calc(100vh - 285px);
  max-height: calc(100vh - 40px);
  width: 100%;
  max-width: 311px;
  min-width: 271px;
  background-color: #f5f5f5;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.selected-opportunities-relative-widget--open {
  max-width: 100%;
  position: absolute;
  left: auto;
  right: 0;
  top: 50px;
}
.selected-opportunities-relative-widget__title {
  font-size: 18px;
  padding: 24px 14px 14px;
}
.selected-opportunities-relative-widget__items-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 14px 14px;
  overflow: auto;
}
.selected-opportunities-relative-widget__export-btn {
  background-color: #e9eeff;
  border: 1px solid transparent;
  color: #221cb6;
}
.selected-opportunities-relative-widget__export-btn svg path {
  fill: #221cb6;
}
.selected-opportunities-relative-widget__export-btn .spinner svg path {
  stroke: #221cb6;
  fill: transparent;
}
.selected-opportunities-relative-widget__export-btn:hover {
  border: 1px solid #4e48dc;
  background-color: #e9eeff;
  color: #221cb6;
}
.selected-opportunities-relative-widget__groups-row {
  display: flex;
}
.selected-opportunities-relative-widget__buttons-row {
  display: flex;
  gap: 8px;
  padding-right: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.selected-opportunities-table {
  position: relative;
}
.selected-opportunities-table .table-th {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
}
.selected-opportunities-table .table-th:first-child {
  padding-left: 0;
}
.selected-opportunities-table .table-td {
  padding-top: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.selected-opportunities-table .table-td:first-child {
  padding-left: 0;
}
.selected-opportunities-table__check-all {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.selected-opportunities-table__check-all span {
  position: absolute;
  top: 0;
  left: 24px;
  color: #7b7b7b;
}
.selected-opportunities-table__check-all-checkbox {
  position: relative;
  height: 100%;
  margin-top: -32px;
}
.selected-opportunities-table__chart-cell {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.selected-opportunities-table__align-top-td {
  vertical-align: top;
}
.selected-opportunities-table__align-top-td:first-of-type {
  width: 1%;
}
.selected-opportunities-table__align-middle-td {
  vertical-align: middle;
}
.selected-opportunities-table__fixed-width-select {
  width: 21px;
}
.selected-opportunities-table__centered_td {
  text-align: center;
}
.selected-opportunities-table__no-padding_td {
  padding-right: 0 !important;
}
.selected-opportunities-table__domain-rating {
  padding-right: 0 !important;
  width: 130px;
}
.selected-opportunities-table__text-label {
  font-size: 16px;
  text-align: center;
  color: #000000;
}
.selected-opportunities-table__text-label:not(:first-child) {
  margin-left: 11px;
}
.selected-opportunities-table__traffic-label {
  padding: 10px;
  background: rgba(219, 226, 254, 0.42);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #221cb6;
}
.selected-opportunities-table__traffic-dropdown {
  width: 232px;
}
.selected-opportunities-table__traffic-dropdown:after {
  right: 13px !important;
  left: auto !important;
  top: -5px !important;
}
.selected-opportunities-table__traffic-dropdown:not(.place-bottom):after {
  display: none;
}
.selected-opportunities-table__traffic-dropdown-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.selected-opportunities-table__traffic-dropdown-content-type {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.selected-opportunities-table__traffic-dropdown-content-title {
  padding-left: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}
.selected-opportunities-table__traffic-dropdown-content-subtitle {
  text-align: start;
  font-size: 16px;
  line-height: 16px;
  color: #8d8f92;
}
.selected-opportunities-table__traffic-dropdown-content-subtitle:not(:last-child) {
  margin-bottom: 16px;
}
.name-container a:hover svg path {
  fill: #221CB6;
}
.filters-tooltip-raw {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  height: 40px;
}
.filters-tooltip-raw:not(:last-child) {
  margin-bottom: 20px;
}
.filters-tooltip-raw .select {
  flex: 1;
  width: auto;
}
.filters-tooltip-raw__select--joins, .filters-tooltip-raw__select--fields, .filters-tooltip-raw__select--operations {
  margin-right: 10px;
}
.filters-tooltip-raw__select--joins {
  width: auto;
  min-width: 100px;
}
.filters-tooltip-raw__select--fields {
  width: auto;
  min-width: 120px;
}
.filters-tooltip-raw__select--operations {
  width: auto;
  min-width: 100px;
}
.filters-tooltip-raw__input {
  flex: 1;
  border: 1px solid #282828;
  border-radius: 8px;
}
.filters-tooltip-raw__input .input__field {
  color: #FFFFFF;
  width: 100%;
  height: 36px;
}
.filters-tooltip-raw__cross {
  margin-left: 10px;
  cursor: pointer;
}
.filters-tooltip-raw .date-range-select__picker .rdrCalendarWrapper .rdrMonthsVertical .rdrDays .rdrDay {
  color: white !important;
}

.campaign-report-filter .filters-tooltip-raw.is-additional-row .select {
  width: fit-content;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:first-child {
  flex-grow: 0;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:nth-child(2) {
  flex-grow: 3;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:nth-child(4) {
  flex-grow: 2;
}
.campaign-filters-tooltip-content {
  background-color: #000000;
  border-radius: 8px;
  width: 600px;
}
.campaign-filters-tooltip-content__body {
  padding: 20px 16px;
}
.campaign-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 24px;
  border-top: 1px solid #282828;
}
.campaign-filters-tooltip-content__footer svg {
  margin-right: 1rem;
}
.campaign-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}
.content-search-opportunity {
  margin-top: 20px;
  background-color: #FBFBFB;
  padding: 24px 21px;
  border-radius: 10px;
}
.content-search-opportunity__title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.content-search-opportunity__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.content-search-opportunity__header .search-form,
.content-search-opportunity__header .header-list-buttons {
  display: flex;
  align-items: center;
}
.content-search-opportunity__header .search-form .header-filters {
  position: relative;
}
.content-search-opportunity__header .search-form .header-filters .__react_component_tooltip {
  left: -5px !important;
  top: 50px !important;
  position: absolute;
}
.content-search-opportunity__header .search-form .header-filters__content-wrapper:after {
  left: 9px !important;
  top: -5px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-bottom-color: #000000 !important;
}
.content-search-opportunity__header .header-list-buttons {
  gap: 8px;
}
.content-search-opportunity__content-table {
  width: 100%;
  border-collapse: collapse;
}
.content-search-opportunity__content-table thead {
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
.content-search-opportunity__content-table thead tr th {
  color: #8F9199;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding: 16px 10px;
}
.content-search-opportunity__content-table thead tr th .table-header-title {
  display: flex;
  align-items: center;
}
.content-search-opportunity__content-table thead tr th .table-header-title span {
  margin-left: 5px;
}
.content-search-opportunity__content-table tbody tr {
  border-bottom: 1px solid #E1E1E1;
}
.content-search-opportunity__content-table tbody tr td {
  padding: 16px 10px;
  vertical-align: top;
}
.content-search-opportunity__content-table tbody tr td:first-child {
  width: 30%;
}
.content-search-opportunity__content-table tbody tr:hover {
  background: #F2F4FC;
  cursor: pointer;
}
.content-search-opportunity__content-table tbody .table-content {
  padding-right: 30px;
}
.content-search-opportunity__content-table tbody .table-content_header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.content-search-opportunity__content-table tbody .table-content_header h4 {
  margin: 0 0 0 8px;
  font-weight: 600;
  color: #202430;
}
.content-search-opportunity__content-table tbody .table-content_text {
  color: rgba(0, 0, 0, 0.58);
  font-size: 12px;
  font-weight: 400;
  margin-left: 24px;
  margin-bottom: 8px;
}
.content-search-opportunity__content-table tbody .table-content .social-links-a {
  display: inline-flex;
  margin-left: 4px;
  color: #221CB6;
}
.content-search-opportunity__content-table tbody .table-content .social-links-a svg {
  margin-right: 4px;
  flex: none;
}
.content-search-opportunity__content-table tbody .table-content .link-icon-a {
  display: inline-flex;
  margin-left: 24px;
  align-items: center;
  color: #221CB6;
}
.content-search-opportunity__content-table tbody .table-content .link-icon-a .link-content {
  display: inline-block;
  width: 450px;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.content-search-opportunity__content-table tbody .table-content .link-icon-a svg {
  margin-right: 5px;
  flex: none;
}
.content-search-opportunity__content-table tbody .table-content_status {
  height: 18px;
  padding: 2px 6px;
  background: rgba(123, 123, 123, 0.32);
  border-radius: 3px;
  width: fit-content;
  display: inline-flex;
}
.content-search-opportunity__content-table tbody .table-content_status span {
  color: #FFF;
  font-size: 12px;
}
.content-search-opportunity__content-table tbody .table-content_status.not_verified {
  background-color: #FC8E0E;
}
.content-search-opportunity__content-table tbody .table-content_status.verified {
  background-color: #23E771;
}
.content-search-opportunity__content-table tbody .table-content_status.flagged {
  background-color: #ED483D;
}
.content-search-opportunity__content-table tbody .table-content_source {
  display: flex;
  align-items: center;
}
.content-search-opportunity__content-table tbody .table-content_source p {
  margin-left: 7px;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list:not(:first-child) {
  margin-top: 10px;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list li.name-container {
  display: flex;
  align-items: center;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list li .name {
  color: #393939;
  font-size: 14px;
  margin-right: 5px;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list li .status {
  display: block;
  max-width: 250px;
  color: rgba(57, 57, 57, 0.54);
  font-size: 12px;
}
.content-search-opportunity__content-table tbody .table-content_contacts-list li .email {
  font-size: 11px;
  color: #393939;
  text-decoration-line: underline;
}
.content-search-opportunity__content-table tbody .table-content_contacts .more {
  color: #221CB6;
  font-size: 11px;
}
.content-search-opportunity__content-table tbody .table-content_contacts .more:hover {
  cursor: pointer;
}
.content-search-opportunity__content-table tbody .table-content_metrics-text {
  color: rgba(57, 57, 57, 0.54);
  font-size: 12px;
  margin: 0 6px;
}
.content-search-opportunity__content-table tbody .table-content_metrics ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.content-search-opportunity__content-table tbody .table-content_metrics ul li {
  display: flex;
  align-items: center;
}
.content-search-opportunity__content-table tbody .table-content_metrics ul li:not(:last-child) {
  margin-bottom: 15px;
}
.content-search-opportunity__content-table tbody .table-content_metrics ul li img {
  width: 16px;
  height: 16px;
}
.content-search-opportunity__content-table tbody .table-content_date {
  display: flex;
  flex-direction: column;
}
.content-search-opportunity__content-table tbody .table-content_date .date {
  font-size: 14px;
  color: #393939;
}
.content-search-opportunity__content-table tbody .table-content_date .date .time {
  margin-left: 5px;
}
.content-search-opportunity__content-table tbody .table-content_date .person {
  font-size: 12px;
  color: rgba(57, 57, 57, 0.54);
  margin-top: 10px;
}
.content-search-opportunity__content-table .btn-edited {
  padding: 4px 6px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  color: rgba(0, 0, 0, 0.23);
  font-size: 11px;
  margin-top: 12px;
  display: flex;
  width: fit-content;
  margin-left: 24px;
}
.content-search-opportunity__content-bot {
  margin: 90px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.content-search-opportunity__content-bot-title {
  display: inline-flex;
  flex-direction: column;
  margin: 53px 0 30px;
}
.content-search-opportunity__content-bot-title span {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 123%;
}
.content-search-opportunity__content-bot-title .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  max-width: 450px;
  text-align: center;
  margin-top: 10px;
}
.content-search-opportunity__content-bot-text {
  color: rgba(0, 0, 0, 0.58);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150.5%;
  max-width: 325px;
}
.sidebar-crm-header {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 18px 19px;
  border-bottom: 1px solid #ececec;
  width: 100%;
}
.sidebar-crm-header-container {
  padding: 19px 17px 18px;
}
.sidebar-crm-header-column {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 90%;
}
.sidebar-crm-header-avatar {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #221cb6;
}
.sidebar-crm-header-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.sidebar-crm-header-name-organization {
  color: #221cb6;
  padding-right: 45px;
  cursor: pointer;
}
.sidebar-crm-header-name-organization span {
  margin-right: 10px;
  word-break: break-all;
}
.sidebar-crm-header-name-organization svg {
  flex-shrink: 0;
}
.sidebar-crm-header-company {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  padding-left: 0;
  color: #221cb6;
  cursor: pointer;
}
.sidebar-crm-header-company svg {
  opacity: 0;
  margin-left: 6px;
}
.sidebar-crm-header-company:hover {
  opacity: 0.8;
}
.sidebar-crm-header-company:hover svg {
  opacity: 1;
}
.sidebar-crm-header__company-people {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  gap: 10px;
  padding: 16px 12px 15px;
  border-bottom: 1px solid #ececec;
}
.sidebar-crm-header__company-people-scroll {
  border-bottom: none;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__children {
  padding-left: 0;
  padding-right: 0;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__arrow-container {
  width: 20px;
  height: 20px;
  background-color: #000000;
  padding: 0;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__arrow-container svg {
  height: 9px;
  width: 9px;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__arrow-container svg path {
  fill: #ffffff;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__arrow--left {
  height: 70px;
  width: 30px;
  background: linear-gradient(90deg, white 60%, transparent);
  justify-content: flex-start;
  margin-bottom: 2px;
}
.sidebar-crm-header__company-people-scroll .scroll-groups__arrow--right {
  height: 70px;
  width: 30px;
  background: linear-gradient(90deg, transparent, white 60%);
  justify-content: flex-end;
  margin-bottom: 2px;
}
.sidebar-crm-header__company-people-avatar {
  position: relative;
  flex-shrink: 0;
  border-radius: 50%;
  transition: box-shadow 160ms ease;
  cursor: pointer;
}
.sidebar-crm-header__company-people-avatar:hover {
  box-shadow: 0 4px 15px rgba(17, 34, 17, 0.15);
}
.sidebar-crm-header__company-people-avatar--selected {
  box-shadow: 0 4px 25px rgba(17, 34, 17, 0.25);
  pointer-events: none;
}
.sidebar-crm-header__company-people-avatar--selected:hover {
  cursor: default;
  box-shadow: 0 4px 25px rgba(17, 34, 17, 0.25);
}
.sidebar-crm-header__company-people-avatar--selected::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: -5px;
  width: 50px;
  height: 1px;
  background-color: #221cb6;
}
.sidebar-crm-header__company-people-avatar-more-people {
  background-color: #f0effa !important;
}
.sidebar-crm-header__company-people-avatar-more-people div {
  color: #7b7b7b !important;
}
.sidebar-crm-header__company-people-avatar-more-people:hover {
  background-color: #f0effa !important;
}
.sidebar-crm-header__company-people-avatar-more-people:hover div {
  color: #251fb6 !important;
}
.sidebar-crm-header__tooltip-content {
  width: 234px;
  height: auto;
  padding: 4px 0;
  border-radius: 8px;
  background-color: #000000;
  overflow: hidden;
}
.sidebar-crm-header__tooltip:after {
  left: 91% !important;
  top: -3px !important;
  border-bottom-color: #000000 !important;
}
.sidebar-crm-header__tooltip-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.sidebar-crm-header__tooltip-item:hover {
  background-color: #272727;
}
.sidebar-crm-header__tooltip-item:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.sidebar-crm-header__tooltip-item .named-avatar {
  width: 24px;
  height: 24px;
}
.sidebar-crm-header__tooltip-item .named-avatar div {
  font-size: 10px;
}
.sidebar-crm-header__tooltip-item-text {
  margin-left: 8px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}
.contacts-sidebar-crm-section__editable-row {
  display: flex;
  align-items: center;
  padding: 3px 5px 3px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  color: #000000;
}
.contacts-sidebar-crm-section__editable-row span {
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contacts-sidebar-crm-section__editable-row .render-content {
  display: flex;
  align-items: center;
  gap: 9px;
}
.contacts-sidebar-crm-section__editable-row .render-content-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 175px;
}
.contacts-sidebar-crm-section__editable-row .render-content.social-link-info_editor {
  max-width: 99.6%;
  display: inline-block;
}
.contacts-sidebar-crm-section__editable-row .render-content.main-title {
  display: inline-block;
  max-width: 170px;
}
.contacts-sidebar-crm-section__editable-row .input {
  width: 100%;
}
.contacts-sidebar-crm-section__editable-row input {
  border: none;
  font-size: 14px;
  height: 22px;
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  border: 0 !important;
}
.contacts-sidebar-crm-section__editable-row:hover, .contacts-sidebar-crm-section__editable-row--is-editing {
  background-color: rgba(219, 226, 254, 0.38);
  border-radius: 7px;
  width: 100%;
}
.contacts-sidebar-crm-section__editable-row:hover .render-content svg, .contacts-sidebar-crm-section__editable-row--is-editing .render-content svg {
  flex: none;
}
.contacts-sidebar-crm-section__editable-row.padding-top-none {
  padding-top: 0;
}
.contacts-sidebar-crm-section__editable-row:hover .contacts-sidebar-crm-section__editable-btn {
  display: flex;
}
.contacts-sidebar-crm-section__editable-row:hover .contacts-sidebar-crm-section__editable-btn svg {
  margin-right: 0;
}
.contacts-sidebar-crm-section__editable-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
.contacts-sidebar-crm-section__editable-btn--refreshing svg {
  animation: rotate 1s linear infinite;
}
.contacts-sidebar-crm-section__editable-btn:first-of-type svg {
  margin-top: 1px;
}
.contacts-sidebar-crm-section__editable-btn-row {
  display: flex;
  gap: 3px;
}
.contacts-sidebar-crm-section__selection-row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 5px 3px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.contacts-sidebar-crm-section__selection-row span {
  width: 87%;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contacts-sidebar-crm-section__selection-row .selected-status {
  width: 87%;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.contacts-sidebar-crm-section__selection-row .selected-status svg {
  margin-right: 9px;
}
.contacts-sidebar-crm-section__selection-row .select {
  width: 95%;
}
.contacts-sidebar-crm-section__selection-row .input {
  width: 100%;
}
.contacts-sidebar-crm-section__selection-row input {
  border: none;
  font-size: 14px;
  height: 22px;
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  border: 0 !important;
}
.contacts-sidebar-crm-section__selection-row--is-editing {
  display: flex;
  justify-content: space-between;
}
.contacts-sidebar-crm-section__selection-row:hover, .contacts-sidebar-crm-section__selection-row--is-editing {
  background-color: rgba(219, 226, 254, 0.38);
  border-radius: 7px;
}
.contacts-sidebar-crm-section__selection-row:hover .contacts-sidebar-crm-section__editable-btn {
  display: flex;
}
.contacts-sidebar-crm-section__selection-row:hover .contacts-sidebar-crm-section__editable-btn svg {
  margin-right: 0;
}
.contacts-sidebar-crm-section__editable-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
.contacts-sidebar-crm-section__editable-btn--refreshing svg {
  animation: rotate 1s linear infinite;
}
.contacts-sidebar-crm-section__editable-btn:first-of-type svg {
  margin-top: 1px;
}
.contacts-sidebar-crm-section__editable-btn-row {
  display: flex;
  gap: 3px;
}

.person-sidebar__row {
  padding: 20px;
  padding-bottom: 0;
  position: relative;
}
.person-sidebar__row:not(:first-child) {
  padding-top: 31px;
}
.person-sidebar__row .input {
  width: 100%;
}
.person-sidebar__row .input input {
  padding-left: 17px;
  font-size: 14px;
  border-radius: 6px;
  min-height: 45px;
}
.person-sidebar__row .basic-multi-select > div {
  min-height: 45px;
}
.person-sidebar__row .basic-multi-select .css-eqy8aq-control {
  border-radius: 6px;
}
.person-sidebar__field-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.person-sidebar__field-wrapper .input {
  width: 100%;
}
.person-sidebar__field-wrapper .input input {
  padding-left: 17px;
  font-size: 14px;
  border-radius: 6px;
  min-height: 45px;
}
.person-sidebar__remove-field {
  margin-left: 10px;
  cursor: pointer;
}
.person-sidebar__remove-field:hover svg circle {
  stroke: #f77b73;
}
.person-sidebar__remove-field:hover svg rect,
.person-sidebar__remove-field:hover svg path {
  fill: #f77b73;
}
.person-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #8d8f92;
  margin-bottom: 8px;
  cursor: pointer;
}
.person-sidebar__field-label svg circle {
  stroke: #221cb6;
}
.person-sidebar__field-label svg rect,
.person-sidebar__field-label svg path {
  fill: #221cb6;
}
.person-sidebar__field-label:hover svg circle {
  stroke: #2aa4cb;
}
.person-sidebar__field-label:hover svg rect,
.person-sidebar__field-label:hover svg path {
  fill: #2aa4cb;
}
.person-sidebar__add-field-btn {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  border: 1px solid #f0f0f0;
  border-radius: 8.5px;
  font-size: 16px;
  line-height: 16px;
  color: #8f9199;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.person-sidebar__add-field-btn:hover {
  cursor: pointer;
  border-color: #8d8f92;
  color: #7b7b7b;
}

.person-sidebar-add-field-tooltip {
  max-height: 300px;
  padding: 10px;
  overflow: auto;
}
.person-sidebar-add-field-tooltip__item {
  padding: 3px 10px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.person-sidebar-add-field-tooltip__item svg {
  margin-right: 5px;
  height: 20px;
}
.person-sidebar-add-field-tooltip__create-custom-field-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding: 3px 10px;
  color: #2aa4cb;
}
.person-sidebar-add-field-tooltip__create-custom-field-button:hover {
  cursor: pointer;
  color: #79dfff;
}
.relationships-create-person-sidebar__header {
  position: relative;
  top: 0;
  width: 100%;
  padding: 29px 20px;
  border-bottom: 1px solid #F4F4F4;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  z-index: 1;
}
.contact-sidebar-crm-section {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ebebeb;
  background-color: #ffffff;
}
.contact-sidebar-crm-section__drag-icon {
  position: absolute;
  top: 15px;
  left: 7px;
}
.contact-sidebar-crm-section__drag-icon svg {
  width: 8px;
  height: 8px;
}
.contact-sidebar-crm-section__header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 18px 12px;
}
.contact-sidebar-crm-section__header-title {
  padding-right: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #202430;
  cursor: pointer;
}
.contact-sidebar-crm-section__header-collapse-btn {
  padding: 4px;
  cursor: pointer;
  transform: rotate(180deg) translateY(-3px);
}
.contact-sidebar-crm-section__header-collapse-btn--open {
  transform: rotate(0) translateY(0);
}
.contact-sidebar-crm-section__header-collapse-btn svg {
  width: 10px;
}
.contact-sidebar-crm-section__header-right-component .opportunity-contacts-sidebar-crm__content__add-btn {
  position: absolute;
  top: 10px;
  right: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #221cb6;
  border-radius: 8px;
  padding: 3px 10px;
  cursor: pointer;
}
.contact-sidebar-crm-section__content-container {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-y: auto;
  transition: max-height 280ms ease;
}
.contact-sidebar-crm-section__content-container--open {
  max-height: unset;
  overflow-y: visible;
}
.contact-sidebar-crm-section__content {
  padding: 12px 20px 28px;
}

.contact-sidebar-crm__content__add-btn {
  position: absolute;
  top: 10px;
  right: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #221cb6;
  border-radius: 8px;
  padding: 3px 10px;
  cursor: pointer;
}
.content-sidebar-crm__content-personal-info .inbox-content-wrapper__content-title {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  padding-right: 18px;
  position: relative;
}
.content-sidebar-crm__content-personal-info .inbox-content-wrapper__content-title span {
  width: fit-content;
}
.relationship-status {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.relationship-status__icon {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.tooltip-searchable-content {
  display: flex;
  flex-direction: column;
  width: 378px;
  padding: 27px 0 0;
  background-color: #000000;
  border-radius: 8px;
}
.tooltip-searchable-content-header {
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
}
.tooltip-searchable-content-search {
  margin-top: 20px;
  padding: 0 20px;
}
.tooltip-searchable-content-search input {
  width: 100%;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  color: #c4c4c4;
}
.tooltip-searchable-content-search input::placeholder {
  color: #747474;
}
.tooltip-searchable-content-search input:focus {
  border-color: #272727;
}
.tooltip-searchable-content-items {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding: 0 20px 7px;
}
.tooltip-searchable-content-items--empty {
  margin: 20px 0 12px;
  padding: 0 20px 7px;
  color: #3A3B3F;
  font-size: 16px;
}
.tooltip-searchable-content-items-label {
  margin-bottom: 19px;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.37);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.tooltip-searchable-content-items-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 23px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.tooltip-searchable-content-items-row .checkbox__field {
  background-color: inherit;
  border-color: #ffffff;
  cursor: pointer;
}
.tooltip-searchable-content-items-row .checkbox__field:checked {
  background-color: #3424eb;
}
.tooltip-searchable-content-add-btn {
  display: flex;
  justify-content: center;
  padding: 15px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.19);
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #7974f7;
}
.tooltip-searchable-content-add-btn span {
  cursor: pointer;
}
.tooltip-searchable-content-add-btn-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tooltip-searchable-content-add-btn-input input {
  width: 254px;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  height: 34px;
  color: #c4c4c4;
}
.tooltip-searchable-content-add-btn-input input::placeholder {
  color: #747474;
}
.tooltip-searchable-content-add-btn-input input:focus {
  border-color: #272727;
}
.tooltip-searchable-content-add-btn-input span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #272727;
  border-radius: 6px;
}
.contacts-sidebar-section-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.contacts-sidebar-section-tags--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-tags__tag {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 6px 8px 7px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}
.contacts-sidebar-section-tags__tag-delete-btn {
  display: flex;
  align-items: center;
  margin-top: 1px;
  margin-left: 8px;
  cursor: pointer;
}
.contacts-sidebar-section-tags__tag-delete-btn:hover svg path {
  fill: #ed483d;
}
.contacts-sidebar-section-emails {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contacts-sidebar-section-emails--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-emails__email {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 15px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
  background-color: #ffffff;
  transition: box-shadow 180ms ease;
  cursor: pointer;
}
.contacts-sidebar-section-emails__email:hover {
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}
.contacts-sidebar-section-emails__email-title {
  display: flex;
  align-items: center;
  max-width: 80%;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.contacts-sidebar-section-emails__email-title svg {
  margin-right: 6px;
  flex-shrink: 0;
}
.contacts-sidebar-section-emails__email-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #7b7b7b;
}
.contacts-sidebar-section-emails__email-date {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #bdbdbd;
}
.contacts-sidebar-section-emails__email-tooltip {
  background-color: #ffffff !important;
  box-shadow: 0 4px 39px rgba(0, 0, 0, 0.12);
}
.contacts-sidebar-section-emails__email-preview {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 353px;
  height: 462px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #000000;
}
.contacts-sidebar-section-emails__email-preview-header {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px;
  border-bottom: 1px solid rgba(189, 189, 189, 0.35);
}
.contacts-sidebar-section-emails__email-preview-header-avatar {
  margin-right: 14px;
}
.contacts-sidebar-section-emails__email-preview-header-link {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.contacts-sidebar-section-emails__email-preview-header-link:hover path {
  stroke: #221cb5;
}
.contacts-sidebar-section-emails__email-preview-header-text {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: calc(100% - 60px);
  padding-right: 14px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #7b7b7b;
}
.contacts-sidebar-section-emails__email-preview-header-text span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-emails__email-preview-header-text-email {
  max-width: 80%;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-emails__email-preview-content {
  padding: 18px 32px 28px;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  max-height: 400px;
  overflow: auto;
  letter-spacing: -0.01em;
  color: #000000;
}
.contacts-sidebar-section-opportunities {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 -20px -28px;
  padding: 0 20px 28px;
}
.contacts-sidebar-section-opportunities--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-opportunities__opportunity {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 19px 20px 21px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.contacts-sidebar-section-opportunities__opportunity-title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-title span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-opportunities__opportunity-title svg {
  margin-left: 8px;
}
.contacts-sidebar-section-opportunities__opportunity-title:hover {
  color: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-people {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-people-highlight {
  color: #221cb6;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-people span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-opportunities__opportunity-people svg {
  margin-right: 10px;
}
.contacts-sidebar-section-opportunities__opportunity-people:hover {
  color: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-people:hover svg path {
  stroke: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-status {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.contacts-sidebar-section-opportunities__opportunity-status svg {
  margin-right: 10px;
}
.contacts-sidebar-section-opportunities__opportunity-date {
  display: flex;
  align-items: center;
}
.contacts-sidebar-section-opportunities__opportunity-date svg {
  margin-right: 12px;
}
.contacts-sidebar-section-opportunities__opportunity-next-action {
  display: flex;
  align-items: center;
}
.contacts-sidebar-section-opportunities__opportunity-next-action svg {
  margin-right: 10px;
}
.contacts-sidebar-section-notes__container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contacts-sidebar-section-notes__container--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-notes__note {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15px 17px 14px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background-color: #fffcee;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  word-break: break-word;
  color: #000000;
}
.contacts-sidebar-section-notes__note:hover .contacts-sidebar-section-notes__note-header {
  display: flex;
}
.contacts-sidebar-section-notes__note-header {
  display: none;
  position: absolute;
  align-items: center;
  gap: 13px;
  top: 2px;
  right: 10px;
}
.contacts-sidebar-section-notes__note-header span {
  cursor: pointer;
}
.contacts-sidebar-section-notes__note-header-confirm {
  display: flex;
  align-items: center;
  grid-column-gap: 3px;
}
.contacts-sidebar-section-notes__note-header-confirm button {
  min-width: 20px;
  padding: 0 10px;
  height: 20px;
}
.contacts-sidebar-section-notes__note-textarea textarea {
  font-size: 14px;
  line-height: 23px;
  min-height: 100px;
  max-height: 300px;
  max-width: 100%;
  min-width: 100%;
  border-radius: 0;
  padding: 0;
  background-color: #fffcee;
  border: none;
}
.contacts-sidebar-section-notes__note-textarea textarea:focus {
  border: none;
}
.contacts-sidebar-section-notes__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
}
.contacts-sidebar-section-notes__footer-owner {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #868686;
}
.contacts-sidebar-section-notes__footer-owner-logo {
  width: 22px;
  height: 22px;
}
.contacts-sidebar-section-notes__footer-owner span {
  padding-left: 9px;
}
.contacts-sidebar-section-notes__footer-time {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #868686;
}
.contacts-sidebar-section-notes__footer-cancel-btn {
  height: 28px;
  margin-right: 6px;
  font-size: 12px;
  line-height: 12px;
  color: #8f9199;
}
.contacts-sidebar-section-notes__footer-cancel-btn:hover {
  border: 1px solid #8f9199;
}
.contacts-sidebar-section-notes__footer-btn {
  height: 28px;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}
.contacts-sidebar-section-metrics {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.contacts-sidebar-section-metrics__refresh-icon--animated {
  animation: rotate linear 1.5s infinite;
}
.contacts-sidebar-section-metrics__tooltip {
  width: 367px;
}
.contacts-sidebar-section-metrics__tooltip > div {
  width: 367px;
}
.contacts-sidebar-section-metrics--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-metrics__metric-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  grid-row-gap: 10px;
}
.contacts-sidebar-section-metrics__metric-col:not(:last-child) {
  margin-bottom: 10px;
}
.contacts-sidebar-section-metrics__metric-row {
  display: flex;
  width: 100%;
  grid-column-gap: 6px;
  grid-row-gap: 13px;
  align-items: center;
}
.contacts-sidebar-section-metrics__metric-row-icon {
  margin-top: -1px;
  width: 21px;
  height: 21px;
}
.contacts-sidebar-section-metrics__metric-row-icon img {
  margin-top: 0;
  width: 21px;
  height: 21px;
}
.contacts-sidebar-section-metrics__metric-row-data {
  width: 100%;
  display: flex;
  align-items: center;
  grid-column-gap: 11px;
}
.contacts-sidebar-section-metrics__metric-row-data div {
  margin-bottom: 0;
}
.contacts-sidebar-section-metrics__metric-row-data-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #7b7b7b;
  flex: none;
}
.contacts-sidebar-section-metrics__metric-options-row {
  display: flex;
  align-items: center;
  width: calc(100% + 40px);
  margin: -2px -20px 20px;
  padding: 0 20px 0;
}
.contacts-sidebar-section-metrics__metric-options-row:first-child {
  margin-top: 6px;
}
.contacts-sidebar-section-metrics__metric-options-row:last-child {
  margin-bottom: 9px;
  border-bottom: 0;
  padding-bottom: 12px;
}
.contacts-sidebar-section-metrics__metric-options-row span {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.contacts-sidebar-section-metrics__metric-options-row-icon {
  width: 21px;
  height: 21px;
  margin-right: 8px;
}
.contacts-sidebar-section-metrics__metric-options-row-icon img {
  width: 21px;
  height: 21px;
}
.contacts-sidebar-section-metrics__metric-options-row-refresh-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #303030;
  border-radius: 5px;
  width: 21px;
  height: 21px;
  margin-left: auto;
  background-color: transparent;
  cursor: pointer;
}
.contacts-sidebar-section-metrics__metric-options-row-refresh-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.contacts-sidebar-section-metrics__metric-options-row-refresh-icon svg path {
  fill: #615f5f;
}
.contacts-sidebar-section-metrics__metric-options-row-refresh-icon:hover svg path {
  fill: #2aa4cb;
}
.contacts-sidebar-section-metrics__metric-options-row .checkbox {
  margin-left: auto;
}
.contacts-sidebar-section-metrics__metric-options-row .checkbox .checkbox__field {
  background-color: inherit;
  border-color: #303030;
  cursor: pointer;
}
.contacts-sidebar-section-metrics__metric-options-row .checkbox .checkbox__field:checked {
  background-color: #3424eb;
}

.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics {
  border: 1px solid #ECECEC;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 12px 22px 28px;
}
.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics-header-title {
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics-header-title svg {
  margin-left: 8px;
  display: none;
}
.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics-header-title:hover {
  cursor: pointer;
  color: #221CB6;
}
.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics-header-title:hover svg {
  display: block;
}
.contact-sidebar-crm-section__content .contacts-sidebar-section-metrics-header-link {
  display: flex;
  align-items: center;
  grid-column-gap: 8px;
  font-weight: 600;
  margin-bottom: 12px;
}
.contacts-sidebar-section-variables {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 8px;
}
.contacts-sidebar-section-variables--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper {
  border-radius: 9px;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrDayToday.rdrDayActive .rdrSelected {
  color: #FFFFFF;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrDayToday .rdrDayNumber .disabled {
  color: #BDBDBD;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrMonthPicker select,
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrYearPicker select {
  color: #ffffff;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrDayDisabled {
  background-color: #BDBDBD;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrNextPrevButton i {
  border-right-color: #ffffff;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper .rdrNextButton i {
  border-right-color: transparent;
  border-left-color: #ffffff;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper span {
  color: #ffffff;
}
.contacts-sidebar-section-variables .rdrCalendarWrapper span.rdrSelected {
  color: rgb(137, 126, 255) !important;
}
.contacts-sidebar-section-variables-variable-info {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 10px;
}
.contacts-sidebar-section-variables-variable-info-label {
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #7b7b7b;
}
.contacts-sidebar-section-variables-variable-info-label:not(:first-child) {
  margin-top: 11px;
}
.contacts-sidebar-section-variables-variable-info-label.w-100 {
  width: 100%;
}
.contacts-sidebar-section-variables-variable-info-select {
  width: 100%;
}
.contacts-sidebar-section-variables-variable-info-data-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.contacts-sidebar-section-variables-variable-info-data-row-social > div {
  margin-bottom: 0;
  width: 100%;
}
.contacts-sidebar-section-variables-variable-info-data-row-social > span, .contacts-sidebar-section-variables-variable-info-data-row-social-link > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 435px;
}
.contacts-sidebar-section-variables-variable-info-data-row-social-link:hover {
  cursor: pointer;
  color: #221cb5;
}
.contacts-sidebar-section-variables-variable-info-data-row-social-link:hover > svg > path {
  fill: #221cb5;
}
.contacts-sidebar-section-variables-variable-info-data-row > svg {
  flex-shrink: 0;
  margin-left: -2px;
  margin-right: 6px;
}
.custom-fields-sidebar {
  font-weight: 400;
}
.custom-fields-sidebar .right-sidebar {
  width: 462px;
}
.custom-fields-sidebar.contacts-sidebar .right-sidebar {
  width: 526px;
}
.custom-fields-sidebar__header {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.custom-fields-sidebar__list {
  list-style-type: none;
  padding-left: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.custom-fields-sidebar__list-item {
  padding: 20px;
  padding-bottom: 0;
}
.custom-fields-sidebar__list-item:not(:first-child) {
  padding-top: 31px;
}
.custom-fields-sidebar__list-item-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding-right: 50px;
}
.custom-fields-sidebar__list-item .website-name input {
  width: 100%;
  height: 45px;
}
.custom-fields-sidebar .section-select {
  margin: 0 20px 4px;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.custom-fields-sidebar .section-select__container {
  width: 100%;
}
.custom-fields-sidebar .section-select__item {
  width: 50%;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper {
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-text {
  font-size: 14px;
  line-height: 181%;
  padding-left: 17px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-text:before {
  font-size: 14px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor--with-placeholder > div:not(:last-child) {
  min-height: 73px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder {
  font-size: 14px;
  line-height: 181%;
  white-space: inherit;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder-order {
  margin-right: 8px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor-placeholder-order .content-search-editor-v2__query-editor-placeholder-row .content-search-editor-v2__query-editor-placeholder-order {
  margin-right: 8px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input:last-child {
  margin-left: -1px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input .input__field {
  height: 45px;
  font-size: 14px;
  border-radius: 6px 0px 0px 6px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input:last-child .input__field {
  border-radius: 0px 6px 6px 0px !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-fields-sidebar__from-to .input .input__before-text {
  font-size: 14px;
  color: #acacac;
}
.custom-fields-sidebar .custom-fields-sidebar__field:not(:first-child) {
  padding-top: 31px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-1wa3eu0-placeholder {
  color: #acacac;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-eqy8aq-control {
  min-height: 45px;
  border: 1px solid #DBDFE7;
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-eqy8aq-control .css-1nldu0k-ValueContainer {
  padding: 2px 13px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-rzky46-control {
  min-height: 45px;
  border-radius: 6px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .select .css-rzky46-control .css-1nldu0k-ValueContainer {
  padding: 2px 13px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .slate-editor__editor-wrapper-inline {
  padding: 15px 16px 15px 17px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  min-height: 147px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .slate-editor__editor-wrapper-inline span[data-slate-placeholder] {
  color: #acacac;
  opacity: 1 !important;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .editor-variables-button-inline {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .slate-editor__editor--inline .editor-variables-button-inline svg {
  width: 12px;
  height: 12px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select {
  color: #FFFFFF;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px 17px 12px;
  border-top: 1px solid #272727;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:first-child {
  border-top: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:last-child {
  border-bottom: 1px solid #272727;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-drag {
  cursor: move;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-color {
  margin: 0px 6px 0px 12px;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  display: block;
  flex: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-input {
  margin: 0 auto 0 6px;
  width: 100%;
  background-color: transparent;
  color: white;
  border: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-input:focus {
  outline: none;
  border: none;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item-close:hover {
  cursor: pointer;
  filter: brightness(100);
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__item:hover {
  background-color: #282828;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__create-button {
  padding: 17px 20px;
  color: #7974F6;
  text-align: center;
  font-size: 14px;
}
.custom-fields-sidebar .custom-fields-sidebar__field .custom-field-select__create-button:hover {
  color: #aca9f5;
  cursor: pointer;
}
.custom-fields-sidebar__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.custom-fields-sidebar__input {
  height: 45px;
}
.custom-fields-sidebar__input input {
  padding-left: 17px;
  font-size: 14px;
  border-radius: 6px;
}
.custom-fields-sidebar__textarea input {
  padding-left: 11px;
}
.custom-fields-sidebar__from-to {
  display: flex;
}
.custom-fields-sidebar__from-to input {
  width: 211px;
}
.custom-fields-sidebar__field {
  padding: 20px;
  padding-bottom: 0;
}
.custom-fields-sidebar__field--relative {
  position: relative;
}
.custom-fields-sidebar__field .slate-editor {
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  font-size: 16px;
}
.custom-fields-sidebar__field .slate-editor__editor--inline {
  height: 170px;
}
.custom-fields-sidebar__field .slate-editor.focused-editor {
  box-shadow: none !important;
  border-color: #221cb6 !important;
}
.custom-fields-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding-right: 50px;
}
.custom-fields-sidebar__field-label-help {
  margin-left: 4px;
  display: inline-flex;
}
.custom-fields-sidebar__field-label-tooltip {
  padding: 12px 15px;
  max-width: 300px;
}
.custom-fields-sidebar__field-label-tooltip-title {
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 9px;
  margin-top: 0;
}
.custom-fields-sidebar__field-label-tooltip-color {
  display: flex;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  display: block;
  position: relative;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item:not(:last-child) {
  margin-right: 7px;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item:hover {
  cursor: pointer;
}
.custom-fields-sidebar__field-label-tooltip-color .color-item.active:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #282828;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  border-radius: 100%;
}
.custom-fields-sidebar__field-label-option {
  position: absolute;
  right: 0;
  font-size: 10px;
  font-weight: 400;
}
.custom-fields-sidebar__field-value {
  font-weight: 800;
  color: #000000;
}
.custom-fields-sidebar__relation-field {
  padding-top: 6px;
}
.custom-fields-sidebar__relation-field .radio {
  display: flex;
  height: auto;
}
.custom-fields-sidebar__relation-field .radio > span {
  bottom: auto !important;
}
.custom-fields-sidebar__relation-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
}
.custom-fields-sidebar__relation-desc {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
}
.custom-fields-sidebar__type-select {
  display: flex;
  align-items: center;
  padding: 2px 11px;
  padding-right: 0;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8d8f92;
}
.custom-fields-sidebar__type-select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #e8eaed;
  margin-right: 1px;
}
.custom-fields-sidebar__type-option {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.custom-fields-sidebar__type-option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #3d3d3d;
  margin-right: 12px;
}
.custom-fields-sidebar__footer {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 15px;
}
.custom-fields-sidebar__footer-save {
  display: flex;
  margin-left: auto;
}
.custom-fields-sidebar__footer-save button:first-of-type {
  margin-right: 7px;
}
.custom-fields-sidebar__footer button {
  height: 35px;
  width: 72px;
  min-width: 72px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.custom-fields-sidebar .slate-editor__editor {
  height: auto;
  min-height: 30px;
}

.pipeline-deal-card__website-footer {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
  height: 40px;
  width: 100%;
  border-top: 1px solid rgba(217, 217, 217, 0.25);
}
.pipeline-deal-card__website-footer p {
  color: white;
}
.pipeline-deal-card__website-footer:hover {
  cursor: pointer;
  background-color: rgba(217, 217, 217, 0.12);
}
.pipeline-deal-card__website-footer:hover p {
  color: #BDBDBD;
}
.pipeline-deal-card__website-footer:hover svg circle[stroke],
.pipeline-deal-card__website-footer:hover svg rect[stroke],
.pipeline-deal-card__website-footer:hover svg path[stroke] {
  stroke: #BDBDBD;
}
.pipeline-deal-card__website-footer:hover svg circle[fill],
.pipeline-deal-card__website-footer:hover svg rect[fill],
.pipeline-deal-card__website-footer:hover svg path[fill] {
  fill: #BDBDBD;
}
.contacts-sidebar-section-opportunities {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 -20px -28px;
  padding: 0 20px 28px;
}
.contacts-sidebar-section-opportunities--empty {
  color: #7b7b7b;
  font-size: 14px;
}
.contacts-sidebar-section-opportunities__opportunity {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 19px 20px 21px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.contacts-sidebar-section-opportunities__opportunity-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-title span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-opportunities__opportunity-title svg {
  margin-left: 8px;
}
.contacts-sidebar-section-opportunities__opportunity-title:hover {
  color: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-people {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-people-highlight {
  color: #221cb6;
  cursor: pointer;
}
.contacts-sidebar-section-opportunities__opportunity-people span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-sidebar-section-opportunities__opportunity-people svg {
  margin-right: 10px;
}
.contacts-sidebar-section-opportunities__opportunity-people:hover {
  color: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-people:hover svg path {
  stroke: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-status {
  display: flex;
  align-items: center;
}
.contacts-sidebar-section-opportunities__opportunity-status svg {
  margin-right: 10px;
}
.contacts-sidebar-section-opportunities__opportunity-status:hover {
  cursor: pointer;
  color: #221cb6;
}
.contacts-sidebar-section-opportunities__opportunity-date {
  display: flex;
  align-items: center;
  padding: 3px 5px 3px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 8px;
}
.contacts-sidebar-section-opportunities__opportunity-date svg {
  margin-right: 10px;
}
.contacts-sidebar-section-opportunities__opportunity-date:hover {
  cursor: default;
  color: #000000;
}
.contacts-sidebar-section-opportunities__opportunity-next-action {
  display: flex;
  align-items: center;
}
.contacts-sidebar-section-opportunities__opportunity-next-action svg {
  margin-right: 12px;
}
.contacts-search-field {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 48px;
  position: relative;
}
.contacts-search-field--two-columns {
  grid-template-columns: 1fr 48px;
}
.contacts-search-field .input__field {
  min-height: 48px;
  height: 100%;
}
.contacts-search-field .input:nth-child(1) .input__field {
  border-radius: 8.5px 0 0 8.5px;
}
.contacts-search-field .input:nth-child(2) .input__field {
  border-radius: 0;
}
.contacts-search-field__search-btn {
  /* overlap styles */
}
.contacts-search-field__search-btn .button {
  height: 100%;
  width: 48px;
  min-width: 48px;
  border-radius: 0 8.5px 8.5px 0;
  padding: 0;
}
.contacts-search-field__search-btn svg {
  margin-right: 0;
}
.contacts-search-field__search-btn svg circle {
  stroke: #ffffff;
}
.contacts-search-field__search-btn svg rect,
.contacts-search-field__search-btn svg path {
  fill: #ffffff;
}
.contacts-result {
  margin-top: 35px;
}
.contacts-result__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}
.contacts-result .pagination-full-width {
  padding: 0;
}
.contacts-result .contacts-result-table {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 30px;
}
.contacts-result .contacts-result-table__email-row {
  display: flex;
  align-items: center;
}
.contacts-result .contacts-result-table__email-string {
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
}
.contacts-result .contacts-result-table__body {
  padding-top: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #e9ecf1;
}
.contacts-result .contacts-result-table__head-row {
  box-sizing: border-box;
  padding-bottom: 16px;
  border-bottom: 1px solid #e9ecf1;
}
.contacts-result .contacts-result-table__body-row {
  padding-bottom: 20px;
}
.contacts-result .contacts-result-table .table-td {
  width: 1px;
  max-width: 40vw;
}
.contacts-result .contacts-result-table .table-td:last-child,
.contacts-result .contacts-result-table .table-th:last-child {
  padding-right: 0;
}
.contacts-result .contacts-result-table__th {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
  color: #8d8f92;
  box-sizing: border-box;
  padding-right: 5px;
}
.contacts-result .contacts-result-table__th--name {
  width: 190px;
}
.contacts-result .contacts-result-table__th--company {
  width: 100px;
}
.contacts-result .contacts-result-table__th--email {
  width: 260px;
}
.contacts-result .contacts-result-table__th--status {
  padding: 0;
  width: auto;
  margin-left: auto;
}
.contacts-result .contacts-result-table__td {
  box-sizing: border-box;
  padding-right: 5px;
}
.contacts-result .contacts-result-table__td--name {
  width: 190px;
}
.contacts-result .contacts-result-table__td--company {
  width: 100px;
}
.contacts-result .contacts-result-table__td--email {
  width: auto;
}
.contacts-result .contacts-result-table__td--status {
  min-width: 85px;
  margin-left: auto;
  max-width: 120px;
}
.contacts-result .contacts-result-table__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 125%;
}
.contacts-result .contacts-result-table__job-position, .contacts-result .contacts-result-table__company, .contacts-result .contacts-result-table__location {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 130%;
  color: #8d8f92;
}
.contacts-result .contacts-result-table__status {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: 85px;
  height: 35px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 8.5px;
}
.contacts-result .contacts-result-table__status .button {
  width: 95px;
}
.contacts-result .contacts-result-table__status--not-found {
  color: #8d8f92;
  background: #f5f5f5;
}
.contacts-result .contacts-result-table__status--not-requested {
  color: #8d8f92;
  background: none;
}
.contacts-result .contacts-result-table__status--complete {
  color: #fff;
  background: #23e771;
}
.contacts-result .contacts-result-table__status--get-emails, .contacts-result .contacts-result-table__status--searching {
  color: #221CB6;
  border: 1px solid #251fb6;
}
.contacts-result .contacts-result-table__status--get-emails:hover, .contacts-result .contacts-result-table__status--searching:hover {
  color: #fff;
}
.contacts-result .contacts-result-table__status--searching {
  width: 120px;
}
.contacts-result .contacts-result-table__status--searching:hover {
  cursor: not-allowed;
  color: #221CB6;
  border: 1px solid #251fb6;
  background: transparent;
}
.contacts-result .contacts-result-table__status--assign {
  color: #fff;
}
.contacts-result .contacts-result-table .table__td {
  padding-bottom: 20px;
}
.contacts-result .contacts-result-emails {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: inline-block;
  font-size: 12px;
  line-height: 130%;
  color: #221cb6;
  cursor: pointer;
}
.contacts-result .contacts-result-emails:hover {
  color: #bdbafe;
}
.contacts-result .contacts-result-emails-tooltip {
  padding: 20px;
}
.contacts-result .contacts-result-emails-tooltip__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.contacts-result .contacts-result-emails-tooltip__email:not(.contacts-result .contacts-result-emails-tooltip__email:last-child) {
  margin-bottom: 13px;
}
html {
  --manual-confirm-contact-sidebar-width: 526px;
  --manual-confirm-contact-sidebar-animation-length: .3s;
}

.manual-confirm-contact-sidebar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2;
}
.manual-confirm-contact-sidebar__background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #000000;
  opacity: 0.3;
  animation: comeinBackground var(--manual-confirm-contact-sidebar-animation-length) linear;
}
.manual-confirm-contact-sidebar__sidebar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: var(--manual-confirm-contact-sidebar-width);
  background: #FFFFFF;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.09);
  display: flex;
  flex-direction: column;
  animation: comeinSidebar var(--manual-confirm-contact-sidebar-animation-length) linear;
}
.manual-confirm-contact-sidebar__cross-svg-close {
  position: absolute;
  top: 32px;
  right: 26px;
  cursor: pointer;
}
.manual-confirm-contact-sidebar__header {
  overflow: hidden;
  padding: 26px 76px 26px 26px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #ECECEC;
}
.manual-confirm-contact-sidebar__body {
  flex: 1;
}
.manual-confirm-contact-sidebar__confirm-header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  margin-top: 32px;
  margin-bottom: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manual-confirm-contact-sidebar__source-select-wrapper {
  display: flex;
  align-items: center;
}
.manual-confirm-contact-sidebar__empty-search, .manual-confirm-contact-sidebar__not_found {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #1b1b1b;
  margin-bottom: 20px;
}
.manual-confirm-contact-sidebar__empty-search-arrow-illustration {
  position: absolute;
  right: 10px;
  top: 5px;
}
.manual-confirm-contact-sidebar__empty-search-illustration, .manual-confirm-contact-sidebar__not_found-illustration {
  margin-bottom: 45px;
}
.manual-confirm-contact-sidebar__content {
  justify-content: space-between;
  display: flex;
}
.manual-confirm-contact-sidebar__search {
  flex: 1;
  padding-bottom: 30px;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row {
  padding: 0 24px 0 23px;
  margin-top: 31px;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row:first-child {
  margin-top: 0;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row .input input {
  border-radius: 8.5px;
  min-height: 49px;
  border: 1px solid #dbdfe7;
  padding-left: 40px;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row .css-2b097c-container .css-eqy8aq-control {
  min-height: 49px;
  border-color: #dbdfe7;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row .css-2b097c-container .css-eqy8aq-control .css-1wa3eu0-placeholder {
  color: #acacac;
  font-weight: normal;
  font-size: 16px;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__row .css-2b097c-container .css-rzky46-control {
  min-height: 49px;
}
.manual-confirm-contact-sidebar__search .right-sidebar .person-sidebar__field-label {
  color: #8F9199;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.manual-confirm-contact-sidebar__contacts {
  margin-top: 32px;
}
.scroll-groups {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  min-height: 50px;
  /*
   Scrollbar
   */
}
.scroll-groups--with-bottom-border {
  border-bottom: 1px solid #e9ecf1;
}
.scroll-groups__children {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: -30px;
  padding-left: 20px;
  padding-right: 20px;
}
.scroll-groups__children--no-scroll {
  width: 100%;
  margin-left: unset;
}
.scroll-groups__arrow {
  flex-shrink: 0;
  will-change: transform;
  position: fixed;
  transition: opacity linear 0.2s, z-index linear 0.2s;
  display: flex;
  align-items: center;
  padding: 0 3px;
}
.scroll-groups__arrow-container {
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.0705882353);
  z-index: 5;
  height: 30px;
  width: 30px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.scroll-groups__arrow--right {
  position: sticky;
  right: 0;
  top: 0;
}
.scroll-groups__arrow--left {
  z-index: 100;
  opacity: 0;
  position: sticky;
  left: 0;
}
.scroll-groups__arrow--left svg {
  transform: rotateY(180deg);
}
.scroll-groups::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.scroll-groups::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.scroll-groups::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.scroll-groups::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px transparent;
}
.section-select {
  position: relative;
  display: flex;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: calc(100% - 40px);
  margin: 0 20px 27px;
}
.section-select::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: #f9f9f9;
}
.section-select__container {
  border-bottom: 0;
  margin: 0;
  padding: 0 !important;
}
.section-select__container .scroll-groups__children {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}
.section-select__item {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 21px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7b7b7b;
  cursor: pointer;
}
.section-select__item:hover {
  color: #221cb6;
}
.section-select__item--active {
  text-shadow: 0 0 0.3px #221cb6;
  color: #221cb6;
}
.section-select__item--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #221cb6;
}
.opportunity-contacts-sidebar-section-contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.opportunity-contacts-sidebar-section-contacts__website {
  display: flex;
  flex-direction: column;
  padding: 19px 20px 21px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
  background-color: #ffffff;
}
.opportunity-contacts-sidebar-section-contacts__website-title {
  margin-bottom: 19px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.opportunity-contacts-sidebar-section-contacts__website-url {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  word-break: break-all;
  cursor: pointer;
}
.opportunity-contacts-sidebar-section-contacts__website-url svg {
  flex-shrink: 0;
  margin-right: 9px;
}
.opportunity-contacts-sidebar-section-contacts__website-url:hover {
  color: #251fb6;
}
.opportunity-contacts-sidebar-section-contacts__website-url:hover svg path {
  stroke: #251fb6;
}
.opportunity-contacts-sidebar-section-contacts__website-metrics {
  margin-top: 17px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.opportunity-contacts-sidebar-section-contacts__contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 -20px -28px;
  padding: 0 20px 28px;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  gap: 12px;
  padding: 19px 20px 21px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  cursor: pointer;
  transition: box-shadow 160ms ease;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  padding-right: 18px;
  position: relative;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title span {
  width: fit-content;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title span:hover {
  color: #251fb6;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title-social {
  margin-left: 8px;
  margin-bottom: -5px;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close {
  width: 13px;
  height: 13px;
  position: absolute;
  right: 0;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg path {
  fill: #ED483D;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data-email {
  width: 100%;
  word-break: break-all;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data-email-tooltip {
  display: flex;
  flex-direction: column;
  padding: 12px 8px;
  gap: 4px;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data-highlight {
  color: #221cb6;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data .email-accuracy {
  width: 8px;
  height: 8px;
  margin-left: 5px;
  flex-shrink: 0;
}
.opportunity-contacts-sidebar-section-contacts__contacts-contact-data svg {
  align-self: flex-start;
  margin-top: 1px;
  margin-right: 9px;
  flex-shrink: 0;
}
.sidebar-crm__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 48px;
}
.sidebar-crm__content-header {
  padding: 7px 18px 20px;
}
.sidebar-crm__content-header .sidebar-crm-header-name {
  font-size: 14px;
  font-weight: normal;
}
.sidebar-crm__content__add-btn {
  position: absolute;
  top: 19px;
  right: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #221cb6;
  border-radius: 8px;
  padding: 3px 10px;
  cursor: pointer;
}
.sidebar-crm__content__add-btn:hover {
  background-color: #f1f4ff;
}
.sidebar-crm__content__add-btn > svg {
  margin-right: 4px;
}
.sidebar-crm__content-personal-info {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 10px;
}
.sidebar-crm__content-personal-info-label {
  margin-top: 15px;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #7b7b7b;
}
.sidebar-crm__content-personal-info-data-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.sidebar-crm__content-personal-info-data-row-social > div {
  margin-bottom: 0;
  width: 100%;
}
.sidebar-crm__content-personal-info-data-row-social > span, .sidebar-crm__content-personal-info-data-row-social-link > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 435px;
}
.sidebar-crm__content-personal-info-data-row-social-link:hover {
  cursor: pointer;
  color: #221cb5;
}
.sidebar-crm__content-personal-info-data-row-social-link:hover > svg > path {
  fill: #221cb5;
}
.sidebar-crm__content-personal-info-data-row > svg {
  flex-shrink: 0;
  margin-left: -2px;
  margin-right: 6px;
}
.sidebar-crm__content .inbox-content-wrapper {
  gap: 12px;
  padding: 19px 20px 21px;
  border: 1px solid #dce1e4;
  border-radius: 8px;
}
.sidebar-crm__content .inbox-content-wrapper.flex-content {
  display: flex;
  flex-direction: column;
}
.sidebar-crm__content .inbox-content-wrapper__content {
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  width: fit-content;
}
.sidebar-crm__content .inbox-content-wrapper__content:has(.inbox-content-wrapper__content-title) {
  width: 100%;
}
.sidebar-crm__content .inbox-content-wrapper__content-title {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  position: relative;
}
.sidebar-crm__content .inbox-content-wrapper__content-title span {
  width: fit-content;
}
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row {
  margin-left: 0;
  margin-bottom: 5px;
}
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover {
  cursor: pointer;
}
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg circle[stroke],
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg rect[stroke],
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg path[stroke] {
  stroke: #221cb6;
}
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg circle[fill],
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg rect[fill],
.sidebar-crm__content .inbox-content-wrapper__content-title + .contact-sidebar-crm__content-personal-info-data-row:hover svg path[fill] {
  fill: #221cb6;
}
.sidebar-crm__content .inbox-content-wrapper__content-title:hover {
  cursor: pointer;
  color: #221cb6;
}
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close {
  position: absolute;
  right: -8px;
  top: 6px;
}
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover {
  cursor: pointer;
}
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg circle[stroke],
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg rect[stroke],
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg path[stroke] {
  stroke: #ed483d;
}
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg circle[fill],
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg rect[fill],
.sidebar-crm__content .inbox-content-wrapper__content .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close:hover svg path[fill] {
  fill: #ed483d;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social {
  display: inline-block !important;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover {
  transition: 0.3s;
  cursor: pointer;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg circle[stroke],
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg rect[stroke],
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg path[stroke] {
  stroke: #221cb6;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg circle[fill],
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg rect[fill],
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social:hover svg path[fill] {
  fill: #221cb6;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social > svg {
  margin-top: 0;
}
.sidebar-crm__content .inbox-content-wrapper__content .contact-sidebar-crm__content-personal-info-data-row-social + .opportunity-contacts-sidebar-section-contacts__contacts-contact-title-close {
  top: 9px;
}
.sidebar-crm__content .inbox-content-wrapper__content > .sidebar-crm-section__editable-row {
  font-size: 16px;
  font-weight: 600;
}
.sidebar-crm__content .inbox-content-wrapper__content__delete-btn {
  position: absolute;
  right: 0;
}
.sidebar-crm__content .inbox-content-wrapper__content__delete-btn:hover svg {
  cursor: pointer;
}
.sidebar-crm__content .inbox-content-wrapper__content__delete-btn:hover svg circle {
  stroke: #ed483d;
}
.sidebar-crm__content .inbox-content-wrapper__content__delete-btn:hover svg rect,
.sidebar-crm__content .inbox-content-wrapper__content__delete-btn:hover svg path {
  fill: #ed483d;
}
.sidebar-crm__content .inbox-content-wrapper__content > .contacts-sidebar-crm-section__editable-row .render-content.main-title {
  display: flex;
}
.sidebar-crm__content .inbox-content-wrapper__content > .contacts-sidebar-crm-section__editable-row .render-content + .contacts-sidebar-crm-section__editable-btn-row {
  margin-left: 3px;
}
.sidebar-crm__content .inbox-content-wrapper__data {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.sidebar-crm__content .inbox-content-wrapper__data svg {
  align-self: flex-start;
  margin-top: 1px;
  margin-right: 9px;
  flex-shrink: 0;
}
.sidebar-crm__content .inbox-content-wrapper__data-email {
  width: 100%;
  word-break: break-all;
}
.sidebar-crm__content .inbox-content-wrapper__data + .contact-sidebar-crm__content-personal-info-data-row {
  display: flex;
  align-items: center;
}
.sidebar-crm__content .inbox-content-wrapper__data + .contact-sidebar-crm__content-personal-info-data-row svg {
  align-self: flex-start;
  margin-top: 1px;
  margin-right: 9px;
  flex-shrink: 0;
}
.sidebar-crm__content .inbox-content-wrapper__data + .contact-sidebar-crm__content-personal-info-data-row:last-child {
  margin-bottom: 0;
}
.sidebar-crm__content .inbox-content-wrapper .sidebar-crm-section__editable-row span {
  width: fit-content;
}
.sidebar-crm__content .inbox-content-wrapper .contact-sidebar-crm__content-personal-info-data-row {
  display: flex;
  align-items: center;
}
.sidebar-crm__content .inbox-content-wrapper .contact-sidebar-crm__content-personal-info-data-row svg {
  align-self: flex-start;
  margin-top: 1px;
  margin-right: 9px;
  flex-shrink: 0;
}
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row {
  margin-bottom: 2px;
}
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row.social-link-info {
  width: 100%;
}
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover {
  transition: 0.3s;
  cursor: pointer;
}
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg circle[stroke],
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg rect[stroke],
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg path[stroke] {
  stroke: #221cb6;
}
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg circle[fill],
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg rect[fill],
.sidebar-crm__content .sidebar-crm__content-personal-info-data-row-social:hover svg path[fill] {
  fill: #221cb6;
}
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__content-personal-info:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn {
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
  color: #221cb6;
}
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg circle[stroke],
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg rect[stroke],
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg path[stroke] {
  stroke: #221cb6;
}
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg circle[fill],
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg rect[fill],
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn svg path[fill] {
  fill: #221cb6;
}
.sidebar-crm__content .inbox-contact-section .contact-sidebar-crm-section__content .contact-sidebar-crm__show-more-btn:hover {
  cursor: pointer;
}
.sidebar-crm {
  width: 526px;
}
.sidebar-crm__header {
  padding: 12px 18px 12px;
}
.sidebar-crm__header-title {
  font-size: 16px;
  line-height: 16px;
}
.sidebar-crm__header-collapse-btn svg {
  width: 10px;
}
.sidebar-crm--small.box-shadow {
  box-shadow: rgba(18, 16, 68, 0.1) 0px 4px 17px 0px;
}
.sidebar-crm--small .sidebar-crm-section__content {
  padding: 0;
}
.sidebar-crm--small .sidebar-crm-section__content .sidebar-crm__content-personal-info {
  gap: 10px;
}
.sidebar-crm__container {
  z-index: 10;
}
.sidebar-crm__body {
  overflow: auto;
}
.sidebar-crm__close-icon {
  top: 35px;
}
.campaign-automation {
  position: relative;
}
.campaign-automation__settings-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.campaign-automation .campaign-automation-search-mode {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(318px, auto));
  grid-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e9ecf1;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-bottom: 44px;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper--active {
  background: #eef3ff;
  border-color: #221db6;
}
.campaign-automation .campaign-automation-search-mode__mode-image {
  border-radius: 8px;
}
.campaign-automation .campaign-automation-search-mode__mode-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-top: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.campaign-automation .campaign-automation-search-mode__recommended {
  position: absolute;
  top: 0;
  left: 0;
  background: #221db6;
  box-shadow: 0 13px 25px -11px rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 8px 2px 7px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 14px;
}
.campaign-automation .campaign-automation-search-mode__cost {
  position: absolute;
  bottom: 14px;
  right: 24px;
  display: flex;
  align-items: center;
  padding: 5px 7px 6px 7px;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  color: #4b4c4d;
  background-color: #e9e9e9;
  border-radius: 5px;
}
.campaign-automation .campaign-automation-search-mode__cost svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper {
  background: #f5f5f5;
  cursor: unset;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper--active {
  border: 1px solid #8d8f92;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-image {
  opacity: 0.7;
}
.campaign-automation .automation-position-and-seniority {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.campaign-automation .automation-position-and-seniority__wrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 6px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select {
  min-width: 150px;
  max-width: 550px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select .css-1c6f4l6-control {
  border: 1px solid #DBDFE7;
}
.campaign-automation .automation-position-and-seniority__title-row {
  font-size: 16px;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__title-row-block {
  border-radius: 9px;
  display: flex;
  align-items: center;
  padding: 9px 14px;
}
.campaign-automation .automation-position-and-seniority__title-row-block svg {
  margin-right: 8px;
}
.campaign-automation .automation-position-and-seniority__title-row .automation-position-and-seniority__required-label {
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__required-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  font-size: 16px;
  margin-left: auto;
  margin-right: 8px;
  color: #8f9199;
}
.campaign-automation .automation-position-and-seniority__required-label--active {
  color: #000;
}
.campaign-automation .automation-advanced-settings-content__row {
  display: flex;
  align-items: center;
}
.campaign-automation .automation-advanced-settings-content__row:not(:first-of-type) {
  margin-top: 26px;
}
.campaign-automation .automation-advanced-settings-content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.campaign-automation .automation-advanced-settings-content__label {
  display: flex;
  margin-left: 12px;
}
.campaign-automation .campaign-automation-progress-info {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 24px;
}
.campaign-automation .campaign-automation-progress-info__card {
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 8px;
  min-width: 269px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(99, 99, 99, 0.21);
}
.campaign-automation .campaign-automation-progress-info__card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-green {
  color: #58cd95;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-blue {
  color: #221CB6;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-red {
  color: #ed483d;
}
.campaign-automation .campaign-automation-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 24px;
  padding-top: 24px;
  background-color: #ffffff;
}
.campaign-automation .campaign-automation-footer__notify {
  display: flex;
  align-items: center;
}
.campaign-automation .campaign-automation-footer__notify-title {
  margin-left: 10px;
}
.campaign-automation .campaign-automation-footer__play-icon {
  height: 24px;
  margin-right: 5px;
  margin-top: -2px;
}
.campaign-automation .campaign-automation-footer__stop-icon {
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  margin-right: 8px;
}
.campaign-automation .campaign-automation-footer__button {
  display: flex;
  align-items: center;
  height: 43px;
}
.campaign-automation .campaign-automation-footer__button-results svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.campaign-automation .campaign-automation-footer__button-results svg path {
  fill: #ffffff;
}
.confirm-contact-campaign-builder {
  position: relative;
  padding-top: 55px;
}
.confirm-contact-campaign-builder__toggler {
  display: inline-block;
  position: absolute;
  right: 65px;
  top: 20px;
}
.confirm-contact-campaign-builder__content {
  padding: 30px;
}

.confirm-contact-campaign-modal {
  height: 605px;
}
.confirm-contact-campaign-modal .modal__cross-btn svg path {
  fill: #BDBDBD;
}
.confirm-contact-campaign-modal .modal__cross-btn:hover svg circle {
  stroke: #8d8f92;
}
.confirm-contact-campaign-modal .modal__cross-btn:hover svg rect,
.confirm-contact-campaign-modal .modal__cross-btn:hover svg path {
  fill: #8d8f92;
}
.confirm-contact-campaign-modal .confirm-contact-campaign-builder {
  padding-top: 30px;
}
.confirm-contact-campaign-modal .confirm-contact-campaign-builder__header {
  gap: 11px;
  display: flex;
  align-items: center;
  padding-left: 37px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DBDFE7;
}
.confirm-contact-campaign-modal .confirm-contact-campaign-builder__header-title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.confirm-contact-campaign-modal .confirm-contact-campaign-builder__header-info {
  border-radius: 5px;
  background-color: #E9E9E9;
  padding: 5px;
  height: 21px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.confirm-contact-campaign-modal .confirm-contact-campaign-builder__content {
  padding: 0 37px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body {
  padding-top: 11px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list {
  list-style-type: none;
  padding-left: 0;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list-item:not(:last-child) {
  margin-bottom: 10px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list-item .input__field {
  max-width: 57px;
  padding-left: 16px;
  height: 38px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list-item .select {
  min-width: 150px;
  max-width: 550px;
}
.confirm-contact-campaign-modal .campaign-automation-content-body__list-item-label {
  font-size: 16px;
  color: #202430;
  display: flex;
  align-items: center;
  gap: 8px;
}
.confirm-contact-campaign-modal .campaign-automation .automation-advanced-settings-content {
  margin-top: 22px;
  padding-bottom: 39px;
  border-bottom: 1px solid #DBDFE7;
}
.personalization-campaign-builder {
  position: relative;
  padding-top: 55px;
}
.personalization-campaign-builder__toggler {
  display: inline-block;
  position: absolute;
  right: 65px;
  top: 20px;
}
.personalization-campaign-builder__content {
  padding: 30px;
}

.personalization-campaign-modal {
  height: 470px;
}
.personalization-campaign-modal .modal__cross-btn svg path {
  fill: #BDBDBD;
}
.personalization-campaign-modal .modal__cross-btn:hover svg circle {
  stroke: #8d8f92;
}
.personalization-campaign-modal .modal__cross-btn:hover svg rect,
.personalization-campaign-modal .modal__cross-btn:hover svg path {
  fill: #8d8f92;
}
.personalization-campaign-modal .personalization-campaign-builder {
  padding-top: 30px;
  min-height: 100%;
}
.personalization-campaign-modal .personalization-campaign-builder__header {
  gap: 11px;
  display: flex;
  align-items: center;
  padding-left: 37px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DBDFE7;
}
.personalization-campaign-modal .personalization-campaign-builder__header-title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.personalization-campaign-modal .personalization-campaign-builder__header-info {
  border-radius: 5px;
  background-color: #E9E9E9;
  padding: 5px;
  height: 21px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.personalization-campaign-modal .personalization-campaign-builder__content {
  padding: 0 37px;
  min-height: calc(100% - 60px);
}
.personalization-campaign-modal .personalization-campaign-builder__content .accordion-content-body__started-plan {
  transform: translateY(calc(50% - 30px));
}
.personalization-campaign-modal .campaign-automation-content-body {
  padding-top: 11px;
}
.personalization-campaign-modal .campaign-automation-content-body__list {
  list-style-type: none;
  padding-left: 0;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item:not(:last-child) {
  margin-bottom: 10px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item .input__field {
  max-width: 57px;
  padding-left: 16px;
  height: 38px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item .select {
  min-width: 150px;
  max-width: 550px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item-label {
  width: 100%;
  font-size: 16px;
  color: #202430;
  display: flex;
  align-items: center;
  gap: 8px;
}
.personalization-campaign-modal .campaign-automation .automation-advanced-settings-content {
  margin-top: 22px;
  padding-bottom: 39px;
  border-bottom: 1px solid #DBDFE7;
}
.campaign-automation {
  position: relative;
}
.campaign-automation__settings-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.campaign-automation .campaign-automation-search-mode {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(318px, auto));
  grid-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e9ecf1;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-bottom: 44px;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper--active {
  background: #eef3ff;
  border-color: #221db6;
}
.campaign-automation .campaign-automation-search-mode__mode-image {
  border-radius: 8px;
}
.campaign-automation .campaign-automation-search-mode__mode-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-top: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.campaign-automation .campaign-automation-search-mode__recommended {
  position: absolute;
  top: 0;
  left: 0;
  background: #221db6;
  box-shadow: 0 13px 25px -11px rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 8px 2px 7px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 14px;
}
.campaign-automation .campaign-automation-search-mode__cost {
  position: absolute;
  bottom: 14px;
  right: 24px;
  display: flex;
  align-items: center;
  padding: 5px 7px 6px 7px;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  color: #4b4c4d;
  background-color: #e9e9e9;
  border-radius: 5px;
}
.campaign-automation .campaign-automation-search-mode__cost svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper {
  background: #f5f5f5;
  cursor: unset;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper--active {
  border: 1px solid #8d8f92;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-image {
  opacity: 0.7;
}
.campaign-automation .automation-position-and-seniority {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.campaign-automation .automation-position-and-seniority__wrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 6px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select {
  min-width: 150px;
  max-width: 550px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select .css-1c6f4l6-control {
  border: 1px solid #DBDFE7;
}
.campaign-automation .automation-position-and-seniority__title-row {
  font-size: 16px;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__title-row-block {
  border-radius: 9px;
  display: flex;
  align-items: center;
  padding: 9px 14px;
}
.campaign-automation .automation-position-and-seniority__title-row-block svg {
  margin-right: 8px;
}
.campaign-automation .automation-position-and-seniority__title-row .automation-position-and-seniority__required-label {
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__required-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  font-size: 16px;
  margin-left: auto;
  margin-right: 8px;
  color: #8f9199;
}
.campaign-automation .automation-position-and-seniority__required-label--active {
  color: #000;
}
.campaign-automation .automation-advanced-settings-content__row {
  display: flex;
  align-items: center;
}
.campaign-automation .automation-advanced-settings-content__row:not(:first-of-type) {
  margin-top: 26px;
}
.campaign-automation .automation-advanced-settings-content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.campaign-automation .automation-advanced-settings-content__label {
  display: flex;
  margin-left: 12px;
}
.campaign-automation .campaign-automation-progress-info {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 24px;
}
.campaign-automation .campaign-automation-progress-info__card {
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 8px;
  min-width: 269px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(99, 99, 99, 0.21);
}
.campaign-automation .campaign-automation-progress-info__card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-green {
  color: #58cd95;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-blue {
  color: #221CB6;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-red {
  color: #ed483d;
}
.campaign-automation .campaign-automation-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 24px;
  padding-top: 24px;
  background-color: #ffffff;
}
.campaign-automation .campaign-automation-footer__notify {
  display: flex;
  align-items: center;
}
.campaign-automation .campaign-automation-footer__notify-title {
  margin-left: 10px;
}
.campaign-automation .campaign-automation-footer__play-icon {
  height: 24px;
  margin-right: 5px;
  margin-top: -2px;
}
.campaign-automation .campaign-automation-footer__stop-icon {
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  margin-right: 8px;
}
.campaign-automation .campaign-automation-footer__button {
  display: flex;
  align-items: center;
  height: 43px;
}
.campaign-automation .campaign-automation-footer__button-results svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.campaign-automation .campaign-automation-footer__button-results svg path {
  fill: #ffffff;
}
.opportunity-inspect {
  width: calc(100vw - 320px);
  height: 100vh;
}
.opportunity-inspect__action-bar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
}
.opportunity-inspect__action-bar__header .pagination__select {
  margin: 0 auto;
  margin-left: 25px;
  gap: 8px;
  color: #7b7b7b;
}
.opportunity-inspect__action-bar__header .pagination__select-container {
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
}
.opportunity-inspect__action-bar__header .pagination__select button {
  min-width: 40px;
  padding: 0;
}
.opportunity-inspect__action-bar__header .pagination__select button:hover svg path {
  fill: #ffffff;
}
.opportunity-inspect__action-bar__header .pagination__select .rotate {
  transform: rotate(180deg);
}
.opportunity-inspect__action-bar__header .buttons-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
}
.opportunity-inspect__action-bar__header .buttons-container .revert-button {
  min-width: 40px;
  background-color: #e9eeff;
  padding: 0;
  border-radius: 8px;
}
.opportunity-inspect__action-bar__header .buttons-container .revert-button:hover {
  background-color: #221cb6;
}
.opportunity-inspect__action-bar__header .buttons-container .revert-button:hover svg path {
  stroke: #ffffff;
}
.opportunity-inspect__action-bar__header .buttons-container .button--show-more {
  min-width: 40px;
  padding: 0;
  background-color: transparent;
}
.opportunity-inspect__action-bar__header .buttons-container .button--show-more:hover, .opportunity-inspect__action-bar__header .buttons-container .button--show-more:focus {
  border: 1px solid #221CB6;
  background: #F5F5F5;
}
.opportunity-inspect__action-bar__header .buttons-container .button--show-more:hover svg path, .opportunity-inspect__action-bar__header .buttons-container .button--show-more:focus svg path {
  fill: #221CB6;
}
.opportunity-inspect__action-bar__header .__react_component_tooltip.show.dropdown-tooltip {
  border-radius: 8px;
  opacity: 1;
  padding: 9px;
}
.opportunity-inspect__action-bar__header .dropdown-list {
  overflow: auto;
  max-height: 300px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.opportunity-inspect__action-bar__header .dropdown-list__item {
  display: flex;
  align-items: center;
  padding: 7px;
  cursor: pointer;
}
.opportunity-inspect__action-bar__header .dropdown-list__item span {
  margin-left: 8px;
}
.opportunity-inspect__action-bar__header .dropdown-list__item:hover {
  opacity: 0.8;
}
.opportunity-inspect__action-bar__header .dropdown-list__item-disabled {
  pointer-events: none;
  cursor: default;
}
.opportunity-inspect__action-bar__navigation {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #EDEEF1;
  padding: 9px 9px 9px 0;
}
.opportunity-inspect__action-bar__navigation-buttons {
  padding: 0 10px;
}
.opportunity-inspect__action-bar__navigation-buttons .button {
  min-width: 26px;
  height: 26px;
  padding: 0;
  margin: 0 7px;
}
.opportunity-inspect__action-bar__navigation-buttons .button:hover {
  border-radius: 5px;
  background: #E9EEFF;
}
.opportunity-inspect__action-bar__navigation-buttons .button:hover svg path {
  stroke: #251FB6;
}
.opportunity-inspect__action-bar__navigation-buttons .button--disabled svg path {
  fill: #949494;
  stroke: #949494;
}
.opportunity-inspect__action-bar__navigation-buttons .button--disabled:hover {
  background: transparent;
}
.opportunity-inspect__action-bar__navigation-buttons .button--disabled:hover svg path {
  fill: #949494;
  stroke: #949494;
}
.opportunity-inspect__action-bar__navigation-address {
  background-color: #ffffff;
  border-radius: 6px;
  flex: 1;
  display: flex;
  align-items: center;
}
.opportunity-inspect__action-bar__navigation-address .lock-icon {
  margin: 10px 4px 10px 14px;
}
.opportunity-inspect__action-bar__navigation-address .content-search-editor-v2 {
  flex: 1;
}
.opportunity-inspect__action-bar__navigation-address .content-search-editor-v2__query-editor-wrapper {
  border: none;
}
.opportunity-inspect__action-bar__navigation-address .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor > div {
  padding: 10px 0 10px 4px !important;
}
.opportunity-inspect__action-bar__navigation-address .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor > div .content-search-editor-v2__query-text {
  padding-left: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
}
.opportunity-inspect__action-bar__navigation-address .content-search-editor-v2__query-editor-wrapper .content-search-editor-v2__query-editor > div .content-search-editor-v2__query-text:before {
  display: none;
}
.opportunity-inspect__back-button {
  background-color: #ffffff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  color: #444444;
  margin-right: 20px;
}
.opportunity-inspect__back-button:hover {
  background-color: #e9eeff;
  border: 1px solid #221cb6;
  color: #221cb6;
}
.opportunity-inspect__back-button-close {
  background-color: transparent;
  width: 78px;
  height: 78px;
  border-radius: 0;
  border-right: 1px solid #E8E8E8;
}
.opportunity-inspect__back-button-close:hover svg path {
  stroke: #e9eeff;
}
.opportunity-inspect__preview-section {
  position: relative;
  height: 100vh;
}
.opportunity-inspect__preview-section .loader__full-screen-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.7);
}

.opportunity-inspect-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.opportunity-inspect-modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 49px;
  max-width: 493px;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  border-radius: 19px;
  transform: translateY(-50%) translateX(-50%);
}
.opportunity-inspect-modal_content-image {
  margin-bottom: 20px;
  width: 156px;
  height: 183px;
}
.opportunity-inspect-modal_content-title {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-top: 0;
}
.opportunity-inspect-modal_content-info {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  max-width: 238px;
  line-height: 178.5%;
  margin-bottom: 23px;
}
.opportunity-inspect-modal_content-button {
  width: 186px;
  height: 45px;
}
.opportunity-inspect-modal_background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(79, 79, 79, 0.29);
  backdrop-filter: blur(5px);
}
.personalization-campaign-builder {
  position: relative;
  padding-top: 55px;
}
.personalization-campaign-builder__toggler {
  display: inline-block;
  position: absolute;
  right: 65px;
  top: 20px;
}
.personalization-campaign-builder__content {
  padding: 30px;
}

.personalization-campaign-modal {
  height: 470px;
}
.personalization-campaign-modal .modal__cross-btn svg path {
  fill: #BDBDBD;
}
.personalization-campaign-modal .modal__cross-btn:hover svg circle {
  stroke: #8d8f92;
}
.personalization-campaign-modal .modal__cross-btn:hover svg rect,
.personalization-campaign-modal .modal__cross-btn:hover svg path {
  fill: #8d8f92;
}
.personalization-campaign-modal .personalization-campaign-builder {
  padding-top: 30px;
  min-height: 100%;
}
.personalization-campaign-modal .personalization-campaign-builder__header {
  gap: 11px;
  display: flex;
  align-items: center;
  padding-left: 37px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DBDFE7;
}
.personalization-campaign-modal .personalization-campaign-builder__header-title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.personalization-campaign-modal .personalization-campaign-builder__header-info {
  border-radius: 5px;
  background-color: #E9E9E9;
  padding: 5px;
  height: 21px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.personalization-campaign-modal .personalization-campaign-builder__content {
  padding: 0 37px;
  min-height: calc(100% - 60px);
}
.personalization-campaign-modal .personalization-campaign-builder__content .accordion-content-body__started-plan {
  transform: translateY(calc(50% - 30px));
}
.personalization-campaign-modal .campaign-automation-content-body {
  padding-top: 11px;
}
.personalization-campaign-modal .campaign-automation-content-body__list {
  list-style-type: none;
  padding-left: 0;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item:not(:last-child) {
  margin-bottom: 10px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item .input__field {
  max-width: 57px;
  padding-left: 16px;
  height: 38px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item .select {
  min-width: 150px;
  max-width: 550px;
}
.personalization-campaign-modal .campaign-automation-content-body__list-item-label {
  width: 100%;
  font-size: 16px;
  color: #202430;
  display: flex;
  align-items: center;
  gap: 8px;
}
.personalization-campaign-modal .campaign-automation .automation-advanced-settings-content {
  margin-top: 22px;
  padding-bottom: 39px;
  border-bottom: 1px solid #DBDFE7;
}
.campaign-automation {
  position: relative;
}
.campaign-automation__settings-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.campaign-automation .campaign-automation-search-mode {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(318px, auto));
  grid-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e9ecf1;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-bottom: 44px;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
.campaign-automation .campaign-automation-search-mode__mode-wrapper--active {
  background: #eef3ff;
  border-color: #221db6;
}
.campaign-automation .campaign-automation-search-mode__mode-image {
  border-radius: 8px;
}
.campaign-automation .campaign-automation-search-mode__mode-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-top: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.campaign-automation .campaign-automation-search-mode__recommended {
  position: absolute;
  top: 0;
  left: 0;
  background: #221db6;
  box-shadow: 0 13px 25px -11px rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 8px 2px 7px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 14px;
}
.campaign-automation .campaign-automation-search-mode__cost {
  position: absolute;
  bottom: 14px;
  right: 24px;
  display: flex;
  align-items: center;
  padding: 5px 7px 6px 7px;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  color: #4b4c4d;
  background-color: #e9e9e9;
  border-radius: 5px;
}
.campaign-automation .campaign-automation-search-mode__cost svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper {
  background: #f5f5f5;
  cursor: unset;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-wrapper--active {
  border: 1px solid #8d8f92;
}
.campaign-automation .campaign-automation-search-mode--disabled .campaign-automation-search-mode__mode-image {
  opacity: 0.7;
}
.campaign-automation .automation-position-and-seniority {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.campaign-automation .automation-position-and-seniority__wrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 6px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select {
  min-width: 150px;
  max-width: 550px;
}
.campaign-automation .automation-position-and-seniority__wrapper .select .css-1c6f4l6-control {
  border: 1px solid #DBDFE7;
}
.campaign-automation .automation-position-and-seniority__title-row {
  font-size: 16px;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__title-row-block {
  border-radius: 9px;
  display: flex;
  align-items: center;
  padding: 9px 14px;
}
.campaign-automation .automation-position-and-seniority__title-row-block svg {
  margin-right: 8px;
}
.campaign-automation .automation-position-and-seniority__title-row .automation-position-and-seniority__required-label {
  color: #202430;
}
.campaign-automation .automation-position-and-seniority__required-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  font-size: 16px;
  margin-left: auto;
  margin-right: 8px;
  color: #8f9199;
}
.campaign-automation .automation-position-and-seniority__required-label--active {
  color: #000;
}
.campaign-automation .automation-advanced-settings-content__row {
  display: flex;
  align-items: center;
}
.campaign-automation .automation-advanced-settings-content__row:not(:first-of-type) {
  margin-top: 26px;
}
.campaign-automation .automation-advanced-settings-content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.campaign-automation .automation-advanced-settings-content__label {
  display: flex;
  margin-left: 12px;
}
.campaign-automation .campaign-automation-progress-info {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 24px;
}
.campaign-automation .campaign-automation-progress-info__card {
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 8px;
  min-width: 269px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(99, 99, 99, 0.21);
}
.campaign-automation .campaign-automation-progress-info__card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-green {
  color: #58cd95;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-blue {
  color: #221CB6;
}
.campaign-automation .campaign-automation-progress-info__card-value--color-red {
  color: #ed483d;
}
.campaign-automation .campaign-automation-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 24px;
  padding-top: 24px;
  background-color: #ffffff;
}
.campaign-automation .campaign-automation-footer__notify {
  display: flex;
  align-items: center;
}
.campaign-automation .campaign-automation-footer__notify-title {
  margin-left: 10px;
}
.campaign-automation .campaign-automation-footer__play-icon {
  height: 24px;
  margin-right: 5px;
  margin-top: -2px;
}
.campaign-automation .campaign-automation-footer__stop-icon {
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  margin-right: 8px;
}
.campaign-automation .campaign-automation-footer__button {
  display: flex;
  align-items: center;
  height: 43px;
}
.campaign-automation .campaign-automation-footer__button-results svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.campaign-automation .campaign-automation-footer__button-results svg path {
  fill: #ffffff;
}
.editor-email-meta {
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px 0 25px 25px;
  border-bottom: 1px solid #e9ecf1;
  /* Overload styles */
}
.editor-email-meta__row {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  overflow-x: auto;
}
.editor-email-meta__row::-webkit-scrollbar {
  display: none;
}
.editor-email-meta__row-buttons {
  margin-top: 12px;
  display: flex;
}
.editor-email-meta__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
  margin-right: 6px;
}
.editor-email-meta__value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 4px 6px;
  background: #eaedf2;
  border-radius: 5px;
  margin-right: 6px;
}
.editor-email-meta__value svg {
  width: 14px;
  height: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.editor-email-meta__remove-icon {
  height: 14px;
}
.editor-email-meta__adding-button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  margin-right: 12px;
  color: #221cb6;
  cursor: pointer;
}
.editor-email-meta__chevron {
  cursor: pointer;
}
.editor-email-meta__chevron svg {
  transform: rotateX(180deg);
}
.editor-email-meta .input__field {
  height: 22px;
  padding-left: 0;
}
.editor-email-meta .editor-email-meta-contacts {
  padding: 10px 0;
}
.editor-email-meta .editor-email-meta-contacts__contact {
  cursor: pointer;
  padding: 3px 10px;
}
.editor-email-meta .editor-email-meta-contacts__contact:hover {
  background-color: #181818;
}
.editor-email-meta .editor-email-meta-contacts__contact:not(.editor-email-meta .editor-email-meta-contacts__contact:last-child) {
  margin-bottom: 5px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.autosave-indicator {
  font-size: 14px;
}
.autosave-indicator__spinner {
  display: inline-block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #D6D6D6;
  border-right: 2px solid #D6D6D6;
  border-bottom: 2px solid #D6D6D6;
  border-left: 2px solid #898FA5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.autosave-indicator__spinner:after {
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.autosave-indicator--saved {
  background: rgba(35, 231, 113, 0.13);
  padding: 8px 10px;
  color: #23E771;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.autosave-indicator--error {
  background-color: #ED483D;
  color: #fff;
  white-space: nowrap;
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
}
.autosave-indicator__icon {
  height: 11px;
  margin-right: 5px;
  margin-top: -2px;
}
.personalization-editor {
  position: relative;
  box-sizing: border-box;
  padding-top: 26px;
  padding-left: 26px;
  padding-right: 26px;
  /* Overload styles */
}
.personalization-editor__container {
  border-radius: 8px;
  box-shadow: 0px 4px 17px 0px rgba(18, 16, 68, 0.1);
}
.personalization-editor .slate-editor__controls-separator {
  margin: 0 10px;
}
.personalization-editor .slate-editor__controls .button--inline {
  width: 22px;
  height: 22px;
}
.personalization-editor .slate-editor__controls .button--inline:hover {
  border-radius: 5px;
  background: #E9EEFF;
}
.personalization-editor__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personalization-editor__title .autosave-indicator {
  margin: 0 8px;
}
.personalization-editor__title .moderate-chance {
  padding: 10px 15px;
}
.personalization-editor__title-description {
  color: #8d8f92;
  font-size: 14px;
  margin-left: 8px;
}
.personalization-editor__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #FBFCFD;
}
.personalization-editor .editor-email-meta {
  background: #FBFCFD;
}
.personalization-editor__addressee {
  padding: 25px 28px;
  border-bottom: 1px solid #E9ECF1;
}
.personalization-editor__addressee .addressee-from {
  margin-bottom: 6px;
}
.personalization-editor__addressee .addressee-from,
.personalization-editor__addressee .addressee-to,
.personalization-editor__addressee .addressee {
  display: flex;
  align-items: center;
}
.personalization-editor__addressee .addressee-list {
  display: flex;
  gap: 6px;
  margin-left: 6px;
}
.personalization-editor__addressee .addressee-list span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  background-color: #EAEDF2;
  padding: 4px 6px;
  display: flex;
  border-radius: 5px;
}
.personalization-editor__addressee .addressee {
  gap: 6px;
  margin-top: 16px;
}
.personalization-editor__addressee .addressee span {
  color: #221CB6;
  font-size: 12px;
  font-weight: 400;
}
.personalization-editor__addressee span {
  color: #8F9199;
  font-size: 14px;
}
.personalization-editor__editor {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.personalization-editor__editor .slate-editor__editor {
  max-height: calc(100vh - 478px);
  overflow-y: auto;
  height: auto;
}
.personalization-editor__editor .slate-editor__editor .editable-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
}
.personalization-editor__editor .slate-editor__editor .editable-footer .slate-editor__signature-placeholder {
  border-radius: 8px;
  border: 1px solid #E9ECF1;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
}
.personalization-editor__header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e9ecf1;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #202430;
}
.personalization-editor__header ::-webkit-scrollbar {
  display: none;
}
.personalization-editor__header .slate-editor {
  display: flex;
  min-height: 64px;
}
.personalization-editor__header .slate-editor__editor--inline {
  height: auto;
}
.personalization-editor__autosave-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
  font-size: 14px;
  margin-left: auto;
  height: 30px;
}
.personalization-editor .RichEditor-editor {
  height: 250px;
}
.personalisation-modal {
  width: fit-content;
  overflow-y: visible;
}

.test-personalisation-modal__header {
  padding: 27px 61px 24px 24px;
  border-bottom: 1px solid #f4f4f4;
}
.test-personalisation-modal__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
.test-personalisation-modal__sub-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  line-height: 130%;
  color: #928e8d;
}
.test-personalisation-modal__label {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
}
.test-personalisation-modal__label:not(:first-of-type) {
  margin-top: 17px;
}
.test-personalisation-modal__body {
  padding: 24px;
}
.test-personalisation-modal__body input {
  width: 100%;
}
.test-personalisation-modal__body div {
  max-width: unset;
}
.test-personalisation-modal__footer {
  display: flex;
  padding: 0 24px 29px;
}
.test-personalisation-modal__send-button {
  width: 162px;
  margin-right: 10px;
}
.test-personalisation-modal__cancel-button {
  width: 100px;
}
.personalization-steps {
  flex: 1;
  min-width: 500px;
  border-radius: 8px;
  padding-bottom: 46px;
  width: 70%;
  max-height: calc(100vh - 128px);
  overflow-y: auto;
}
.player-bar {
  flex: 1;
  position: relative;
}
.player-bar--inline {
  display: flex;
  align-items: center;
}
.player-bar--inline .player-bar__progress {
  flex: 1;
  margin-bottom: 0;
}
.player-bar--inline .player-bar__time-start {
  margin-right: 5px;
}
.player-bar--inline .player-bar__time-end {
  margin-left: 5px;
}
.player-bar__progress {
  height: 6px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 5px;
}
.player-bar__progress-knob {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  top: -2px;
  background-color: #ABA8E6;
  border-radius: 100%;
}
.player-bar__time {
  display: flex;
  justify-content: space-between;
}
.player-bar__time-start {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  color: #050505;
}
.player-bar__time-end {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  color: #8F9199;
}
.player-volume {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.player-volume__icon {
  height: 20px;
}
.player-volume__bar-wrapper {
  height: 6px;
  background: #ABA8E6;
  border-radius: 3px;
  width: 54px;
}
.player {
  margin-top: 10px;
}
.player--inline {
  display: flex;
  align-items: center;
}
.player__underline-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.player__controls {
  margin-right: 12px;
}
.player__controls svg {
  height: 20px;
  width: 20px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.article-summary {
  display: flex;
  flex-direction: column;
  margin-left: 13px;
  height: auto;
  width: 317px;
  padding: 0 10px;
  overflow-y: auto;
  background: #fbfcfd;
  max-height: calc(100vh - 126px);
}
.article-summary__title {
  display: flex;
  align-items: flex-start;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  margin-top: 30px;
  margin-left: 18px;
}
.article-summary__title .dropdown-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-summary__title .dropdown-btn:hover svg path {
  fill: #221CB6;
}
.article-summary__title .dropdown-btn--open {
  transform: rotate(180deg);
}
.article-summary__text {
  padding: 14px 18px;
  padding-bottom: 0;
}
.article-summary__text h3 {
  color: #202430;
  font-size: 14px;
  margin-bottom: 14px;
  font-weight: 600;
}
.article-summary__text-description {
  color: rgba(0, 0, 0, 0.58);
  font-size: 12px;
  margin-bottom: 8px;
}
.article-summary__text-uid a {
  display: flex;
  align-items: center;
}
.article-summary__text-uid a svg {
  flex: none;
  margin-right: 8px;
}
.article-summary__text-uid-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.article-summary__text ~ .article-summary__list {
  margin-top: 0;
}
.article-summary__list {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  background: #fbfcfd;
  width: 100%;
}
.article-summary__list-container {
  max-height: 440px;
  overflow: auto;
}
.article-summary__empty-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 31px 16px 30px 16px;
  font-size: 14px;
  color: #8d8f92;
}
.article-summary__list-item {
  display: flex;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  padding: 21px 29px 31px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #202430;
}
.article-summary__list-item .copy-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  margin-top: -3px !important;
  margin-left: -6px;
  margin-right: 0;
}
.article-summary__list-item .copy-icon:hover {
  background-color: #e9eeff;
}
.article-summary__list-item .copy-icon:hover svg path {
  stroke: #221CB6;
  fill: transparent;
}
.article-summary__list-item span:first-child {
  margin-top: 4px;
}
.article-summary__list-item span:not(:first-child) {
  margin-left: 6px;
}
.article-summary__list-item:not(.article-summary__list-item:last-child) {
  border-bottom: 2px solid #e9ecf1;
}
.article-summary__button {
  width: 220px;
  background-color: #dbe2fe;
  border-radius: 8px;
  margin: 29px auto;
  color: #251fb6;
}
.article-summary__button:hover {
  opacity: 0.9;
}
.article-summary__refresh-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  border-radius: 6px;
  height: 26px;
  width: 26px;
  cursor: pointer;
}
.article-summary__refresh-icon--animated {
  animation: rotate linear 1.5s infinite;
}
.article-summary__refresh-icon:hover {
  background-color: #e9eeff;
}
.article-summary__refresh-icon:hover svg path {
  stroke: #251fb6;
}
.article-summary .podcast-summary-item {
  display: flex;
  flex-direction: column;
}
.article-summary .podcast-summary-item__info {
  display: flex;
}
.article-summary .podcast-summary-item__image {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  margin-right: 12px;
}
.article-summary .podcast-summary-item__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: block;
  max-width: 195px;
  white-space: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #221cb6;
  margin-bottom: 8px;
  text-decoration: none;
}
.article-summary .podcast-summary-item__title:hover {
  color: #2aa4cb;
}
.personalize-campaign-builder {
  position: relative;
  display: flex;
}
.personalize-campaign-builder__content {
  display: flex;
  width: 100%;
}
.personalize-campaign-builder__button-loader {
  position: absolute;
  right: 0;
  top: -70px;
}
.personalize-campaign-builder .article-summary {
  background-color: transparent;
}

.personalize-campaign-builder-empty {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-height: 680px) {
  .personalize-campaign-builder-empty {
    margin-top: 0;
  }
}
@media screen and (max-height: 590px) {
  .personalize-campaign-builder-empty img {
    height: 65%;
  }
}
.personalize-campaign-builder-empty__message {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-height: 680px) {
  .personalize-campaign-builder-empty__message {
    position: relative;
    top: -60px;
  }
}
.personalize-campaign-builder-empty__button {
  width: 199px;
}
@media screen and (max-height: 680px) {
  .personalize-campaign-builder-empty__button {
    position: relative;
    top: -60px;
  }
}
.personalize-opportunities {
  max-width: 340px;
  width: 100%;
  background-color: #FBFBFB;
  margin-right: 10px;
  border-radius: 8px;
  transition: max-width 0.4s;
}
.personalize-opportunities.full {
  max-width: 403px;
}
@media (min-width: 1500px) {
  .personalize-opportunities {
    max-width: 403px;
  }
}
.personalize-opportunities__extend {
  position: absolute;
  right: -13px;
  top: 23px;
  border: 2px solid #000;
  width: 25px;
  height: 25px;
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.1s;
}
@media (min-width: 1270px) {
  .personalize-opportunities__extend {
    display: none;
  }
}
.personalize-opportunities__extend:hover {
  opacity: 0.6;
}
.personalize-opportunities__extend.rotate {
  transform: rotateY(180deg);
}
.personalize-opportunities__header {
  position: relative;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E9ECF1;
}
.personalize-opportunities__header-search {
  display: flex;
}
.personalize-opportunities__header-search .campaigns-header__search {
  min-width: 100px;
  max-width: 100px;
}
.personalize-opportunities__header-search .campaigns-header__search .input__field {
  margin-right: 10px;
}
.personalize-opportunities__header-search .header-filters__tooltip-button svg {
  margin-right: 0;
}
.personalize-opportunities__header-search .header-filters .__react_component_tooltip {
  left: 0 !important;
  position: absolute;
  top: 60px !important;
}
.personalize-opportunities__header-search .header-filters .__react_component_tooltip:after {
  left: 25px !important;
  top: -5px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.personalize-opportunities__header-check {
  display: flex;
}
.personalize-opportunities__header-check p {
  margin-left: 8px;
  color: #8F9199;
}
.personalize-opportunities__content {
  overflow-y: auto;
  max-height: calc(100vh - 200px);
  overflow-x: hidden;
}
.personalize-opportunities__content-list {
  list-style-type: none;
  padding-left: 0;
  overflow-y: auto;
}
.personalize-opportunities__content-list__item {
  padding: 20px 26px;
  cursor: pointer;
  position: relative;
}
.personalize-opportunities__content-list__item-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personalize-opportunities__content-list__item-content .item-content {
  width: 100%;
}
.personalize-opportunities__content-list__item-content .info-icons {
  position: absolute;
  right: 5px;
  top: 30px;
}
.personalize-opportunities__content-list__item:hover, .personalize-opportunities__content-list__item.active {
  background: #F2F4FC;
}
.personalize-opportunities__content-list__item.active {
  position: relative;
}
.personalize-opportunities__content-list__item.active:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  right: 0;
  top: 1px;
  bottom: 1px;
  background-color: #221CB6;
  border-radius: 10px 0 0 10px;
}
.personalize-opportunities__content-list__item .item-content .content-checkbox {
  display: flex;
  margin-bottom: 10px;
  gap: 8px;
}
.personalize-opportunities__content-list__item .item-content .content-checkbox p {
  color: #202430;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  max-width: 328px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0;
}
.personalize-opportunities__content-list__item .item-content a {
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.personalize-opportunities__content-list__item .item-content a svg {
  flex: none;
}
.personalize-opportunities__content-list__item .item-content a p {
  max-width: 315px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 6px;
}
.personalize-opportunities__content-list__item .item-content .btn-edited {
  padding: 4px 6px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  color: rgba(0, 0, 0, 0.23);
  font-size: 11px;
  margin-top: 12px;
  display: flex;
  width: fit-content;
  margin-left: 24px;
}
.personalize-opportunities__trash-button {
  min-width: auto;
  width: 40px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
}
.verifying-btn {
  white-space: nowrap;
  background-color: #221cb6;
  color: #ffffff;
}
.verifying-btn:hover {
  background-color: #221cb6;
  color: #ffffff;
  opacity: 0.9;
}
.verifying-btn__exclamation-icon {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}
.verifying-btn__stop-icon {
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  margin-right: 8px;
}
.campaign-settings-verification__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
  padding: 30px 0;
}
.campaign-settings-verification__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.campaign-settings-verification__check-row {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 26px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.campaign-settings-verification__check-row .checkbox {
  margin-right: 8px;
  cursor: pointer;
}
.campaign-settings-verification__check-row .checkbox .checkbox__field {
  border-color: inherit;
}
.campaign-settings-verification__check-row .checkbox .checkbox__field:disabled {
  border-color: #c6c6c6;
}
.campaign-settings-verification__check-row .input__field {
  width: 50px;
  height: 30px;
  padding-left: unset;
  text-align: center;
  margin: 0 5px;
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.campaign-settings-verification__check-row-tooltip {
  white-space: normal;
  margin-left: 8px;
}
.campaign-settings-verification__btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.campaign-settings-verification__review-step__cards {
  display: flex;
  align-items: center;
  gap: 13px;
}
.campaign-settings-verification__review-step__process {
  padding: 0 0 25px;
}
.campaign-settings-verification__review-step__flagged-items {
  display: flex;
  flex-direction: row;
  font-weight: 500;
  gap: 6px;
}
.campaign-settings-verification__review-step__flagged-items__download {
  text-decoration: underline;
  cursor: pointer;
  color: #221CB6;
}
.campaign-settings-verification__review-step__action {
  width: 26px;
  padding-left: 8px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #edeff7;
  cursor: pointer;
}
.campaign-settings-verification__review-step__action:hover svg circle {
  stroke: #79dfff;
}
.campaign-settings-verification__review-step__action:hover svg rect,
.campaign-settings-verification__review-step__action:hover svg path {
  fill: #79dfff;
}
.campaign-settings-verification__review-card {
  flex: 1;
  height: 48px;
  background-color: #ffffff;
  border: 1px solid #DBDFE7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 15px;
}
.campaign-settings-verification__review-card__title {
  font-weight: 600;
  font-size: 16px;
  margin-left: 10px;
}
.campaign-settings-verification__review-card__number {
  margin-left: auto;
}
.campaign-settings-verification__footer {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 603px;
  bottom: 0;
  padding: 20px 0 40px;
  background-color: #ffffff;
}
@media screen and (max-height: 945px) {
  .campaign-settings-verification__footer {
    position: sticky;
  }
}
.campaign-verification {
  position: absolute;
}
.campaign-verification .right-sidebar {
  padding-bottom: 85px;
  width: 685px;
  overflow: auto;
}
@media screen and (max-height: 945px) {
  .campaign-verification .right-sidebar {
    padding-bottom: 0;
  }
}
.campaign-verification__header {
  display: flex;
  align-items: center;
}
.campaign-verification__header span {
  margin-right: 17px;
}
.campaign-verification__header a {
  margin-top: 3px;
}
.campaign-verification__advanced-settings-toggle {
  padding: 19px 41px 21px;
  border-top: 1px solid #f4f4f4;
  cursor: pointer;
}
.campaign-verification__advanced-settings-toggle span {
  margin-right: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.campaign-verification__settings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  padding: 42px 41px 48px;
}
.campaign-verification__settings__slider {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 26px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.campaign-verification__settings__slider span {
  margin: 0 4px 0 6px;
}
.campaign-verification__settings-label {
  min-height: 14px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #8f9199;
  width: 150px;
  text-align: left;
  margin-bottom: 10px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.campaign-verification__settings-label-tooltip {
  white-space: normal;
  margin-left: 8px;
}
.campaign-verification__settings-full-width-row {
  grid-column: span 2;
}
.campaign-verification__settings-field {
  width: 290px;
}
.campaign-verification__settings-field input {
  width: 100%;
}
.campaign-verification__settings-verification {
  padding: 20px 41px 0;
  border-top: 1px solid #f4f4f4;
}
.campaign-verification__settings-footer {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 685px;
  bottom: 0;
  padding: 20px 41px 40px;
  background-color: #ffffff;
}
.verify-campaign-button {
  flex-shrink: 0;
  margin-left: 45px;
  /* Overload styles */
}
.verify-campaign-button__icon {
  height: 20px;
  margin-right: 8px;
}
.verify-campaign-button__button {
  display: flex;
  align-items: center;
}
.verify-campaign-button__button--verifying {
  background-color: #918de2;
}
.verify-campaign-button__button--verifying:hover {
  background-color: #918de2;
}
.verify-campaign-button__button--verified {
  background-color: #23e771;
}
.verify-campaign-button__button--verified:hover {
  background-color: #35e178;
}
.verify-campaign-button .react-tooltip {
  background-color: black !important;
  min-width: 200px !important;
}
.verify-campaign-button .react-tooltip:after {
  left: 95% !important;
  top: -3px !important;
}
.steps-links {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E8E8E8;
}
.steps-links .step-link__container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.steps-links .step-link__container + svg {
  transform: rotate(90deg);
  margin: 0 17px;
}
.steps-links .step-link__container--completed .step-link__step {
  background-color: rgba(35, 231, 113, 0.19);
  border-color: rgba(35, 231, 113, 0);
  color: #ffffff;
}
.steps-links .step-link__container--completed .step-link--active .step-link__step {
  background-color: #23e771 !important;
  border-color: #23e771 !important;
}
.steps-links .step-link__container--disabled .step-link__step {
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  color: #7b7b7b;
}
.steps-links .step-link {
  display: flex;
  align-items: center;
  gap: 7px;
  width: auto;
  position: relative;
  padding-right: 4px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  text-decoration: none;
  color: #7b7b7b;
}
.steps-links .step-link:hover {
  color: #8d8f92;
}
.steps-links .step-link__link-title {
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
}
.steps-links .step-link__step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 7px;
  font-size: 14px;
  line-height: 17px;
  background-color: rgba(34, 28, 182, 0.08);
  border: 1px solid #221cb6;
  border-radius: 50%;
  color: #221cb6;
  font-weight: 600;
}
.steps-links .step-link__step--completed {
  background-color: #221cb6;
  color: #ffffff;
}
.steps-links .step-link__how-to {
  position: absolute;
  top: 38px;
  right: 0;
}
.steps-links .step-link--active svg path {
  fill: #ffffff;
}
.steps-links .step-link--active .step-link__step {
  background-color: #221cb6;
  color: #ffffff;
}
.steps-links .step-link--active:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: #221cb6;
  bottom: -25px;
  left: 0;
  right: 0;
  height: 3px;
}
.steps-links .step-link--active .step-link__link-title {
  color: #000;
}
.steps-links__back-button {
  background-color: #ffffff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  color: #444444;
  margin-right: 20px;
}
.steps-links__back-button:hover {
  background-color: #e9eeff;
  border: 1px solid #221cb6;
  color: #221cb6;
}
.steps-links__back-button.button--disabled:hover {
  background-color: #ffffff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  border: none;
  color: #444444;
}
.steps-links__back-button-close {
  background-color: transparent;
  width: 78px;
  height: 78px;
  border-radius: 0;
  border-right: 1px solid #E8E8E8;
}
.steps-links__back-button-close > svg:not(:last-child) {
  margin-right: 0;
}
.steps-links__back-button-close .__react_component_tooltip {
  left: 7px !important;
  top: 82px !important;
}
.steps-links__back-button-close .__react_component_tooltip.place-right {
  margin-left: 0 !important;
  margin-top: 7px !important;
}
.steps-links__back-button-close .__react_component_tooltip.place-right::after {
  left: 30px !important;
  top: 3px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}
.steps-links__back-button-close .__react_component_tooltip.place-right:before {
  left: 5px;
}
.steps-links__back-button-close-tooltip {
  padding: 2px 6px;
}
.steps-links__back-button-close:hover svg path {
  stroke: #e9eeff;
}
.steps-links__next-button {
  margin-left: 45px;
  width: 120px;
}
.steps-links__next-button--in-completed {
  background: #8d8f92;
}
.campaign-builder-content-filter {
  margin-bottom: 19px;
}
.campaign-builder-content-filter__filter-info {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 18px;
}
.campaign-builder-content-filter__filter-info:hover {
  cursor: pointer;
}
.campaign-builder-content-filter__filter-info:hover svg circle {
  stroke: #221cb6;
}
.campaign-builder-content-filter__filter-info:hover svg rect,
.campaign-builder-content-filter__filter-info:hover svg path {
  fill: #221cb6;
}
.campaign-builder-content-filter__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  white-space: nowrap;
  margin-left: 2px;
}
.campaign-builder-content-filter__add-icon {
  margin-left: auto;
}
.filter-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px;
  border-radius: 8px;
  background-color: #eaedf2;
  height: 40px;
  margin-top: 10px;
}
.filter-value__value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  margin-left: 10px;
}
.filter-value__remove-btn {
  cursor: pointer;
}
.filter-value__remove-btn:hover {
  opacity: 0.8;
}
.campaign-creation-filters {
  box-sizing: border-box;
  overflow: visible;
  transition: all 0.5s;
  min-height: calc(100% - 78px);
  height: 100%;
  width: 0;
  min-width: 0;
  background-color: #fbfbfb;
}
.campaign-creation-filters--opened {
  width: 240px;
  min-width: 220px;
  padding: 16px 20px 0 17px;
}
.campaign-creation-filters__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #7b7b7b;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  margin-bottom: 24px;
}
.campaign-creation-filters__input-field .input__field {
  width: 100%;
}
.campaign-creation-filters__apply-btn {
  width: 100%;
}
.campaign-creation-wrapper {
  display: flex;
  max-width: 100%;
  min-width: 1270px;
}
.campaign-creation-wrapper__content-wrapper {
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.campaign-creation-wrapper__content {
  box-sizing: border-box;
  padding: 50px 20px 0 20px;
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
@media (min-width: 1270px) {
  .campaign-creation-wrapper__content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__cross-btn {
  position: absolute;
  top: 38px;
  right: 26px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__cross-btn:hover {
  cursor: pointer;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__sidebar h1 {
  font-size: 28px;
  font-weight: 600;
  margin-top: 32px;
  margin-left: 30px;
  margin-bottom: 15px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__sidebar .section-select {
  margin: 0 0 25px;
  width: 100%;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__sidebar .section-select__item {
  padding: 19px 20px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content {
  height: 100%;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field {
  display: flex;
  flex-direction: column;
  margin: 0 24px 0 23px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field .input__icon {
  z-index: 10;
  height: fit-content;
  top: 16px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field .input__field {
  border-radius: 8.5px;
  min-height: 49px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field .input__field_label {
  color: #8F9199;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field .input__field[name=domainString] {
  position: relative;
  margin-bottom: 31px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field__search-btn {
  position: absolute;
  right: 0;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-search-field__search-btn .button {
  width: 52px;
  height: 49px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result {
  margin-top: 17px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__title {
  margin-left: 23px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table {
  margin: 0 auto;
  width: calc(100% - 16px);
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__thead .table__tr {
  position: relative;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__thead .table__tr:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #DBDFE7;
  bottom: 0;
  left: 14px;
  right: 0;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table-th {
  padding-bottom: 7px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table-th:first-child {
  width: 60%;
  padding-left: 15px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table-th:nth-child(2) {
  width: 20%;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table-th:last-child {
  min-width: 148px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__td {
  padding-left: 15px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 13px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__td:last-child .contacts-result-table__td--status {
  display: flex;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result__table .table__td:last-child .contacts-result-table__td--status button {
  margin: auto 0 auto auto;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table {
  overflow: auto;
  max-height: 600px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table__body-row:hover {
  background: rgba(217, 217, 217, 0.16);
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table__name {
  margin-bottom: 3px;
  font-weight: 600;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table__job-position {
  font-size: 14px;
  font-weight: 400;
  color: #474747;
  margin-bottom: 3px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table .social-links .social-link__link svg {
  width: 15px;
  height: 15px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table .social-links .social-link__link svg path {
  fill: #007BB5;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table .social-links .social-link__link:hover svg path {
  fill: #C4C6CD;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table__email-row .email-accuracy {
  margin-right: 6px;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__content .contacts-result-table__email-row .contacts-result-table__email-string {
  padding-left: 0;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__search {
  padding-bottom: 0;
}
.campaign-creation-wrapper__content .manual-confirm-contact-sidebar__search .right-sidebar {
  position: relative;
  box-shadow: none;
  padding-top: 0;
}
.campaign-creation-wrapper__campaign-name {
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 15px;
  margin-right: auto;
}
.campaign-creation-wrapper__settings-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe2fe;
  border-radius: 6px;
  margin-right: 8px;
  width: 34px;
  height: 34px;
}
.campaign-creation-wrapper__settings-link:hover svg circle,
.campaign-creation-wrapper__settings-link:hover svg path {
  stroke: #221cb6;
}
.campaign-creation-wrapper__settings-link:hover svg rect {
  fill: #221cb6;
}
.campaign-creation-wrapper__settings-name {
  margin-left: 10px;
}
.campaign-creation-wrapper__settings-name input {
  width: fit-content;
  min-width: 240px;
  height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px !important;
  padding-left: 10px;
  border-radius: 5px;
  border: 1px solid #dbe2fe;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.campaign-creation-wrapper__settings-name input::placeholder {
  font-weight: 400;
}
.campaign-creation-wrapper__campaign-name-length {
  position: absolute;
  bottom: -18px;
  left: 11px;
  font-size: 12px;
  color: #8f9199;
}
.confirm-modal {
  padding: 32px 22px 23px;
  width: 442px;
}
.confirm-modal__close-btn {
  top: 32px;
  right: 22px;
}
.confirm-modal__title {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #1b1e22;
}
.confirm-modal__message {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #8f9199;
}
.confirm-modal__footer {
  display: flex;
  grid-gap: 10px;
  margin-top: 27px;
}
.confirm-modal__footer button {
  flex: 1;
}
.template-select-steps-info {
  position: absolute;
  width: 220px;
  right: -228px;
  top: 0;
  height: 100px;
  background: #000;
  border-radius: 8px;
  z-index: 1000;
}
.template-select {
  margin: 46px 0 10px;
}
.template-select__menu {
  position: relative;
}
.template-select__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  padding: 20px;
}
.template-select__option {
  display: flex;
  padding: 3px 8px;
  width: 100%;
}
.template-select__option svg {
  flex-shrink: 0;
}
.template-select__option-text-wrapper {
  margin-left: 10px;
  width: 90%;
}
.template-select__title, .template-select__sub-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.template-select__title {
  font-size: 16px;
  margin-bottom: 6px;
  color: #fff;
}
.template-select__sub-title {
  font-size: 12px;
  color: #7b7b7b;
}
.template-select__footer {
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.template-select__footer-button {
  font-size: 14px;
  white-space: nowrap;
  color: #aca9f5;
}
.template-select__footer-button:hover {
  color: #aca9f5;
}
.template-select__placeholder-icon {
  display: inline-block;
  margin-top: 2px;
  vertical-align: top;
}
.sequence-editor {
  display: flex;
  flex-direction: column;
  height: auto !important;
}
.sequence-editor__header {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #202430;
}
.sequence-editor__header ::-webkit-scrollbar {
  display: none;
}
.sequence-editor__header .slate-editor {
  border-radius: 8px;
  border: 1px solid #e9ecf1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  min-height: 49px;
}
.sequence-editor__header .slate-editor__editor--inline {
  min-height: 49px;
  max-width: 100%;
  padding-right: 5px;
  height: auto;
}
.sequence-editor__header .slate-editor__editor--inline .slate-editor__editor-wrapper-inline {
  padding-left: 27px;
}
.sequence-editor__header .slate-editor.focused-editor {
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  border-color: #ABABAB;
}
.sequence-editor__header .slate-editor__wrapper-variables .editor-variables-button-inline {
  margin-right: 14px;
}
.sequence-editor__header .moderate-chance {
  padding: 10px 15px;
}
.sequence-editor__step-content {
  flex: 1;
  display: flex;
  align-items: flex-end;
  background-color: #FBFCFD;
}
.sequence-editor__step-content .slate-editor {
  border-radius: 8px;
  border: 1px solid #e9ecf1;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
}
.sequence-editor__step-content .slate-editor__controls {
  padding: 20px;
  margin: auto 0;
  margin-bottom: 0;
}
.sequence-editor__step-content .slate-editor__controls .button {
  width: 22px;
  height: 22px;
}
.sequence-editor__step-content .slate-editor__controls .button:hover {
  cursor: pointer;
  border-radius: 5px;
  background: #EEF1FC;
}
.sequence-editor__step-content .slate-editor__controls-separator {
  margin: 0 10px;
}
.sequence-editor__step-content .slate-editor__editor {
  min-height: 455px;
  display: flex;
  flex-direction: column;
  padding: 15px 10px 10px 28px;
  overflow-y: inherit;
  height: calc(100vh - 398px);
}
.sequence-editor__step-content .slate-editor__editor .editable-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  margin-top: 13px;
}
.sequence-editor__step-content .slate-editor__editor .editable-footer .slate-editor__signature-placeholder {
  border-radius: 8px;
  border: 1px solid #E9ECF1;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
  position: relative;
}
.sequence-editor__step-content .slate-editor__editor .editable-footer .slate-editor__signature-placeholder-email-open {
  width: 34px;
  height: 34px;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(34, 28, 182, 0.07);
  border-radius: 6px;
  padding: 0;
  position: absolute;
  right: 25px;
  pointer-events: visible;
}
.sequence-editor__step-content .slate-editor__editor .editable-footer .slate-editor__signature-placeholder-email-open svg {
  margin-right: 0;
}
.sequence-editor__step-content .slate-editor__editor .editable-footer .slate-editor__signature-placeholder-email-open:hover {
  cursor: pointer;
}
.sequence-editor__step-content .slate-editor__editor .editable-footer:hover .slate-editor__signature-placeholder {
  border-color: #C3C9E7;
  box-shadow: 0px 3px 7.1px rgba(157, 170, 250, 0.24);
}
.sequence-editor__step-content .slate-editor__editor .editable-footer:hover .slate-editor__signature-placeholder-email-open {
  display: flex;
}
.sequence-editor__step-content .slate-editor__editor .editable {
  max-height: calc(100% - 75px);
  overflow-y: auto;
  padding-right: 31px;
}
.sequence-editor__step-content .slate-editor__editor .absolute-slate-variable {
  right: 14px;
  z-index: 11;
}
.sequence-editor__autosave {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  height: 31px;
  max-height: 31px;
}
.sequence-editor__autosave-indicator {
  margin: 0 8px;
}
.sequence-editor__autosave-indicator .autosave-indicator {
  width: fit-content;
  padding: 8px 12px 9px;
  font-weight: normal;
}

.sequence-editor__autosave.external {
  margin: 0 auto;
  margin-right: 0;
  margin-bottom: 30px;
}
.sequence-save-template-modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.sequence-save-template-modal__input {
  padding: 24px;
}
.sequence-save-template-modal__input input {
  width: 100%;
  height: auto;
  padding: 15px 20px;
}
.sequence-save-template-modal__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  justify-content: flex-end;
}
.sequence-save-template-modal__footer button {
  width: auto;
  height: auto;
  padding: 16px 24px;
}
.sequence-save-template-modal__cancel-button {
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #8f9199;
  margin-right: 1rem;
}
.sequence-save-template-modal__cancel-button:hover {
  background-color: transparent;
  color: #7b7b7b;
}
.sequence {
  display: flex;
  min-height: 631px;
  min-width: 900px;
  height: calc(100vh - 190px);
}
.sequence__editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 350px);
}
.sequence__editor .sequence-editor {
  height: 100%;
}
.sequence__editor .sequence-editor__step-content .slate-editor {
  height: 100%;
}
.sequence__steps {
  overflow-y: auto;
  border-radius: 8px;
  margin-right: 12px;
  width: 33%;
  min-width: 350px;
  max-width: 390px;
  display: flex;
  flex-direction: column;
}
.sequence__steps .template-select .select .css-uho8kj-control,
.sequence__steps .template-select .select .css-iivs7-control {
  outline-color: #ABABAB;
}
.sequence__steps .template-select .select .css-uho8kj-control:focus, .sequence__steps .template-select .select .css-uho8kj-control:hover,
.sequence__steps .template-select .select .css-iivs7-control:focus,
.sequence__steps .template-select .select .css-iivs7-control:hover {
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  border-color: #221cb6;
}
.sequence-steps__create-btn {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sequence-steps__create-btn:hover {
  background-color: #EEF3FF;
}
.sequence__unsubscribe-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 19px;
  padding-bottom: 12px;
}
.sequence__unsubscribe-content-row {
  align-items: center;
  display: grid;
  grid-template-columns: 290px 30px;
}
.sequence__edit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 26px;
  height: 26px;
  border-radius: 6px;
}
.sequence__edit-icon:hover {
  background-color: #e9eeff;
}
.toolbox-sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100vh;
  width: 210px;
  padding: 0 0 17px;
  background-color: #fbfbfb;
}
.toolbox-sidebar__header {
  padding: 17px 14px 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.toolbox-sidebar__content {
  padding: 8px 9px;
}
.toolbox-sidebar__link {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #202430;
  text-decoration: none;
  padding: 12px;
  border-radius: 8px;
}
.toolbox-sidebar__link--active {
  color: #221cb6;
  background-color: #eaedf2;
}
.toolbox-sidebar__link-icon {
  height: 16px;
  width: 16px;
  margin-right: 7px;
}
.toolbox-sidebar__link-icon svg {
  height: 16px;
  width: 16px;
}
.multi-switch {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 223, 230, 0.47);
  box-sizing: border-box;
  border-radius: 10px;
  padding: 4px;
}
.multi-switch__option {
  height: 30px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #8f9199;
  border-radius: 7px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.multi-switch__option--active {
  background: rgba(34, 28, 182, 0.12);
  color: #221CB6;
  cursor: default;
}
.multi-switch__option:not(.multi-switch__option--active):hover {
  color: black;
}
.toolbox-email-finder {
  width: calc(100% - 210px);
  height: 100%;
  flex: 1;
}
.toolbox-email-finder .table-td:first-of-type,
.toolbox-email-finder .table-th:first-of-type {
  padding-left: 0;
}
.toolbox-email-finder__bulk-notice {
  margin-top: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
}
.toolbox-email-finder__bulk-notice a {
  color: #221cb6;
  text-decoration: none;
}
.toolbox-email-finder__content {
  height: calc(100% - 68px);
  overflow: auto;
  padding: 26px 20px 0;
  min-width: 700px;
}
.toolbox-email-finder__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toolbox-email-finder__source-select {
  display: flex;
  align-items: center;
}
.toolbox-email-verification-status {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.toolbox-email-verification-status__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
}
.toolbox-email-verification-status__title {
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
}
.toolbox-email-verification-status__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #7b7b7b;
}

.toolbox-email-verification-status-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 10px;
  border-radius: 8px;
  background-color: #251fb6;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #f8f9fc;
}
.toolbox-email-verification-status-text--valid {
  background-color: #23e771;
}
.toolbox-email-verification-status-text--catch-all {
  background-color: #fc8619;
}
.toolbox-email-verification-status-text--invalid {
  background-color: #ed483d;
}
.toolbox-email-verifier {
  flex: 1;
}
.toolbox-email-verifier__content {
  overflow: auto;
  padding: 53px 20px;
}
.toolbox-email-verifier__search {
  display: flex;
}
.toolbox-email-verifier__search-input {
  width: 100%;
}
.toolbox-email-verifier__search-input input {
  height: 48px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.toolbox-email-verifier__search-btn .button {
  height: 100%;
  width: 48px;
  min-width: 48px;
  border-radius: 0 8.5px 8.5px 0;
  padding: 0;
}
.toolbox-email-verifier__search-btn svg {
  margin-right: 0;
}
.toolbox-email-verifier__search-btn svg circle {
  stroke: #ffffff;
}
.toolbox-email-verifier__search-btn svg rect,
.toolbox-email-verifier__search-btn svg path {
  fill: #ffffff;
}
.toolbox-email-verifier__tooltip-content {
  padding: 16px !important;
  max-width: 320px;
}
.toolbox-email-verifier__tooltip-content, .toolbox-email-verifier__tooltip-content > div {
  color: #ffffff !important;
}
.toolbox-email-verifier__status-header {
  display: grid;
  grid-template-columns: minmax(max-content, 3fr) 1fr 1fr 1fr;
  grid-column-gap: 20px;
  margin-top: 26px;
  padding: 0 8px;
  border-bottom: 1px solid #e9ecf1;
}
.toolbox-email-verifier__status-header div {
  padding: 16px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #8d8f92;
}
.toolbox-email-verifier__status-header div svg {
  margin: 0 0 -1px 5px;
}
.toolbox-email-verifier__status {
  display: grid;
  grid-template-columns: minmax(max-content, 3fr) 1fr 1fr 1fr;
  grid-column-gap: 20px;
  padding: 17px 8px;
}
.toolbox-email-verifier__status > div {
  display: flex;
  align-items: center;
}
.toolbox-page {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.campaigns-sidebar-header {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.campaigns-sidebar-header__search-input {
  margin-bottom: 13px;
}
.campaigns-sidebar-header__search-input .input__field {
  width: 100%;
  height: 45px;
}
.campaigns-sidebar-header__search-input .input__field::placeholder {
  color: #C0C6CD;
}
.campaigns-sidebar-header__bottom-line {
  height: 1px;
  width: 100%;
  margin-top: 12px;
  background-color: #EDEDED;
}
.campaigns-sidebar .configurable-campaign-sidebar {
  flex-shrink: 0;
  background-color: #ffffff;
  display: flex;
  border-bottom: 2px solid #F9F9F9;
  align-items: flex-end;
}
.campaigns-sidebar .configurable-campaign-sidebar__header {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.campaigns-sidebar .configurable-campaign-sidebar__body {
  flex: 1;
  display: flex;
}
.campaigns-sidebar .configurable-campaign-sidebar__body .configurable-campaign-sidebar__group {
  display: flex;
}
.campaigns-sidebar .configurable-campaign-sidebar__footer {
  margin-top: auto;
}
.campaigns-sidebar .configurable-campaign-sidebar__group-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  margin-left: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
.campaigns-sidebar .configurable-campaign-sidebar__group-title:hover {
  color: #221cb6;
}
.campaigns-sidebar .configurable-campaign-sidebar__group-title:hover .configurable-campaign-sidebar__group-action-icon svg path {
  fill: #221cb6;
}
.campaigns-sidebar .configurable-campaign-sidebar__group-action-icon {
  height: 20px;
}
.campaigns-sidebar .configurable-campaign-sidebar__group:not(.campaigns-sidebar .configurable-campaign-sidebar__group:first-child) {
  margin-top: 30px;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  cursor: pointer;
  flex-shrink: 0;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper--active {
  color: #221cb6;
  position: relative;
  background-color: transparent;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper--active:before {
  content: "";
  position: absolute;
  height: 2px;
  background-color: #221cb6;
  left: 0;
  right: 0;
  bottom: -2px;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper--active .configurable-campaign-sidebar__link-text {
  color: #221cb6;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper .actions-menu {
  visibility: hidden;
  opacity: 0;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper .actions-menu .react-tooltip--actions {
  left: -32px !important;
  top: 40px !important;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper .actions-menu .react-tooltip--actions:after {
  display: none;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper:hover .actions-menu {
  visibility: visible;
  opacity: 1;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-wrapper .configurable-campaign-sidebar__link-actions {
  margin-left: 10px;
}
.campaigns-sidebar .configurable-campaign-sidebar__link {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: 5px;
  color: #7B7B7B;
}
.campaigns-sidebar .configurable-campaign-sidebar__link:hover {
  color: #221cb6;
}
.campaigns-sidebar .configurable-campaign-sidebar__link:hover .configurable-campaign-sidebar__link-icon svg path {
  fill: #221cb6;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-button {
  width: 39px;
  min-width: 39px;
  height: 36px;
  padding: 0;
  margin-left: 5px;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-icon {
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-icon svg {
  width: 16px;
  height: 16px;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-text {
  white-space: nowrap;
}
.campaigns-sidebar .configurable-campaign-sidebar__link-text--cropped {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
}
.campaigns-sidebar .configurable-campaign-sidebar__group-pages {
  display: flex;
}
.campaigns-sidebar .configurable-campaign-sidebar-folders__create-btn {
  display: flex;
  width: 100%;
  align-items: center;
}
.campaigns-sidebar .configurable-campaign-sidebar-folders__create-btn .folder-sidebar-link {
  min-width: 133px;
}
.campaigns-sidebar {
  background-color: #ffffff;
  padding: 0 20px;
  position: sticky;
  top: 68px;
  z-index: 10;
  max-width: calc(100vw - 100px);
  overflow: auto;
}
.campaigns-sidebar .configurable-sidebar__header {
  padding: 0;
}
.campaigns-sidebar__header-container {
  display: flex;
  flex-direction: column;
}
.campaigns-sidebar__header {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
  padding: 0 5px;
  color: #7b7b7b;
}
.rename-modal-fit-content {
  width: fit-content;
}

.rename-modal {
  display: flex;
  flex-direction: column;
  height: 220px;
}
.rename-modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.rename-modal__body {
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 25px;
}
.rename-modal__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
}
.pagination-wrapper {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

.pagination-full-width {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}

.pagination__limit-select {
  display: flex;
  align-items: center;
  grid-column-gap: 7px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #202430;
}
.pagination__limit-select .select {
  min-width: 100px;
}
.pagination__switch-buttons {
  display: flex;
  align-items: center;
}
.pagination__switch-buttons-button {
  width: 62px;
  height: 30px;
  margin-right: 7px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
  padding: 3px 0 2px;
  background-color: #251fb6;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}
.pagination__switch-buttons-button:hover {
  background-color: #4e48dc;
}
.pagination__switch-buttons-button--disabled {
  background-color: #f5f5f5 !important;
  color: #535353;
  cursor: not-allowed;
}
.pagination__select {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #202430;
}
.pagination__select .input {
  width: 62px;
  margin: 0 6px;
}
.pagination__select .input:last-child {
  margin-right: 0px;
}
.pagination__select .input input {
  width: 100%;
  height: 28px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 16px;
  color: #202430;
}
.pagination__select .input input::-webkit-outer-spin-button, .pagination__select .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagination__select .input input[type=number] {
  -moz-appearance: textfield;
}
.pagination__select-last-page {
  color: #251fb6;
  cursor: pointer;
}
.pagination__select-last-page:hover {
  text-decoration: underline;
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination__button {
  box-sizing: border-box;
  background: none;
  box-shadow: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.pagination__button:focus {
  outline: none;
}
.pagination__button:not(.pagination__button--not-button):not(.pagination__button:not(.pagination__button--not-button).pagination__button--active):hover {
  background: #f5f5f5;
  border-radius: 8px;
}
.pagination__button:not(.pagination__button:last-child) {
  margin-right: 5px;
}
.pagination__button--not-button {
  cursor: auto;
}
.pagination__button--page-btn.pagination__button--active {
  background: #251fb6;
  border-radius: 8px;
  color: #fff;
  cursor: auto;
}
.pagination__button--edge-btn {
  border: 1px solid #9ba8f5;
  border-radius: 8px;
}
.pagination__button--edge-btn:hover {
  background: #e9eeff !important;
}
.pagination__button--disabled {
  border-color: #e9e9e9;
  cursor: not-allowed;
}
.pagination__button--disabled svg circle,
.pagination__button--disabled svg path {
  stroke: #e9e9e9;
}
.pagination__button--disabled svg rect {
  fill: #e9e9e9;
}
.pagination__button--disabled:hover {
  background: none !important;
}

.pagination-limit {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 30px;
}
.change-owner-modal {
  display: flex;
  flex-direction: column;
  width: 500px;
}
.change-owner-modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.change-owner-modal__subheader {
  padding: 12px 24px 0;
  margin: 0;
  color: gray;
}
.change-owner-modal__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  display: flex;
  justify-content: space-between;
}
.change-owner-modal__body {
  flex: 1;
  padding: 24px;
}
.change-owner-modal__campaign-title {
  width: 131px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  padding: 7px;
  margin-left: 10px;
  background: antiquewhite;
  border-radius: 10px;
}
.campaigns-empty-message {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 24px;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-bottom: 10%;
}
.campaigns-empty-message__message {
  color: #181818;
  margin-top: 3rem;
  line-height: normal;
  text-align: center;
}
.campaigns-empty-message__sub-message {
  color: #7b7b7b;
  font-size: 16px;
  margin-top: 0.2rem;
}
.campaigns-empty-message__link {
  margin-top: 1.5rem;
}
.campaigns-table {
  width: 100%;
}
.campaigns-table .table__thead {
  position: sticky;
  top: 126px;
  background: white;
  z-index: 8;
}
.campaigns-table .table__thead .table__tr {
  border-bottom: none;
}
.campaigns-table .table__thead .table__tr .table__th {
  padding-top: 25px;
}
.campaigns-table .table__thead .table__tr .table__th #opportunity-column-title {
  background: black;
}
.campaigns-table .table__thead .table__tr .table__th #opportunity-column-title:after {
  display: none;
}
.campaigns-table .table-tr {
  border-bottom: 2px solid #F9F9F9;
}
.campaigns-table .table-tr .table-td .colored-toggler + .type-dark:after {
  display: none;
}
.campaigns-table .table-tr .table-td .total-cell,
.campaigns-table .table-tr .table-td .launched-cell,
.campaigns-table .table-tr .table-td .scheduled-cell,
.campaigns-table .table-tr .table-td .contacted-cell,
.campaigns-table .table-tr .table-td .opened-cell,
.campaigns-table .table-tr .table-td .replied-cell,
.campaigns-table .table-tr .table-td .created_on-cell {
  color: #393939;
}
.campaigns-table .table-tr .table-td .total-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .launched-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .scheduled-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .contacted-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .opened-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .replied-cell .subtitle-cell,
.campaigns-table .table-tr .table-td .created_on-cell .subtitle-cell {
  color: #928e8d;
  font-size: 12px;
  display: block;
}
.campaigns-table .table-tr .table-td .opened-cell,
.campaigns-table .table-tr .table-td .replied-cell {
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
}
.campaigns-table .table-tr .table-td .opened-cell > div,
.campaigns-table .table-tr .table-td .replied-cell > div {
  display: flex;
  flex-direction: column;
}
.campaigns-table .table-tr .table-td .created_on-cell p {
  margin-top: 3px;
  color: #928E8D;
  font-size: 12px;
}
.campaigns-table-header {
  display: flex;
  align-items: center;
  gap: 13px;
}
.campaigns-table__row {
  height: 80px;
}
.campaigns-table__row:hover {
  background-color: #eef3ff;
  cursor: pointer;
}
.campaigns-table .title-cell {
  display: flex;
  align-items: center;
  gap: 13px;
}
.campaigns-table .title-cell__body {
  grid-row-gap: 4px;
  display: flex;
  flex-direction: column;
}
.campaigns-table .title-cell__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  color: #1b1e22;
  max-width: 600px;
  /*
    To make big titles overflow - ellipsis
   */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*
    Or just line - height
   */
  line-height: 21px;
}
.campaigns-table .title-cell__folder {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 130%;
  color: #928e8d;
}
.campaigns-table .status-cell__header {
  cursor: pointer;
}
.campaigns-table .status-cell__header svg {
  width: 8px;
  margin-left: 4px;
  transform: rotate(180deg);
}
.campaigns-table .status-cell__header svg > path {
  fill: #8d8f92;
}
.campaigns-table .status-cell__header--active {
  color: #000000;
}
.campaigns-table .status-cell__status {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: #4b4c4d;
  margin-bottom: 7px;
}
.campaigns-table .status-cell__filters {
  padding: 6px 14px;
}
.campaigns-table .status-cell__filters-tooltip {
  background-color: #000000;
}
.campaigns-table .status-cell__filters-row {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border-radius: 8px;
  margin: 2px 0;
  cursor: pointer;
}
.campaigns-table .status-cell__filters-row:hover, .campaigns-table .status-cell__filters-row--active {
  background-color: #282828;
}
.campaigns-table .status-cell__filters-row > span {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  background-color: #8d8f92;
  border-radius: 50%;
  margin-right: 14px;
}
.campaigns-table .status-cell__filters-green {
  background-color: #58cd95 !important;
}
.campaigns-table .status-cell__filters-orange {
  background-color: #fc8619 !important;
}
.campaigns-table .status-cell__filters-purple {
  background-color: #cd58c3 !important;
}
.campaigns-table .delivered-cell {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
  color: #8d8f92;
}
.campaigns-table .shares-cell {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 10px;
}
.component-error {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 24px auto;
}
.component-error__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: rgba(252, 14, 14, 0.1);
  border-radius: 8px;
}
.component-error__title {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.component-error__subtitle {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}
.move-modal-wrapper {
  width: fit-content;
}

.move-modal {
  width: 500px;
}
.move-modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.move-modal__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  margin: 0 12px;
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  background: #eef3ff;
  color: #221CB6;
  border-radius: 8.5px;
}
.move-modal__title-counter {
  background: #eef3ff;
  border-radius: 8.5px;
  color: #221CB6;
  font-size: 14px;
  height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.move-modal__selector {
  padding: 24px;
}
.move-modal__selector--block {
  margin: 0 0 24px;
}
.move-modal__selector--block:last-child {
  margin-bottom: 0;
}
.move-modal__label {
  color: #8F9199;
  padding-bottom: 10px;
}
.move-modal__footer {
  padding: 0 24px 24px;
  display: flex;
  justify-content: space-between;
}
.campaigns-page {
  display: flex;
  height: 100vh;
}
.campaigns-page__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 68px;
}
.campaign-filters-tooltip-content {
  background-color: #000000;
  border-radius: 8px;
  width: 600px;
}
.campaign-filters-tooltip-content__body {
  padding: 20px 16px;
}
.campaign-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 24px;
  border-top: 1px solid #282828;
}
.campaign-filters-tooltip-content__footer svg {
  margin-right: 1rem;
}
.campaign-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}
.more-actions-tooltip {
  padding: 10px 0;
}
.more-actions-tooltip__action {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  min-width: 150px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.more-actions-tooltip__action svg {
  margin-right: 9px;
}
.more-actions-tooltip__action:hover {
  background-color: #181818;
}
.more-actions-tooltip__action .input {
  color: #fff;
}
.more-actions-tooltip__select {
  width: 100%;
}

.actions-menu__header {
  display: flex;
  justify-content: center;
}
.actions-menu__button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #2aa4cb;
  display: flex;
  justify-content: center;
}
.campaigns-header {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 32px 0 20px;
  position: relative;
}
.campaigns-header:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 32px;
  height: 1px;
  background-color: #f4f4f4;
}
.campaigns-header__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.campaigns-header__button {
  white-space: nowrap;
}
.campaigns-header__button--smaller {
  padding-left: 12px;
  padding-right: 12px;
}
.campaigns-header__optional {
  color: #7B7B7B;
  flex: 1;
  text-align: right;
  white-space: nowrap;
}
.campaigns-header__actions-wrapper {
  display: flex;
  align-items: center;
  margin-left: 50px;
  gap: 12px;
}
.campaigns-header__search {
  display: flex;
  flex: 1;
  min-width: 190px;
  width: auto;
  max-width: 240px;
}
.campaigns-header__search .input__field {
  width: 100%;
}
.campaigns-header__search .input__clear-icon svg path {
  fill: #DBDFE7;
}
.campaigns-header__search .input__clear-icon:hover svg path {
  fill: #ed483d;
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url(/c871dbf63f28bd95be4a486ff9662743.woff2) format('woff2'),
        url(/f987efd13dbdc537cdfda8cee8b4fc94.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oakes Grotesk';
    src: url(/48d22270225522868e47820e00538cfc.woff2) format('woff2'),
        url(/beb69677fe3c4eb74440a55a80e9c230.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


.external-unsubscribe-page {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  min-width: 320px;
  min-height: 100vh;
  padding: 90px 60px 0;
  font-family: "Oakes Grotesk", sans-serif;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
}
@media (max-width: 915px) {
  .external-unsubscribe-page {
    padding: 60px 15px 0;
  }
}
.external-unsubscribe-page__gradient-left {
  position: absolute;
  top: 40%;
  left: -5%;
  width: 100%;
  max-width: 704px;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1280px) {
  .external-unsubscribe-page__gradient-left {
    left: -35%;
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .external-unsubscribe-page__gradient-left {
    left: -50%;
  }
}
.external-unsubscribe-page__gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
.external-unsubscribe-page__logo-container {
  width: auto;
  margin-bottom: 48px;
}
.external-unsubscribe-page__logo {
  height: 54px;
}
@media (max-width: 915px) {
  .external-unsubscribe-page__logo {
    height: 50px;
  }
}
@media (max-width: 520px) {
  .external-unsubscribe-page__logo {
    height: 40px;
  }
}
.external-unsubscribe-page__content {
  display: flex;
  flex-direction: column;
  max-width: 650px;
  width: 100%;
  padding-bottom: 30px;
}
.external-unsubscribe-page__message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.external-unsubscribe-page__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 38px;
  line-height: 59px;
  text-align: center;
  letter-spacing: -1px;
  color: #111a45;
}
@media (max-width: 915px) {
  .external-unsubscribe-page__title {
    line-height: 52px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 540px) {
  .external-unsubscribe-page__title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.5px;
  }
}
.external-unsubscribe-page__sub-title {
  max-width: 90%;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #525979;
}
@media (max-width: 540px) {
  .external-unsubscribe-page__sub-title {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
  }
}
.external-unsubscribe-page__sub-title-email {
  color: #251fb6;
}
.external-unsubscribe-page__list {
  display: flex;
  flex-direction: column;
  margin: 50px 0 41px;
}
@media (max-width: 915px) {
  .external-unsubscribe-page__list {
    margin: 30px 0 0;
  }
}
.external-unsubscribe-page__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
}
@media (max-width: 520px) {
  .external-unsubscribe-page__list-item {
    padding: 20px 0;
  }
}
.external-unsubscribe-page__list-item:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}
.external-unsubscribe-page__list-item-text-wrapper {
  display: flex;
  flex-direction: column;
}
.external-unsubscribe-page__list-item-title {
  font-size: 19px;
  line-height: 40px;
  letter-spacing: 0.5px;
  color: #111a45;
}
@media (max-width: 520px) {
  .external-unsubscribe-page__list-item-title {
    line-height: 26px;
    margin-bottom: 6px;
  }
}
.external-unsubscribe-page__list-item-subtitle {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #8e95aa;
}
.external-unsubscribe-page__list-item-toggle {
  margin-left: 60px;
}
@media (max-width: 520px) {
  .external-unsubscribe-page__list-item-toggle {
    margin-left: 30px;
  }
}
.external-unsubscribe-page__button-save {
  font-family: Oakes Grotesk, serif;
  width: 100%;
  height: 60px;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
}
.external-unsubscribe-page__button-unsubscribe-all {
  font-family: Oakes Grotesk, serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #251fb6;
  position: relative;
  text-decoration: none;
  margin: 0 auto;
  cursor: pointer;
}
.external-unsubscribe-page__button-unsubscribe-all:after {
  display: block;
  position: absolute;
  content: "";
  left: -2px;
  right: -2px;
  bottom: 5px;
  height: 12px;
  background: rgba(37, 31, 182, 0.09);
  transition: all 0.3s ease 0s;
  transform-origin: center;
}
.external-unsubscribe-page__button-unsubscribe-all--loading:after, .external-unsubscribe-page__button-unsubscribe-all:hover:after {
  left: -17px;
  right: -17px;
  bottom: -6px;
  height: 45px;
  border-radius: 11px;
}
.external-unsubscribe-page__slider-container {
  width: 46px;
  height: 28px;
}
.external-unsubscribe-page__slider-container--active {
  background: linear-gradient(69.17deg, #7f7aeb 15.42%, #221cb6 80.43%);
}
.external-unsubscribe-page__slider {
  width: 22px;
  height: 22px;
  top: 3px;
  left: 3px;
}
.external-unsubscribe-page__slider--active {
  background-color: #ffffff;
  left: auto !important;
  right: 3px;
}
.inbox-mails-sidebar {
  width: 300px;
  height: calc(100vh - 68px);
  display: flex;
  flex-direction: column;
}
.inbox-mails-sidebar__status-and-sort {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
  margin-bottom: 15px;
}
.inbox-mails-sidebar__status-and-sort svg {
  width: 16px;
  height: 16px;
}
.inbox-mails-sidebar__status {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E9ECF1;
}
.inbox-mails-sidebar__sort {
  width: 117px;
}
.inbox-mails-sidebar__status .select .inbox__menu-list .inbox__option, .inbox-mails-sidebar__sort .select .inbox__menu-list .inbox__option {
  border-radius: 8px;
}
.inbox-mails-sidebar__status .select .inbox__menu-list .inbox__option:hover, .inbox-mails-sidebar__sort .select .inbox__menu-list .inbox__option:hover {
  cursor: pointer;
}
.inbox-mails-sidebar__status-item {
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
  padding: 14px 0;
}
.inbox-mails-sidebar__status-item--active {
  color: blue;
  border-bottom: 2px solid blue;
  padding-bottom: 12px;
}
.inbox-mails-sidebar__refresh-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  margin-left: 6px;
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  cursor: pointer;
}
.inbox-mails-sidebar__refresh-button svg path {
  fill: #c4c6cd;
}
.inbox-mails-sidebar__refresh-button:hover {
  border-color: #e9eeff;
}
.inbox-mails-sidebar__refresh-button:hover svg path {
  fill: #2752eb;
}
.threads-list-item {
  padding: 20px;
  position: relative;
  cursor: pointer;
}
.threads-list-item:hover {
  background-color: #eaedf2;
}
.threads-list-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e9ecf1;
}
.threads-list-item--active {
  background-color: #F2F4FC;
}
.threads-list-item--active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  bottom: 15px;
  width: 3px;
  background-color: #221cb6;
  border-radius: 10px 0 0 10px;
}
.threads-list-item__header {
  display: flex;
  align-items: center;
}
.threads-list-item__header-subject-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.threads-list-item__header-subject-container svg {
  flex: none;
}
.threads-list-item__header-subject-container .threads-list-item__subject {
  color: #2C2C2C;
  font-weight: normal;
  font-size: 14px;
}
.threads-list-item__header .named-avatar {
  margin-right: 10px;
}
.threads-list-item__header-tags {
  margin-top: 10px;
}
.threads-list-item__from-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #202430;
  width: fit-content;
  white-space: nowrap;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.threads-list-item__from-name--noviewed {
  font-weight: 800;
  width: fit-content;
  margin-right: 5px;
}
.threads-list-item__no-viewed-circle {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #221cb6;
  margin-left: 5px;
  margin-right: 5px;
}
.threads-list-item__subject {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
  margin-top: 10px;
  overflow: hidden;
}
.threads-list-item__subject--noviewed {
  font-weight: 800;
}
.threads-list-item__snippet {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
  line-height: 17px;
  color: #8f9199;
  margin-top: 10px;
  font-style: italic;
  overflow: hidden;
}
.threads-list-item__container {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
}
.threads-list-item__draft, .threads-list-item__snooze {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.threads-list-item__draft-content, .threads-list-item__snooze-content {
  color: #626262;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.threads-list-item__last-activity-time {
  margin-left: auto;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
  white-space: nowrap;
}
.threads-list {
  min-width: 270px;
  height: calc(100vh - 68px);
  max-height: 100vh;
  overflow-y: auto;
}
.threads-list__loading-trigger {
  width: 100%;
  height: 50px;
}
.threads-list__empty-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 40px;
}
.threads-list__empty-message span {
  margin-top: 17px;
  font-weight: 400;
  font-size: 16px;
  color: #8f9199;
}
.collapsible-sidebar {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 0;
  padding: 29px 0 20px;
  overflow-y: auto;
  transition: 0.3s;
}
.collapsible-sidebar--opened {
  width: 307px;
  right: 0;
  top: 0;
  box-shadow: 0 4px 50px 0 rgba(18, 16, 68, 0.0901960784);
}
.collapsible-sidebar--fixed {
  box-sizing: border-box;
  position: fixed;
  width: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: width 0.3s;
  overflow-y: auto;
}
.collapsible-sidebar--fixed--opened {
  width: 307px;
  right: 0;
  top: 0;
  box-shadow: 0 4px 50px 0 rgba(18, 16, 68, 0.0901960784);
}
.collapsible-sidebar__header {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 34px;
}
.collapsible-sidebar__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  padding: 0 20px 0 20px;
  font-size: 24px;
  font-weight: 600;
}
.collapsible-sidebar__subtitle {
  padding: 0 28px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #8f8f8f;
  line-height: 125%;
}
.collapsible-sidebar__close-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
  transform: rotate(180deg);
}
.collapsible-sidebar__close-btn + span {
  margin-left: 16px;
}
.collapsible-sidebar__close-btn:hover svg circle,
.collapsible-sidebar__close-btn:hover svg path {
  stroke: #c4c6cd;
}
.collapsible-sidebar__close-btn:hover svg rect {
  fill: #c4c6cd;
}
.collapsible-sidebar__button {
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  height: 107px;
  width: 30px;
  transform: translateX(0);
  transition: transform 0.3s;
  cursor: pointer;
  color: #ffffff;
  z-index: 101;
}
@media (max-width: 1550px) {
  .collapsible-sidebar__button {
    display: block;
  }
}
.collapsible-sidebar__button--opened {
  transform: translateX(-307px);
}
.collapsible-sidebar__button-content-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  display: flex;
}
.collapsible-sidebar__button-content-wrapper svg {
  width: 7px;
}
.collapsible-sidebar__button--opened .collapsible-sidebar__button-content-wrapper {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}
.collapsible-sidebar__button-content {
  margin-left: 4px;
  font-size: 12px;
}
.react-time-picker__inputGroup__input {
    padding: 0;
}

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

/* Firefox */
.react-time-picker__inputGroup__input[type=number] {
    -moz-appearance: textfield;
}

.react-time-picker__clear-button {
    display: none;
}

.react-time-picker__inputGroup__divider {
    margin-right: 2px;
}

.inbox-create-person-sidebar__header {
  position: relative;
  top: 0;
  width: 100%;
  padding: 29px 20px;
  border-bottom: 1px solid #F4F4F4;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  z-index: 1;
}
.inbox-mail-thread {
  flex: 1;
  background-color: #fbfbfb;
  overflow-y: scroll;
}
.inbox-mail-thread__header-tags-wrapper {
  display: flex;
  align-items: center;
  margin-left: 22px;
}
.inbox-mail-thread__header-tags-tag {
  border: 1px solid #EAEAEA;
  border-radius: 7px;
  padding: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  gap: 10px;
  margin: 0 4px 4px 0;
  background: #ffffff;
}
.inbox-mail-thread__header-tags-tag:first-child {
  margin-left: 0;
}
.inbox-mail-thread__header-tags-tag:last-child {
  margin-right: 0;
}
.inbox-mail-thread__header-tags-tag .remove-tag {
  display: flex;
}
.inbox-mail-thread__header-tags-tag .remove-tag:hover {
  cursor: pointer;
}
.inbox-mail-thread__header-tags-tag .remove-tag:hover svg circle {
  stroke: #ed483d;
}
.inbox-mail-thread__header-tags-tag .remove-tag:hover svg rect,
.inbox-mail-thread__header-tags-tag .remove-tag:hover svg path {
  fill: #ed483d;
}
.inbox-mail-thread__header-notes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 22px;
  border-top: 1px solid #E9ECF1;
  background-color: #FBFBFB;
  box-shadow: 0px 5px 10px rgba(154, 154, 154, 0.1);
  margin-top: 20px;
}
.inbox-mail-thread__header-notes-text {
  font-size: 16px;
}
.inbox-mail-thread__header-notes .remove-note {
  display: flex;
}
.inbox-mail-thread__header-notes .remove-note:hover {
  cursor: pointer;
}
.inbox-mail-thread__header-notes .remove-note:hover svg circle {
  stroke: #ed483d;
}
.inbox-mail-thread__header-notes .remove-note:hover svg rect,
.inbox-mail-thread__header-notes .remove-note:hover svg path {
  fill: #ed483d;
}
.inbox-mail-thread__actions {
  padding: 20px 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fbfbfb;
}
.inbox-mail-thread__actions-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.inbox-mail-thread__actions .select {
  min-width: 187px;
}
.inbox-mail-thread__actions .select .assign__control--is-focused {
  border-color: #221CB6;
  box-shadow: none;
}
.inbox-mail-thread__actions .select .assign__control--is-focused .assign__indicators {
  transform: rotate(180deg);
}
.inbox-mail-thread__actions .select .assign__control--is-focused .assign__indicators .assign__indicator svg circle {
  stroke: #221CB6;
}
.inbox-mail-thread__actions .select .assign__control--is-focused .assign__indicators .assign__indicator svg rect,
.inbox-mail-thread__actions .select .assign__control--is-focused .assign__indicators .assign__indicator svg path {
  fill: #221CB6;
}
.inbox-mail-thread__actions .select .assign__control--is-focused .assign__value-container .assign__single-value {
  color: #221CB6;
}
.inbox-mail-thread__actions .select .named-avatar,
.inbox-mail-thread__actions .select .user-avatar-wrapper {
  margin-left: 9px;
  border: 1px solid #C1C1C1;
  border-radius: 100%;
}
.inbox-mail-thread__actions .select .assign__option {
  gap: 12px;
  background-color: black;
}
.inbox-mail-thread__actions .select .assign__option svg {
  margin: 0 0 0 auto;
}
.inbox-mail-thread__actions .select .assign__option:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.inbox-mail-thread__actions .select .assign__option:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.inbox-mail-thread__actions .select .assign__option:not(:first-child) {
  border-top: 1px solid #272727;
}
.inbox-mail-thread__actions .select .assign__option:hover {
  background-color: #181818;
  cursor: pointer;
}
.inbox-mail-thread__action {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
  width: 26px;
  height: 26px;
  border-radius: 5px;
}
.inbox-mail-thread__action:hover {
  background-color: #E9EEFF;
}
.inbox-mail-thread__action:hover svg circle[stroke],
.inbox-mail-thread__action:hover svg rect[stroke],
.inbox-mail-thread__action:hover svg path[stroke] {
  stroke: #221CB6;
}
.inbox-mail-thread__action:hover svg circle[fill],
.inbox-mail-thread__action:hover svg rect[fill],
.inbox-mail-thread__action:hover svg path[fill] {
  fill: #221CB6;
}
.inbox-mail-thread__action-tooltip {
  background-color: black;
  border-radius: 8.5px;
  max-width: 232px;
}
.inbox-mail-thread__action-tooltip-header {
  padding: 5px 10px;
}
.inbox-mail-thread__action-tooltip-header .input__field {
  width: 100%;
  color: #FFFFFF;
}
.inbox-mail-thread__action-tooltip-footer {
  text-align: center;
  padding: 5px 0;
}
.inbox-mail-thread__action-tooltip-footer .button {
  width: 100%;
}
.inbox-mail-thread__action-tooltip-footer .button:hover svg {
  opacity: 0.8;
}
.inbox-mail-thread__action-tooltip-footer .input.labels-input input {
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
}
.inbox-mail-thread__action-labels, .inbox-mail-thread__action-more {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  max-height: 320px;
  overflow-y: auto;
}
.inbox-mail-thread__action-labels-item, .inbox-mail-thread__action-more-item {
  padding: 12px 20px;
  border-bottom: 1px solid #272727;
  gap: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.inbox-mail-thread__action-labels-item:first-child, .inbox-mail-thread__action-more-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.inbox-mail-thread__action-labels-item:last-child, .inbox-mail-thread__action-more-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.inbox-mail-thread__action-labels-item:hover, .inbox-mail-thread__action-labels-item--active, .inbox-mail-thread__action-more-item:hover, .inbox-mail-thread__action-more-item--active {
  background-color: #181818;
  cursor: pointer;
}
.inbox-mail-thread__action.more-actions svg {
  transform: rotate(90deg);
}
.inbox-mail-thread__action-snooze-dropdown {
  background-color: black;
  border-radius: 8px;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__header {
  font-size: 16px;
  padding: 20px;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-top: 1px solid #272727;
  gap: 10px;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__item p {
  font-size: 16px;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__item-timing {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #7b7b7b;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__item:hover {
  cursor: pointer;
  background-color: #181818;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__footer {
  border-top: 1px solid #272727;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__footer button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #FFFFFF;
}
.inbox-mail-thread__action-snooze-dropdown .snooze-dropdown-container__footer button:hover {
  opacity: 0.8;
}
.inbox-mail-thread .inbox-snooze-container {
  background-color: black;
  border-radius: 8px;
  max-width: 300px;
}
.inbox-mail-thread .inbox-snooze-container__range-picker {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-thread .inbox-snooze-container__item {
  padding: 0 24px;
  margin-bottom: 16px;
}
.inbox-mail-thread .inbox-snooze-container__item label {
  color: #747474;
  font-size: 14px;
  margin-bottom: 6px;
  display: inline-block;
}
.inbox-mail-thread .inbox-snooze-container__item .input {
  border: 1px solid #272727;
  border-radius: 6px;
}
.inbox-mail-thread .inbox-snooze-container__item .input input {
  color: white;
  font-size: 16px;
}
.inbox-mail-thread .inbox-snooze-container__item .input input::placeholder {
  color: #747474;
}
.inbox-mail-thread .inbox-snooze-container__item-time-picker {
  border: 1px solid #272727;
  border-radius: 6px;
  padding-left: 19px;
  height: 40px;
  display: flex;
  align-items: center;
}
.inbox-mail-thread .inbox-snooze-container__item-time-picker .react-time-picker__wrapper * {
  background-color: transparent;
  color: white;
  border: none;
  min-width: 15px;
  font-size: 16px;
}
.inbox-mail-thread .inbox-snooze-container__item-time-picker .react-time-picker__wrapper *::placeholder {
  color: #747474;
}
.inbox-mail-thread .inbox-snooze-container__item-time-picker .react-time-picker__wrapper .react-time-picker__inputGroup__divider {
  margin-right: 5px;
}
.inbox-mail-thread .inbox-snooze-container__info {
  color: #ED483D;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.inbox-mail-thread .inbox-snooze-container__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  flex-wrap: wrap;
  grid-row-gap: 10px;
}
.inbox-mail-thread .inbox-snooze-container__footer button:hover {
  opacity: 0.8;
}
.inbox-mail-thread .inbox-snooze-container__footer .snooze-btn {
  background-color: #7974F6;
}
.inbox-mail-thread .inbox-snooze-container__footer .unsnooze-btn {
  width: 100%;
}
.inbox-mail-thread .inbox-snooze-container__footer .unsnooze-btn:hover {
  opacity: 1;
}
.inbox-mail-thread__header {
  padding: 0 22px;
  font-weight: bold;
  font-size: 20px;
  line-height: 100%;
  margin: 20px 0 20px 0;
}
.inbox-mail-thread__empty-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 40px;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  text-align: center;
  font-size: 18px;
  color: #7b7b7b;
}
.inbox-mail-thread__person-info-sidebar {
  width: 307px;
  padding-bottom: 20px;
}
.inbox-mail-thread__person-info-sidebar .contact-sidebar-crm--small .contact-sidebar-crm-section__content {
  padding: 0;
}
.inbox-mail-thread__person-info-sidebar .contact-sidebar-crm--small .contact-sidebar-crm-section__content .contact-sidebar-crm__content-personal-info {
  gap: 10px;
}
.inbox-mail-thread .assign__input input {
  caret-color: transparent;
}
.meta-mail-info {
  margin-top: 20px;
  background-color: #fff;
  padding: 15px 0;
  border-radius: 8px;
  min-width: 500px;
  position: relative;
}
.meta-mail-info--sent {
  opacity: 0.6;
  pointer-events: none;
}
.meta-mail-info__header {
  padding: 15px;
  border-bottom: 1px solid #e9ecf1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meta-mail-info__header-left {
  display: flex;
}
.meta-mail-info__from-avatar {
  margin-right: 15px;
}
.meta-mail-info__from-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #202430;
  margin-right: 8px;
}
.meta-mail-info__from-info {
  margin-bottom: 8px;
}
.meta-mail-info__from-email, .meta-mail-info__to-name, .meta-mail-info__to-email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
}
.meta-mail-info__to-name {
  margin-right: 8px;
}
.meta-mail-info__date {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #8f9199;
  white-space: nowrap;
}
.meta-mail-info__content {
  padding: 22px 28px 15px;
  word-break: break-word;
}
.meta-mail-info__actions {
  top: 5px;
  right: 5px;
  position: absolute;
  display: flex;
  justify-content: center;
}
.meta-mail-info__btn {
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 2px;
}
.meta-mail-info__btn:hover svg circle[stroke],
.meta-mail-info__btn:hover svg rect[stroke],
.meta-mail-info__btn:hover svg path[stroke] {
  stroke: #221CB6;
}
.meta-mail-info__btn:hover svg circle[fill],
.meta-mail-info__btn:hover svg rect[fill],
.meta-mail-info__btn:hover svg path[fill] {
  fill: #221CB6;
}
.meta-mail-info__btn svg {
  height: 14px;
  min-height: 14px;
  width: 14px;
  min-width: 14px;
  margin-right: 0;
}
.outbox-mail-thread {
  flex: 1;
  background-color: #fbfbfb;
  height: 100vh;
  overflow-y: scroll;
}
.outbox-mail-thread__header {
  padding: 0 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 100%;
  margin: 20px 0 30px 0;
}
.outbox-mail-thread__empty-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 40px;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  text-align: center;
  font-size: 18px;
  color: #7b7b7b;
}
.outbox-mail-thread__mails {
  padding: 0 20px 20px;
}
.outbox-mail-thread__edit-btn {
  margin-top: 12px;
  padding: 0;
  font-size: 14px;
  color: #7b7b7b;
  cursor: pointer;
}
.outbox-mail-thread__editor {
  height: auto;
  padding: 0;
}
.outbox-mail-thread__editor-controls {
  height: auto;
  padding: 16px 0 0;
}
.inbox-content {
  display: flex;
  flex-direction: column;
}
.inbox-content__wrapper {
  display: flex;
  height: calc(100vh - 68px);
}
.inbox-content__thread-container {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.inbox-content .collapsible-sidebar {
  padding-top: 0;
  height: 100%;
  z-index: 11;
}
.inbox-content .collapsible-sidebar--fixed--opened {
  width: 307px;
  overflow: auto;
}
.inbox-header {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 32px 0 20px;
  position: relative;
}
.inbox-header:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 32px;
  height: 1px;
  background-color: #f4f4f4;
}
.inbox-header__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.inbox-header__button {
  white-space: nowrap;
}
.inbox-header__button--smaller {
  padding-left: 12px;
  padding-right: 12px;
}
.inbox-header__optional {
  color: #7B7B7B;
  flex: 1;
  text-align: right;
  white-space: nowrap;
}
.inbox-header__actions-wrapper {
  display: flex;
  align-items: center;
  margin-left: 20px;
  height: 68px;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #F4F4F4;
}
.inbox-header__actions-wrapper h1 {
  font-weight: 500;
  font-size: 24px;
}
.inbox-header__actions-wrapper-content {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 17px;
}
.inbox-header__search {
  display: flex;
  flex: 1;
  min-width: 190px;
  width: auto;
  max-width: 240px;
}
.inbox-header__search .input__field {
  width: 100%;
}
.inbox-header__search .input__clear-icon svg path {
  fill: #DBDFE7;
}
.inbox-header__search .input__clear-icon:hover svg path {
  fill: #ed483d;
}
.campaign-filters-tooltip-content {
  background-color: #000000;
  border-radius: 8px;
  width: 600px;
}
.campaign-filters-tooltip-content__body {
  padding: 20px 16px;
}
.campaign-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 24px;
  border-top: 1px solid #282828;
}
.campaign-filters-tooltip-content__footer svg {
  margin-right: 1rem;
}
.campaign-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}
.inbox-filters__wrapper-filter-btn {
  position: relative;
}
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset svg circle {
  stroke: #ed483d;
}
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset svg rect,
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset svg path {
  fill: #ed483d;
}
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset:hover svg circle {
  stroke: #f77b73;
}
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset:hover svg rect,
.inbox-filters__wrapper-filter-btn .inbox-filters-tooltip__title-reset:hover svg path {
  fill: #f77b73;
}
.inbox-filters__filter-btn {
  cursor: pointer;
  padding: 11px 14px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  min-width: 93px;
  font-size: 16px;
}
.inbox-filters__filter-btn--active {
  background-color: #F5F5F5;
  color: #7b7b7b;
  position: relative;
}
.inbox-filters__filter-btn--active svg circle[stroke],
.inbox-filters__filter-btn--active svg rect[stroke],
.inbox-filters__filter-btn--active svg path[stroke] {
  stroke: #BDBDBD;
}
.inbox-filters__filter-btn--active svg circle[fill],
.inbox-filters__filter-btn--active svg rect[fill],
.inbox-filters__filter-btn--active svg path[fill] {
  fill: #BDBDBD;
}
.inbox-filters__filter-btn--active:hover {
  color: #474747;
}
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg circle[stroke],
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg rect[stroke],
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg path[stroke] {
  stroke: #474747;
}
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg circle[fill],
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg rect[fill],
.inbox-filters__filter-btn--active:hover .inbox-filters-tooltip__icon svg path[fill] {
  fill: #474747;
}

.inbox-filters-tooltip {
  padding: 17px;
}
.inbox-filters-tooltip__title {
  font-size: 16px;
  padding-bottom: 17px;
  border-bottom: 1px solid #272727;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.inbox-filters-tooltip__title-reset:hover {
  cursor: pointer;
  opacity: 0.8;
}
.inbox-filters-tooltip__content {
  color: #7B7B7B;
}
.inbox-filters-tooltip__row {
  margin-top: 20px;
}
.inbox-filters-tooltip__row .inbox-filter-input .input__field {
  background-color: transparent;
  border: 1px solid rgba(141, 143, 146, 0.27);
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  height: 45px;
  color: white;
}
.inbox-filters-tooltip__row .inbox-filter-input .input__field::placeholder {
  color: #5E5E5E;
}
.inbox-filters-tooltip__row-title {
  width: 100px;
  margin-bottom: 8px;
}
.inbox-filters-tooltip__only-respona-text {
  width: 151px;
  line-height: 20px;
}
.inbox-filters-tooltip__only-respona-toogler {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.inbox-filters-tooltip__footer {
  display: flex;
  padding: 20px 0;
  background-color: #000000;
  position: sticky;
  bottom: 20px;
}
.inbox-filters-tooltip__reset-btn {
  margin-left: 10px;
}

#inbox-filters-tooltip {
  background-color: #000000 !important;
  border-radius: 8px !important;
  width: 284px !important;
  min-height: 100px !important;
  height: calc(100% - 50px);
  max-height: 738px;
  overflow-y: auto;
}
#inbox-filters-tooltip:after {
  left: 95% !important;
}
.inbox-sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100vh;
  width: 210px;
  background-color: #fbfbfb;
}
.inbox-sidebar__header {
  padding: 17px 14px 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.inbox-sidebar__content {
  padding: 0 9px 8px;
  overflow-y: auto;
  height: 100vh;
}
.inbox-sidebar__folders, .inbox-sidebar__labels {
  padding-top: 12px;
  padding-bottom: 12px;
}
.inbox-sidebar__folders, .inbox-sidebar__labels, .inbox-sidebar__mailboxes {
  display: flex;
  flex-direction: column;
}
.inbox-sidebar__labels {
  max-height: 440px;
}
.inbox-sidebar__labels-header {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-left: 5px;
}
.inbox-sidebar__labels-header-add-button {
  display: none;
  height: 20px;
}
.inbox-sidebar__labels-header-add-button:hover {
  cursor: pointer;
}
.inbox-sidebar__labels-header-add-button:hover svg circle {
  stroke: #7b7b7b;
}
.inbox-sidebar__labels-header-add-button:hover svg rect,
.inbox-sidebar__labels-header-add-button:hover svg path {
  fill: #7b7b7b;
}
.inbox-sidebar__labels-header:hover {
  cursor: pointer;
}
.inbox-sidebar__labels-header:hover .inbox-sidebar__labels-header-add-button {
  display: block;
}
.inbox-sidebar__labels-input .input__field {
  width: calc(100% - 4px);
}
.inbox-sidebar__labels-container-link .button-show-more {
  color: #221cb6;
  background-color: #fbfbfb;
  width: 100%;
  justify-content: flex-start;
  padding-left: 10px;
}
.inbox-sidebar__labels-container-link .button-show-more:hover {
  color: #7974f7;
}
.inbox-sidebar__labels-container-link .button-show-more:hover svg circle {
  stroke: #7974f7;
}
.inbox-sidebar__labels-container-link .button-show-more:hover svg rect,
.inbox-sidebar__labels-container-link .button-show-more:hover svg path {
  fill: #7974f7;
}
.inbox-sidebar__labels-container-link .button-show-more.arrow-up svg {
  transform: rotate(180deg);
}
.inbox-sidebar__labels-container-link .inbox-sidebar__link--active, .inbox-sidebar__labels-container-link .inbox-sidebar__link:hover {
  color: #221cb6;
  background-color: #eaedf2;
}
.inbox-sidebar__labels-container-link .inbox-sidebar__link:hover {
  cursor: pointer;
}
.inbox-sidebar__labels-container-link .inbox-sidebar__link:hover svg circle {
  stroke: #221cb6;
}
.inbox-sidebar__labels-container-link .inbox-sidebar__link:hover svg rect,
.inbox-sidebar__labels-container-link .inbox-sidebar__link:hover svg path {
  fill: #221cb6;
}
.inbox-sidebar__mailboxes {
  margin-bottom: 12px;
}
.inbox-sidebar__folders, .inbox-sidebar__labels {
  border-top: 1px solid #ededed;
}
.inbox-sidebar__link {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #202430;
  text-decoration: none;
  padding: 10px 11px;
  border-radius: 8px;
  margin-bottom: 2px;
}
.inbox-sidebar__link:last-child {
  margin-bottom: 0;
}
.inbox-sidebar__link-text {
  max-width: 175px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.inbox-sidebar__link-show-more {
  padding: 0;
  min-width: 20px;
  height: 20px;
  margin: 0 0 0 auto;
}
.inbox-sidebar__link-show-more svg path {
  fill: #7b7b7b !important;
}
.inbox-sidebar__link-show-more:hover svg path {
  fill: #221cb6 !important;
}
.inbox-sidebar__link-tooltip-dropdown__item {
  display: flex;
  align-items: center;
  padding: 7px 18px 7px 18px;
}
.inbox-sidebar__link-tooltip-dropdown__item:first-child {
  margin-top: 14px;
}
.inbox-sidebar__link-tooltip-dropdown__item:last-child {
  margin-bottom: 14px;
}
.inbox-sidebar__link-tooltip-dropdown__item-icon {
  margin-right: 8px;
}
.inbox-sidebar__link-tooltip-dropdown__item-icon svg path {
  stroke: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.inbox-sidebar__link-tooltip-dropdown__item:hover {
  background-color: #181818;
}
.inbox-sidebar__link--active, .inbox-sidebar__link:hover {
  color: #221cb6;
  background-color: #eaedf2;
}
.inbox-sidebar__link--active svg circle[stroke],
.inbox-sidebar__link--active svg rect[stroke],
.inbox-sidebar__link--active svg path[stroke], .inbox-sidebar__link:hover svg circle[stroke],
.inbox-sidebar__link:hover svg rect[stroke],
.inbox-sidebar__link:hover svg path[stroke] {
  stroke: #221CB6;
}
.inbox-sidebar__link--active svg circle[fill],
.inbox-sidebar__link--active svg rect[fill],
.inbox-sidebar__link--active svg path[fill], .inbox-sidebar__link:hover svg circle[fill],
.inbox-sidebar__link:hover svg rect[fill],
.inbox-sidebar__link:hover svg path[fill] {
  fill: #221CB6;
}
.inbox-sidebar__link-icon {
  height: 16px;
  width: 16px;
  margin-right: 7px;
}
.inbox-sidebar__link-icon svg {
  height: 16px;
  width: 16px;
}
.inbox-sidebar__link-counter {
  font-size: 16px;
  margin: 0 auto;
  margin-right: 0;
  margin-left: 5px;
  color: #8F9199;
}
.inbox-sidebar__footer {
  height: 51px;
  border-top: 1px solid rgba(189, 189, 189, 0.31);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.inbox-sidebar__footer:visited {
  color: inherit;
}
.inbox-sidebar__footer-text {
  margin-left: 10px;
  color: #8f9199;
}
.inbox-sidebar__footer:hover {
  background-color: #e9eeff;
}
.inbox-sidebar__footer:hover span {
  color: #221CB6;
}
.inbox-sidebar__footer:hover svg circle {
  stroke: #221CB6;
}
.inbox-sidebar__footer:hover svg rect,
.inbox-sidebar__footer:hover svg path {
  fill: #221CB6;
}
.inbox-sidebar__how-to {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: auto;
  height: 34px;
  width: 100%;
  padding-bottom: 12px;
  padding-top: 12px;
}
.inbox-sidebar-mailboxes-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}
.inbox-sidebar-mailboxes-btn--active {
  background: #eaedf2;
  color: #221cb6;
}
.inbox-sidebar-mailboxes-btn__text {
  display: flex;
  align-items: center;
}
.inbox-sidebar-mailboxes-btn__number {
  color: #8F9199;
  font-size: 16px;
  margin-left: 5px;
}
.inbox-sidebar-mailboxes-btn__icon {
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.inbox-sidebar-mailboxes-btn__chevron {
  display: flex;
  align-items: center;
  margin-left: 5px;
  transform: rotate(180deg);
}
.inbox-sidebar-mailboxes-btn__chevron circle[stroke],
.inbox-sidebar-mailboxes-btn__chevron rect[stroke],
.inbox-sidebar-mailboxes-btn__chevron path[stroke] {
  stroke: #8f9199;
}
.inbox-sidebar-mailboxes-btn__chevron circle[fill],
.inbox-sidebar-mailboxes-btn__chevron rect[fill],
.inbox-sidebar-mailboxes-btn__chevron path[fill] {
  fill: #8f9199;
}
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg circle[stroke],
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg rect[stroke],
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg path[stroke] {
  stroke: #221cb6;
}
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg circle[fill],
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg rect[fill],
.inbox-sidebar-mailboxes-btn--active .inbox-sidebar-mailboxes-btn__icon svg path[fill] {
  fill: #221cb6;
}
.inbox-sidebar-mailboxes-btn--open .inbox-sidebar-mailboxes-btn__chevron {
  transform: rotate(0);
}
.inbox-sidebar-mailboxes-btn--disabled {
  cursor: default;
}
.inbox-sidebar-mailboxes-btn:hover {
  color: #221cb6;
  background-color: #eaedf2;
}
.inbox-sidebar-mailboxes-btn:hover svg circle[stroke],
.inbox-sidebar-mailboxes-btn:hover svg rect[stroke],
.inbox-sidebar-mailboxes-btn:hover svg path[stroke] {
  stroke: #221cb6;
}
.inbox-sidebar-mailboxes-btn:hover svg circle[fill],
.inbox-sidebar-mailboxes-btn:hover svg rect[fill],
.inbox-sidebar-mailboxes-btn:hover svg path[fill] {
  fill: #221cb6;
}
.inbox-selector {
  height: 40px;
  margin-bottom: 2px;
}
.inbox-selector__content {
  max-height: 360px;
  width: 265px;
  background-color: #000000;
  border-radius: 8px;
  overflow: auto;
}
.inbox-selector__content-search input {
  height: 44px;
  width: 100%;
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 6px;
  color: #ffffff;
}
.inbox-selector__content-search input:focus {
  border-color: #272727;
}
.inbox-selector .input__field {
  width: 265px;
  color: white;
}
.inbox-selector .react-tooltip {
  background-color: #000000 !important;
  border-radius: 8px !important;
  width: 265px !important;
  padding-bottom: 10px !important;
}

.mailboxes-list__item {
  padding: 10px 14px;
  border-top: solid 1px #272727;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mailboxes-list__item:hover {
  background-color: #181818;
}
.mailboxes-list__item-text {
  margin-left: 8px;
  font-size: 16px;
  flex: 1;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
}
.mailboxes-list__item-sign {
  margin-left: auto;
}
.inbox-page {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.inbox-page__content {
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.inbox-page__empty-illustration-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.inbox-page__empty-illustration-container img {
  height: 467px;
}
.inbox-page__empty-illustration-text {
  margin: -80px auto 45px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.health-check-status {
  display: flex;
  align-items: center;
  padding: 5px 9px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border-radius: 6px;
  background-color: rgba(252, 14, 14, 0.1);
  color: #fc0e0e;
}
.health-check-status svg {
  margin-right: 6px;
}
.health-check-status svg path {
  fill: #fc0e0e;
}
.health-check-status--success {
  background-color: rgba(35, 231, 113, 0.1);
  color: #23e771;
}
.health-check-status--success svg path {
  fill: #23e771;
}
.health-check-dropdown {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecf1;
  border-radius: 0;
  margin-bottom: 4px;
  overflow: unset;
}
.health-check-dropdown:last-of-type {
  border-bottom: none;
}
.health-check-dropdown--open {
  border-bottom: none;
}
.health-check-dropdown--open > div {
  background-color: rgba(233, 236, 241, 0.33) !important;
  margin: 0 -19px;
}
.health-check-dropdown--open > div:first-child {
  padding: 13px 19px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.health-check-dropdown--open > div:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.health-check-dropdown-header {
  padding: 18px 0 21px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.health-check-dropdown-header:hover {
  cursor: pointer;
  background-color: unset;
}
.health-check-dropdown-header__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.health-check-dropdown-content {
  padding: 0 38px 16px 38px;
}
.health-check-dropdown__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 16px 21px 0 21px;
  margin: 0 -21px;
  border-top: 1px solid #e9ecf1;
  color: rgba(0, 0, 0, 0.62);
}
.health-check-dropdown__description {
  flex: 1;
  text-align: end;
  padding-right: 20px;
  padding-left: 20px;
  white-space: pre-line;
}

.health-check-dropdown-nested {
  background-color: transparent;
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 4px;
  overflow: unset;
}
.health-check-dropdown-nested > div {
  margin: 0 -19px;
}
.health-check-dropdown-nested > div:first-child {
  padding: 13px 19px;
}
.health-check-dropdown-nested--open > div {
  background-color: #ffffff !important;
}
.health-check-dropdown-nested--open > div:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.health-check-dropdown-nested--open > div:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.health-check-dropdown-nested-header {
  padding: 21px 0;
  flex-grow: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.health-check-dropdown-nested-header:hover {
  cursor: pointer;
  background-color: unset;
}
.health-check-dropdown-nested-header__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.health-check-dropdown-nested-content {
  padding: 0 38px;
}
.health-check-dropdown-nested__text-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e9ecf1;
  padding: 9px 18px 11px;
  margin: 0 -21px;
}
.health-check-dropdown-nested__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.health-score-tile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 91px;
  border-radius: 9px;
  padding: 3px 5px 4px 11px;
  background-color: #e9fdf1;
  color: #23e771;
  font-weight: 700;
  font-size: 12px;
}
.health-score-tile--warning {
  background-color: #fff9e8;
  color: #ffc300;
}
.health-score-tile--warning div {
  background-color: #ffc300;
}
.health-score-tile--danger {
  background-color: rgba(252, 14, 14, 0.1);
  color: #fc0e0e;
}
.health-score-tile--danger div {
  background-color: #fc0e0e;
}
.health-score-tile__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #23e771;
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
}
.issues-dropdown-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #e9e8f8;
}
.issues-dropdown-indicator svg path {
  fill: #221cb6;
}
.issues-dropdown-indicator--warning {
  background-color: rgba(255, 184, 0, 0.09);
}
.issues-dropdown-indicator--warning svg path {
  fill: #ffc300;
}
.issues-dropdown-indicator--danger {
  background-color: rgba(237, 72, 61, 0.1);
}
.issues-dropdown-indicator--danger svg path {
  fill: #ed483d;
}
.email-health {
  min-width: 612px;
  background-color: #ffffff;
}
.email-health--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 110px;
}
.email-health--empty-image {
  width: 454px;
}
.email-health--empty-text {
  width: 100%;
  max-width: 573px;
  min-width: 342px;
  margin-top: -55px;
  padding: 0 20px 45px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #000000;
}
.email-health__content {
  display: flex;
  flex-direction: column;
  padding: 14px 20px;
}
.email-health__content-row {
  display: flex;
  flex-direction: row;
  gap: 18px;
}
.email-health__card {
  flex-grow: 1;
  margin-bottom: 14px;
  padding: 27px 27px 5px 27px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
}
.email-health__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 54px);
  margin: 0 -27px;
  padding: 0 27px 20px;
  border-bottom: 1px solid #e9ecf1;
}
.email-health__card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.email-health__title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
}
.email-health__title-number {
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #202430;
}
.email-health__last-check {
  margin-right: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #7b7b7b;
}
.email-health__button {
  margin: 15px auto 0;
}
.email-health__label {
  width: 40px;
  padding: 5px;
  background-color: #e9ecf1;
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  color: #1b1e22;
}
.campaign-report-header {
  display: flex;
  align-items: center;
}
.campaign-report-header__button {
  margin-left: 10px;
}

.campaign-report-graphics {
  overflow-y: auto;
  max-height: calc(100vh - 68px);
}
.campaign-report-graphics_item {
  padding: 20px 20px 0;
}

.report-graphic-container {
  width: 100%;
  max-width: 1500px;
  background-color: #F9F9F9;
  border-radius: 10px;
  margin-bottom: 10px;
}
.insights-campaign-header {
  display: flex;
  align-items: center;
}
.insights-campaign-header__date-filter {
  margin-right: 10px;
}
.block-header {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e9ecf1;
}
.block-header_title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-right: 10px;
}
.block-header_title_select {
  width: 220px;
  margin: 0 auto 0 0;
}
.block-header_title_select .css-eqy8aq-control {
  background-color: transparent;
}
.block-header_title_select .css-1hbfoiv-singleValue {
  color: #3424EB;
  font-weight: 600;
  font-size: 18px;
}
.block-header-container {
  display: flex;
  align-items: center;
}
.block-header-container_buttons {
  display: flex;
  align-items: center;
}
.block-header-container_buttons_item:last-child {
  margin-left: 7px;
}
.switcher {
  display: flex;
  background-color: #E9E9E9;
  position: relative;
  padding: 4px 5px;
  border-radius: 8px;
  width: 86px;
  cursor: pointer;
}
.switcher_item {
  width: 37px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.switcher_toggler {
  position: absolute;
  width: 37px;
  height: 29px;
  background-color: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0588235294);
  transform: translate3d(-2%, 0, 0);
  transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
}
.switcher_toggler.active {
  left: inherit;
  transform: translate3d(40px, 0, 0);
}
.header-list {
  display: flex;
  align-items: center;
  list-style-type: none;
}
.header-list_item {
  background-color: white;
  padding: 12px 16px;
  border-radius: 8px;
  margin-right: 10px;
  height: 88px;
  width: 145px;
}
.header-list_item:last-child {
  margin-right: 0;
}
.header-list_item__title {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  color: #A0A0A0;
}
.header-list_item__text {
  font-weight: 600;
  font-size: 15px;
}
.graphic-content {
  height: calc(100% - 100px);
}
.graphic-content_header.hidden {
  display: none;
}
.insight-graphic-container {
  height: 100%;
}
.insight-graphic-container_with-sidebar {
  height: inherit;
  display: flex;
}
.insight-graphic-container_with-sidebar .insight-graphic-container_block {
  border-right: 1px solid #E9ECF1;
  width: 60%;
}
.insight-graphic-container_sidebar {
  width: 40%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.insight-graphic-container_sidebar_item {
  background-color: white;
  border-radius: 8px;
  max-width: calc(50% - 5px);
  width: 100%;
  height: 110px;
  padding: 20px;
  margin-bottom: 10px;
}
.insight-graphic-container_sidebar_item:last-child {
  margin-bottom: 0;
}
.insight-graphic-container_sidebar_item.clickable:hover {
  cursor: pointer;
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}
.insight-graphic-container_sidebar_item:hover {
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}
.insight-graphic-container_sidebar.grid-sidebar {
  display: grid;
  grid-template-rows: 110px 110px 110px;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  height: 100%;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:first-child {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-column-end: 3;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:nth-child(2) {
  grid-row-start: 2;
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 3;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:nth-child(3) {
  grid-row-start: 3;
  grid-column-start: 2;
  grid-row-end: 4;
  grid-column-end: 3;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:nth-child(4) {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 2;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:nth-child(5) {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 2;
}
.insight-graphic-container_sidebar.grid-sidebar .grid-sidebar_item:nth-child(5) .custom-style {
  height: 100%;
  justify-content: center;
}
.leader-report-graphics_item {
  padding: 20px 20px 0;
}

.report-graphic-container .recharts-responsive-container {
  margin: 10px;
}

.leader-report-graphics_table {
  padding: 20px 50px 0 20px;
  position: relative;
}
.leader-report-graphics_table__select-columns-wrapper {
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: auto;
  padding-right: 30px;
  padding-left: 5px;
  background-color: #ffffff;
}
.leader-report-graphics_table .leader-report-table .table-th:first-child {
  padding-left: 0;
  width: 14%;
}
.leader-report-graphics_table .leader-report-table .table-th:last-child {
  padding-right: 0;
}
.leader-report-graphics_table .leader-report-table__th {
  display: flex;
  align-items: center;
  justify-content: center;
}
.leader-report-graphics_table .leader-report-table__body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
}
.leader-report-graphics_table .leader-report-table__body-row .table-td {
  padding: 30px 0;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td:first-child {
  width: 14%;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td:not(:first-child) {
  text-align: center;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td .leader-report-table__name {
  font-weight: 600;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td .leader-report-table__name .title-symbol-number {
  color: #221CB6;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td .leader-report-table__job-position {
  color: #525456;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75px;
  display: inline-block;
  overflow: hidden;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td .leader-report-table__job-position .percentage-pie {
  display: flex;
  align-items: center;
}
.leader-report-graphics_table .leader-report-table__body-row .table-td .leader-report-table__job-position .percentage-pie__title {
  font-family: Mulish;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-left: 5px;
}

.leader-report-upgrade {
  margin: 0 auto;
  max-width: 370px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.leader-report-upgrade__info {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.leader-report-upgrade__info h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 16px;
}
.leader-report-upgrade__info p {
  font-size: 12px;
  font-weight: 400;
  line-height: 178.5%;
  text-align: center;
  margin-bottom: 23px;
}
.leader-report-upgrade--plain {
  position: relative;
  transform: translateY(0);
  top: 0;
  margin-top: 100px;
  margin-bottom: 100px;
}

.leader-board-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.leader-board-modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 49px;
  max-width: 493px;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  border-radius: 19px;
  transform: translateY(-50%) translateX(-50%);
}
.leader-board-modal_content-image {
  padding: 40px;
  width: 294px;
  height: 222px;
}
.leader-board-modal_content-title {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-top: 0;
}
.leader-board-modal_content-info {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  max-width: 238px;
  line-height: 178.5%;
  margin-bottom: 23px;
}
.leader-board-modal_content-button {
  width: 186px;
  height: 45px;
}
.leader-board-modal_background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(79, 79, 79, 0.29);
  backdrop-filter: blur(4px);
}

.columns-select-tooltip {
  min-width: 226px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  padding: 0;
  background-color: #000000;
  border-radius: 8px;
}
.columns-select-tooltip__title {
  padding: 20px 20px 14px;
}
.columns-select-tooltip__row {
  display: flex;
  align-items: center;
  padding: 6px 20px 6px 10px;
  background-color: #000000;
  border-radius: 6px;
}
.columns-select-tooltip__row-drag-icon {
  padding: 0 10px;
}
.columns-select-tooltip__row-name {
  margin-left: 10px;
  margin-right: 20px;
  font-size: 16px;
  cursor: default;
}
.columns-select-tooltip__checkbox {
  margin-left: auto;
}
.columns-select-tooltip__checkbox input {
  background-color: #181818;
  border: 1px solid #282828;
}
.columns-select-tooltip__wrapper:after {
  left: 95% !important;
  top: -3px !important;
  border-bottom-color: #000000 !important;
}
.columns-select-tooltip__add-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #272727;
  padding: 14px 20px 16px;
  margin-top: 8px;
  cursor: pointer;
}
.columns-select-tooltip__add-custom span {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #7974f6;
}
.columns-select-tooltip__add-custom span:hover {
  opacity: 0.8;
}
.sort-buttons {
  display: flex;
  flex-direction: column;
}
.sort-buttons .up,
.sort-buttons .down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 7px;
  padding: 2px;
  cursor: pointer;
}
.sort-buttons .up.hidden,
.sort-buttons .down.hidden {
  visibility: hidden;
}
.sort-buttons .up:hover svg path,
.sort-buttons .down:hover svg path {
  fill: #3424EB;
}
.sort-buttons .up {
  margin-bottom: 2px;
}
.credits-usage-by-user-report-graphics_item {
  padding: 20px 20px 0;
}

.credits-usage-by-user-report-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100% - 68px);
}
.credits-usage-by-user-report-empty__message {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  margin-top: 3rem;
}

.report-graphic-container .recharts-responsive-container {
  margin: 10px;
}

.credits-usage-by-user-report-graphics_table {
  padding: 20px 50px 0 20px;
  position: relative;
}
.credits-usage-by-user-report-graphics_table__select-columns-wrapper {
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: auto;
  padding-right: 30px;
  padding-left: 5px;
  background-color: #ffffff;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table .table-th:first-child {
  padding-left: 0;
  width: 14%;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table .table-th:last-child {
  padding-right: 0;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__th {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td {
  padding: 16px 0;
  color: #525456;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td:first-child {
  width: 14%;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td:not(:first-child) {
  text-align: left;
  padding-left: 5px;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .text-blue {
  color: #221CB6;
  font-weight: bold;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .category-label {
  padding: 8px 11px;
  border-radius: 39px;
  width: fit-content;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__name {
  font-weight: 600;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__name .avatar-container {
  position: relative;
  border-radius: 100%;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__name .title-symbol-number {
  color: #1B1E22;
  font-weight: 600;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__job-position {
  color: #525456;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75px;
  display: inline-block;
  overflow: hidden;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__job-position .percentage-pie {
  display: flex;
  align-items: center;
}
.credits-usage-by-user-report-graphics_table .credits-usage-by-user-report-table__body-row .table-td .credits-usage-by-user-report-table__job-position .percentage-pie__title {
  font-family: Mulish;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-left: 5px;
}

.credits-usage-by-user-report-upgrade {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.credits-usage-by-user-report-upgrade__info {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.credits-usage-by-user-report-upgrade__info h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
}
.credits-usage-by-user-report-upgrade__info p {
  font-size: 12px;
  font-weight: 400;
  line-height: 178.5%;
  text-align: center;
  margin-bottom: 23px;
  max-width: 293px;
}
.credits-usage-by-user-report-upgrade--plain {
  position: relative;
  transform: translateY(0);
  top: 0;
  margin: 50px 20px 0;
}
.credits-usage-by-user-report-upgrade--plain .blurred-table {
  position: relative;
  border-radius: 8px;
  width: 100%;
}
.credits-usage-by-user-report-upgrade--plain .blurred-table .credits-usage-by-user-report-graphics_table {
  filter: blur(3px);
}
.credits-usage-by-user-report-upgrade--plain .blurred-table:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.18);
  border-radius: 10px;
}
.credits-usage-by-user-report-upgrade--plain .blurred-table-image {
  max-width: 460px;
  width: 100%;
  background: white;
  border-radius: 8px;
  padding: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.credits-usage-by-user-board-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.credits-usage-by-user-board-modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 49px;
  max-width: 493px;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  border-radius: 19px;
  transform: translateY(-50%) translateX(-50%);
}
.credits-usage-by-user-board-modal_content-image {
  padding: 40px;
  width: 294px;
  height: 222px;
}
.credits-usage-by-user-board-modal_content-title {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-top: 0;
}
.credits-usage-by-user-board-modal_content-info {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  max-width: 238px;
  line-height: 178.5%;
  margin-bottom: 23px;
}
.credits-usage-by-user-board-modal_content-button {
  width: 186px;
  height: 45px;
}
.credits-usage-by-user-board-modal_background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(79, 79, 79, 0.29);
  backdrop-filter: blur(4px);
}
.insights-page {
  display: flex;
}
.insights-page__content {
  flex: 1;
  max-height: 100vh;
  overflow-y: auto;
  position: relative;
}
.respona-new-logo--small {
  width: 24px;
  height: 24px;
}
.workspace-select {
  width: 51px;
  height: 51px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 11px;
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  color: #221CB6;
  cursor: pointer;
}
.workspace-select__short-content {
  box-sizing: border-box;
  height: 47px;
  width: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background: #DBE2FE;
  border-radius: 10px;
}
.workspace-select__short-content:hover {
  background: #221CB6;
  color: #FFFFFF;
}
.workspace-select__logo {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.label {
  border-radius: 20px;
  padding: 2px 5px;
  min-width: 20px;
  display: inline-flex;
  justify-content: center;
}
.label-color-blue {
  background-color: #DDDEF6;
  color: #221CB6;
}
.label-color-blue.label-hover:hover {
  cursor: pointer;
  background-color: #221CB6;
  color: #fff;
}
.label-color-blue_reversed {
  background-color: #221CB6;
  color: #fff;
}
.label-color-blue_reversed.label-hover:hover {
  cursor: pointer;
  background-color: #4e48dc;
  color: #fff;
}
.label-color-orange {
  background-color: #FEDDB7;
  color: #FC8619;
}
.label-color-orange.label-hover:hover {
  cursor: pointer;
  color: #fff;
  background-color: #fc8619;
}
.label-color-orange.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-orange.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-orange.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-success {
  background-color: #23E771;
  color: #FFFFFF;
}
.label-color-success.label-hover:hover {
  cursor: pointer;
  opacity: 0.8;
}
.label-color-success.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-success.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-success.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-red {
  background-color: rgba(237, 72, 61, 0.1);
  color: #ED483D;
}
.label-color-red.label-hover:hover {
  cursor: pointer;
  color: #fff;
  background-color: #f77b73;
}
.label-color-red.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-red.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-red.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-yellow {
  background-color: #FFEDC3;
  color: #A16A38;
}
.label-color-yellow.label-hover:hover {
  cursor: pointer;
  color: #704a27;
  background-color: #d3c096;
}
.label-color-yellow.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-yellow.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-yellow.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-green {
  background-color: rgba(88, 205, 149, 0.1);
  color: #13A861;
}
.label-color-green.label-hover:hover {
  cursor: pointer;
  color: #fff;
  background-color: #13A861;
}
.label-color-green.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-green.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-green.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-light-green {
  background-color: rgba(147, 255, 75, 0.1);
  color: #126E37;
}
.label-color-bright-green {
  background-color: #B4E5AE;
  color: #0A4723;
}
.label-color-dark-green {
  background-color: #2D8F5B;
  color: #E3EEDB;
}
.label-color-gray {
  background-color: rgba(189, 189, 189, 0.22);
  color: #8F9199;
}
.label-color-gray.label-hover:hover {
  cursor: pointer;
  color: #fff;
  background-color: #8F9199;
}
.label-color-gray.label-hover:hover .sidebar-trial-counter__icon circle {
  stroke: white;
}
.label-color-gray.label-hover:hover .sidebar-trial-counter__icon rect,
.label-color-gray.label-hover:hover .sidebar-trial-counter__icon path {
  fill: white;
}
.label-color-purple {
  background-color: #E5E4FF;
  color: #221CB6;
}
.label-color-gray {
  background-color: #ECECEC;
  color: #494949;
}
.label-color-black {
  background-color: rgba(32, 36, 48, 0.27);
  color: #202430;
}
.label-font-size-small {
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
}
.label-font-size-12 {
  font-size: 12px !important;
}
.label-position-moved-to-top {
  position: relative;
  top: -6px;
}
.label-squared {
  border-radius: 5px;
}
.sidebar-trial-counter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-trial-counter__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  border-radius: 9px;
  cursor: pointer;
}
.sidebar-trial-counter:hover {
  color: #fff;
  background-color: #FC8619;
}
.sidebar-trial-counter:hover .sidebar-trial-counter__icon:hover circle {
  stroke: white;
}
.sidebar-trial-counter:hover .sidebar-trial-counter__icon:hover rect,
.sidebar-trial-counter:hover .sidebar-trial-counter__icon:hover path {
  fill: white;
}
.user-links-wrapper--blocked {
  pointer-events: none;
}

.user-link {
  display: flex;
  position: relative;
  align-items: center;
  font-size: 16px;
  color: #7b7b7b;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
  padding: 8px 16px;
  border-radius: 11px;
  margin: 5px -10px;
  cursor: pointer;
}
.user-link__icon {
  margin-right: 10px;
  height: 20px;
}
.user-link__icon svg {
  width: 20px;
  height: 20px;
}
.user-link__tooltip-content {
  padding: 15px;
  font-size: 16px;
}
.user-link--short {
  justify-content: center;
}
.user-link--short .user-link__icon {
  cursor: pointer;
  margin-right: 0;
}
.user-link--column {
  flex-direction: column;
}
.user-link__credits-number {
  color: #181616;
}
.user-link__credits-number--closed {
  color: #FFFFFF;
}
.user-link__notification-flag {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 15px;
  background-color: #3424EB;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.user-link:hover .label-color-blue {
  background-color: #221CB6;
  color: #fff;
}
.user-link:hover .user-link__icon circle,
.user-link:hover .user-link__icon path {
  stroke: black;
}
.user-link:hover .user-link__icon rect {
  fill: black;
}
.user-link:hover .label-color-orange {
  color: #fff;
  background-color: #fc8619;
}
.user-link:hover .label-color-orange .sidebar-trial-counter__icon circle {
  stroke: white;
}
.user-link:hover .label-color-orange .sidebar-trial-counter__icon rect,
.user-link:hover .label-color-orange .sidebar-trial-counter__icon path {
  fill: white;
}
.help-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 59px;
  width: 59px;
  border-radius: 10px;
  border: 0 solid rgba(224, 224, 224, 0.37);
  color: #221CB6;
  font-size: 12px;
  position: relative;
  cursor: pointer;
  background-color: #dbe2fe;
  padding: 0 15px;
}
.help-button:hover {
  background-color: #221CB6;
}
.help-button:hover .help-button__text {
  color: #ffffff;
}
.help-button:hover svg {
  filter: brightness(1000) saturate(100%) invert(0%) sepia(100%);
}
.help-button > svg {
  height: 18px;
  width: 18px;
}
.help-button__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #221CB6;
  margin-top: 5px;
}
.help-button--open:hover {
  background-color: #dbe2fe;
  color: #221CB6;
}
.help-button--open:hover svg {
  filter: none;
}
.help-button:not(.help-button--open) {
  flex-direction: column;
}
.help-button__tooltip {
  max-width: 235px;
}
.help-button__tooltip::after {
  top: 85% !important;
}
.help-button__option {
  display: flex;
  flex-direction: column;
  padding: 18px 18px 20px;
  cursor: pointer;
}
.help-button__option:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.help-button__option:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.help-button__option:not(:last-child) {
  border-bottom: 1px solid #494949;
}
.help-button__option:hover {
  background-color: #1b1b1b;
}
.help-button__option-icon {
  margin-right: 9px;
}
.help-button__option-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.help-button__option-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.help-button__option-subtitle {
  margin-top: 8px;
  padding-left: 28px;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.56);
}
.sidebar-footer {
  margin-top: auto;
  margin-bottom: 10px;
  position: relative;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sidebar-footer::before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  height: 1px;
  background-color: #BDBDBD;
  top: 0;
  opacity: 0.17;
}
.sidebar-footer--opened {
  padding-right: 20px;
}
.sidebar-footer__profile {
  margin-top: 15px;
  padding: 15px 0 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sidebar-footer__profile::before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  height: 1px;
  background-color: #BDBDBD;
  top: 0;
  opacity: 0.17;
}
.sidebar-footer__profile--opened {
  justify-content: flex-start;
}
.sidebar-footer__profile-avatar {
  position: relative;
  cursor: pointer;
}
.sidebar-footer__profile-avatar .named-avatar__content {
  font-size: 14px;
}
.sidebar-footer__profile-avatar .logout-on-hover-avatar, .sidebar-footer__profile-avatar .background-on-hover-avatar {
  display: none;
}
.sidebar-footer__profile-avatar:hover .background-on-hover-avatar {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FFEEEE;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.sidebar-footer__profile-avatar:hover .logout-on-hover-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar-footer__profile-name {
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
}
.sidebar-footer__profile-logout-button {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.sidebar {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  transition: width 0.1s cubic-bezier(0, 0.5, 0.5, 1) 0.01s;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f9f9f9;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.sidebar:hover::-webkit-scrollbar {
  background-color: #F5F5F5;
}
.sidebar:hover::-webkit-scrollbar-thumb {
  background-color: #eeeeee;
}
.sidebar__header {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  width: 100%;
  position: sticky;
  top: 0;
  background-color: white;
  justify-content: center;
  z-index: 1;
}
.sidebar-footer {
  position: sticky;
  width: 100%;
  background-color: white;
  bottom: 10px;
  z-index: 10;
}
.sidebar__header-text {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #221cb6;
  margin-left: 8px;
}
.sidebar__respona-big-logo {
  width: 99px;
}
.sidebar__logo {
  height: 24px;
}
.sidebar__logo svg {
  height: 24px;
  width: 24px;
}
.sidebar__logo--respona {
  display: inline-block;
}
.sidebar__logo--open {
  display: none;
}
.sidebar__logo--open svg {
  transform: rotate(180deg);
}
.sidebar__header-hide-btn {
  margin-left: 30px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.sidebar__workspace {
  position: relative;
  padding: 10px 0;
}
.sidebar__workspace--disabled {
  pointer-events: none;
}
.sidebar__pages {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sidebar__pages::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #BDBDBD;
  top: 0;
  opacity: 0.17;
}
.sidebar__pages--disabled {
  pointer-events: none;
}
.sidebar__gnc-footer {
  padding-right: 20px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar__link {
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #BDBDBD;
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 62px;
}
.sidebar .sidebar-link--active {
  color: #221cb6;
  position: relative;
  background-color: #DBE2FE;
}
.sidebar .sidebar-link--active:after {
  content: "";
  display: inline-block;
  width: 3px;
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  background-color: #221cb6;
  border-radius: 10px;
}
.sidebar .sidebar-link--active .sidebar-link__icon {
  filter: grayscale(0) opacity(1);
}
.sidebar .sidebar-link__beta-tag {
  margin-left: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(189, 189, 189, 0.17);
  border-radius: 8px;
  font-family: "Oakes Grotesk";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #BDBDBD;
}
.sidebar .sidebar-link__icon {
  margin-right: 12px;
  height: 24px;
  width: 24px;
}
.sidebar .sidebar-link__tooltip-content {
  padding: 15px;
  font-size: 16px;
}

.sidebar--closed {
  width: 95px;
  align-items: center;
  padding-left: 0;
  /*.sidebar__footer {
    height: 125px;
    flex-direction: column-reverse;
    padding-right: 0;
  }

  .sidebar__gnc-footer {
    padding-right: 0;
    flex-direction: column;
    height: 110px;
  }*/
}
.sidebar--closed .sidebar__pages {
  width: 100%;
}
.sidebar--closed .sidebar__link {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  white-space: nowrap;
}
.sidebar--closed .sidebar__link:hover {
  color: #221CB6;
}
.sidebar--closed .sidebar__link:hover .sidebar-link__icon {
  filter: grayscale(0) opacity(1);
}
.sidebar--closed .sidebar-link__icon {
  margin-right: 0;
  margin-bottom: 5px;
  filter: grayscale(100%) opacity(0.3);
}
.sidebar--closed .sidebar-link--active:hover {
  border-right: 0px solid #221CB6;
}

.sidebar--opened {
  width: 190px;
  min-width: 190px;
}
.sidebar--opened.sidebar .sidebar__logo--open {
  display: none;
}
.sidebar--opened.sidebar .sidebar__logo--respona {
  display: inline-block;
}
.page-wrapper {
  display: flex;
  height: 100vh;
}
.page-wrapper--disabled {
  pointer-events: none;
}
.page-wrapper__content {
  overflow-y: auto;
  position: relative;
  flex: 1;
}
.page-wrapper__content.padding-fixed {
  padding-top: 68px;
}
.page-wrapper__content.active-personalize {
  overflow-y: hidden;
}
.fixed-payment-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: sticky;
  bottom: 0;
  left: 0;
  min-height: 72px;
  width: 100%;
  margin-top: 32px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.fixed-payment-footer .comment-section {
  margin: 20px auto;
}
.fixed-payment-footer__make-payment-block {
  width: 720px;
  height: 100%;
  box-shadow: 0 2px 20px #eaecf4;
  border-radius: 8px;
  margin-left: 10px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 0;
}
.fixed-payment-footer__make-payment-block--grey {
  background-color: rgba(37, 31, 182, 0.04);
  box-shadow: none;
}
.fixed-payment-footer__make-payment-button {
  margin-left: 7px;
  white-space: nowrap;
  height: 40px;
  min-width: auto;
  font-size: 16px;
}
.fixed-payment-footer__make-payment-button--hidden {
  display: none;
}
.invoice-info {
  padding: 32px 70px 120px;
  position: relative;
  width: 850px;
  margin: 0 auto;
}
.invoice-info__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__header-info {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.invoice-info__bill-info {
  margin-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__bill-info-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 48px;
}
.invoice-info__bill-info-content {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.invoice-info__bill-info-sub-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 21px;
}
.invoice-info__bill-to-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 22px;
}
.invoice-info__bill-details {
  margin-right: 60px;
}
.invoice-info__bill-details-row {
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoice-info__bill-details-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.invoice-info__bill-details-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #8f9199;
}
.invoice-info__cost-grid {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 35px;
}
.invoice-info__cost-grid-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  color: #8d8f92;
}
.invoice-info__cost-grid-title--righted {
  text-align: right;
}
.invoice-info__cost-grid-cell {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.invoice-info__cost-grid-cell--with-border {
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__cost-grid-cell--righted {
  justify-content: flex-end;
}
.invoice-info__comment {
  margin-top: 22px;
}
.invoice-info__additional-info {
  margin-top: 40px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__additional-info-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  color: #1b1e22;
}
.invoice-info__additional-info-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8d8f92;
  margin-left: 6px;
  margin-right: 30px;
}
.onboarding-step-icon {
  height: 67px;
  width: 67px;
  background-color: #F5F6FA;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.onboarding-page-header {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.onboarding-page-header__icon {
  margin-bottom: 17px;
}
.onboarding-page-header__title, .onboarding-page-header__subtitle {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
}
.onboarding-page-header__title {
  font-weight: 600;
  font-size: 34px;
  color: #1B1E22;
  margin-bottom: 16px;
}
.onboarding-page-header__subtitle {
  font-size: 14px;
}
.onboarding-default-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.onboarding-default-payment__content {
  width: 554px;
  margin-top: 57px;
  margin-bottom: 30px;
}
.onboarding-default-payment__subscription-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 620px;
  height: 78px;
  margin-bottom: 18px;
  font-size: 16px;
  padding: 0 25px;
  border: 1px solid rgba(219, 223, 231, 0.47);
  border-radius: 8px;
}
.onboarding-default-payment__subscription-info-details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.onboarding-default-payment__subscription-info-details-price {
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
.onboarding-default-payment__subscription-info-details-date {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #8f9199;
}
.onboarding-default-payment__payment-info {
  width: 620px;
  height: 78px;
  background: #f5f6fa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  font-size: 16px;
  padding: 0 25px;
}
.onboarding-default-payment__payment-price {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 28px;
  color: #221CB6;
}
.onboarding-default-payment__payment-label {
  margin-bottom: 5px;
  padding-left: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.1px;
  color: #525979;
}
.onboarding-default-payment__payment-details-text {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #3a3b3f;
  margin-bottom: 8px;
}
.onboarding-default-payment__payment-details-text-icon {
  display: flex;
  align-items: center;
  margin-left: 7px;
  cursor: pointer;
}
.onboarding-default-payment__payment-details-tooltip {
  width: 280px;
}
.onboarding-default-payment__payment-details-tooltip ul {
  padding-left: 30px;
  list-style: disc;
}
.onboarding-default-payment__payment-details-tooltip ul li {
  line-height: 18px;
  padding: 5px 0;
}
.onboarding-default-payment .onboarding-default-payment-form__fields {
  display: flex;
  align-items: center;
  height: 72px;
  background: #ffffff;
  box-shadow: 0 2px 20px #eaecf4;
  border-radius: 8px;
}
.onboarding-default-payment .onboarding-default-payment-form__input-field-wrapper {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
@media screen and (max-width: 725px) {
  .onboarding-default-payment .onboarding-default-payment-form__input-field-wrapper {
    width: auto;
    font-size: 14px;
  }
  .onboarding-default-payment .onboarding-default-payment-form__input-field-wrapper #card-image {
    display: none;
  }
}
.onboarding-default-payment .onboarding-default-payment-form__input-field {
  height: 72px;
  font-size: 16px;
}
@media screen and (max-width: 725px) {
  .onboarding-default-payment .onboarding-default-payment-form__input-field {
    width: auto;
    font-size: 14px;
  }
}
.onboarding-default-payment .onboarding-default-payment-form__input-field-cvv {
  height: 72px;
  width: 60px;
  margin-right: 10px;
}
@media screen and (max-width: 725px) {
  .onboarding-default-payment .onboarding-default-payment-form__input-field-cvv {
    width: 60px;
    min-width: 60px;
  }
  .onboarding-default-payment .onboarding-default-payment-form__input-field-cvv input {
    font-size: 14px;
  }
}
.onboarding-default-payment .onboarding-default-payment-form__input-field-date {
  height: 72px;
  width: 90px;
}
@media screen and (max-width: 725px) {
  .onboarding-default-payment .onboarding-default-payment-form__input-field-date {
    width: 66px;
    min-width: 66px;
    font-size: 14px;
  }
}
.onboarding-default-payment .onboarding-default-payment-form__details-btn {
  color: #8f9199;
  width: 620px;
  height: 48px;
  border: 1px solid rgba(141, 143, 146, 0.19);
  border-radius: 8.5px;
  margin-top: 2rem;
}
.onboarding-default-payment .onboarding-default-payment-form__details-btn:hover {
  background-color: rgba(234, 234, 234, 0.19);
}
.onboarding-default-payment .onboarding-default-payment-form__submit-btn {
  margin-top: 19px;
  margin-bottom: 21px;
  width: 554px;
  height: 48px;
}
.onboarding-default-payment .onboarding-default-payment-form__submit-btn--hidden {
  opacity: 0;
}
.onboarding-default-payment .onboarding-default-payment-form__loader-after-click-to-pay {
  margin: 20px;
}
.onboarding-default-payment__bottom-promises-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.onboarding-default-payment__bottom-promise {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.onboarding-default-payment__bottom-promise-text {
  margin-left: 7px;
  color: #8f9199;
  font-size: 12px;
  font-weight: 600;
}

.login-container__validation-messages {
  margin-top: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login-container__title.login-container__title--big {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 130%;
}

.login-container__validation-message {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e35252;
  font-size: 13px;
}
.login-container__validation-message svg {
  fill: #e35252;
}

.login-container__checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 65px;
}
.login-container__checkbox-list__item {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 155%;
  letter-spacing: -0.1px;
  color: #525979;
  height: auto;
}
.login-container__checkbox-list__item:before {
  content: "";
  display: inline-block;
  height: 23px;
  width: 23px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: rgba(37, 31, 182, 0.1);
  vertical-align: middle;
}
.login-container__checkbox-list__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 9px;
  width: 5px;
  height: 9px;
  border: 1.5px solid #251FB6;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}
.login-container__checkbox-list .checkbox {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.1px;
  color: #525979;
  height: auto;
}
.login-container__checkbox-list .checkbox .checkbox__field {
  margin-right: 12px;
  flex-shrink: 0;
}
.password-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 7px;
}
.password-score__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #8E95AA;
}
.password-score__blocks-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.password-score__block {
  width: 20px;
  height: 5px;
  background-color: #dde4ee;
  border-radius: 35px;
  -moz-transition: background-color 300ms ease-in;
  /* WebKit */
  -webkit-transition: background-color 300ms ease-in;
  /* Opera */
  -o-transition: background-color 300ms ease-in;
  /* Standard */
  transition: background-color 300ms ease-in;
}
.password-score__block:not(.password-score__block:last-child) {
  margin-right: 12px;
}
.password-score--bad .password-score__label {
  color: #f64754;
}
.password-score--bad .password-score__block:nth-child(1) {
  background-color: #f64754;
}
.password-score--average .password-score__label {
  color: #f2884f;
}
.password-score--average .password-score__block:nth-child(1), .password-score--average .password-score__block:nth-child(2) {
  background-color: #f2884f;
}
.password-score--strong .password-score__label {
  color: #4fcf64;
}
.password-score--strong .password-score__block {
  background-color: #4fcf64;
}
.login-page-content {
  position: relative;
  max-width: 100%;
  min-width: 346px;
  padding-top: 100px;
  z-index: 1;
}
.login-page-content__title-svg {
  width: 100%;
  max-width: 507px;
  min-width: 300px;
  height: 157px;
  padding-right: 30px;
  margin-bottom: 50px;
}
.login-page-content__title {
  font-family: OakesGrotesk, sans-serif;
  font-weight: 600;
  font-size: 76px;
  line-height: 96px;
  color: #000;
}
.login-page-content__title-gradient {
  font-family: OakesGrotesk, sans-serif;
  font-weight: 600;
  font-size: 76px;
  line-height: 96px;
  background: -webkit-linear-gradient(#7f7aeb, #221cb6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.login-page-content__form-wrapper {
  width: 415px;
}
.login-page-content__google-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.54);
}
.login-page-content__google-login-btn:hover {
  background: #ececec;
}
.login-page-content__google-icon {
  margin-right: 7px;
}
.login-page-content__forgot-password-link {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 30px;
}
.login-page-content__link {
  transition: all 0.3s ease 0s;
  font-family: OakesGrotesk, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.1px;
  color: #8e95aa;
}
.login-page-content__link:hover {
  color: #221CB6;
}
.login-page-content__login-button {
  width: 100%;
  height: 62px;
  margin-bottom: 8px;
}
.login-page-content__footer {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.login-page-content__footer-link {
  font-family: Oakes Grotesk, serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #251fb6;
  position: relative;
  text-decoration: none;
}
.login-page-content__footer-link:after {
  display: block;
  position: absolute;
  content: "";
  left: -2px;
  right: -2px;
  bottom: 5px;
  height: 12px;
  background: rgba(37, 31, 182, 0.09);
  transition: all 0.3s ease 0s;
}
.login-page-content__footer-link:hover:after {
  height: 22px;
}

@media screen and (max-width: 500px) {
  .login-page-content {
    padding-top: 30px;
  }
  .login-page-content__title {
    font-size: 46px;
    line-height: 1.4;
  }
  .login-page-content__form-wrapper {
    width: auto;
  }
  .login-page-content__footer {
    width: 100%;
    margin-top: 20px;
    line-height: 1.5rem;
  }
}
.login-page {
  flex: 1;
  padding: 50px;
  overflow: auto;
  align-items: baseline;
  display: flex;
  justify-content: center;
  width: 100vw;
  min-width: 320px;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.36);
}
@media screen and (max-width: 725px) {
  .login-page {
    padding: 0;
    background-color: transparent;
  }
}
.login-page__gradient {
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 725px) {
  .login-page__gradient {
    display: none;
  }
}

.login-modal {
  display: flex;
  align-items: center;
  padding-bottom: 37px;
  border-radius: 23px;
  background-color: #fbfbfb;
}
@media screen and (max-width: 725px) {
  .login-modal {
    width: 100%;
    height: auto;
    min-height: 100%;
    border-radius: 0;
    background-color: transparent;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.login-container__left {
  width: 50%;
}
.login-container__left .login-container .login-container__logo-wrapper {
  position: relative;
  width: fit-content;
}
.login-container__left .login-container .login-container__logo-wrapper svg {
  position: absolute;
  top: 0;
  right: -10px;
}
@media (max-width: 520px) {
  .login-container__left {
    width: 100%;
  }
  .login-container__left .login-container__logo-wrapper,
  .login-container__left .login-container-content .login-container__title {
    text-align: center;
  }
  .login-container__left .login-container__subtitle {
    text-align: center;
    margin: 0 auto 40px;
  }
}

.login-container__right {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  height: calc(100vh - 64px);
  width: calc(50% - 32px);
  margin: 20px 32px 44px 0;
  background: linear-gradient(180deg, rgb(124, 118, 255) 0%, rgb(43, 37, 187) 100%);
  border-radius: 25px;
}
.login-container__right__box {
  position: relative;
  width: 584px;
  height: 635px;
  max-width: 95%;
}
.login-container__right__box.concierge, .login-container__right__box.publisher {
  width: 636px;
  height: 554px;
}
.login-container__right__box.login-brand-placements {
  margin-top: auto;
  margin-bottom: 0;
  width: 95%;
}
.login-container__right__login-image-big {
  position: absolute;
  right: -1px;
  bottom: 0;
  z-index: 10;
  width: 100%;
}
@media (max-width: 520px) {
  .login-container__right {
    display: none;
  }
}

.login-page__container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 725px) {
  .login-page__container {
    overflow-x: auto;
    background-color: #ffffff;
  }
}

.login-background {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
.login-background-container {
  position: fixed;
  display: flex;
  flex-shrink: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}
@media screen and (max-width: 725px) {
  .login-background-container {
    display: none;
  }
}

.login-container {
  max-width: 420px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  will-change: height;
  transition: height 200ms ease;
  box-sizing: content-box;
}
@media screen and (max-width: 725px) {
  .login-container {
    width: calc(100% - 40px);
    padding: 54px 20px !important;
    height: auto !important;
  }
}
.login-container--narrow {
  padding: 37px 33px 43px;
}
.login-container-content {
  width: 100%;
  animation: appear 300ms;
}
@media screen and (max-width: 725px) {
  .login-container-content {
    width: 100%;
    animation: appear 300ms;
    max-width: 419px;
  }
}
.login-container__logo {
  width: 172px;
  height: 40px;
  margin-bottom: 80px;
  cursor: pointer;
}
.login-container__logo--small {
  margin-bottom: 20px;
  width: 131px;
}
.login-container__title {
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 21px;
  color: #1b1e22;
}
@media screen and (max-width: 725px) {
  .login-container__title {
    font-size: 24px;
  }
}
.login-container__subtitle {
  width: 280px;
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.71);
}
.login-container__subtitle-link {
  color: rgba(0, 0, 0, 0.71);
}
.login-container__subtitle-link:hover {
  color: #251fb6;
}
.login-container__label {
  display: flex;
  align-items: center;
  align-self: flex-start;
  width: 100%;
  padding-left: 3px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.1px;
  /* #525979 */
  color: #525979;
}
.login-container__label > div {
  margin-left: 5px;
}
.login-container__label-link {
  margin-left: auto;
  margin-right: 5px;
}
.login-container__label-blue {
  margin-left: 0;
  color: #251fb6;
}
.login-container__label-link {
  margin-left: auto;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.1px;
  color: #8e95aa;
  cursor: pointer;
}
.login-container__label-link:hover {
  text-decoration-line: underline;
}
.login-container__button-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 80px;
}
.login-container__input-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
}
.login-container__input-column .input:not(:last-child) input {
  margin-bottom: 20px;
}
.login-container__onboarding_session-block {
  font-family: "Mulish", serif;
  width: 419px;
  height: 289px;
  border-radius: 13px;
  background: rgba(196, 198, 205, 0.17);
}
.login-container__onboarding_session-block__text {
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  line-height: 135.5%;
  letter-spacing: -0.005em;
  padding: 25px 35px;
}
.login-container__onboarding_session-block__farzad {
  border-top: 1px solid rgba(170, 175, 185, 0.13);
  display: flex;
  align-items: center;
  height: 110px;
  padding: 0 25px;
}
.login-container__onboarding_session-block__farzad__text {
  flex-flow: column;
  display: flex;
  margin-left: 20px;
}
.login-container__onboarding_session-block__farzad__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.login-container__onboarding_session-block__farzad__position {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: rgba(66, 79, 101, 0.41);
}
.login-container__button {
  width: 419px;
  height: 58px;
  background-color: #fff;
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  font-size: 14px;
  color: #111a45;
  font-weight: 600;
  transition: box-shadow 200ms ease;
}
@media screen and (max-width: 725px) {
  .login-container__button {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.login-container__button:hover {
  background-color: #ffffff;
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.07);
}
.login-container__button svg {
  margin-top: -3px;
  margin-right: 0;
}
.login-container__button-img {
  width: 24px;
  height: 24px;
  margin-right: 13px;
}
.login-container__button-text {
  flex-direction: column;
  display: flex;
  align-items: start;
  margin-right: -68px;
  padding-left: 13px;
}
.login-container__button-sub-text {
  font-size: 12px;
  color: #8E95AA;
}
.login-container__login-button {
  width: 419px;
  height: 52px;
  margin-top: 22px;
  background-color: #251fb6;
  transition: box-shadow 300ms ease;
}
@media screen and (max-width: 725px) {
  .login-container__login-button {
    width: 100%;
  }
}
.login-container__login-button.button--disabled:hover {
  box-shadow: none;
}
.login-container__login-button:hover {
  background-color: #251fb6;
  box-shadow: 0 22px 40px -17px rgba(37, 31, 182, 0.32);
}
.login-container__login-button--small {
  width: 331px;
}
.login-container__divider {
  flex-grow: 1;
  height: 1px;
  background-color: #8e95aa;
}
.login-container__divider-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #8e95aa;
}
.login-container__divider-row span {
  opacity: 0.6;
  margin: 0 20px;
}
.login-container__input {
  width: 100%;
}
.login-container__input input {
  width: 100%;
  height: 57px;
  padding: 18px 23px 19px;
  border: 1px solid rgba(219, 223, 231, 0.47);
}
.login-container__input input::placeholder {
  color: #8e95aa;
  opacity: 0.5;
}
.login-container__input-password input::placeholder {
  line-height: 30px;
}
.login-container__input-message {
  margin-top: -15px;
}
.login-container__input .question-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: rgba(255, 195, 0, 0.25);
  border-radius: 50%;
}
.login-container__input .question-tooltip svg {
  width: 12px;
  height: 12px;
}
.login-container__input .input__after-text {
  top: 15px;
  right: 16px;
}
.login-container__switch-step {
  margin-top: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.1px;
  color: #525979;
}
.login-container__switch-step span {
  color: #251fb6;
  cursor: pointer;
}
.login-container__switch-step span:hover {
  text-decoration: underline;
}
.login-container__code-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 5px;
  margin-top: 5px;
}
.login-container__code-button {
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.1px;
  color: #251fb6;
  cursor: pointer;
}
.login-container__code-button--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.login-container__code-button:hover {
  color: #4e48dc;
}
.login-container__logout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 46px;
  height: 46px;
  border-radius: 11px;
  background-color: #dbe2fe;
  cursor: pointer;
  transition: background-color 160ms ease;
}
.login-container__logout-button:hover {
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.03);
}
.login-container__logout-button .question-tooltip__svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.login-container__logout-button .question-tooltip__react-tooltip::after {
  border-bottom-color: transparent !important;
}
.login-container__logout-button .question-tooltip__text {
  background-color: #222;
}
.login-container__logout-button svg {
  margin-right: -4px;
  width: 18px;
  height: 18px;
}

.login-payment-container {
  width: 554px;
}
@media screen and (max-width: 725px) {
  .login-payment-container {
    width: 100%;
  }
}
.login-payment-container .onboarding-page-header {
  margin-top: 0;
}
.login-payment-container .onboarding-step-icon {
  width: 105px;
  height: 105px;
}
.login-payment-container .onboarding-step-icon svg {
  width: 50px;
  height: 43px;
}
.login-payment-container .onboarding-page-header__title {
  margin-top: 9px;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.005em;
  color: #1b1e22;
}
.login-payment-container .onboarding-page-header__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, 0.71);
}
.login-payment-container .onboarding-default-payment__content {
  margin: 28px 0 0;
}
@media screen and (max-width: 725px) {
  .login-payment-container .onboarding-default-payment__content {
    width: 100%;
  }
}
.login-payment-container .onboarding-default-payment__subscription-info {
  width: 554px;
}
@media screen and (max-width: 725px) {
  .login-payment-container .onboarding-default-payment__subscription-info {
    width: 100%;
    padding: 0 15px;
  }
  .login-payment-container .onboarding-default-payment__subscription-info-details {
    width: 80%;
  }
  .login-payment-container .onboarding-default-payment__subscription-info-details-date {
    text-align: right;
  }
}
.login-payment-container .onboarding-default-payment__payment-info {
  width: 554px;
}
@media screen and (max-width: 725px) {
  .login-payment-container .onboarding-default-payment__payment-info {
    width: 100%;
    padding: 0 15px;
  }
}
@media screen and (max-width: 725px) {
  .login-payment-container .onboarding-default-payment-form__submit-btn {
    width: 100%;
  }
}
@media screen and (max-width: 725px) {
  .login-payment-container .onboarding-page-header__title {
    font-size: 24px;
  }
}
.relationships-page {
  display: flex;
}
.relationships-page__content {
  flex: 1;
  max-height: 100vh;
  overflow-y: auto;
}
.relationships-sidebar__sidebar-header {
  padding: 17px 14px 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
}
.people-export-sidebar__content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 20px;
  line-height: 147%;
  font-size: 16px;
}
.people-export-sidebar__selected_people-text {
  color: #221CB6;
  font-weight: 600;
  cursor: pointer;
}
.people-table-wrapper__wrapper-for-horizontal-scrolling {
  overflow-x: auto;
}

.people-table {
  margin-top: 24px;
  position: relative;
}
.people-table__row {
  min-height: 80px;
  border-bottom: 1px solid #F4F4F4;
}
.people-table__row .table-td, .people-table__row .table-th {
  padding: 15px 5px;
}
.people-table__row .table-td:first-child, .people-table__row .table-th:first-child {
  padding-left: 20px;
  vertical-align: top;
}
.people-table__row:hover {
  background-color: #fbfbfb;
  color: #000000 !important;
}
.people-table__row .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.people-table .table-td:not(:first-of-type):not(:nth-of-type(2)):not(:last-of-type) {
  padding: 0 8px;
}
.people-table .table-td:first-of-type {
  width: 41px;
}
.people-table .table-th:not(:first-of-type) {
  padding-right: 20px;
}
.people-table__select-all-cb {
  white-space: nowrap;
  display: flex;
}
.people-table__select-columns-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 14px;
  height: 40px;
  width: auto;
  padding-right: 30px;
  padding-left: 5px;
  background-color: #ffffff;
}
.people-table__cell {
  padding: 0;
}
.people-table__cell--color-light-gray {
  color: #8d8f92 !important;
  font-size: 12px;
  margin: 4px 0 0;
}
.people-table__cell--color-dark-gray {
  color: #393939 !important;
  text-decoration: underline;
}
.people-table__cell--color-dark-gray.no-underline {
  text-decoration: none;
}
.people-table__contact-header {
  display: flex;
  height: 18px;
  align-content: center;
  margin-bottom: 3px;
}
.people-table__website-header {
  display: flex;
  height: 44px;
  align-content: center;
}
.people-table__website-header .people-table__website-square-logo {
  border-radius: 6px;
}
.people-table__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #393939;
}
.people-table__socials {
  margin-left: 4px;
}
.people-table__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
  color: #393939;
  white-space: nowrap;
}
.people-table__email-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.people-table__email span {
  margin-bottom: 8px;
}
.people-table__position {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: rgba(57, 57, 57, 0.5411764706);
}
.people-table__emails_more {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 11px;
  line-height: 11px;
  color: #221CB6;
  text-decoration: underline;
}
.people-table__emails_more + .react-tooltip .contacts-result-emails-tooltip {
  padding: 15px 0;
}
.people-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email {
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.people-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email:hover {
  background-color: #181818;
  cursor: pointer;
}
.people-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email:last-child {
  margin-bottom: 0;
}
.people-table__emails_more:hover {
  cursor: pointer;
}
.people-table__website {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.people-table__website_title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 14px;
  color: #1B1E22;
  font-weight: 600;
}
.people-table__email-cell-text, .people-table__organization, .people-table__website_title, .people-table__job-position {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.people-table__email-cell-text {
  display: flex;
  align-items: center;
  max-width: unset;
}
.people-table__email-cell-copy-btn {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin-left: 3px;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
.people-table__job-position {
  max-width: 200px;
  font-size: 12px;
  margin-bottom: 6px;
}
.people-table__status {
  display: flex;
  align-items: center;
}
.people-table__status svg {
  margin-right: 5px;
}
.people-table .people-table-tags,
.people-table .people-table-notes {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.people-table .people-table-tags__number,
.people-table .people-table-notes__number {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.people-table .people-table-tags__number:hover,
.people-table .people-table-notes__number:hover {
  background-color: #221CB6;
  color: #fff;
}
.people-table .people-table-tags__plus,
.people-table .people-table-notes__plus {
  height: 20px;
}
.people-table .peoples-table-emails-chevron svg {
  transform: rotateX(180deg);
}
.people-table .people-table-emails-tooltip__email {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #fff;
  padding: 10px;
}

.people-table-empty {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 24px;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20%;
}
.people-table-empty__message {
  color: #8d8f92;
}
.people-table-empty__button-link {
  color: #221cb6;
  text-decoration: none;
  cursor: pointer;
}
.people-table-empty__button-link:hover {
  text-decoration: underline;
}

.people-table-emails-tooltip__email:hover .people-table__email-cell-copy-btn {
  opacity: 1;
}

.people-table__email-cell-text:hover .people-table__email-cell-copy-btn {
  opacity: 1;
}
.people-table__email-cell-text:hover .people-table__email-cell-copy-btn svg {
  margin-top: 1px;
}
.add-people-to-campaign-sidebar__header {
  padding: 0 28px;
}
.add-people-to-campaign-sidebar__title {
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #8F8F8F;
  line-height: 125%;
}
.add-people-to-campaign-sidebar__campaign-name {
  padding: 8px;
  border-radius: 8px;
  color: #221CB6;
  background-color: #E9EEFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.export-people-sidebar__header {
  color: #8F8F8F;
  padding: 20px;
  line-height: 147%;
  font-size: 16px;
}
.export-people-sidebar__selected_people-text {
  color: #221CB6;
  font-weight: 600;
}
.export-people-sidebar__filters {
  margin-top: 40px;
  padding: 20px;
}
.export-people-sidebar__filters-title {
  color: #8F8F8F;
}
.export-people-sidebar__filters-raw {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.export-people-sidebar__filters-raw-text {
  margin-left: 14px;
}
.relationships-people {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.relationships-people__table-wrapper {
  flex: 1;
  overflow-y: auto;
  position: relative;
}
.relationships-people .right-sidebar {
  width: 462px;
}
@media screen and (max-width: 462px) {
  .relationships-people .right-sidebar {
    width: 100% !important;
  }
}
.folders__bar {
  margin-bottom: 0;
}
.folders__create-btn {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 7px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7B7B7B;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 10px;
}
.folders__create-btn--inactive:hover {
  background-color: #eef3ff;
  color: #221cb6;
  cursor: pointer;
}
.folders__create-input {
  width: 133px;
}
.folders__create-input input {
  width: 100%;
  height: 36px;
  border: 1px solid #717171;
  border-radius: 7px;
  padding: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}
.folders__create-input-btn {
  width: 39px;
  min-width: 39px;
  height: 36px;
  margin-left: 5px;
  padding: 0;
}
.folders__item {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7b7b7b;
  grid-column-gap: 15px;
  cursor: pointer;
}
.folders__item:has(.folders__item--active-btns) {
  padding: 12px;
}
.folders__item:hover {
  color: #221cb6;
}
.folders__item:hover svg circle[stroke],
.folders__item:hover svg rect[stroke],
.folders__item:hover svg path[stroke] {
  stroke: #221cb6;
}
.folders__item:hover svg circle[fill],
.folders__item:hover svg rect[fill],
.folders__item:hover svg path[fill] {
  fill: #221cb6;
}
.folders__item:hover .folders__item--active-btns {
  visibility: visible;
  opacity: 1;
}
.folders__item--active {
  text-shadow: 0 0 0.3px #221cb6;
  color: #221cb6;
}
.folders__item--active-btns {
  visibility: hidden;
  opacity: 0;
}
.folders__item--active-btns .actions-menu__icon svg circle[stroke],
.folders__item--active-btns .actions-menu__icon svg rect[stroke],
.folders__item--active-btns .actions-menu__icon svg path[stroke] {
  stroke: #BDBDBD;
}
.folders__item--active-btns .actions-menu__icon svg circle[fill],
.folders__item--active-btns .actions-menu__icon svg rect[fill],
.folders__item--active-btns .actions-menu__icon svg path[fill] {
  fill: #BDBDBD;
}
.folders__item--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #221cb6;
}
.filters-tooltip-raw {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  height: 40px;
}
.filters-tooltip-raw:not(:last-child) {
  margin-bottom: 20px;
}
.filters-tooltip-raw .select {
  flex: 1;
  width: auto;
}
.filters-tooltip-raw__select--joins, .filters-tooltip-raw__select--fields, .filters-tooltip-raw__select--operations {
  margin-right: 10px;
}
.filters-tooltip-raw__select--joins {
  width: auto;
  min-width: 100px;
}
.filters-tooltip-raw__select--fields {
  width: auto;
  min-width: 120px;
}
.filters-tooltip-raw__select--operations {
  width: auto;
  min-width: 100px;
}
.filters-tooltip-raw__input {
  flex: 1;
  border: 1px solid #282828;
  border-radius: 8px;
}
.filters-tooltip-raw__input .input__field {
  color: #FFFFFF;
  width: 100%;
  height: 36px;
}
.filters-tooltip-raw__cross {
  margin-left: 10px;
  cursor: pointer;
}
.filters-tooltip-raw .date-range-select__picker .rdrCalendarWrapper .rdrMonthsVertical .rdrDays .rdrDay {
  color: white !important;
}

.campaign-report-filter .filters-tooltip-raw.is-additional-row .select {
  width: fit-content;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:first-child {
  flex-grow: 0;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:nth-child(2) {
  flex-grow: 3;
}
.campaign-report-filter .filters-tooltip-raw.is-additional-row .select:nth-child(4) {
  flex-grow: 2;
}
.more-actions-tooltip {
  padding: 10px 0;
}
.more-actions-tooltip__action {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  min-width: 150px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.more-actions-tooltip__action svg {
  margin-right: 9px;
}
.more-actions-tooltip__action:hover {
  background-color: #181818;
}
.more-actions-tooltip__action .input {
  color: #fff;
}
.more-actions-tooltip__select {
  width: 100%;
}

.actions-menu__header {
  display: flex;
  justify-content: center;
}
.actions-menu__button {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  color: #2aa4cb;
  display: flex;
  justify-content: center;
}

.header-actions__more-actions-btn {
  color: #7b7b7b;
  background-color: #f5f5f5;
  white-space: nowrap;
  height: 40px;
  padding-left: 12px;
}
.header-actions__more-actions-btn svg {
  height: 16px;
  margin-right: 16px;
  margin-left: 8px;
}
.header-actions__more-actions-btn:hover {
  background-color: #f5f5f5;
  color: #474747;
}
.header-actions__more-actions-btn:hover svg {
  filter: none;
}
.header-actions__more-actions-btn:hover svg path {
  fill: #474747;
}
.header__search {
  min-width: 190px;
  max-width: 240px;
}

.campaign-filters-tooltip-content {
  background-color: #000000;
  border-radius: 8px;
  width: 600px;
}
.campaign-filters-tooltip-content__body {
  padding: 20px 16px;
}
.campaign-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 24px;
  border-top: 1px solid #282828;
}
.campaign-filters-tooltip-content__footer svg {
  margin-right: 1rem;
}
.campaign-filters-tooltip-content .relationships-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #282828;
}
.campaign-filters-tooltip-content .relationships-filters-tooltip-content__footer .relationships-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}
.campaign-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}

.page-header__actions-wrapper {
  display: flex;
  align-items: center;
  margin-left: 50px;
  gap: 12px;
}
.page-header__actions-wrapper .header__search .input__field {
  width: 100%;
}
.page-header__button {
  white-space: nowrap;
}
.page-header__button--smaller {
  padding-left: 12px;
  padding-right: 12px;
}
.page-header__separator {
  width: 2px;
  height: 45px;
  background: #f4f4f4;
}
.relationships-remove-modal {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: 500px;
  height: 220px;
  display: flex;
  flex-direction: column;
}
.relationships-remove-modal__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
}
.relationships-remove-modal__body {
  flex: 1;
  padding: 24px;
}
.relationships-remove-modal__footer {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}
.organizations-table {
  margin-top: 24px;
  position: relative;
}
.organizations-table .table-td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.organizations-table .table-td:first-child,
.organizations-table .table-th:first-child {
  padding-left: 20px;
}
.organizations-table .table-td:last-child,
.organizations-table .table-th:last-child {
  padding-right: 10px;
}
.organizations-table .table-td:not(:first-of-type):not(:nth-of-type(2)):not(:last-of-type) {
  padding: 20px 8px;
}
.organizations-table .table-td:first-of-type {
  width: 26px;
}
.organizations-table .table-th:not(:first-of-type) {
  padding-right: 20px;
}
.organizations-table-empty {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 24px;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20%;
}
.organizations-table-empty__message {
  color: #8d8f92;
}
.organizations-table-empty__button-link {
  color: #221cb6;
  text-decoration: none;
  cursor: pointer;
}
.organizations-table-empty__button-link:hover {
  text-decoration: underline;
}
.organizations-table-wrapper {
  overflow-y: auto;
  position: relative;
}
.organizations-table-wrapper__wrapper-for-horizontal-scrolling {
  overflow-x: auto;
}
.organizations-table__row {
  min-height: 60px;
  color: #8d8f92;
  border-bottom: 1px solid #F4F4F4;
}
.organizations-table__row:last-child {
  border-bottom: none;
}
.organizations-table__row:hover {
  background-color: #fbfbfb;
}
.organizations-table__row.table-tr--is-selected {
  color: #4b4c4d;
}
.organizations-table__row .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.organizations-table__select-all-cb {
  white-space: nowrap;
  display: flex;
}
.organizations-table__name {
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  color: #1b1e22;
}
.organizations-table__cell {
  padding: 0;
}
.organizations-table__cell.date {
  color: #393939;
}
.organizations-table__cell.date > div {
  margin-top: 4px;
}
.organizations-table__cell--color-light-gray {
  color: #8d8f92 !important;
  font-size: 12px;
}
.organizations-table__cell--color-dark-gray {
  color: #393939 !important;
  text-decoration: underline;
  margin-top: 7px;
}
.organizations-table__cell .metrics-block:not(:last-child) {
  margin-bottom: 13px;
}
.organizations-table__cell .metrics-block_logo {
  gap: 7px;
  display: flex;
  align-items: center;
}
.organizations-table__cell .metrics-block_logo-text {
  display: flex;
  align-items: center;
  width: 100%;
}
.organizations-table__cell .metrics-block_logo-text p {
  max-width: 105px;
  width: 100%;
}
.organizations-table__cell .metrics-block_logo-text span {
  color: #393939;
}
.organizations-table__cell .metrics-block_logo:not(:last-child) {
  margin-bottom: 13px;
}
.organizations-table__cell .metrics-block_logo img {
  width: 19px;
  height: 19px;
}
.organizations-table__link {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.organizations-table__link:hover {
  color: #221cb5;
}
.organizations-table__link svg {
  margin-left: 6px;
  opacity: 0;
  transition: opacity 120ms ease;
}
.organizations-table__link:hover svg {
  opacity: 1;
}
.organizations-table__contact-header {
  display: flex;
  height: 18px;
  align-content: center;
}
.organizations-table__website-header {
  display: flex;
  height: 44px;
  align-items: center;
}
.organizations-table__website-header .organizations-table__website-square-logo {
  border-radius: 6px;
}
.organizations-table__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #393939;
}
.organizations-table__socials {
  margin-left: 4px;
}
.organizations-table__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
  color: #393939;
  white-space: nowrap;
}
.organizations-table__email-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.organizations-table__position {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: rgba(57, 57, 57, 0.5411764706);
}
.organizations-table__emails_more {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 11px;
  line-height: 11px;
  color: #221CB6;
  text-decoration: underline;
  margin-top: 7px;
}
.organizations-table__emails_more + .react-tooltip .contacts-result-emails-tooltip {
  padding: 15px 0;
}
.organizations-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email {
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.organizations-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email:hover {
  background-color: #181818;
  cursor: pointer;
}
.organizations-table__emails_more + .react-tooltip .contacts-result-emails-tooltip__email:last-child {
  margin-bottom: 0;
}
.organizations-table__emails_more:hover {
  cursor: pointer;
}
.organizations-table__website {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.organizations-table__website_title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #1B1E22;
  font-weight: 600;
  margin-bottom: 4px;
  max-width: 357px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organizations-table__status {
  display: flex;
  align-items: center;
}
.organizations-table__status svg {
  margin-right: 5px;
}
.organizations-table__select-columns-wrapper {
  position: absolute;
  right: 30px;
  top: 14px;
  height: 40px;
  width: 30px;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.relationships-organizations {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.relationships-organizations__table-wrapper {
  flex: 1;
  overflow-y: auto;
  position: relative;
}
.relationships-organizations__person-info-sidebar {
  width: 307px;
  padding-bottom: 20px;
}
.relationships-organizations__person-info-sidebar .contact-sidebar-crm--small .contact-sidebar-crm-section__content {
  padding: 0;
}
.relationships-organizations__person-info-sidebar .contact-sidebar-crm--small .contact-sidebar-crm-section__content .contact-sidebar-crm__content-personal-info {
  gap: 10px;
}
.organization-info-sidebar {
  padding-top: 15px;
}
.organization-info-sidebar__row {
  margin-top: 20px;
  padding: 0 20px;
  position: relative;
}
.organization-info-sidebar__row .input {
  width: 100%;
}
.organization-info-sidebar__row .input input {
  padding: 13px 12px 12px;
}
.organization-info-sidebar__row .basic-multi-select > div {
  min-height: 40px;
}
.organization-info-sidebar__field-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}
.organization-info-sidebar__field-wrapper .input {
  width: 100%;
}
.organization-info-sidebar__field-wrapper .input input {
  padding: 13px 12px 12px;
}
.organization-info-sidebar__remove-field {
  margin-left: 10px;
  cursor: pointer;
}
.organization-info-sidebar__remove-field:hover svg circle {
  stroke: #f77b73;
}
.organization-info-sidebar__remove-field:hover svg rect,
.organization-info-sidebar__remove-field:hover svg path {
  fill: #f77b73;
}
.organization-info-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #8d8f92;
  margin-bottom: 8px;
  cursor: pointer;
}
.organization-info-sidebar__field-label svg circle {
  stroke: #221cb6;
}
.organization-info-sidebar__field-label svg rect,
.organization-info-sidebar__field-label svg path {
  fill: #221cb6;
}
.organization-info-sidebar__field-label:hover svg circle {
  stroke: #2aa4cb;
}
.organization-info-sidebar__field-label:hover svg rect,
.organization-info-sidebar__field-label:hover svg path {
  fill: #2aa4cb;
}
.organization-info-sidebar__add-field-btn {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  border: 1px solid #f0f0f0;
  border-radius: 8.5px;
  font-size: 16px;
  line-height: 16px;
  color: #8f9199;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.organization-info-sidebar__add-field-btn:hover {
  cursor: pointer;
  border-color: #8d8f92;
  color: #7b7b7b;
}

.organization-info-sidebar-add-field-tooltip {
  max-height: 300px;
  padding: 10px;
  overflow: auto;
}
.organization-info-sidebar-add-field-tooltip__item {
  padding: 3px 10px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.organization-info-sidebar-add-field-tooltip__item svg {
  margin-right: 5px;
  height: 20px;
}
.organization-info-sidebar-add-field-tooltip__create-custom-field-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding: 3px 10px;
  color: #2aa4cb;
}
.organization-info-sidebar-add-field-tooltip__create-custom-field-button:hover {
  cursor: pointer;
  color: #79dfff;
}
.pipeline-deal-card {
  display: block;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.pipeline-deal-card:not(.pipeline-deal-card:last-child) {
  margin-bottom: 20px;
}
.pipeline-deal-card.sortable-ghost {
  background: #F5F5F5;
  height: 152px;
  width: 246px;
  border: none;
}
.pipeline-deal-card.sortable-ghost .pipeline-deal-card__header,
.pipeline-deal-card.sortable-ghost .pipeline-deal-card__footer {
  display: none;
}
.pipeline-deal-card:hover {
  transform: scale(1.05);
}
.pipeline-deal-card:hover .pipeline-deal-card__header-delete {
  display: block;
}
.pipeline-deal-card__user-info, .pipeline-deal-card__website-info {
  display: flex;
  align-items: center;
  grid-column-gap: 12px;
}
.pipeline-deal-card__user-info .card-checkbox, .pipeline-deal-card__website-info .card-checkbox {
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.pipeline-deal-card__user-info .card-checkbox.d-flex, .pipeline-deal-card__website-info .card-checkbox.d-flex {
  display: flex;
}
.pipeline-deal-card__website-info-logo {
  border-radius: 6px;
}
.pipeline-deal-card__website-info-container {
  display: flex;
  grid-row-gap: 5px;
  flex-direction: column;
}
.pipeline-deal-card__website-info-counter {
  color: #8f9199;
}
.pipeline-deal-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  color: #000;
  position: relative;
}
.pipeline-deal-card__header-delete {
  padding: 0;
  min-width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  background: white;
  display: none;
}
.pipeline-deal-card__header-delete:hover svg circle[stroke],
.pipeline-deal-card__header-delete:hover svg rect[stroke],
.pipeline-deal-card__header-delete:hover svg path[stroke] {
  stroke: #f77b73;
}
.pipeline-deal-card__header-delete:hover svg circle[fill],
.pipeline-deal-card__header-delete:hover svg rect[fill],
.pipeline-deal-card__header-delete:hover svg path[fill] {
  fill: #f77b73;
}
.pipeline-deal-card__header-confirmation {
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
  width: 100%;
  justify-content: center;
  background: white;
  z-index: 10;
}
.pipeline-deal-card__header-confirm, .pipeline-deal-card__header-cancel {
  min-width: 25px;
  height: 25px;
  padding: 0;
}
.pipeline-deal-card__header-confirm:hover, .pipeline-deal-card__header-cancel:hover {
  opacity: 0.8;
  transform: scale(1.1);
}
.pipeline-deal-card__user-name, .pipeline-deal-card__website-name {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.pipeline-deal-card__website-name {
  font-size: 16px;
}
.pipeline-deal-card__website {
  font-size: 14px;
  line-height: 15px;
  color: #8f9199;
}
.pipeline-deal-card__footer {
  padding: 20px;
  border-top: 2px solid #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pipeline-deal-card__footer-timing {
  color: #C4C6CD;
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
}
.pipeline-deal-card__footer-timing--red {
  color: #ed483d;
}
.pipeline-column {
  width: 290px;
  min-width: 290px;
  background: #ffffff;
  border-radius: 8px;
  position: relative;
  border: 2px solid #F9F9F9;
}
.pipeline-column:has(.pipeline-column__sortable-list--hovered) {
  background: rgba(219, 226, 254, 0.25);
  border-color: rgba(34, 28, 182, 0.27);
}
.pipeline-column:not(.pipeline-column:last-child) {
  margin-right: 20px;
}
.pipeline-column__header {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  padding: 20px 20px 0;
}
.pipeline-column__header-title {
  display: flex;
  align-items: center;
  grid-column-gap: 12px;
}
.pipeline-column__header-title-counter {
  padding: 2px 6px;
  background-color: #DBE2FE;
  color: #221CB6;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  min-width: 30px;
  margin-right: 5px;
}
.pipeline-column__header-title__add-btn {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  min-width: 20px;
}
.pipeline-column__header-title__add-btn:hover {
  border-color: #221CB6;
}
.pipeline-column__header-title__add-btn:hover svg circle[stroke],
.pipeline-column__header-title__add-btn:hover svg rect[stroke],
.pipeline-column__header-title__add-btn:hover svg path[stroke] {
  stroke: #221CB6;
}
.pipeline-column__header-title__add-btn:hover svg circle[fill],
.pipeline-column__header-title__add-btn:hover svg rect[fill],
.pipeline-column__header-title__add-btn:hover svg path[fill] {
  fill: #221CB6;
}
.pipeline-column__header-tooltip {
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
.pipeline-column__header-tooltip-content {
  position: absolute !important;
  opacity: 1 !important;
  max-width: 255px;
  border-radius: 12px !important;
  background: #000000 !important;
  padding: 13px 18px !important;
}
.pipeline-column__header-tooltip-content.company-content {
  padding: 0 !important;
}
.pipeline-column__header-tooltip-content .input__field {
  width: 100%;
  border: 1px solid rgba(217, 217, 217, 0.25);
  padding-left: 10px;
  color: #fff;
}
.pipeline-column__header-tooltip-content .input__field:focus {
  border-color: #fff;
}
.pipeline-column__header-tooltip-content-header {
  margin-bottom: 12px;
  padding: 14px 16px 0 14px;
}
.pipeline-column__header-tooltip-content-body-toggler, .pipeline-column__header-tooltip-content-body-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.pipeline-column__header-tooltip-content-body-counter label {
  font-size: 12px;
  color: #8d8f92;
}
.pipeline-column__header-tooltip-content-body-counter .input {
  margin-top: 7px;
}
.pipeline-column__header-tooltip-content-body-counter .input__field, .pipeline-column__header-tooltip-content-body-counter .input__after-text {
  font-size: 12px;
}
.pipeline-column__header-tooltip-content-body-counter .input__after-text {
  color: #8d8f92;
  top: 13px;
}
.pipeline-column__header-tooltip-content-body-button {
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
  padding: 11px 22px 15px 22px;
}
.pipeline-column__header-tooltip-content-body-button:hover {
  cursor: pointer;
  opacity: 0.8;
}
.pipeline-column__header-tooltip-content-body .company-list {
  margin: 0 14px;
  border-bottom: 1px solid rgba(58, 58, 58, 0.6);
  max-height: 500px;
  overflow-y: auto;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list {
  margin-bottom: 17px;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-title {
  color: #8f9199;
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 8px;
  margin-bottom: 6px;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item {
  padding: 8px;
  border-radius: 11px;
  width: 100%;
  min-height: 49px;
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item:not(:last-child) {
  margin-bottom: 4px;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item-logo {
  border-radius: 6px;
  width: 31px;
  height: 31px;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item-info-website {
  font-size: 14px;
  color: #FFFFFF;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item-info-link {
  font-size: 12px;
  color: #8f9199;
}
.pipeline-column__header-tooltip-content-body .company-list__sub-list-item:hover {
  cursor: pointer;
  background-color: rgba(217, 217, 217, 0.12);
}
.pipeline-column__header-tooltip-content-body .company-list__footer {
  color: #fff;
  font-size: 20px;
  padding: 20px;
}
.pipeline-column__header-tooltip-content-body-section {
  margin-bottom: 12px;
}
.pipeline-column__header-tooltip-content-body-section label {
  color: #8D8F92;
  font-size: 12px;
}
.pipeline-column__header-tooltip-content-body-section .select {
  margin-top: 7px;
}
.pipeline-column__header-tooltip-content-footer-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pipeline-column__header-tooltip-content-footer-delete {
  padding: 0;
  color: #ed483d;
  font-size: 14px;
}
.pipeline-column__header-tooltip-content-footer-delete svg circle[stroke],
.pipeline-column__header-tooltip-content-footer-delete svg rect[stroke],
.pipeline-column__header-tooltip-content-footer-delete svg path[stroke] {
  stroke: #ed483d;
}
.pipeline-column__header-tooltip-content-footer-delete svg circle[fill],
.pipeline-column__header-tooltip-content-footer-delete svg rect[fill],
.pipeline-column__header-tooltip-content-footer-delete svg path[fill] {
  fill: #ed483d;
}
.pipeline-column__header-tooltip-content-footer-delete:hover {
  color: #f77b73;
}
.pipeline-column__header-tooltip-content-footer-delete:hover svg circle[stroke],
.pipeline-column__header-tooltip-content-footer-delete:hover svg rect[stroke],
.pipeline-column__header-tooltip-content-footer-delete:hover svg path[stroke] {
  stroke: #f77b73;
}
.pipeline-column__header-tooltip-content-footer-delete:hover svg circle[fill],
.pipeline-column__header-tooltip-content-footer-delete:hover svg rect[fill],
.pipeline-column__header-tooltip-content-footer-delete:hover svg path[fill] {
  fill: #f77b73;
}
.pipeline-column__header-tooltip-content.edit-tooltip {
  padding-bottom: 5px !important;
  width: 100%;
}
.pipeline-column__header-tooltip-content.edit-tooltip .pipeline-column__header-tooltip-content-header {
  padding: 0;
}
.pipeline-column__sortable-list-container {
  overflow: auto;
  height: 100%;
  max-height: calc(100% - 75px);
}
.pipeline-column__sortable-list {
  height: 100%;
  padding: 10px 20px 20px;
}
.relationships-pipelines__filters-button {
  display: flex;
  padding: 12px;
  color: #7B7B7B;
  background-color: #f5f5f5;
  border-radius: 8px;
  height: 45px;
}
.relationships-pipelines__filters-button:hover {
  color: #474747;
}
.relationships-pipelines__filters-button svg {
  margin-right: 10px;
}
.relationships-pipelines__column-container {
  display: flex;
  align-items: flex-start;
}
.relationships-pipelines__column-container .add-button {
  padding: 0;
  margin-top: 38px;
  margin-right: 15px;
}
.relationships-pipelines__column-container .add-button span {
  color: #7b7b7b;
}
.relationships-pipelines__column-container .add-button:hover span {
  color: #221CB6;
}
.relationships-pipelines__column-container .add-button:hover svg circle[stroke],
.relationships-pipelines__column-container .add-button:hover svg rect[stroke],
.relationships-pipelines__column-container .add-button:hover svg path[stroke] {
  stroke: #221CB6;
}
.relationships-pipelines__column-container .add-button:hover svg circle[fill],
.relationships-pipelines__column-container .add-button:hover svg rect[fill],
.relationships-pipelines__column-container .add-button:hover svg path[fill] {
  fill: #221CB6;
}
.relationships-pipelines__columns {
  display: flex;
  height: calc(100vh - 145px);
  padding: 25px 15px;
  overflow-x: auto;
}

.relationships-pipelines__mock {
  position: relative;
}
.relationships-pipelines__mock .relationship-board-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.relationships-pipelines__mock .relationship-board-modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 49px;
  max-width: 493px;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  border-radius: 19px;
  transform: translateY(-50%) translateX(-50%);
}
.relationships-pipelines__mock .relationship-board-modal_content-image {
  width: 156px;
  height: 183px;
  margin-bottom: 33px;
}
.relationships-pipelines__mock .relationship-board-modal_content-title {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-top: 0;
}
.relationships-pipelines__mock .relationship-board-modal_content-info {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  max-width: 285px;
  line-height: 178.5%;
  margin-bottom: 23px;
}
.relationships-pipelines__mock .relationship-board-modal_content-button {
  width: 186px;
  height: 45px;
}
.relationships-pipelines__mock .relationship-board-modal_background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(79, 79, 79, 0.29);
  backdrop-filter: blur(4px);
}
.tabs .scroll-groups__children {
  padding-left: 0;
  padding-right: 0;
}
.tabs__list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9ecf1;
  padding: 0 15px;
}
.tabs__tab-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  color: #8f9199;
  padding-bottom: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.tabs__tab-title:not(.tabs__tab-title:last-child) {
  margin-right: 20px;
}
.tabs__tab-title--active {
  color: #202430;
  border-bottom: 2px solid #221CB6;
}
.tabs__active-content {
  padding: 20px;
}
.pipeline-deal-header__name {
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 8px 0;
}
.pipeline-deal-header__website {
  font-size: 16px;
  color: #8f9199;
  line-height: 18px;
}

.pipeline-deal {
  display: flex;
}
.pipeline-deal__content {
  flex: 1;
  padding: 20px 40px 0 15px;
}
.pipeline-deal__tab-header {
  display: flex;
  align-items: center;
}
.pipeline-deal__tab-header svg {
  height: 16px;
  margin-right: 8px;
}
.pipeline-deal__tab-header--active svg circle[stroke],
.pipeline-deal__tab-header--active svg rect[stroke],
.pipeline-deal__tab-header--active svg path[stroke] {
  stroke: #221CB6;
}
.pipeline-deal__tab-header--active svg circle[fill],
.pipeline-deal__tab-header--active svg rect[fill],
.pipeline-deal__tab-header--active svg path[fill] {
  fill: #221CB6;
}
.settings-sidebar {
  position: sticky;
  top: 0;
  box-sizing: border-box;
  height: 100vh;
  background-color: #fbfbfb;
}
.settings-sidebar--disabled {
  pointer-events: none;
}
.profile-avatar {
  position: relative;
  width: 105px;
  height: 105px;
}
.profile-avatar__wrapper {
  width: 100%;
  height: 100%;
}
.profile-avatar__image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-shadow: 1px 4px 9px 0 rgba(3, 3, 3, 0.2509803922);
}
.profile-avatar__image .named-avatar__content {
  font-size: 28px;
}
.profile-avatar__edit-svg {
  position: absolute;
  right: 3px;
  bottom: 0;
  cursor: pointer;
}
.profile-avatar__edit-svg-label {
  cursor: pointer;
}
.profile-avatar__input-field {
  display: none;
}
.profile-settings {
  display: flex;
  height: calc(100vh - 68px);
  padding: 26px 30px;
  overflow: auto;
}
.profile-settings__block {
  min-width: 509px;
  margin-bottom: 19px;
  padding: 37px 37px 29px 29px;
  border-radius: 8px;
  box-shadow: 0px 4px 90px 0px rgba(201, 201, 201, 0.2509803922);
  display: flex;
  flex-direction: column;
}
.profile-settings__block-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin: 0 0 25px 0;
}
.profile-settings__input {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  padding: 15px 15px 17px 18px;
  height: 48px;
  width: 100%;
  border: 1px solid #dbdfe7;
  border-radius: 8.5px;
  outline-color: #dbdfe7;
}
.profile-settings__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
  margin-bottom: 7px;
}
.profile-settings__personal-info-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 509px;
}
.profile-settings__personal-info {
  height: 273px;
}
.profile-settings__personal-info-content {
  flex: 1;
  display: flex;
  align-items: center;
}
.profile-settings__personal-info-inputs-block {
  margin-left: 43px;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.profile-settings__username-info {
  padding-top: 24px;
  height: auto;
}
.profile-settings__password-info {
  padding-top: 24px;
  height: 169px;
}
.profile-settings__password-body {
  display: flex;
}
.profile-settings__password-inputs {
  width: 285px;
}
.profile-settings__password-block-right-column {
  flex: 1;
  margin-left: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-settings__password-button {
  margin-top: 21px;
  width: 150px;
  height: 48px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  color: #221CB6;
}
.profile-settings__password-error {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: red;
  padding: 8px;
  margin-top: 14px;
  background: #fff7f8;
  border: 1px solid;
  width: 150px;
  border-radius: 8px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-settings__email-subscriptions-wrapper {
  margin-left: 24px;
  height: 647px;
  width: 509px;
}
.profile-settings__email-subscriptions {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.profile-settings__email-subscription-item:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}
.profile-settings__email-subscription-item {
  padding-top: 21px;
  padding-bottom: 21px;
  display: flex;
}
.profile-settings__email-subscription-item-header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}
.profile-settings__email-subscription-item-text {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
  font-weight: 400;
  width: 348px;
}
.profile-settings__email-subscription-item-toogler {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.settings-profile {
    .page-header {
        position: sticky;
        top: 0;
    }
}

.emails-table {
  margin-top: 17px;
}
.emails-table__tr {
  cursor: pointer;
  height: 90px;
}
.emails-table__tr:hover {
  background-color: #EEF3FF;
}
.emails-table__th {
  text-align: left;
}
.emails-table__th:first-child {
  padding-left: 0;
}
.emails-table__td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
}
.emails-table__td--notification:first-child {
  padding: 0 3px 0 7px;
  vertical-align: middle;
  max-width: 46px;
}
.emails-table__email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1B1E22;
}
.emails-table__imap-smtp {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  color: #1B1E22;
}
.emails-table__imap-smtp img {
  margin-right: 5px;
}
.emails-table__name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 12px;
  margin-top: 5px;
  color: #8f9199;
}
.emails-table__actions-icon {
  cursor: pointer;
}
.emails-table__actions-icon:hover svg circle {
  stroke: #4B4C4D;
}
.emails-table__actions-icon:hover svg rect,
.emails-table__actions-icon:hover svg path {
  fill: #4B4C4D;
}
.emails-table .diagram-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 81px;
}
.emails-table .diagram-cell__ring {
  width: 38px;
  height: 38px;
  margin-bottom: 5px;
}
.emails-table .diagram-cell__label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
  color: #8d8f92;
}
.email-edition-sidebar {
  position: fixed;
  width: 962px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.09);
  padding-top: 14px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.email-edition-sidebar--full-width {
  width: calc(100vw - 87px - 210px);
  box-shadow: none;
}
.email-edition-sidebar--full-width-with-sidebar {
  width: calc(100vw - 190px - 210px);
  box-shadow: none;
}
.email-edition-sidebar__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 13px;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #f4f4f4;
}
.email-edition-sidebar__content {
  display: flex;
}
.email-edition-sidebar__content-column {
  flex: 1;
  width: 50%;
  padding-top: 15px;
}
.email-edition-sidebar__close-btn {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
}
.email-edition-sidebar__row {
  position: relative;
  margin-top: 27px;
  padding: 0 20px;
}
.email-edition-sidebar__input input {
  height: 48px;
}
.email-edition-sidebar__label {
  display: flex;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
  margin-bottom: 8px;
}
.email-edition-sidebar__label svg {
  margin-left: 8px;
  margin-top: 2px;
}
.email-edition-sidebar__label--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.email-edition-sidebar__label + input {
  height: 48px;
}
.email-edition-sidebar__signature-preview {
  width: 100%;
  overflow: auto;
  height: 202px;
}
.email-edition-sidebar__cancel-edit-signature-btn {
  cursor: pointer;
}
.email-edition-sidebar__cancel-edit-signature-btn:hover svg circle {
  stroke: #f77b73;
}
.email-edition-sidebar__cancel-edit-signature-btn:hover svg rect,
.email-edition-sidebar__cancel-edit-signature-btn:hover svg path {
  fill: #f77b73;
}
.email-edition-sidebar__edit-signature-btn {
  cursor: pointer;
}
.email-edition-sidebar__edit-signature-btn:hover svg circle,
.email-edition-sidebar__edit-signature-btn:hover svg path {
  stroke: #2aa4cb;
}
.email-edition-sidebar__edit-signature-btn:hover svg rect {
  fill: #2aa4cb;
}
.email-edition-sidebar__signature-editor {
  padding: 15px 5px;
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  border-radius: 8px;
  width: 315px;
  height: 40px;
  resize: none;
  width: 100%;
  height: 200px;
}
.email-edition-sidebar__signature-editor:focus {
  border: 1px solid #221cb6;
  outline: none;
}
.email-edition-sidebar__footer {
  display: flex;
  margin-top: auto;
}
.email-edition-sidebar__footer-right {
  display: flex;
  margin-left: 8px;
}
.email-edition-sidebar__footer-right .button {
  white-space: nowrap;
  width: auto;
  height: 40px;
  margin-right: 8px;
}
.email-edition-sidebar .input--disabled .input__field {
  color: #8d8f92;
}
.email-edition-sidebar .slate-editor__editor {
  height: 320px;
  border: 1px solid #dbdfe7;
  border-radius: 4.5px;
}
.email-edition-sidebar__custom-option {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.19);
  padding: 14px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #7974f6;
  cursor: pointer;
}
.email-edition-sidebar__tracking-domain-option {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-edition-sidebar__tracking-domain-remove-btn {
  margin-right: -8px;
  margin-left: auto;
}
.email-edition-sidebar__tracking-domain-remove-btn svg path {
  fill: #4B4C4D;
}
.add-tracking-domain-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 526px;
  padding: 28px 21px;
}
.add-tracking-domain-sidebar__content {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.add-tracking-domain-sidebar__title {
  margin-bottom: 9px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.add-tracking-domain-sidebar__records {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 8px;
  padding: 15px 15px 19px;
  background: rgba(196, 196, 196, 0.08);
  border: 1px solid #dbdfe7;
  border-radius: 8px;
}
.add-tracking-domain-sidebar__records-type {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8f9199;
}
.add-tracking-domain-sidebar__records-value {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  color: #000000;
}
.add-tracking-domain-sidebar__records-value > span {
  margin-left: 9px;
  margin-bottom: -3px;
  cursor: pointer;
}
.add-tracking-domain-sidebar__warning {
  display: flex;
  align-items: center;
  margin-bottom: 41px;
  padding: 9px 10px;
  background: rgba(252, 142, 14, 0.15);
  border-radius: 6px;
}
.add-tracking-domain-sidebar__warning svg {
  margin-right: 11px;
}
.add-tracking-domain-sidebar__label {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
}
.add-tracking-domain-sidebar__input {
  width: 100%;
}
.add-tracking-domain-sidebar__input > input {
  width: 100%;
  height: 48px;
  padding: 15px 16px 17px;
}
.add-tracking-domain-sidebar__input > input::placeholder {
  color: #8f9199;
}
.add-tracking-domain-sidebar__footer {
  position: sticky;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  bottom: 0;
  margin-top: auto;
}
.add-tracking-domain-sidebar__footer button:first-child {
  margin-right: 9px;
}
.share-email-modal {
  height: 450px;
  display: flex;
  flex-direction: column;
}
.share-email-modal__header {
  padding: 27px 24px 24px 24px;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  align-items: center;
}
.share-email-modal__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  color: #1b1e22;
  margin-right: 12px;
}
.share-email-modal__title-email {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  color: #221CB6;
  background: #eef3ff;
  border-radius: 8.5px;
}
.share-email-modal__title-email-icon {
  margin-right: 6px;
  margin-top: -2px;
  height: 12px;
}
.share-email-modal__body {
  padding: 22px;
  overflow: auto;
}
.share-email-modal__workspace-select {
  margin-bottom: 24px;
}
.share-email-modal__workspace-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.share-email-modal__workspace-row .workspace-row__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1b1e22;
}
.share-email-modal__workspace-row .workspace-row__remove-icon {
  cursor: pointer;
}
.share-email-modal__workspace-row .workspace-row__remove-icon svg circle {
  stroke: #fc0e0e;
}
.share-email-modal__workspace-row .workspace-row__remove-icon svg rect,
.share-email-modal__workspace-row .workspace-row__remove-icon svg path {
  fill: #fc0e0e;
}
.share-email-modal__footer {
  padding: 22px;
  padding-top: 10px;
  margin-top: auto;
}
.email-settings__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  height: 85px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F4F4F4;
  padding-left: 20px;
}
.email-settings__header-right {
  margin-left: auto;
  display: flex;
}
.email-settings__button-text {
  margin-left: 10px;
}
.schedules-table {
  margin-top: 17px;
}
.schedules-table__tr {
  cursor: pointer;
  height: 90px;
}
.schedules-table__tr:hover {
  background-color: #eef3ff;
}
.schedules-table__th {
  text-align: left;
}
.schedules-table__th:first-child {
  padding-left: 0;
}
.schedules-table__td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
}
.schedules-table__td--empty {
  padding: 0 3px 0 7px;
  vertical-align: middle;
  width: 16px;
}
.schedules-table__td:first-child {
  padding-left: 0;
}
.schedules-table__actions-icon {
  cursor: pointer;
}
.schedules-table__actions-icon:hover svg circle {
  stroke: #4b4c4d;
}
.schedules-table__actions-icon:hover svg rect,
.schedules-table__actions-icon:hover svg path {
  fill: #4b4c4d;
}
.schedule-edition {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-right: 29px;
  padding-left: 29px;
  background-color: #fff;
  user-select: none;
}
.schedule-edition__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  height: 85px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F4F4F4;
}
.schedule-edition__title-row {
  margin-top: 43px;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.schedule-edition .schedule-edition-title-row {
  margin-bottom: 52px;
}
.schedule-edition .schedule-edition-title-row__edit-btn {
  height: 20px;
  margin-left: 10px;
  cursor: pointer;
}
.schedule-edition .schedule-edition-title-row__edit-btn svg circle,
.schedule-edition .schedule-edition-title-row__edit-btn svg path {
  stroke: #c4c6cd;
}
.schedule-edition .schedule-edition-title-row__edit-btn svg rect {
  fill: #c4c6cd;
}
.schedule-edition .schedule-edition-title-row__edit-btn:hover svg circle,
.schedule-edition .schedule-edition-title-row__edit-btn:hover svg path {
  stroke: #e9ecf1;
}
.schedule-edition .schedule-edition-title-row__edit-btn:hover svg rect {
  fill: #e9ecf1;
}
.schedule-edition .schedule-edition-title-row__timezone-select {
  width: 355px;
  margin-right: 14px;
}
.schedule-edition .schedule-edition-title-row__right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.schedule-edition .schedule-edition-title-row__right .button {
  width: 96px;
}
.schedule-edition .schedule-edition-title-row__right .button:last-child {
  margin-left: 8px;
}
.schedule-edition .schedule-edition-title-row .input__field {
  padding-left: 0;
  width: 150px;
}

.schedule-edition-days__grid-row {
  height: 48px;
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 12px;
}
.schedule-edition-days .schedule-edition-days-hours {
  height: auto;
}
.schedule-edition-days .schedule-edition-days-hours__hour {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
}
.schedule-edition-days .schedule-edition-days-hours__day-time {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 10px;
  color: #c4c6cd;
}
.schedule-edition-days .schedule-days-grid-row__day-name {
  height: 48px;
  display: flex;
  align-items: center;
}
.schedule-edition-days .schedule-days-grid-row__day-name .checkbox {
  margin-bottom: 0;
  margin-right: 5px;
}
.schedule-edition-days .schedule-days-grid-row__day {
  position: relative;
  background-color: #f5f5f5;
  height: 48px;
  cursor: pointer;
}
.schedule-edition-days .schedule-days-grid-row__day:hover {
  opacity: 0.6;
}
.schedule-edition-days .schedule-days-grid-row__day:after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background-color: #e9e9e9;
}
.schedule-edition-days .schedule-days-grid-row__day--active {
  background-color: #221cb6;
}
.schedule-edition-days .schedule-days-grid-row__day--active:after {
  background-color: #423CDC;
}
.schedule-edition-days .schedule-days-grid-row__day--highlighted {
  background-color: #7b7b7b;
}
.schedule-edition-days .schedule-days-grid-row__day--highlighted:after {
  background-color: #181818;
}
.schedule-edition-days .schedule-days-grid-row__day:nth-child(2) {
  border-radius: 8px 0 0 8px;
}
.schedule-edition-days .schedule-days-grid-row__day:last-child {
  border-radius: 0 8px 8px 0;
}
.schedule-edition-days .schedule-days-grid-row__day:last-child:after {
  display: none;
}
.schedules-settings {
  position: relative;
  height: 100vh;
}
.schedules-settings__header-right {
  margin-left: auto;
  display: flex;
}
.settings-members {
  padding-bottom: 20px;
  flex: 1;
}
.settings-members__header-items {
  display: flex;
  gap: 12px;
}
.settings-members__header-search {
  position: relative;
}
.settings-members__header-search input {
  width: 240px;
}
.settings-members__header-search input::placeholder {
  color: #c0c6cd;
}
.settings-members__toogler {
  margin-right: 20px;
}
.settings-members__table {
  margin-top: 13px;
}
.settings-members__table__row {
  height: 80px;
}
.settings-members__table__row--with-hover:hover {
  cursor: pointer;
  background-color: #eef3ff;
}
.settings-members__table__row:not(.settings-members__table__row:last-child) {
  border-bottom: 1px solid #f4f4f4;
}
.settings-members__table__row .table-td:last-child {
  padding-right: 0;
}
.settings-members__table__cell--name {
  display: flex;
  align-items: center;
}
.settings-members__table__cell--name-details {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin-left: 13px;
}
.settings-members__table__cell--data {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #8d8f92;
}
.settings-members__table__cell--status {
  padding: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  border-radius: 6px;
  flex-grow: 0;
}
.settings-members__table__cell--status--active {
  background-color: #23e771;
}
.settings-members__table__cell--status--expired {
  background-color: #ed483d;
}
.settings-members__table__member-name {
  margin-top: 1px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #1b1e22;
}
.settings-members__table__member-email {
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d8f92;
  text-overflow: ellipsis;
  overflow: hidden;
}
.settings-members__table .table-td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8d8f92;
  text-align: left;
  font-size: 14px;
}
.settings-members__table .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.settings-members__table-member-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1b1e22;
  margin-left: 12px;
}
.invite-member-sidebar {
  padding-top: 20px;
}
.invite-member-sidebar__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 19px;
  color: #928E8D;
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #F4F4F4;
}
.invite-member-sidebar__field {
  padding: 20px;
  padding-bottom: 0;
}
.invite-member-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
}
.invite-member-sidebar__field-value {
  font-weight: 800;
  color: #000000;
}
.invite-member-sidebar__emails-field {
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  height: 117px;
  padding: 12px;
  overflow-y: auto;
  cursor: text;
}
.invite-member-sidebar__new-email-field {
  height: 24px;
}
.invite-member-sidebar__new-email-field:focus-visible {
  outline: none;
}
.invite-member-sidebar__email-item {
  background: #E9E9E9;
  border-radius: 6px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
}
.invite-member-sidebar__email-item:not(.invite-member-sidebar__email-item:last-child) {
  margin-bottom: 10px;
}
.invite-member-sidebar__email-remove svg {
  cursor: pointer;
}
.invite-member-sidebar__email-remove svg:hover {
  opacity: 0.8;
}
.invite-member-sidebar__email-text {
  max-width: 200px;
  overflow: hidden;
  margin-right: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}
.invite-member-sidebar__role-field .radio {
  display: flex;
  height: auto;
}
.invite-member-sidebar__role-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
}
.invite-member-sidebar__role-desc {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
}
.remove-member-sidebar {
  padding-top: 20px;
}
.remove-member-sidebar__text-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #8F8F8F;
  padding: 0 20px;
}
.remove-member-sidebar__member-info {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #221cb6;
  font-size: 12px;
  margin: 6px 20px;
  padding: 6px 8px;
  background: #E9EEFF;
  border-radius: 8.5px;
}
.remove-member-sidebar__member-info-name {
  font-weight: 700;
}
.remove-member-sidebar__recommended-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 15px;
  color: #FC8E0E;
  margin-bottom: 6px;
}
.remove-member-sidebar__remove-options {
  margin: 20px 8px 0 8px;
  padding: 12px;
  border: 1px solid #F4F4F4;
  border-radius: 8px;
}
.remove-member-sidebar__remove-options .radio {
  height: auto;
}
.remove-member-sidebar__remove-options .radio:last-child {
  margin-bottom: 0;
}
.remove-member-sidebar__member-select {
  margin: 10px 0;
}
.edit-member-sidebar {
  padding-top: 15px;
}
.edit-member-sidebar__row {
  padding: 0 20px;
}
.edit-member-sidebar__row:not(.edit-member-sidebar__row:last-child) {
  margin-bottom: 20px;
}
.edit-member-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #8d8f92;
  margin-bottom: 8px;
}
.settings-workspaces-table {
  margin-top: 1rem;
}
.settings-workspaces-table__wrapper {
  height: 75vh;
}
.settings-workspaces-table__row {
  height: 60px;
  border-bottom: 1px solid #f5f5f5;
}
.settings-workspaces-table__row--with-hover:hover {
  cursor: pointer;
  background-color: #eef3ff;
}
.settings-workspaces-table__cell--title {
  display: flex;
  align-items: center;
}
.settings-workspaces-table__cell--title-details {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  margin-left: 13px;
}
.settings-workspaces-table__workspace-title {
  margin-top: 1px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #1b1e22;
}
.settings-workspaces-table .table-th:first-child {
  width: 2rem;
}
.settings-workspaces-table .table-td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8D8F92;
  text-align: left;
  font-size: 14px;
}
.settings-workspaces-table .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.settings-workspaces-table .table-td:nth-child(2) {
  color: #1E1E20;
  font-weight: 600;
  width: 200px;
  max-width: 200px;
}
.settings-workspaces-table .table-td:last-child {
  width: 0;
}
.settings-workspaces-table .checkbox {
  margin-bottom: 0;
  display: none;
}
.settings-workspaces-table__workspace-title-wrapper {
  display: flex;
  align-items: center;
}
.settings-workspaces-table__workspace-image {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.settings-workspaces-table__workspace-title {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-workspaces-table .actions-tooltip-content svg {
  width: 1rem;
  height: 1rem;
}
.settings-workspaces {
  flex: 1;
}

.settings-workspace__search-and-button {
  display: flex;
  gap: 12px;
}
.settings-workspace__button-text {
  margin-left: 10px;
}
.edit-workspace-sidebar {
  padding-top: 15px;
}
.edit-workspace-sidebar__row {
  padding: 0 20px;
}
.edit-workspace-sidebar__row:not(.edit-workspace-sidebar__row:last-child) {
  margin-bottom: 20px;
}
.edit-workspace-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #8d8f92;
  margin-bottom: 8px;
}
@keyframes slide-in {
  from {
    right: -526px;
  }
  to {
    right: 0;
  }
}
.integration-editing-sidebar {
  position: fixed;
  width: 526px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 4px 50px rgba(18, 16, 68, 0.09);
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  z-index: 1;
  animation: slide-in 160ms ease-in-out;
}
.integration-editing-sidebar__title {
  display: flex;
  align-items: center;
  padding: 0 20px 30px 20px;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #f4f4f4;
}
.integration-editing-sidebar__learn-more-button {
  width: 100%;
  margin-bottom: 8px;
}
.integration-editing-sidebar__close-btn {
  margin-right: 16px;
  cursor: pointer;
}
.integration-editing-sidebar__close-btn:hover svg circle,
.integration-editing-sidebar__close-btn:hover svg path {
  stroke: #c4c6cd;
}
.integration-editing-sidebar__close-btn:hover svg rect {
  fill: #c4c6cd;
}
.integration-editing-sidebar__row {
  position: relative;
  margin-top: 16px;
  margin-bottom: 7px;
  padding: 0 20px;
}
.integration-editing-sidebar__label {
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 8px;
}
.integration-editing-sidebar__label--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.integration-editing-sidebar__tag-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.integration-editing-sidebar__tag {
  padding: 7px 7px 6px;
  margin-bottom: 14px;
  background-color: #e9e9e9;
  border-radius: 6px;
  font-size: 14px;
}
.integration-editing-sidebar__tag:not(:last-of-type) {
  margin-right: 8px;
}
.integration-editing-sidebar__connected-by {
  display: flex;
  align-items: center;
}
.integration-editing-sidebar__connected-by-icon {
  margin-right: 10px;
}
.integration-editing-sidebar__connected-by-details {
  display: flex;
  flex-direction: column;
}
.integration-editing-sidebar__connected-by-name {
  color: #000000;
  line-height: 16px;
}
.integration-editing-sidebar__connected-by-date {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.34);
}
.integration-editing-sidebar__footer {
  margin-top: auto;
  padding: 20px 20px 10px 20px;
  display: flex;
}
.integration-editing-sidebar__footer-right {
  margin-left: auto;
  display: flex;
}
.integration-editing-sidebar__footer-right .button {
  white-space: nowrap;
  width: auto;
  height: 40px;
  margin-right: 8px;
}
.integration-editing-sidebar .input--disabled .input__field {
  color: #8d8f92;
}
.integration-editing-sidebar .input--disabled .input__field svg {
  color: #bdbdbd;
}
.integration-editing-sidebar .textarea .textarea__field {
  line-height: 29px;
  height: 202px;
}
.integrations-table {
  margin-top: 21px;
  margin-right: 21px;
  color: #8d8f92;
}
.integrations-table__row {
  height: 80px;
}
.integrations-table__row:hover {
  background-color: #eef3ff;
  cursor: pointer;
}
.integrations-table__row {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f4f4f4;
}
.integrations-table__row .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.integrations-table .title-cell__title {
  font-weight: 600;
  color: #1b1e22;
}
.integrations-table .title-cell__subtitle {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
  color: #928e8d;
}
.integrations-table__switch-cell {
  width: 65px;
}
.integrations-table__app-title-cell {
  padding-left: 5px;
}
.integrations-table__app-info-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.integrations-table__app-info-avatar {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 12px;
}
.integrations-table__template-warning-triangle {
  padding: 10px;
}
.integrations-settings-page__header-actions {
  display: flex;
  align-items: center;
}
.integrations-settings-page__header-actions .input__field {
  width: 200px;
}
.integrations-settings-page__header-actions .button {
  margin-left: 8px;
}
.integrations-settings-page__header-actions-btn {
  white-space: nowrap;
  height: 40px;
  margin-right: 0;
}
.step-create-workspace__row {
  margin-top: 2rem;
}
.step-create-workspace__labels {
  display: flex;
  justify-content: space-between;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8f9199;
}
.step-create-workspace__labels--main {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.step-create-workspace__labels--additional {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.step-create-workspace__input {
  margin-top: 8px;
  height: 48px;
}
.step-create-workspace__button-continue {
  float: right;
  margin-top: 70px;
}


.settings-workspaces .page-header {
  position: sticky;
  top: 0;
  z-index: 10;
}

.create-workspace-step {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  line-height: unset;
  padding-top: 70px;
}
.create-workspace-step__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-workspace-step__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-workspace-step__icon {
  background-color: #f9f9f9;
  width: 67px;
  height: 67px;
  border-radius: 50%;
}
.create-workspace-step__icon svg {
  width: 25px;
  height: 25px;
}
.create-workspace-step__title {
  font-weight: 400;
  font-size: 34px;
  margin: 1rem 0 0 0;
}
.create-workspace-step__description {
  margin: 1rem 0 0 0;
}
.create-workspace-step__settings {
  min-width: 600px;
  margin-top: 50px;
}
.owner-sharing-circle {
  position: relative;
  width: 36px;
  height: 36px;
}
.owner-sharing-circle:hover .owner-sharing-circle__svg-pen-wrapper {
  opacity: 1;
}
.owner-sharing-circle__svg-pen-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: #221CB6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.owner-sharing-circle__svg-pen-wrapper svg {
  stroke-width: 0.3px;
}
.rate-cell {
  display: flex;
  align-items: center;
}
.rate-cell__diagram {
  width: 38px;
  height: 38px;
}
.rate-cell__value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 130%;
  color: #8d8f92;
  margin-left: 8px;
}
.templates-table {
  margin-top: 12px;
  margin-right: 72px;
  color: #8d8f92;
}
.templates-table__row {
  height: 80px;
}
.templates-table__row:hover {
  background-color: #eef3ff;
  cursor: pointer;
}
.templates-table__row {
  border-bottom: 1px solid #f4f4f4;
}
.templates-table__row .table-td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.templates-table .title-cell__title {
  font-weight: bold;
  color: #1b1e22;
}
.templates-table .title-cell__subtitle {
  margin-top: 10px;
}
.templates-table__template-warning-triangle {
  padding: 10px;
}
.template-settings-page__header-actions {
  display: flex;
  align-items: center;
}
.template-settings-page__header-actions .input__field {
  width: 240px;
}
.template-settings-page__header-actions .button {
  margin-left: 8px;
}
.template-settings-page__header-actions-btn {
  white-space: nowrap;
  height: 40px;
  margin-right: 0;
}
.unsubscribe-sidebar {
  padding: 0 20px;
}
.unsubscribe-sidebar__content {
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  height: 300px;
  padding: 12px;
  overflow-y: auto;
}
.unsubscribe-sidebar__field-placeholder {
  display: none;
}
.unsubscribe-sidebar__field {
  margin-top: 25px;
}
.unsubscribe-sidebar__field:focus-visible {
  outline: none;
}
.unsubscribe-sidebar__pattern {
  background: #E9E9E9;
  border-radius: 6px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
}
.unsubscribe-sidebar__pattern:not(.unsubscribe-sidebar__pattern:last-child) {
  margin-bottom: 10px;
}
.unsubscribe-sidebar__pattern-remove svg {
  cursor: pointer;
}
.unsubscribe-sidebar__pattern-remove svg:hover {
  opacity: 0.8;
}
.unsubscribe-sidebar__pattern-text {
  max-width: 200px;
  overflow: hidden;
  margin-right: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}
.unsubscribe-sidebar__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 19px;
  color: #928E8D;
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #F4F4F4;
}
.unsubscribe-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
}
.unsubscribe-sidebar__field-value {
  font-weight: 800;
  color: #000000;
}
.unsubscribe-sidebar__emails-field {
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
  height: 117px;
  padding: 12px;
  overflow-y: auto;
  cursor: text;
}
.unsubscribe-sidebar__new-email-field {
  height: 24px;
}
.unsubscribe-sidebar__new-email-field:focus-visible {
  outline: none;
}
.unsubscribe-sidebar__email-item {
  background: #E9E9E9;
  border-radius: 6px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
}
.unsubscribe-sidebar__email-item:not(.unsubscribe-sidebar__email-item:last-child) {
  margin-bottom: 10px;
}
.unsubscribe-sidebar__email-remove svg {
  cursor: pointer;
}
.unsubscribe-sidebar__email-remove svg:hover {
  opacity: 0.8;
}
.unsubscribe-sidebar__email-text {
  max-width: 200px;
  overflow: hidden;
  margin-right: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}
.unsubscribe-sidebar__role-field .radio {
  display: flex;
  height: auto;
}
.unsubscribe-sidebar__role-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.unsubscribe-sidebar__role-desc {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #8f9199;
}
.unsubscribe-table {
  margin-top: 20px;
}
.unsubscribe-table__empty {
  margin-top: 20px;
  font-size: 20px;
  color: #8d8f92;
  text-align: center;
}
.unsubscribe-table__row {
  height: 50px;
}
.unsubscribe-table__row .table__td .actions-menu .react-tooltip:not(.react-tooltip--position-fixed) {
  left: -120px !important;
}
.unsubscribe-table__pattern-cell {
  color: #1B1E22;
  width: 300px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unsubscribe-table__reason-cell {
  color: #1B1E22;
  padding-left: 15px;
  position: relative;
}
.unsubscribe-table__reason-cell:after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  left: 0;
  top: calc(50% - 4px);
}
.unsubscribe-table__reason-cell--manual:after {
  background-color: #2AA4CB;
}
.unsubscribe-table__reason-cell--automatic:after {
  background-color: #221CB6;
}
.unsubscribe-table__created-by {
  margin-left: 5px;
  color: #8d8f92;
}
.unsubscribe-table__time-cell {
  line-height: 18px;
  color: #8d8f92;
}
.unsubscribe-table__scope {
  line-height: 18px;
  color: #8d8f92;
}
.unsubscribe-table__scope-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.unsubscribe-page-actions__header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.unsubscribe-page-actions__header-actions .seperator {
  width: 2px;
  height: 40px;
  background-color: #F4F4F4;
}
.unsubscribe-page-actions__header-actions-block {
  display: flex;
  gap: 9px;
}
.unsubscribe-page-actions__add-button, .unsubscribe-page-actions__remove-button, .unsubscribe-page-actions__export-button {
  height: 40px;
}
.unsubscribe-page-actions__add-button {
  padding: 0;
  width: 44px;
  min-width: 44px;
}
.unsubscribe-page-actions__add-button svg {
  margin-right: 0;
}
.unsubscribe-page-actions__export-button:hover svg path {
  fill: #ffffff;
}

@media (max-width: 1440px) {
  .unsubscribe-page-actions__add-button, .unsubscribe-page-actions__remove-button, .unsubscribe-page-actions__export-button {
    padding: 0;
    width: 44px;
    min-width: 44px;
  }
  .unsubscribe-page-actions__add-button svg, .unsubscribe-page-actions__remove-button svg, .unsubscribe-page-actions__export-button svg {
    margin-right: 0;
  }
}
.relationships-filters-tooltip-content {
  background-color: #000000;
  border-radius: 8px;
  width: 600px;
}
.relationships-filters-tooltip-content__body {
  padding: 20px 16px;
}
.relationships-filters-tooltip-content__footer {
  padding: 12px 24px 24px 24px;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #282828;
}
.relationships-filters-tooltip-content__footer svg {
  margin-right: 1rem;
}
.relationships-filters-tooltip-content__btn-apply-filters {
  margin-left: 20px;
}
.unsubscribe-list-page {
  width: 100%;
}
.unsubscribe-list-page .right-sidebar {
  width: 320px;
}
.billing-history__header-title {
  display: flex;
  align-items: center;
}
.billing-history__header-actions {
  display: flex;
  align-items: center;
}
.billing-history__header-date-filter {
  color: #000000;
  background: #f5f5f5;
}
.billing-history__table {
  margin-top: 12px;
  padding: 0 23px;
}
.billing-history__table .billing-history-table__row {
  border-bottom: 1px solid #F4F4F4;
}
.billing-history__table .billing-history-table__row .table-td {
  height: 83px;
}
.billing-history__table .billing-history-table__date-time {
  color: #8d8f92;
}
.billing-history__table .billing-history-table__details-btn {
  width: 93px;
  color: #7b7b7b;
  background: #f5f5f5;
}
.billing-history__table .billing-history-table__details-btn:hover {
  color: #000000;
}
.billing-form-field {
  margin-bottom: 20px;
}
.billing-form-field__label {
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 10px;
}
.card-widget {
  width: 400px;
  min-width: 400px;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
  padding: 36px 36px 50px;
  margin-bottom: 38px;
}
.card-widget__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.card-widget__action-btn {
  cursor: pointer;
  margin-left: 7px;
  height: 20px;
}
.card-widget__action-btn--edit:hover circle,
.card-widget__action-btn--edit:hover path {
  stroke: #221CB6;
}
.card-widget__action-btn--edit:hover rect {
  fill: #221CB6;
}
.card-widget__action-btn--cancel:hover circle {
  stroke: #f77b73;
}
.card-widget__action-btn--cancel:hover rect,
.card-widget__action-btn--cancel:hover path {
  fill: #f77b73;
}
.card-widget__filled-grid {
  display: grid;
  grid-template-areas: "cardNumber cardNumber" "expiration cvv";
  grid-template-rows: repeat(2, 75px);
  grid-template-columns: 3fr 1fr;
  grid-column-gap: 13px;
  grid-row-gap: 30px;
}
.card-widget__filled-grid-card-number {
  grid-area: cardNumber;
}
.card-widget__filled-grid-expiration {
  grid-area: expiration;
}
.card-widget__filled-grid-cvv {
  grid-area: cvv;
}
.card-widget__unfilled-grid {
  display: grid;
  grid-template-areas: "cardNumberLabel cardNumberLabel" "cardNumber cardNumber" "expirationLabel cvvLabel" "expiration cvv";
  grid-template-rows: 20px 50px 20px 50px;
  grid-template-columns: 3fr 1fr;
  grid-column-gap: 13px;
  grid-row-gap: 10px;
}
.card-widget__unfilled-grid-card-number-label {
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  grid-area: cardNumberLabel;
}
.card-widget__unfilled-grid-expiration-label {
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  grid-area: expirationLabel;
}
.card-widget__unfilled-grid-cvv-label {
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  grid-area: cvvLabel;
}
.card-widget__unfilled-grid-card-number {
  grid-area: cardNumber;
  max-height: 40px;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
}
.card-widget__unfilled-grid-expiration {
  grid-area: expiration;
  max-height: 40px;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
}
.card-widget__unfilled-grid-cvv {
  grid-area: cvv;
  max-height: 40px;
  border: 1px solid #DBDFE7;
  border-radius: 8.5px;
}
.card-widget__update-button {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.change-billing-form {
  padding: 15px 20px 50px 20px;
  display: flex;
}
.change-billing-form__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 25px;
  padding-top: 40px;
}
.change-billing-form__address {
  width: 60%;
  max-width: 550px;
  position: relative;
  margin-right: 50px;
}
.change-billing-form__address-grid {
  display: grid;
  grid-template-areas: "name name" "addressLine1 addressLine1" "addressLine2 addressLine2" "city zipCode" "state country" "tax tax";
  grid-template-rows: repeat(6, auto);
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 13px;
}
.change-billing-form__name {
  grid-area: name;
}
.change-billing-form__addressLine1 {
  grid-area: addressLine1;
}
.change-billing-form__addressLine2 {
  grid-area: addressLine2;
}
.change-billing-form__city {
  grid-area: city;
}
.change-billing-form__zip-code {
  grid-area: zipCode;
}
.change-billing-form__state {
  grid-area: state;
}
.change-billing-form__country {
  grid-area: country;
}
.change-billing-form__tax {
  grid-area: tax;
}
.change-billing-form__contacts {
  margin-top: 25px;
}
.change-billing-form__contacts-grid {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr;
}
.change-billing-form__contacts-grid button {
  height: 48px;
}
.change-billing-form__close-btn {
  cursor: pointer;
}
.billing-type-checkboxes {
  display: grid;
  grid-template-columns: 325px 325px;
  grid-template-rows: 50px;
  grid-gap: 50px;
}
.billing-type-checkboxes__item-container {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-shadow: 0 2px 20px #eaecf4;
  border-radius: 8px;
  cursor: pointer;
}
.billing-type-checkboxes__item-container:hover {
  box-shadow: 0 2px 20px #cacdd4;
}
.billing-type-checkboxes__item-container--active {
  color: #fff;
  background-color: #221CB6;
}
.billing-type-checkboxes__item-container--disabled {
  box-shadow: none;
  color: rgba(0, 0, 0, 0.29);
  background-color: #f5f6fa;
  pointer-events: none;
}
.billing-type-checkboxes__item {
  display: flex;
  align-items: center;
  width: 100%;
}
.billing-type-checkboxes__item:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: #f5f6fa;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  flex-shrink: 0;
}
.billing-type-checkboxes__item--active:before {
  background-color: #fff;
  border-color: #fff;
  background-image: url(/128bbb9344604bac26652d9239276c21.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.billing-type-checkboxes__item--active .billing-type-checkboxes__sale {
  color: #251fb6;
  background-color: #ffffff;
}
.billing-type-checkboxes__sale-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.billing-type-checkboxes__sale {
  font-weight: 700;
  font-size: 11px;
  line-height: 11px;
  height: 25px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-left: auto;
  background-color: #251fb6;
  border-radius: 33px;
}
.subscription-type-bar-container {
  display: grid;
  grid-template-columns: 220px 220px 220px;
  grid-gap: 20px;
  margin-bottom: 28px;
}
.subscription-type-bar-container * {
  transition: none;
}

.subscription-type-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 305px;
  padding: 29px 15px 28px;
  background-color: #ffffff;
  color: #3a3b3f;
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  cursor: pointer;
}
.subscription-type-bar:hover {
  box-shadow: 0 2px 20px #cacdd4;
}
.subscription-type-bar__title {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.subscription-type-bar__title__features:hover {
  text-decoration: underline;
}
.subscription-type-bar__title__features-all {
  padding-top: 6px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  color: #8F9199;
}
.subscription-type-bar__title__features_description {
  display: flex;
  flex-direction: column;
  width: 198px;
  margin: 20px;
}
.subscription-type-bar__title__features_description__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
}
.subscription-type-bar__title__features_description__item svg {
  margin-right: 10px;
}
.subscription-type-bar__content {
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding-top: 20px;
}
.subscription-type-bar__content-info {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.subscription-type-bar--active {
  background-color: #251fb6;
  border-color: #251fb6;
  color: #ffffff;
}
.subscription-type-bar--active .subscription-form__param-unlimited-field,
.subscription-type-bar--active .subscription-form__param-enterprise-field,
.subscription-type-bar--active .subscription-form__param-title,
.subscription-type-bar--active .subscription-form__param-label {
  color: #ffffff;
}
.subscription-type-bar--active .subscription-form__param-unlimited-field,
.subscription-type-bar--active .subscription-form__param-enterprise-field,
.subscription-type-bar--active .poor-number-input input {
  background-color: #251fb6;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #ffffff;
}
.subscription-type-bar--active .subscription-form__param-unlimited-field svg path,
.subscription-type-bar--active .subscription-form__param-enterprise-field svg path,
.subscription-type-bar--active .poor-number-input input svg path {
  fill: #ffffff;
}
.subscription-type-bar--active .poor-number-input__decrease-btn:hover, .subscription-type-bar--active .poor-number-input__increase-btn:hover {
  color: #ffffff;
}
.subscription-type-bar--active .subscription-type-bar__title__features-all {
  color: #FFFFFF;
}
.subscription-type-bar__checkbox {
  width: fit-content;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
}
.subscription-type-bar .react-tooltip {
  min-width: 210px;
}
.subscription-form {
  padding-top: 62px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}
.subscription-form__header-title {
  display: flex;
  align-items: center;
}
.subscription-form__content {
  width: 700px;
}
.subscription-form__params-row {
  display: grid;
  grid-template-columns: 325px 325px;
  grid-gap: 50px;
}
.subscription-form__param-title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 8px;
  color: #3a3b3f;
}
.subscription-form__param-title-with-tooltip {
  align-items: center;
  height: calc(100% - 20px);
  justify-content: flex-start;
  gap: 4px;
}
.subscription-form__param-field {
  padding-bottom: 10px;
}
.subscription-form__param-field .poor-number-input input {
  height: 48px;
}
.subscription-form__param-unlimited-field {
  margin-bottom: 24px;
}
.subscription-form__param-enterprise-field {
  margin-bottom: 10px;
}
.subscription-form__param-unlimited-field, .subscription-form__param-enterprise-field {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #dbdfe7;
  font-weight: 400;
  font-size: 16px;
  color: #3a3b3f;
}
.subscription-form__param-unlimited-field svg, .subscription-form__param-enterprise-field svg {
  margin-right: 7px;
}
.subscription-form__param-unlimited-field svg path, .subscription-form__param-enterprise-field svg path {
  fill: #3a3b3f;
}
.subscription-form__param-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8f9199;
}
.subscription-form__billing-cycle-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: inherit;
  margin-bottom: 15px;
}
.subscription-form__price, .subscription-form__due-today-price {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-top: 30px;
  padding: 0 35px;
  border: 1px solid #dbdfe7;
  border-radius: 8px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 16px;
}
.subscription-form__price-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 28px;
}
.subscription-form__price-interval {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}
.subscription-form__due-today-price {
  background: #f5f6fa;
  border: none;
  margin-top: 10px;
}
.subscription-form__due-today-price-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 64px;
  color: #221CB6;
}
.subscription-form__payment-details-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: inherit;
  margin-top: 39px;
  margin-bottom: 10px;
}
.subscription-form__apply-btn {
  width: 100%;
  margin-top: 8px;
  display: block;
  font-size: 14px;
  height: 43px;
}
.subscription-form__apply-btn--hidden {
  display: none;
}
.subscription-form__contact_us-btn {
  width: 100%;
  margin-top: 15px;
  display: block;
  font-size: 14px;
  height: 43px;
}
.subscription-form__plans-btn {
  height: 43px;
  font-size: 14px;
}
.subscription-form__plans-btn:hover {
  background: #F5F6FA !important;
  color: #221CB6 !important;
}
.subscription-form__card {
  display: flex;
  align-items: center;
  height: 78px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #dbdfe7;
}
.subscription-form__card .use-card-to-pay {
  height: auto;
}
.subscription-form__note {
  margin-top: 32px;
  display: flex;
  width: 100%;
  justify-content: center;
  color: #8F9199;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.subscription-form__note a {
  color: #8F9199;
  margin-left: 2px;
}
.subscription-form__note svg {
  margin-right: 3px;
}
.subscription-form__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
  color: #8f9199;
  font-weight: 600;
  font-size: 12px;
}
.subscription-form__footer-icon {
  height: 18px;
  margin-right: 7px;
}
.subscription-form__checkbox {
  margin-top: 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.subscription-form__checkbox > input {
  margin-right: 14px;
}
.subscription-form__terms {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8f8f8f;
}
.invoice-info {
  padding: 32px 70px 120px;
  position: relative;
  width: 850px;
  margin: 0 auto;
}
.invoice-info__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__header-info {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.invoice-info__bill-info {
  margin-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__bill-info-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 48px;
}
.invoice-info__bill-info-content {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.invoice-info__bill-info-sub-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 21px;
}
.invoice-info__bill-to-content {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 22px;
}
.invoice-info__bill-details {
  margin-right: 60px;
}
.invoice-info__bill-details-row {
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoice-info__bill-details-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.invoice-info__bill-details-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #8f9199;
}
.invoice-info__cost-grid {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 35px;
}
.invoice-info__cost-grid-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  color: #8d8f92;
}
.invoice-info__cost-grid-title--righted {
  text-align: right;
}
.invoice-info__cost-grid-cell {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.invoice-info__cost-grid-cell--with-border {
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__cost-grid-cell--righted {
  justify-content: flex-end;
}
.invoice-info__comment {
  margin-top: 22px;
}
.invoice-info__additional-info {
  margin-top: 40px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f4f4f4;
}
.invoice-info__additional-info-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  color: #1b1e22;
}
.invoice-info__additional-info-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  color: #8d8f92;
  margin-left: 6px;
  margin-right: 30px;
}
.text-with-icon {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  padding: 5px 5px 5px 7px;
  margin-right: -5px;
  text-decoration: none;
  color: #3424eb;
  font-size: 16px;
  line-height: 20px;
  transition: background-color 200ms ease;
  cursor: pointer;
}
.text-with-icon--disabled {
  background-color: #f5f6fa;
  color: #bfc2cc;
  cursor: default;
}
.text-with-icon:hover {
  background-color: #eef3ff;
}
.text-with-icon__icon {
  display: flex;
  align-items: center;
  margin-right: 6px;
  max-height: 20px;
}
.billing-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.billing-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
  padding: 14px 20px 14px 20px;
  min-height: 68px;
}
.billing-card__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.billing-card__subtitle {
  margin-top: 3px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #8d8f92;
}
.billing-card__footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px 20px 20px 20px;
  min-height: 93px;
}
.billing-card__footer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.billing-card__footer-info-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.billing-card__footer-info-subtitle {
  margin-top: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8d8f92;
}
.billing-card__footer-chart {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}
.billing-card__footer-chart-bar-container {
  display: flex;
  width: 100%;
  margin: 0;
  height: 8px;
  background-color: #eeeeee;
}
.billing-card__footer-chart-bar {
  height: 8px;
  background-color: #3424eb;
}
.billing-card__chart-legend {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8d8f92;
}
.billing-card__chart-legend svg {
  margin-top: 2px;
}
.billing-card__chart-legend-number {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #221cb6;
}

.get-ultimate-card {
  grid-column: span 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 22px 20px;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.get-ultimate-card a {
  text-decoration: none;
}
.get-ultimate-card__text-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.get-ultimate-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  background-color: #eef3fd;
  border-radius: 8px;
}
.get-ultimate-card__text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.switch-to-yearly-card {
  grid-column: span 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 22px 20px;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.switch-to-yearly-card a {
  text-decoration: none;
}
.switch-to-yearly-card__text-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.switch-to-yearly-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #eef3fd;
  border-radius: 8px;
}
.switch-to-yearly-card__text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.switch-to-yearly-card__button {
  background-color: #3424eb;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding-right: 9px;
}
.switch-to-yearly-card__button:hover {
  opacity: 0.8;
  background-color: #3424eb;
}
.upsell-contacts-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.upsell-contacts-sidebar__body {
  flex: 1;
  padding: 20px;
}
.upsell-contacts-sidebar__buy-email-block {
  background-color: #f2f5ff;
  border-radius: 11px;
  padding: 20px 20px 19px;
  font-size: 16px;
}
.upsell-contacts-sidebar__price {
  font-weight: 800;
}
.upsell-contacts-sidebar__price-quantity-row {
  display: flex;
  align-items: baseline;
  margin-top: 10px;
}
.upsell-contacts-sidebar__price-quantity-input {
  margin-left: 12px;
}
.upsell-contacts-sidebar__price-quantity-input .input__field {
  padding-left: 10px;
  width: 67px;
}
.billing-cancellation-wrapper-review-modal {
  max-width: 634px;
  width: 100% !important;
  max-height: 566px;
  height: 100%;
}

.billing-cancellation-review-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 91px 40px 57px;
  height: 100%;
}
.billing-cancellation-review-modal__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin-bottom: 39px;
  background-color: #F0F4FF;
  border-radius: 50%;
  flex: none;
}
.billing-cancellation-review-modal__title {
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #000000;
}
.billing-cancellation-review-modal__subtitle {
  margin-bottom: 67px;
  text-align: center;
}
.billing-cancellation-review-modal__subtitle span {
  color: #615F5F;
  font-weight: 400;
  font-size: 15px;
  line-height: 139%;
}
.billing-cancellation-review-modal__footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: end;
}
.billing-cancellation-review-modal__footer button {
  max-width: 386px;
  width: 100%;
  gap: 0;
}
.billing-cancellation-review-modal__footer .go-to-button {
  margin-bottom: 12px;
}
.billing-cancellation-flow__content {
  padding: 47px 20px;
  min-width: 590px;
}
.billing-cancellation-flow__close-btn {
  display: flex;
  padding: 5px 0 5px 5px;
  cursor: pointer;
}
.billing-cancellation-flow__title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.billing-cancellation-flow__subtitle {
  max-width: 627px;
  font-size: 16px;
  line-height: 21px;
  color: #4f4f4f;
}
.billing-cancellation-flow__plan-details {
  display: flex;
  flex-direction: column;
  padding: 37px 51px 22px;
  background: rgba(233, 238, 255, 0.67);
  border-radius: 8px;
  max-width: 505px;
  margin-top: 83px;
  margin-bottom: 102px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.billing-cancellation-flow__plan-details-price-row {
  display: flex;
  align-items: flex-end;
  margin-top: 11px;
  margin-bottom: 47px;
}
.billing-cancellation-flow__plan-details-price {
  font-weight: 600;
  font-size: 60px;
  line-height: 60px;
  color: #221cb6;
}
.billing-cancellation-flow__plan-details-period {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #221cb6;
}
.billing-cancellation-flow__plan-details-point {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.billing-cancellation-flow__plan-details-point svg {
  margin-right: 10px;
}
.billing-cancellation-flow__plan-details-point svg path {
  fill: #221cb6;
}
.billing-cancellation-flow__form {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.billing-cancellation-flow__form-content {
  max-width: 539px;
}
.billing-cancellation-flow__form-label {
  margin-top: 27px;
  margin-bottom: 8px;
  padding-left: 3px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #8f9199;
}
.billing-cancellation-flow__form-character-counter {
  margin-top: 6px;
  margin-bottom: -18px;
  padding-left: 3px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8f9199;
}
.billing-cancellation-flow__form-textarea textarea {
  height: 154px;
  line-height: 24px;
  padding: 12px 17px 15px 16px;
}
.billing-cancellation-flow__form-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #8f9199;
}
.billing-cancellation-flow__form-hidden-input {
  display: none;
}
.billing-cancellation-flow__form-input input {
  height: 48px;
}
.billing-cancellation-flow__footer {
  display: flex;
  justify-content: space-between;
}
.billing-cancellation-flow__footer button {
  width: auto;
}
.billing-cancellation-modal {
  display: flex;
  flex-direction: column;
  padding: 50px 40px 47px;
}
.billing-cancellation-modal__title {
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.billing-cancellation-modal__subtitle {
  font-size: 15px;
  line-height: 21px;
  color: #615f5f;
}
.billing-cancellation-modal__subtitle-highlight {
  color: #221cb6;
}
.billing-cancellation-modal__content {
  display: flex;
  justify-content: space-between;
  gap: 17px;
  margin: 50px 0 48px;
}
.billing-cancellation-modal__content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 185px;
  padding: 36px 15px 35px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  text-align: center;
}
.billing-cancellation-modal__content-item-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
.billing-cancellation-modal__content-item-value {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #221cb6;
}
.billing-cancellation-modal__footer {
  display: flex;
  justify-content: space-between;
}
.billing-cancellation-modal__footer button {
  width: auto;
}
.billing-subscription-type-badge {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}
.billing-subscription-type-badge--purple {
  background-color: #3424eb;
}
.billing-subscription-type-badge--green {
  background-color: #23e771;
}
.billing-subscription-type-badge--yellow {
  background-color: #ffc300;
}
.billing-subscription-type-badge--red {
  background-color: #ed483d;
}
.subscription-card__change-link {
  text-decoration: none;
  color: #3424eb;
  font-size: 16px;
  line-height: 20px;
}
.subscription-card__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 19px;
}
.subscription-card__info-title {
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.subscription-card__info-type {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8d8f92;
}
.subscription-card__info-amount {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  color: #221cb6;
}
.credits-card__info {
  display: flex;
  flex-direction: column;
}
.credits-card__info-title {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.credits-card__info-subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #8d8f92;
}
.credits-card__info-highlight {
  color: #30c6f3;
}
.email-accounts-card {
  height: 312px;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.email-accounts-card__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  height: 85px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
}
.email-accounts-card__header a {
  text-decoration: none;
}
.email-accounts-card__change-link {
  text-decoration: none;
  color: #3424eb;
  font-size: 16px;
  line-height: 20px;
}
.email-accounts-card__body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 45px;
}
.email-accounts-card__chart-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
}
.email-accounts-card__chart-icon {
  position: absolute;
}
.email-accounts-card__info {
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 70px;
}
.email-accounts-card__info-title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1.5rem;
}
.email-accounts-card__current-accounts {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  color: #221cb6;
}
.email-accounts-card__current-accounts--empty {
  color: #ed483d;
}
.email-accounts-card__total-accounts {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  color: #8d8f92;
}
.email-accounts-card__info-amount {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  color: #221cb6;
}
.last-invoice-card {
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.last-invoice-card__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  height: 85px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
}
.last-invoice-card__header a {
  text-decoration: none;
}
.last-invoice-card__last-invoice {
  display: inline-flex;
  align-items: center;
}
.last-invoice-card__last-invoice-number {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  color: #8d8f92;
}
.last-invoice-card__warning-triangle {
  display: inline-flex;
  margin-left: 10px;
  cursor: pointer;
}
.last-invoice-card__warning-triangle svg {
  width: 16px;
  height: 16px;
}
.last-invoice-card__last-invoice-link {
  text-decoration: none;
  color: #3424eb;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.last-invoice-card__body {
  padding: 32px 20px;
}
.last-invoice-card__body-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.last-invoice-card__body-row:not(.last-invoice-card__body-row:last-child) {
  margin-bottom: 24px;
}
.last-invoice-card__body-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
}
.last-invoice-card__body-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  color: #8d8f92;
}
.billing-details-card {
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.billing-details-card__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  height: 85px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
}
.billing-details-card__header a {
  text-decoration: none;
}
.billing-details-card__last-invoice-link {
  text-decoration: none;
  color: #3424eb;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.billing-details-card__body {
  padding: 32px 20px;
}
.billing-details-card__body-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.billing-details-card__body-row:not(.billing-details-card__body-row:last-child) {
  margin-bottom: 24px;
}
.billing-details-card__body-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
}
.billing-details-card__body-value {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  color: #8d8f92;
  line-break: anywhere;
  max-width: 60%;
}
.trial-period-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  padding: 22px 20px;
  box-shadow: 0 4px 90px rgba(201, 201, 201, 0.25);
  border-radius: 8px;
}
.trial-period-card a {
  text-decoration: none;
}
.trial-period-card__text-container {
  display: flex;
  align-items: center;
  gap: 14px;
}
.trial-period-card__warning-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #ffeeee;
  border-radius: 9px;
}
.trial-period-card__text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}
.billing {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.billing__content {
  padding: 26px 30px;
  min-width: 900px;
  width: 100%;
}
.billing__content-container {
  flex: 1;
  display: flex;
  overflow: auto;
}
.billing__grid-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.billing__grid-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-top: 25px;
}
.billing__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #f9f9f9;
}
.billing__footer button {
  width: auto;
}
.billing__footer-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.billing__footer-description {
  max-width: 700px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8f8f8f;
}
.billing-page__mock {
  height: 100vh;
  display: flex;
  align-items: center;
}
.template-editor-page {
  display: flex;
  flex-direction: column;
}
.template-editor-page__header-btns {
  display: flex;
}
.template-editor-page__header-btns .button {
  margin-left: 8px;
  height: 45px;
}
.template-editor-page__body {
  padding: 30px;
}
.template-editor-page__body > .template-editor-page__date-created + .template-editor-page__sequence-editor .template-editor-page__steps {
  margin-top: 77px;
}
.template-editor-page__date-created {
  color: #8f9199;
  position: relative;
  top: 30px;
}
.template-editor-page__date-created-text {
  display: flex;
  align-items: center;
  gap: 5px;
}
.template-editor-page__date-created-autor {
  background-color: #e9eeff;
  color: #221cb6;
  font-size: 12px;
  border-radius: 8.5px;
  width: fit-content;
  padding: 5px;
  min-width: 70px;
  text-align: center;
}
.template-editor-page__sequence-editor {
  display: flex;
  justify-content: space-between;
}
.template-editor-page__title-input-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.template-editor-page__title-input-wrapper .input__field {
  height: 50px;
  width: 350px;
  border-color: #E9ECF1;
}
.template-editor-page__editor {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.template-editor-page__editor .sequence-editor {
  border-radius: 8px;
}
.template-editor-page__editor .sequence-editor__autosave {
  margin-top: 15px;
}
.template-editor-page__steps {
  overflow-y: auto;
  border-radius: 8px;
  margin-right: 12px;
  width: 33%;
  min-width: 350px;
  max-width: 390px;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  background: #FBFCFD;
  border-radius: 8px;
}
.settings-page {
  display: flex;
}
.settings-page__content {
  flex: 1;
  max-width: 100%;
  height: 100vh;
  overflow-y: auto;
}
.settings-page__content .subscription-form__content .subscription-form__due-today-price {
  height: 83px;
}
.settings-page__content .subscription-form__content .subscription-form__due-today-price-value {
  font-size: 28px;
}
.settings-page__content .subscription-form__content .subscription-form__price {
  height: 79px;
}
.settings-page__content .subscription-form__content .subscription-form__apply-btn {
  margin-top: 25px;
}
.webhook-settings__header {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  height: 85px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F4F4F4;
  padding-left: 20px;
}
.webhook-settings__header-right {
  margin-left: auto;
  display: flex;
}
.webhook-settings__button-text {
  margin-left: 10px;
}
.webhooks-table {
  margin-top: 17px;
}
.webhooks-table__tr {
  cursor: pointer;
  height: 90px;
}
.webhooks-table__tr:hover {
  background-color: #EEF3FF;
}
.webhooks-table__th {
  text-align: left;
}
.webhooks-table__th:first-child {
  padding-left: 0;
}
.webhooks-table__td {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
}
.webhooks-table__td--notification:first-child {
  padding: 0 3px 0 7px;
  vertical-align: middle;
  max-width: 46px;
}
.webhooks-table__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1B1E22;
}
.webhooks-table__channel {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  color: #1B1E22;
}
.webhooks-table__channel img {
  margin-right: 5px;
}
.webhooks-table__actions-icon {
  cursor: pointer;
}
.webhooks-table__actions-icon:hover svg circle {
  stroke: #4B4C4D;
}
.webhooks-table__actions-icon:hover svg rect,
.webhooks-table__actions-icon:hover svg path {
  fill: #4B4C4D;
}
.edit-webhook-sidebar {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
}
.edit-webhook-sidebar__row {
  padding: 0 20px;
}
.edit-webhook-sidebar__row:not(.edit-webhook-sidebar__row:last-child) {
  margin-bottom: 20px;
}
.edit-webhook-sidebar__row__validation-message {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e35252;
  font-size: 13px;
  margin-top: 10px;
}
.edit-webhook-sidebar__row__validation-message svg {
  fill: #e35252;
}
.edit-webhook-sidebar__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  color: #8d8f92;
  margin-bottom: 8px;
}
.edit-webhook-sidebar--loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.edit-webhook-sidebar__row {
  margin-bottom: 20px;
}
.edit-webhook-sidebar__field-label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}
.edit-webhook-sidebar__field {
  width: 100%;
}
.edit-webhook-sidebar__saving-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.edit-webhook-sidebar__error-message {
  color: #f44336;
  font-size: 12px;
  margin-top: 4px;
}
.edit-webhook-sidebar__info {
  margin-top: 24px;
  background-color: #f5f7fa;
  border-radius: 4px;
  padding: 12px;
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}
.edit-webhook-sidebar__info p {
  margin: 0 0 8px 0;
}
.edit-webhook-sidebar__info p:last-child {
  margin-bottom: 0;
}
.edit-webhook-sidebar__info a {
  color: #221CB6;
  text-decoration: none;
}
.edit-webhook-sidebar__info a:hover {
  text-decoration: underline;
}
.edit-webhook-sidebar__completion {
  margin-top: 24px;
  padding: 0 20px;
}
.edit-webhook-sidebar__completion-label {
  font-size: 12px;
  color: #8d8f92;
  margin-bottom: 4px;
}
.edit-webhook-sidebar__completion-bar {
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.edit-webhook-sidebar__completion-progress {
  position: absolute;
  height: 100%;
  background-color: #4CAF50;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.edit-webhook-sidebar__success-message {
  margin: 16px 20px 0;
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #e8f5e9;
  border-radius: 4px;
  color: #2e7d32;
  font-size: 14px;
  animation: fadeInOut 3s ease-in-out;
}
.edit-webhook-sidebar__success-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-color: #4CAF50;
  border-radius: 50%;
  color: white;
  margin-right: 8px;
  font-size: 12px;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.unsubscribed-page {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  min-width: 320px;
  min-height: 100vh;
  padding: 90px 60px 0;
  font-family: "Oakes Grotesk", sans-serif;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
}
@media (max-width: 915px) {
  .unsubscribed-page {
    padding: 60px 15px 0;
  }
}
.unsubscribed-page__gradient-left {
  position: absolute;
  top: 40%;
  left: -5%;
  width: 100%;
  max-width: 704px;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1280px) {
  .unsubscribed-page__gradient-left {
    left: -35%;
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .unsubscribed-page__gradient-left {
    left: -50%;
  }
}
.unsubscribed-page__gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
}
.unsubscribed-page__logo-container {
  position: absolute;
  width: auto;
  margin-bottom: 48px;
}
.unsubscribed-page__logo {
  height: 54px;
}
@media (max-width: 915px) {
  .unsubscribed-page__logo {
    height: 50px;
  }
}
@media (max-width: 520px) {
  .unsubscribed-page__logo {
    height: 40px;
  }
}
.unsubscribed-page__content {
  display: flex;
  flex-direction: column;
  max-width: 670px;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
}
.unsubscribed-page__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.unsubscribed-page__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 64px;
  line-height: 106px;
  text-align: center;
  letter-spacing: -3.5px;
  color: #111a45;
}
@media (max-width: 915px) {
  .unsubscribed-page__title {
    line-height: 52px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 540px) {
  .unsubscribed-page__title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.5px;
  }
}
.unsubscribed-page__sub-title {
  max-width: 100%;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #525979;
}
@media (max-width: 540px) {
  .unsubscribed-page__sub-title {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
  }
}
.unsubscribed-page__sub-title-highlight {
  color: #251fb6;
}
.unsubscribed-page__list {
  display: flex;
  flex-direction: column;
  margin: 50px 0 41px;
}
@media (max-width: 915px) {
  .unsubscribed-page__list {
    margin: 30px 0 0;
  }
}
.demo-popup {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.demo-popup__bg {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.36);
  animation: comein 0.3s linear forwards;
}
.demo-popup__message-window {
  height: 900px;
  min-width: 1200px;
  max-width: 1400px;
  background-color: #FFFFFF;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.demo-popup__close-icon {
  position: absolute;
  right: 12px;
  top: 12px;
  height: 24px; /* this can be anything */
  width: 24px; /* ...but maintain 1:1 aspect ratio */
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.demo-popup__close-icon::before, .demo-popup__close-icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px; /* cross thickness */
  background-color: black;
}
.demo-popup__close-icon::before {
  transform: rotate(45deg);
}
.demo-popup__close-icon::after {
  transform: rotate(-45deg);
}
.demo-popup__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 53px;
  margin-top: 25px;
}
.demo-popup__description {
  margin-top: 18px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #8F9199;
}
.demo-popup__clients-logo {
  margin-top: 120px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 30px;
}

@keyframes comein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes comein-message {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 1481px) {
  .exit-popup__message-window {
    height: auto;
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-height: 870px) {
  .exit-popup__close-icon {
    top: 15px;
    right: 20px;
    z-index: 1000000;
  }
  .exit-popup__close-icon::before, .exit-popup__close-icon::after {
    background-color: black;
  }
}
.linked-steps {
  padding: 0 30px;
  display: flex;
  justify-content: center;
}
.linked-steps__step {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 16px;
  color: #7b7b7b;
  padding-bottom: 22px;
  border-bottom: 2px solid #e9ecf1;
  width: 200px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.linked-steps__step:hover {
  color: #000;
  border-color: #7b7b7b;
}
.linked-steps__step:not(.linked-steps__step:last-child) {
  margin-right: 32px;
}
.linked-steps__step--disabled {
  pointer-events: none;
}
.linked-steps__step--disabled:hover {
  color: #7b7b7b;
  border-bottom: 2px solid #e9ecf1;
}
.linked-steps__step--active {
  color: #000;
  border-color: #221cb6;
}
.onboarding-welcome__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  position: relative;
}
.onboarding-welcome__video {
  border-radius: 15px;
  overflow: hidden;
}
.onboarding-welcome__continue-btn {
  margin-top: 30px;
  width: 400px;
}
.onboarding-onboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 94px;
}
.onboarding-onboarding__continue-btn-container {
  width: 100%;
  min-width: 320px;
  max-width: 1000px;
  padding: 7px 98px 0;
  text-align: center;
}
.onboarding-onboarding__continue-btn {
  width: 100%;
  height: 48px;
}
.onboarding-onboarding__skip-btn {
  margin-top: 15px;
  color: #96989f;
}
.onboarding-onboarding__skip-btn:hover {
  color: #000;
}
.onboarding-members {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.onboarding-members__content {
  width: 600px;
  margin-top: 45px;
}
.onboarding-members__field-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 8px;
}
.onboarding-members__role-selection-label {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
  margin-bottom: 15px;
}
.onboarding-members__role-selection {
  margin-top: 22px;
}
.onboarding-members__role-name {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #1B1E22;
  width: 85px;
}
.onboarding-members__role-desc {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  color: #8f9199;
}
.onboarding-members__invite-btn {
  width: 600px;
  margin-top: 30px;
}
.onboarding-members__skip-btn {
  margin-top: 15px;
  color: #96989F;
}
.onboarding-members__skip-btn:hover {
  color: #000;
}
.onboarding-page__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 45px 45px 20px;
  height: auto;
}
.onboarding-page__header-signout-button {
  background-color: #e9ecf1;
  color: #575757;
  border-radius: 8px;
  white-space: nowrap;
}
.onboarding-page__header-signout-button:hover {
  color: #424242;
}
.onboarding-page__logo {
  flex-shrink: 0;
}
.onboarding-page__logo svg {
  width: 134px;
  height: auto;
}
.ai-agents-table {
  width: 100%;
}
.ai-agents-table .table__thead {
  position: sticky;
  top: 68px;
  background: white;
  z-index: 8;
}
.ai-agents-table .table__thead .table__tr {
  border-bottom: none;
}
.ai-agents-table .table__thead .table__tr .table__th {
  padding-top: 25px;
}
.ai-agents-table .table__thead .table__tr .table__th #opportunity-column-title {
  background: black;
}
.ai-agents-table .table__thead .table__tr .table__th #opportunity-column-title:after {
  display: none;
}
.ai-agents-table .table-tr {
  border-bottom: 2px solid #F9F9F9;
}
.ai-agents-table .table-tr .table-td .colored-toggler + .type-dark:after {
  display: none;
}
.ai-agents-table .table-tr .table-td .total-cell,
.ai-agents-table .table-tr .table-td .launched-cell,
.ai-agents-table .table-tr .table-td .scheduled-cell,
.ai-agents-table .table-tr .table-td .contacted-cell,
.ai-agents-table .table-tr .table-td .opened-cell,
.ai-agents-table .table-tr .table-td .replied-cell,
.ai-agents-table .table-tr .table-td .created_on-cell {
  color: #393939;
}
.ai-agents-table .table-tr .table-td .total-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .launched-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .scheduled-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .contacted-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .opened-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .replied-cell .subtitle-cell,
.ai-agents-table .table-tr .table-td .created_on-cell .subtitle-cell {
  color: #928e8d;
  font-size: 12px;
  display: block;
}
.ai-agents-table .table-tr .table-td .opened-cell,
.ai-agents-table .table-tr .table-td .replied-cell {
  display: flex;
  align-items: center;
  grid-column-gap: 6px;
}
.ai-agents-table .table-tr .table-td .opened-cell > div,
.ai-agents-table .table-tr .table-td .replied-cell > div {
  display: flex;
  flex-direction: column;
}
.ai-agents-table .table-tr .table-td .created_on-cell p {
  margin-top: 3px;
  color: #928E8D;
  font-size: 12px;
}
.ai-agents-table-header {
  display: flex;
  align-items: center;
  gap: 13px;
}
.ai-agents-table__row {
  height: 80px;
}
.ai-agents-table__row:hover {
  background-color: #eef3ff;
  cursor: pointer;
}
.ai-agents-table .title-cell {
  display: flex;
  align-items: center;
  gap: 13px;
}
.ai-agents-table .title-cell__body {
  grid-row-gap: 4px;
  display: flex;
  flex-direction: column;
}
.ai-agents-table .title-cell__title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  color: #1b1e22;
  max-width: 600px;
  /*
    To make big titles overflow - ellipsis
   */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*
    Or just line - height
   */
  line-height: 21px;
}
.ai-agents-table .title-cell__folder {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 130%;
  color: #928e8d;
}
.ai-agents-table .status-cell__header {
  cursor: pointer;
}
.ai-agents-table .status-cell__header svg {
  width: 8px;
  margin-left: 4px;
  transform: rotate(180deg);
}
.ai-agents-table .status-cell__header svg > path {
  fill: #8d8f92;
}
.ai-agents-table .status-cell__header--active {
  color: #000000;
}
.ai-agents-table .status-cell__status {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  color: #4b4c4d;
  margin-bottom: 7px;
}
.ai-agents-table .status-cell__filters {
  padding: 6px 14px;
}
.ai-agents-table .status-cell__filters-tooltip {
  background-color: #000000;
}
.ai-agents-table .status-cell__filters-row {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border-radius: 8px;
  margin: 2px 0;
  cursor: pointer;
}
.ai-agents-table .status-cell__filters-row:hover, .ai-agents-table .status-cell__filters-row--active {
  background-color: #282828;
}
.ai-agents-table .status-cell__filters-row > span {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  background-color: #8d8f92;
  border-radius: 50%;
  margin-right: 14px;
}
.ai-agents-table .status-cell__filters-green {
  background-color: #58cd95 !important;
}
.ai-agents-table .status-cell__filters-orange {
  background-color: #fc8619 !important;
}
.ai-agents-table .status-cell__filters-purple {
  background-color: #cd58c3 !important;
}
.ai-agents-table .delivered-cell {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  line-height: 130%;
  color: #8d8f92;
}
.ai-agents-table .shares-cell {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  font-size: 10px;
}
.ai-agents-page {
  display: flex;
  height: 100vh;

  .ai-agents-page__content {
    flex: 1;
    display: flex;
    flex-direction: column !important;
    position: relative;
    padding-top: 68px;

    .page-header.page-header__with-close-btn {
      left: 0;
    }
  }

  .ai-agents-page__content-header {
    display: flex;
    align-items: center;
    margin-left: 50px;
    gap: 12px;

    input {
      width: 100%;
    }
  }
}

.ai-agents-page {
  display: flex;
  height: 100vh;

  .ai-agents-page__content {
    flex: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    padding-top: 68px;

    .ai-agents-page__content-chat {
      flex-direction: row !important;
      display: flex;
    }

    .ai-agents-page__content-body {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      /*transform: translateY(-50%);*/
      /*position: relative;*/
      /*top: 50%;*/
      width: 100%;
      height: calc(100vh - 68px);
      justify-content: flex-end;
      padding-bottom: 60px;

      .ai-agents-page__content-body-title {
        text-align: center;
        font-size: 32px;
        font-weight: 400;
        line-height: normal;
        margin-top: -40px;
      }

      .ai-agents-page__content-body-list {
        display: flex;
        grid-column-gap: 13px;
        margin-bottom: 140px;
      }

      .ai-agents-page__content-body-input {
        max-width: 696px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid rgba(219, 223, 231, 0.7);
        border-radius: 15px;
        height: 66px;
        padding: 12px;
        margin-top: 26px;

        .input, input {
          width: 100%;
        }

        input {
          border: none;
          color: #191B1E;

          &::placeholder {
            color: #929AAB;
          }
        }

        &:has(input:focus) {
          border-color: #E5E5F1;
          box-shadow: 0px 6px 5.5px -1px rgba(224, 223, 255, 0.45);
        }

        button {
          min-width: 53px;
          padding: 0 10px;
        }
      }
    }

    .ai-agents-page__content-body::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 75px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 1), transparent);
      pointer-events: none;
    }
  }

  .ai-agents-page__content-header {
    display: flex;
    align-items: center;
    margin-left: 50px;
    gap: 12px;

    input {
      width: 100%;
    }
  }
}

.chat-container {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  padding-right: 15px;
  width: 100%;
  max-width: 696px;
}

.chat-bubble {
  display: flex;
  align-items: flex-start;
  grid-column-gap: 16px;
  width: 100%;
}

.chat-bubble-message {
  margin: 8px 0;
  padding: 20px 25px;
  border-radius: 12px;
  font-size: 16px;
  max-width: 70%;
  width: 100%;
  line-height: 167%;
}

.chat-bubble-user {
  background-color: #F5F6FA;
  margin: 16px 0 16px auto;
}

.chat-bubble-system {
  background-color: #f1f1f1;
  margin: 16px 0;
}

.info-card {
    border: 1px solid #DBDFE7;
    border-radius: 12px;
    padding: 20px;
    padding-right: 30px;
    background-color: #ffffff;
    min-width: 165px;
    max-width: 180px;
    min-height: 80px;
    word-wrap: break-word;

    p {
        font-size: 14px;
        color: #3C455B;
        line-height: normal;
        text-align: left;
    }

    &:hover,
    .active {
        transition: .3s;
        cursor: pointer;
        border-color: rgba(37, 31, 182, 41%);
        background-color: rgba(37, 31, 182, 4%);
    }
}
.ai-agents-page__sidebar {
    .configurable-sidebar {
        padding-top: 0;
        height: calc(100vh - 68px);
    }
}
.ai-agents-page {
    .ai-agents-page__content-instructions {
        flex-direction: row !important;
        display: flex;

        .ai-agents-page__content-body {
            justify-content: flex-start;
            height: calc(100vh - 68px);
            padding-top: 68px;
            overflow: auto;
        }

        .ai-agents-page__content-body::before {
            display: none;
        }
    }

    .ai-agents-page__instructions-row {
        display: flex;
        grid-column-gap: 25px;
        justify-content: space-between;
        max-width: 917px;
        width: 100%;
        padding: 0 15px;

        .ai-agents-page__instructions-column {
            width: 100%;

            input {
                width: 100%;
            }

            label {
                font-size: 14px;
                color: #8F9199;
                margin-bottom: 11px;
                display: inline-flex;
                align-items: center;
                grid-column-gap: 5px;

                svg {
                    cursor: pointer;
                }
            }

            textarea {
                min-height: 88px;
                line-height: normal;
            }

            .ai-agents-page__instructions-column__generate-icon {
                margin-left: 5px;
                height: fit-content;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                position: relative;
                top: 2px;

                &:hover {
                    svg {
                        cursor: pointer;

                        circle,
                        rect,
                        path {
                            &[stroke] {
                                stroke: #221cb6;
                            }

                            &[fill] {
                                fill: #221cb6;
                            }
                        }
                    }
                }
            }
        }

        .ai-agents-page__instructions-column.flex-vertical {
            display: flex;
            align-items: center;
            margin-top: 26px;
        }

        .ai-agents-page__instructions-column-flex {
            display: flex;
            align-items: center;
            grid-column-gap: 8px;

            p {
                color: #8F9199;

                span {
                    color: #000000;
                    margin-left: 7px;
                }
            }
        }

        .ai-agents-page__instructions-column-list {
            width: 100%;
            grid-row-gap: 11px;
            display: flex;
            flex-direction: column;

            .ai-agents-page__instructions-column-item {
                display: flex;
                justify-content: space-between;
                grid-column-gap: 26px;
                align-items: center;
                position: relative;

                .actions-menu {
                    position: absolute;
                    right: -40px;
                }
            }

            .ai-agents-page__instructions-column-item:first-child {
                label {
                    margin-bottom: 0;
                }
            }
        }
    }

    .ai-agents-page__instructions-row:not(:last-child) {
        margin-bottom: 37px;
    }

    .ai-agents-page__advanced-column,
    .advanced-settings-wrapper {
        width: 100%;
        max-width: 916px;

        .ai-agents-page-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 44px;
            width: 100%;
            margin: auto;
        }

        .ai-agents-page-section {
            display: flex;
            flex-direction: column;

            .ai-agents-page-section__item {
                margin-bottom: 38px;

                .ai-agents-page-label {
                    display: inline-block;
                    margin-bottom: 11px;
                    font-size: 14px;
                    color: #8F9199;
                }
            }

            .ai-agents-page-section__item.mb-small {
                margin-bottom: 28px;
            }
        }

        .ai-agents-page-section h4 {
            grid-column: span 2;
            font-size: 16px;
            font-weight: 500;
        }

        .ai-agents-page-toggle {
            display: flex;
            align-items: center;
            grid-column-gap: 10px;

        }

        .ai-agents-page-toggle:not(:last-child) {
            margin-bottom: 17px;
        }
    }
}

.modal {
    .ai-agents-page__modal {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;

        .button {
            margin-top: 20px;
        }
    }
}

.ai-agents-page {
    .ai-agents-page__content-activity-log {
        flex-direction: row !important;
        display: flex;

        .ai-agents-page__content-body {
            justify-content: flex-start;
            height: calc(100vh - 68px);
            padding-top: 0;
            overflow: auto;
            padding-bottom: 0;
        }

    }
}
.ai-agents-table-wrapper {
    width: 100%;
    height: 100%;
    padding: 0 37px 27px;

    .ai-agents-logs-table {
        height: auto;

        .table__thead {
            position: sticky;
            top: 0;
            background: white;
            z-index: 8;

            .table__tr {
                border-bottom: none;

                .table__th {
                    padding-top: 25px;
                }
            }
        }

        .table__tbody {
            .table__tr {
                border-bottom: 1px solid #f4f4f4;

                .table__td {
                    padding-top: 25px;
                    padding-bottom: 25px;

                    .subtitle-cell {
                        color: #525456;
                        font-size: 14px;
                        font-family: Mulish, serif;

                        .bordered {
                            border-radius: 4px;
                            padding: 3px 4px;
                            border: 1px solid #f4f4f4;
                        }

                        .bordered.blue {
                            background: #EAEDF2;
                            color: #3424EB;
                            border: none;
                        }
                    }

                    .credit-used,
                    .blue-text {
                        color: #3424EB;
                        font-weight: bold;
                    }

                    .date-time {
                        color: #393939;
                    }
                }
            }
        }

        .status-text {
            padding: 5px;
            white-space: nowrap;
        }
    }

    .ai-agents-table__name {
        display: flex;
        align-items: center;
    }
}

.notification-container {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin-bottom: 7px;
  border-radius: 8px;
  box-shadow: 0 1px 5px #8f9199;
  padding-right: 44px;
  position: relative;
}

.notification {
  height: auto;
  min-height: 44px;
  border-radius: 8px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform-origin: right;
  color: #fff;
}
.notification-container-icon {
  margin-right: 10px;
}
.notification--with-content {
  font-weight: bold;
  font-size: 16px;
}
.notification--with-actions {
  border-radius: 8px 8px 0 0;
}
.notification__content {
  color: #fff;
  padding: 0 16px 12px;
  font-weight: normal;
  font-size: 14px;
}
.notification__sign {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-right: 8px;
}
.notification--info {
  background-color: #50abf1;
}
.notification--error {
  background-color: #ed483d;
}
.notification--success {
  background-color: #23e771;
}
.notification--warning {
  background-color: #fc8e0e;
}
.notification--announcement {
  background-color: #807beb;
}
.notification--announcement .notification__action-btn {
  background-color: #f0effa !important;
  color: #221CB6 !important;
  opacity: 1;
}
.notification--announcement .notification__action-btn:first-child:not(:last-child) {
  border-right: 1px solid #807beb;
}
.notification__close-btn {
  position: absolute;
  height: 20px;
  right: 15px;
  cursor: pointer;
}
.notification__action-btn-row {
  display: flex;
}
.notification__action-btn {
  display: flex;
  flex: 1;
  border-radius: 0;
  color: #FFFFFF !important;
  background: transparent;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  max-height: 22px;
}
.notification__action-btn:hover {
  opacity: 0.8;
}
.notifications {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 999999;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap; /* Allows text to wrap within the container */
  word-wrap: break-word; /* Ensures long words do not cause overflow */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.git-sha-tag {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 12px;
  border-top-left-radius: 8px;
  background-color: #dbe2fe;
  max-width: 250px;
  min-height: 42px;

  font-size: 12px;
  line-height: 16px;
  text-align: right;
  white-space: nowrap;

  transition: max-width 300ms ease;
  overflow: hidden;
}

.git-sha-tag--collapsed {
  max-width: 42px;
}

.react-tooltip {
  border-radius: 8px!important;
}

.react-tooltip__keep-hover {
  pointer-events: auto !important;
  &:hover {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

.ml-10 {
  margin-left: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.bold-text {
  font-weight: 600;
}

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

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

.__react_component_tooltip {
  &:before {
    display: none;
  }
}

#card-image,
#card-image-sidebar {
  width: 64px;
  height: 42px;
  flex-shrink: 0;
  transform: scale(0.5);
  transition: max-width 200ms ease;
  max-width: 0;
}
#card-image.amex-lg, #card-image.amex-md, #card-image.american-express-md, #card-image.amex, #card-image.dinersclub-lg, #card-image.dinersclub-md, #card-image.diners-club-md, #card-image.dinersclub, #card-image.discover-lg, #card-image.discover-md, #card-image.discover, #card-image.jcb-lg, #card-image.jcb-md, #card-image.jcb, #card-image.mastercard-lg, #card-image.mastercard-md, #card-image.master-card-md, #card-image.mastercard, #card-image.visa-lg, #card-image.visa-md, #card-image.visa,
#card-image-sidebar.amex-lg,
#card-image-sidebar.amex-md,
#card-image-sidebar.american-express-md,
#card-image-sidebar.amex,
#card-image-sidebar.dinersclub-lg,
#card-image-sidebar.dinersclub-md,
#card-image-sidebar.diners-club-md,
#card-image-sidebar.dinersclub,
#card-image-sidebar.discover-lg,
#card-image-sidebar.discover-md,
#card-image-sidebar.discover,
#card-image-sidebar.jcb-lg,
#card-image-sidebar.jcb-md,
#card-image-sidebar.jcb,
#card-image-sidebar.mastercard-lg,
#card-image-sidebar.mastercard-md,
#card-image-sidebar.master-card-md,
#card-image-sidebar.mastercard,
#card-image-sidebar.visa-lg,
#card-image-sidebar.visa-md,
#card-image-sidebar.visa {
  max-width: 128px;
  background: url(/3062718a00456b1c1974d2ba45596cff.png) no-repeat;
  display: inline-block;
}
#card-image.amex-lg,
#card-image-sidebar.amex-lg {
  background-position: 0 0;
  width: 128px;
  height: 84px;
}
#card-image.amex-md, #card-image.american-express-md,
#card-image-sidebar.amex-md,
#card-image-sidebar.american-express-md {
  background-position: -129px 0;
  width: 64px;
  height: 42px;
}
#card-image.amex,
#card-image-sidebar.amex {
  background-position: -130px -44px;
  width: 32px;
  height: 21px;
}
#card-image.dinersclub-lg,
#card-image-sidebar.dinersclub-lg {
  background-position: -195px 0;
  width: 128px;
  height: 84px;
}
#card-image.dinersclub-md, #card-image.diners-club-md,
#card-image-sidebar.dinersclub-md,
#card-image-sidebar.diners-club-md {
  background-position: -325px 0;
  width: 64px;
  height: 42px;
}
#card-image.dinersclub,
#card-image-sidebar.dinersclub {
  background-position: -325px -43px;
  width: 32px;
  height: 21px;
}
#card-image.discover-lg,
#card-image-sidebar.discover-lg {
  background-position: 0 -87px;
  width: 128px;
  height: 84px;
}
#card-image.discover-md,
#card-image-sidebar.discover-md {
  background-position: -130px -87px;
  width: 64px;
  height: 42px;
}
#card-image.discover,
#card-image-sidebar.discover {
  background-position: -130px -132px;
  width: 32px;
  height: 21px;
}
#card-image.jcb-lg,
#card-image-sidebar.jcb-lg {
  background-position: -196px -89px;
  width: 128px;
  height: 84px;
}
#card-image.jcb-md,
#card-image-sidebar.jcb-md {
  background-position: -325px -90px;
  width: 64px;
  height: 42px;
}
#card-image.jcb,
#card-image-sidebar.jcb {
  background-position: -326px -134px;
  width: 32px;
  height: 21px;
}
#card-image.mastercard-lg,
#card-image-sidebar.mastercard-lg {
  background-position: 0 -176px;
  width: 128px;
  height: 84px;
}
#card-image.mastercard-md, #card-image.master-card-md,
#card-image-sidebar.mastercard-md,
#card-image-sidebar.master-card-md {
  background-position: -130px -177px;
  width: 64px;
  height: 42px;
}
#card-image.mastercard,
#card-image-sidebar.mastercard {
  background-position: -131px -221px;
  width: 32px;
  height: 21px;
}
#card-image.visa-lg,
#card-image-sidebar.visa-lg {
  background-position: -196px -177px;
  width: 128px;
  height: 84px;
}
#card-image.visa-md,
#card-image-sidebar.visa-md {
  background-position: -326px -179px;
  width: 64px;
  height: 42px;
}
#card-image.visa,
#card-image-sidebar.visa {
  background-position: -327px -223px;
  width: 32px;
  height: 21px;
}