.InfoPage_infoPage_34a {
  margin: auto;
  max-width: 560px;
  text-align: center;
  padding: 160px 8px 0 8px;
}

.InfoPage_title_940 {
  font-size: 24px;
  font-weight: 300;
}

.InfoPage_section_c53 {
  color: #5e5e5e;
  color: var(--colorTextMedium);
  margin: 8px 0 32px;
  font-size: 16px;
}

.InfoPage_logo_b6b {
  display: inline-block;
  width: 136px;
  margin-bottom: 24px;
}

.LineSeparator_lineSeparator_c6f {
  margin: 0;
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid var(--borderDefault);
  border-bottom: 0 none;
}

.LineSeparator_hasSpacing_7ed {
  margin: 24px 0;
}

.LegacyBox_box_b88 {
  box-sizing: border-box;
}.LegacyBox_box_b88 *,
  .LegacyBox_box_b88 *::before,
  .LegacyBox_box_b88 *::after {
    box-sizing: border-box;
  }

/* TODO [darkmode] how to handle semi-transparent highlighting? */
.HighlightText_yellow_d3e {
  background-color: rgba(252, 204, 11, 0.3);
  background-color: var(--highlightTextYellow);
}
.HighlightText_yellow_d3e.HighlightText_active_6fb {
    background-color: rgba(252, 204, 11, 0.6);
    background-color: var(--highlightTextYellowActive);
  }

.HighlightText_blue_035 {
  background-color: rgba(20, 99, 255, 0.1);
}

@supports (color: color-mix(in lch, red, blue)) {
.HighlightText_blue_035 {
  background-color: color-mix(in srgb, transparent, var(--colorBrandBlue) 10%);
}
}

.HighlightText_blue_035.HighlightText_active_6fb {
    background-color: rgba(20, 99, 255, 0.25);
  }

@supports (color: color-mix(in lch, red, blue)) {
.HighlightText_blue_035.HighlightText_active_6fb {
    background-color: color-mix(
      in srgb,
      transparent,
      var(--colorBrandBlue) 25%
    );
  }
}

.QuickInsert_QuickInsertMenu_itemListCard_02b {
  --cardWidth: 328px;
  --cardMaxHeight: 200px;
  border: 1px solid #e2e2e2;
  border: 1px solid var(--borderDefault);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadowLevel3);
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--bgPopover);
}

.QuickInsert_QuickInsertMenu_itemListContainer_10a {
  width: var(--cardWidth);
  max-height: var(--cardMaxHeight);
  overflow: auto;
}

.QuickInsert_QuickInsertMenuItem_name_c78 {
  white-space: nowrap;
}

/* not using UIText here due to the combination of text & overflow rules */
.QuickInsert_QuickInsertMenuItem_subText_8b2 {
  min-width: 0;
  font-size: 13px;
  font-size: var(--fontSizeSmall);
  color: #767676;
  color: var(--colorTextLight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.LegacyCollapsible_toggleArrow_d9b {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  transition: transform 0.2s ease-in-out;
}.LegacyCollapsible_toggleArrow_d9b.LegacyCollapsible_isLeftwards_ce4 {
    border-right: 4px solid currentColor;
    transform-origin: center right;
  }.LegacyCollapsible_toggleArrow_d9b.LegacyCollapsible_isLeftwards_ce4.LegacyCollapsible_isArrowExpanded_962 {
      transform: rotate(-90deg) translate(1px, -2px);
    }.LegacyCollapsible_toggleArrow_d9b.LegacyCollapsible_isRightwards_b1b {
    border-left: 4px solid currentColor;
    transform-origin: center left;
  }.LegacyCollapsible_toggleArrow_d9b.LegacyCollapsible_isRightwards_b1b.LegacyCollapsible_isArrowExpanded_962 {
      transform: rotate(90deg) translate(-1px, -2px);
    }

.MediaControls_progress_131 {
  position: relative;
  width: 100%;
  height: 4px;
}

.MediaControls_progressInnerContainer_dff {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.MediaControls_progressInnerContainer_dff.MediaControls_rounded_eae {
    border-radius: 2px;
  }

.MediaControls_bar_753 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.MediaControls_progressBar_d4f {
  -webkit-appearance: none;
          appearance: none;
  border: 0;

  /* background */
  background-color: var(--scopedBackgroundColor);
  /* set background on progress and not pseudo element */
}

.MediaControls_progressBar_d4f::-webkit-progress-bar {
    background-color: transparent;
  }

/* fill */

.MediaControls_progressBar_d4f::-ms-fill {
    background-color: var(--scopedForegroundColor);
  }

.MediaControls_progressBar_d4f::-moz-progress-bar {
    background-color: var(--scopedForegroundColor);
  }

.MediaControls_progressBar_d4f::-webkit-progress-value {
    background-color: var(--scopedForegroundColor);
  }

.MediaControls_progressBar_d4f:focus {
    outline: 0;
  }

.MediaControls_loadedBar_301.MediaControls_defaultTheme_dca {
    /* default theme is used for VideoControls */
    /* TODO [darkmode] should we have aliases here? */
    --scopedForegroundColor: rgba(255, 255, 255, 0.2);
    --scopedBackgroundColor: rgba(255, 255, 255, 0.2);
  }

.MediaControls_loadedBar_301.MediaControls_lightTheme_9c7 {
    --scopedForegroundColor: var(--bgDefault);
    --scopedBackgroundColor: var(--surfaceBackgroundDark);
  }

.MediaControls_loadedBar_301.MediaControls_blueTheme_d83 {
    /* TODO [darkmode] needs an alias, the only match is borderHover */
    --scopedForegroundColor: var(--colorGray20);
    --scopedBackgroundColor: var(--bgDefault);
  }

.MediaControls_playedBar_8cf {
  --scopedForegroundColor: #3581bb; /* TODO: maybe --linkColor? */
  --scopedBackgroundColor: transparent;
}

.MediaControls_playedBar_8cf.MediaControls_lightTheme_9c7 {
    --scopedForegroundColor: var(--colorTextMedium);
  }

.MediaControls_playedBar_8cf.MediaControls_blueTheme_d83 {
    --scopedForegroundColor: var(--colorBrandBlue);
  }

.MediaControls_seekBar_ad0 {
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  cursor: pointer;
}

.MediaControls_seekBar_ad0::-moz-range-thumb {
    appearance: none;
    background-color: transparent;
    border: none;
    width: 4px;
    height: 4px;
  }

.MediaControls_seekBar_ad0::-ms-thumb {
    appearance: none;
    background-color: transparent;
    border: none;
    width: 4px;
    height: 4px;
  }

.MediaControls_seekBar_ad0::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    width: 4px;
    height: 4px;
  }

.MediaControls_seekBar_ad0::-moz-range-track {
    appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

.MediaControls_seekBar_ad0::-ms-track {
    appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

.MediaControls_seekBar_ad0::-webkit-slider-runnable-track {
    -webkit-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

.MediaControls_seekBar_ad0.MediaControls_blueTheme_d83::-moz-range-thumb {
      background-color: #1463ff;
      background-color: var(--colorBrandBlue);
      border: 1px solid #f9f9f9;
      border: 1px solid var(--surfaceBackgroundMedium);
      border-radius: 10px;

      width: 10px;
      height: 10px;
    }

.MediaControls_seekBar_ad0.MediaControls_blueTheme_d83::-ms-thumb {
      background-color: #1463ff;
      background-color: var(--colorBrandBlue);
      border: 1px solid #f9f9f9;
      border: 1px solid var(--surfaceBackgroundMedium);
      border-radius: 10px;

      width: 10px;
      height: 10px;
    }

.MediaControls_seekBar_ad0.MediaControls_blueTheme_d83::-webkit-slider-thumb {
      background-color: #1463ff;
      background-color: var(--colorBrandBlue);
      border: 1px solid #f9f9f9;
      border: 1px solid var(--surfaceBackgroundMedium);
      border-radius: 10px;

      width: 10px;
      height: 10px;
    }

.MediaControls_seekBar_ad0:focus {
    outline: none;
  }

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

/* IconButtons should have no space between them, but other components need to
   have additional margin around them to create a "consistent looking" gap */
.MediaControls_spacer_371 {
  margin: 8px;
  margin: var(--spacing-8); /* keep in sync with AudioControls */
}
.MediaControls_spacer_371.MediaControls_expandable_3c1 {
    flex-grow: 1;
  }

.MediaControls_iconButton_25d {
  --scopedIconColor: var(--surfaceBackgroundDefault);
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;

  color: #ffffff;

  color: var(--scopedIconColor);
  opacity: 0.9;
}

.MediaControls_iconButton_25d:focus,
  .MediaControls_iconButton_25d:hover {
    color: var(--scopedIconColor);
    opacity: 1;
  }

.MediaControls_iconButton_25d.MediaControls_lightTheme_9c7 {
    --scopedIconColor: var(--colorIconDefault);
  }

.MediaControls_iconButton_25d.MediaControls_blueTheme_d83 {
    --scopedIconColor: var(--colorIconDefault);
  }

.MediaControls_iconButton_25d.MediaControls_blueTheme_d83.MediaControls_active_0c5 {
      color: #1463ff;
      color: var(--colorBrandBlue);
    }

.MediaControls_transcriptButton_790 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 32px;
  justify-content: center;
  position: relative;
}

.MediaControls_activeDot_eac {
  background-color: #1463ff;
  background-color: var(--colorBrandBlue);
  border-radius: 100%;
  bottom: 4px;
  height: 3px;
  position: absolute;
  width: 3px;
}

.MediaControls_duration_e88 {
  flex: 0 0 auto;
  color: #fff;
  opacity: 0.9;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

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

.MediaControls_duration_e88.MediaControls_mediumSize_3bf {
    font-size: 13px;
    line-height: 16px;
  }

.MediaControls_duration_e88.MediaControls_lightTheme_9c7 {
    color: #5e5e5e;
    color: var(--colorTextMedium);
  }

.MediaControls_duration_e88.MediaControls_blueTheme_d83 {
    color: #2e2e2e;
    color: var(--colorTextDefault);
  }

/* need to override lead-activity.less */

.MediaControls_duration_e88 time.MediaControls_time_de6 {
    font-size: inherit;
    color: inherit;
    border-bottom: 0;
  }

.v2_playbackControls_3b0 {
  --audioPlayerHeight: 48px;
  background-color: #fcfcfc;
  background-color: var(--surfaceBackgroundLight);
  width: 100%;
  height: 48px;
  height: var(--audioPlayerHeight);
}

.v2_playbackControls_3b0.v2_withReloadButton_765 {
    --audioPlayerHeight: 58px;
  }

.v2_playbackControls_3b0.v2_disabled_211 {
    cursor: not-allowed;
  }

.v2_playPauseButton_535 {
  height: 28px;
  transition: all 0.1s ease-in;
  width: 28px;
}

.v2_playPauseButton_535:hover:not(.v2_disabled_211),
  .v2_playPauseButton_535:focus:not(.v2_disabled_211) {
    transform: scale(1.125); /* grow to 32px */
  }

.v2_divider_4e6 {
  border-left: 1px solid #f1f1f1;
  border-left: 1px solid var(--borderLight);
  height: 16px;
  width: 1px;
}

.v2_audioMeta_4f1 {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 240px;
}

.v2_audioMeta_4f1.v2_withParticipants_4d8 {
    flex: 1;
    min-width: 120px;
  }

@media screen and (max-width: 767px) {

.v2_audioMeta_4f1.v2_withParticipants_4d8 {
      gap: 16px;
      max-width: 160px;
  }
    }

.v2_progressWrapper_5ce {
  flex: 3;
}

.subcomponents_ParticipantCount_participantsCountIcon_cc0 {
  color: #919191;
  color: var(--colorIconLight);
  height: 16px;
  width: 16px;
}

.subcomponents_PlayerError_errorIcon_d69 {
  color: #dd0f21;
  color: var(--fillDanger);
  height: 16px;
  width: 16px;
}

.subcomponents_ProgressBarLoading_loadingProgress_1e5 {
  animation: subcomponents_ProgressBarLoading_moveHorizontal_508 1s linear infinite reverse;
  background-size: 10px 10px;
  /* TODO [darkmode] need to made a theme-compatible gradient */
  background-image: linear-gradient(
    -45deg,
    #919191 25%,
    #f1f1f1 25%,
    #f1f1f1 50%,
    #919191 50%,
    #919191 75%,
    #f1f1f1 75%,
    #f1f1f1
  );
  background-image: linear-gradient(
    -45deg,
    var(--gray-40) 25%,
    var(--gray-05) 25%,
    var(--gray-05) 50%,
    var(--gray-40) 50%,
    var(--gray-40) 75%,
    var(--gray-05) 75%,
    var(--gray-05)
  );
  height: 4px; /* match ProgressBar height */
  width: 100%;
}

@keyframes subcomponents_ProgressBarLoading_moveHorizontal_508 {
  0% {
    background-position: 10px 0;
  }
  100% {
    background-position: 0 0;
  }
}

.LegacyTruncateHeight_main_0e8 {
  position: relative;
}

.LegacyTruncateHeight_main_0e8.LegacyTruncateHeight_withGradient_1f1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(50px, 50%);
    background: linear-gradient(
      to top,
      rgba(255, 255, 255, 1) 0,
      rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 200ms var(--standardCurve);
  }

.LegacyTruncateHeight_main_0e8.LegacyTruncateHeight_isClosed_a7c::after {
      opacity: 1;
    }

.LegacyTruncateHeight_link_c34 {
  display: block;
}

.LegacyTruncateHeight_link_c34.LegacyTruncateHeight_medium_881 {
    margin-top: 8px;
  }

.LegacyTruncateHeight_link_c34.LegacyTruncateHeight_large_4fc {
    margin-top: 20px;
  }

.InlinePromo {
  --padding: 24px;
  --maxWidth: 780px;
  --illustrationWidth: 200px;

  background: #f1f1f1;

  background: var(--surfaceBackgroundDark);
  position: relative;
}

.InlinePromo.has-border {
    border-bottom: 1px solid #e2e2e2;
    border-bottom: 1px solid var(--borderDefault);
  }

.InlinePromo.has-info-background {
    background: #e5f3ff;
    background: var(--bgInformationalMuted);
  }

.InlinePromo__content {
  display: flex;
  max-width: var(--maxWidth);
  align-items: flex-start;
}

.InlinePromo.centered .InlinePromo__content {
    margin: 0 auto;
  }

.InlinePromo__close {
  position: absolute;
  margin: calc(var(--padding) / 2) calc(var(--padding) / 2) 0 0;
  padding: calc(var(--padding) / 2);
  cursor: pointer;
  top: 0;
  right: var(--padding);
  color: #919191;
  color: var(--colorIconLight);
}

.InlinePromo__body {
  padding: var(--padding);
}

.InlinePromo__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.InlinePromo__badge {
  margin-left: 12px;
}

.InlinePromo__cta {
  margin-top: 16px;
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: var(--padding);
  align-items: center;
}

.InlinePromo__illustration {
  align-self: flex-end;
  margin-right: calc(var(--padding) * 2);
  line-height: 0;
}

.InlinePromo__illustration svg {
    width: var(--illustrationWidth);
  }

/* Mobile */
@media screen and (max-width: 767px) {
  .InlinePromo__illustration {
    display: none;
  }

  .InlinePromo__title {
    font-size: 18px;
  }

  .InlinePromo__content {
    padding: 24px 16px;
    padding: var(--spacing-24) var(--spacing-16);
    display: flex;
    flex-direction: row-reverse;
  }

  .InlinePromo__body {
    padding: 0 8px 0 0;
    padding: 0 var(--spacing-8) 0 0;
  }

  .InlinePromo__close {
    margin: 0;
    padding: 0;
    position: static;
  }
}

.ModalInsetSection {
  --illustrationPaddingRight: 16px;
  margin: -16px;
  margin-bottom: 16px;
  background-color: #f1f1f1;
  background-color: var(--surfaceBackgroundDark);
}

.ModalInsetSection.is-alone {
    margin-bottom: -16px;
  }

.ModalInsetSection.has-illustration {
    display: grid;
    grid-template-columns: 1fr calc(
        105px + var(--illustrationPaddingRight)
      );
    grid-template-columns: 1fr calc(
        var(--illustration-width, 105px) + var(--illustrationPaddingRight)
      );
    grid-gap: 32px;
    gap: 32px;
    align-items: center;
  }

@media screen and (max-width: 767px) {

.ModalInsetSection.has-illustration {
      grid-template-columns: 1fr;
      gap: 0;
  }
    }

.ModalInsetSection--danger {
  background-color: #fbe6e8;
  border-bottom: 1px solid #e8d4d7;
  border-bottom: 1px solid var(--failureBorderColor);
}

.ModalInsetSection__body {
  padding: 15px;
  line-height: 20px;
}

.ModalInsetSection__title {
  margin-bottom: 0px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  font-size: 14px;
  line-height: 20px;
}

.ModalInsetSection__title:not(:last-child) {
    margin-bottom: 8px;
  }

.ModalInsetSection__illustration {
  margin-top: 15px;
  padding-right: var(--illustrationPaddingRight);
  align-self: end;
  line-height: 0;
  display: block;
}

.ModalInsetSection__illustration svg {
    width: 100%;
  }

@media screen and (max-width: 767px) {

.ModalInsetSection__illustration {
    display: none;
}
  }

.HTMLEditor_root_c13 {
  --editorDefaultHeight: 160px;
  display: flex;
  flex-direction: column;

  background-color: #ffffff;

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

.HTMLEditor_withBorder_511 {
  border: 1px solid #e2e2e2;
  border: 1px solid var(--borderDefault);
  border-radius: 7px;
  border-radius: var(--baseInputBorderRadius);
  /* Overflow applied to fix scrollbar issue on rounded corners */
  overflow: hidden;
}

.HTMLEditor_withBorder_511:focus-within {
    border-color: #598df2;
    border-color: var(--borderFocused);
  }

.HTMLEditor_empty_99a::before {
  content: attr(data-placeholder);
  color: #767676;
  color: var(--colorTextLight);
  pointer-events: none;
  float: left;
  height: 0;
}

.HTMLEditor_htmlView_7f5 {
  margin: 0; /* override global */
  min-height: var(--editorDefaultHeight);
  box-shadow: none;
  box-sizing: border-box;
  padding: 8px;
  padding: var(--spacing-8);
  border: 0;
  width: 100%;
  resize: vertical;
  font-family: 'Courier New', Courier, monospace;
  background-color: transparent;

  /* override global */
}

.HTMLEditor_htmlView_7f5:focus {
    box-shadow: none !important;
  }

.HTMLEditor_editor_09f {
  all: revert;
}

.HTMLEditor_editor_09f.HTMLEditor_px12_7be .ProseMirror {
      padding-left: 12px;
      padding-left: var(--spacing-12);
      padding-right: 12px;
      padding-right: var(--spacing-12);
    }

.HTMLEditor_editor_09f.HTMLEditor_px16_7ef .ProseMirror {
      padding-left: 16px;
      padding-left: var(--spacing-16);
      padding-right: 16px;
      padding-right: var(--spacing-16);
    }

.HTMLEditor_editor_09f .ProseMirror {
    padding-top: 16px;
    padding-top: var(--spacing-16);
    padding-bottom: 16px;
    padding-bottom: var(--spacing-16);
    outline: none;
    line-height: 1.5;
    overflow-y: auto;
    min-height: 160px;
    max-height: 425px;
    background-color: white;
    color: #2e2e2e;
    color: var(--colorGray80);

    /* ensure that getBoundingClientRect() includes padding */
    box-sizing: border-box;
  }

.HTMLEditor_editor_09f .ProseMirror h1,
    .HTMLEditor_editor_09f .ProseMirror h2,
    .HTMLEditor_editor_09f .ProseMirror h3,
    .HTMLEditor_editor_09f .ProseMirror h4,
    .HTMLEditor_editor_09f .ProseMirror h5,
    .HTMLEditor_editor_09f .ProseMirror h6 {
      all: revert;
    }

/* reset list styling to top level in case we're rendering inside a <li> */

.HTMLEditor_editor_09f .ProseMirror ul {
      all: revert;
      margin: 16px 0;
    }

.HTMLEditor_editor_09f .ProseMirror ul li {
        list-style-type: disc;
      }

.HTMLEditor_editor_09f .ProseMirror ul ul {
        margin: 0;
      }

.HTMLEditor_editor_09f .ProseMirror ul ul li {
          list-style-type: circle;
        }

.HTMLEditor_editor_09f .ProseMirror ul ul ul li {
          list-style-type: square;
        }

.HTMLEditor_editor_09f .ProseMirror ol {
      all: revert;
      margin: 16px 0;
    }

.HTMLEditor_editor_09f .ProseMirror ol li {
        list-style-type: decimal;
      }

.HTMLEditor_editor_09f .ProseMirror ol ol {
        margin: 0;
      }

.HTMLEditor_editor_09f .ProseMirror ol ol li {
          list-style-type: lower-latin;
        }

.HTMLEditor_editor_09f .ProseMirror ol ol ol li {
          list-style-type: lower-roman;
        }

.HTMLEditor_editor_09f .ProseMirror a,
    .HTMLEditor_editor_09f .ProseMirror li,
    .HTMLEditor_editor_09f .ProseMirror p,
    .HTMLEditor_editor_09f .ProseMirror hr,
    .HTMLEditor_editor_09f .ProseMirror blockquote,
    .HTMLEditor_editor_09f .ProseMirror blockquote p {
      all: revert;
    }

.HTMLEditor_editor_09f .ProseMirror p:first-child {
      margin-top: 0;
    }

.HTMLEditor_toolbar_22b {
  display: flex;
  box-sizing: border-box;
  align-items: stretch;
  padding: 2px 8px;
  padding: 2px var(--spacing-8);
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid var(--borderDefault);
}

.HTMLEditor_buttonContainer_960 {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.HTMLEditor_verticalToolbarPopover_f3c {
  display: flex;
  flex-direction: column;
}

.HTMLEditor_right_f7c {
  display: flex;
  flex-wrap: nowrap;
  margin-left: auto;
}

.HTMLEditor_dropCursor_b30 {
  background-color: #1463ff !important;
  background-color: var(
    --colorBrandBlue
  ) !important;
}

.HTMLEditor_dropCursor_b30 {
  border-radius: 2px; /* override hardcoded option */
  opacity: 0.5;
}

.HTMLEditor_invisible_e08 {
  display: none;
}

.extensions_liquid_liquidTemplate_c0c {
  display: inline-block;
  background: #cbebff;
}

:root {
  /* hardcoded to token because editor content is theme-agnostic */
  --imgOverlayBlue: var(--colorCyan40);
}

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

.Image_ImageNode_highlighted_f39::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border: 1px solid #2e99de;
  border: 1px solid var(--imgOverlayBlue);
}

/* highlight state for non-editable images, so they can at least be highlighted and deleted */
.Image_ImageNode_directHighlighted_5e3 img {
  outline: 1px solid #2e99de;
  outline: 1px solid var(--imgOverlayBlue);
}

/*
 The additional wrapper spans that ReactNodeRenderer adds (and NodeViewWrapper
 for non-editable images) should not produce their own boxes, so they don't
 impact layout.
*/
.Image_ImageNode_rendererWrapper_7a7 {
  display: contents;
}

.Image_ImageNode_overlayCard_90d {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadowLevel3);
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
  border: 1px solid #f1f1f1;
  border: 1px solid var(--borderLight);
  border-radius: 7px;
}

/* override global bootstrap */
input.subcomponents_ImageEditMenu_linkEditInput_2c8 {
  border: 0;
  box-shadow: none;
  margin: 0;
}
input.subcomponents_ImageEditMenu_linkEditInput_2c8:focus {
    box-shadow: none !important;
    border: 0 !important;
  }

.subcomponents_ResizeHandle_resizeHandle_359 {
  --handleOffset: calc(-1 * var(--spacing-4));
  position: absolute;
  z-index: 1;
  width: 8px;
  width: var(--spacing-8);
  height: 8px;
  height: var(--spacing-8);
  background-color: #2e94fe; /* TODO: variable */
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
}

.subcomponents_ResizeHandle_topLeft_7f8 {
  top: var(--handleOffset);
  left: var(--handleOffset);
  cursor: nw-resize;
}

.subcomponents_ResizeHandle_topRight_373 {
  top: var(--handleOffset);
  right: var(--handleOffset);
  cursor: ne-resize;
}

.subcomponents_ResizeHandle_bottomLeft_2a0 {
  bottom: var(--handleOffset);
  left: var(--handleOffset);
  cursor: sw-resize;
}

.subcomponents_ResizeHandle_bottomRight_1ba {
  bottom: var(--handleOffset);
  right: var(--handleOffset);
  cursor: se-resize;
}

.subcomponents_ImageLoader_loaderContainer_3c0 {
  background-color: #ffffff;
  background-color: var(--white);
}

.AIButton_buttonContainer_793 {
  position: relative;
}

.AIButton_button_3b1 {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 6px 12px;
  line-height: 16px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  background-color: #eaf1ff;
  background-color: var(--bgActiveMuted);
  color: #2e99de;
  color: var(--fillInformational);
}

.AIButton_button_3b1[disabled] {
    opacity: 0.5;
    opacity: var(--disabledOpacity);
    color: #2e2e2e;
    color: var(--colorTextDefault);
    background-color: transparent;
  }

.AIButton_button_3b1.AIButton_isLoading_cc3[disabled] {
      background-color: #f1f1f1;
      background-color: var(--surfaceBackgroundDark);
    }

.AIButton_button_3b1:not([disabled]):hover {
    background-color: rgb(215, 232, 252);
  }

@supports (color: color-mix(in lch, red, blue)) {
.AIButton_button_3b1:not([disabled]):hover {
    background-color: color-mix(
      in srgb,
      var(--bgActiveMuted) 90%,
      var(--fillInformational)
    );
  }
}

.AIButton_icon_435 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}

.AIButton_icon_435 svg {
    width: 16px;
    height: 16px;
  }

.AIButton_star_076 {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 9px;
  color: #2e99de;
  color: var(--fillInformational);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
  transition: all 0.2s var(--easeInOutQuad) 0.1s;
  opacity: 1;
}

[disabled]:not(.AIButton_isLoading_cc3) + .AIButton_star_076 {
    transition-delay: 0s;
    opacity: 0;
    transform: scale(0.5) rotate(-20deg);
  }

.HTMLEditor_skeleton_skeleton_5e7 {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);

  /* should match min-height in froala config */
  min-height: 160px;
}

.HTMLEditor_skeleton_skeleton_5e7:not(.HTMLEditor_skeleton_fullWidth_c6b) {
    border: 1px solid #e2e2e2;
    border: 1px solid var(--borderDefault);
    border-radius: 7px;
  }

.HTMLEditor_skeleton_toolbar_fc1 {
  height: 34px;
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid var(--borderDefault);
  margin-top: auto;
}

.InfoPopover_content_094 {
  padding: 22px;
  box-sizing: border-box;
  color: #2e2e2e;
  color: var(--colorTextDefault);
}

.InfoPopover_content_094.InfoPopover_default_e7a {
    max-width: 320px;
    width: 320px;
  }

.InfoPopover_content_094.InfoPopover_large_05a {
    max-width: 380px;
    width: 380px;
  }

.InfoPopover_header_f49 {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.InfoPopover_p_1a1 {
  font-size: 14px;
  line-height: 20px;
  color: #5e5e5e;
  color: var(--colorTextMedium);
}

.InfoPopover_action_334 {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.InfoPopover_helpLink_7d0 {
  flex-grow: 1;
  text-align: right;
}

.InfoPopover_xButton_268 {
  position: absolute;
  top: 16px;
  right: 16px;
}


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/main~660d6d8c.1c90f9d678d21cd863d8.js.map*/