.FullScreenView_FullScreenViewLayout_root_044 {
  --containerMaxWidth: 800px;
  display: flex;
  flex-direction: column;
  height: 100%;
}.FullScreenView_FullScreenViewLayout_root_044 * {
    box-sizing: border-box;
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_columns_c52 {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content 1fr;
    box-sizing: border-box;
    overflow-y: hidden;
  }@media screen and (max-width: 767px) {.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_columns_c52 {
      grid-template-columns: 100%;
      overflow: hidden;
  }
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_columns_c52.FullScreenView_FullScreenViewLayout_hasSidebar_a87 {
      /**
       * 1279 down:
       * - Fixed sidebar width
       * - Fluid main column with a min-width
      */
      grid-template-columns: minmax(612px, 1fr) 348px;
      transition: grid-template-columns 0.3s ease;

      /**
       * 1280 up:
       * - Sidebar fluid with a max-width
       * - Main column filling the rest of the space
      */
    }@media (min-width: 1280px) {.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_columns_c52.FullScreenView_FullScreenViewLayout_hasSidebar_a87 {
        grid-template-columns: minmax(0, 1fr) clamp(348px, 33%, 400px);
    }
      }/**
       * 1600 up:
       * - Sidebar starts at 412px with a max-width of 480 at 1680px
       * - Main column filling the rest of the space
      */@media (min-width: 1600px) {.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_columns_c52.FullScreenView_FullScreenViewLayout_hasSidebar_a87 {
        grid-template-columns: minmax(0, 1fr) clamp(400px, 35%, 460px);
    }
      }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_mainHeader_520 {
    grid-row: 1;
    grid-column: 1;
    border-bottom: 1px solid var(--borderDefault);
    background-color: var(--surfaceBackgroundDefault);

    display: flex;
    justify-content: center;
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_mainColumn_b9d {
    display: flex;
    flex-direction: column;
    grid-row: 2;
    grid-column: 1;
    min-height: 0;
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_sidebarHeader_26c {
    grid-row: 1;
    grid-column: 2;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 0 var(--spacing-24);
    background-color: var(--surfaceBackgroundDefault);
    border-bottom: 1px solid var(--borderDefault);
    border-left: 1px solid var(--borderDefault);
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_tabs_c6e {
    margin-bottom: -1px;
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_sidebarColumn_c44 {
    grid-row: 1 / 3;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid var(--borderDefault);
    background-color: var(--surfaceBackgroundDefault);
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_sidebarColumn_c44.FullScreenView_FullScreenViewLayout_hasTabs_55a {
      grid-row-start: 2;
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_sidebarContent_408 {
    flex: 1;
    overflow: auto;
  }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_headerWrapper_cea {
    display: flex;
    align-items: center;
    min-height: 58px;
    width: 100%;
    background: var(--surfaceBackgroundDefault);
    padding: var(--spacing-16) var(--spacing-24);
  }@media screen and (max-width: 767px) {.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_headerWrapper_cea {
      padding: var(--spacing-16);
  }
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_contentWrapper_137 {
    flex: 1;
    position: relative;
    width: 100%;
    overflow-y: auto;
    padding: var(--spacing-24);
  }@media screen and (max-width: 767px) {.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_contentWrapper_137 {
      padding: var(--spacing-24) var(--spacing-16);
  }
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_contentWrapper_137.FullScreenView_FullScreenViewLayout_default_7b2 {
      background: var(--surfaceBackgroundMedium);
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_contentWrapper_137.FullScreenView_FullScreenViewLayout_light_623 {
      background: var(--bgCardBase);
    }.FullScreenView_FullScreenViewLayout_root_044 .FullScreenView_FullScreenViewLayout_container_487 {
    width: 100%;
    max-width: var(--containerMaxWidth);
    margin: 0 auto;
  }

/* Increases CSS specificity to avoid
   issues when CSS styles are loaded in different orders */
.FullScreenView_FullScreenViewModal_modal_dd6.FullScreenView_FullScreenViewModal_modal_dd6 {
  box-sizing: border-box;
  width: 90vw;
  height: 90vh;
  max-height: 90vh;
  margin-top: 5vh;
  overflow: hidden;
}
.FullScreenView_FullScreenViewModal_modal_dd6.FullScreenView_FullScreenViewModal_modal_dd6.FullScreenView_FullScreenViewModal_isNarrow_d16 {
    max-width: 768px;
  }
@media screen and (max-width: 767px) {
.FullScreenView_FullScreenViewModal_modal_dd6.FullScreenView_FullScreenViewModal_modal_dd6 {
    /**
     * 8px of padding on each side of the modal body
     */
    width: calc(100% - var(--spacing-16));
}
  }
.FullScreenView_FullScreenViewModal_modal_dd6.FullScreenView_FullScreenViewModal_modal_dd6 .FullScreenView_FullScreenViewModal_body_198 {
    height: 100%;
    overflow: hidden;
  }

.FullScreenView_FullScreenViewModalTitle_titleChevron_a9a {
  color: var(--colorIconLight);
}

.FullScreenView_FullScreenViewModalTitle_leadNameLink_31e {
  color: var(--colorTextLight);
}

.ActivityReminderActions_reminderActions_a1e {
  /* Apply vertical gutter by centering within an increased height, as the */
  /* actions are larger than the min row height */
  display: flex;
  align-self: stretch;
  align-items: center;
}

.ActivityTaskReminderHeader_header_479 {
  align-items: center;
  background-color: var(--bgInformationalMuted);
  display: flex;
  flex: 1;
  height: var(--activitySectionHeight);
  justify-content: space-between;
}.ActivityTaskReminderHeader_header_479.ActivityTaskReminderHeader_base_afa {
    padding: 0 var(--activityHorizontalGutter);
  }.ActivityTaskReminderHeader_header_479.ActivityTaskReminderHeader_narrow_df2 {
    padding: 0 var(--spacing-16);
  }.ActivityTaskReminderHeader_header_479.ActivityTaskReminderHeader_wide_6e5 {
    padding: 0 var(--spacing-24);
  }@media screen and (min-width: 768px) {.ActivityTaskReminderHeader_header_479.ActivityTaskReminderHeader_rounded_8a9 {
      border-radius: var(--activityBorderRadius) var(--activityBorderRadius) 0 0;
  }
    }

.ActivityUsers_activityUsers_598 {
  display: grid;
  grid-gap: 6px;
  grid-auto-flow: column;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  color: var(--colorTextLight);
  white-space: nowrap;
  height: 24px;
}

@media screen and (min-width: 768px) {

.ActivityUsers_includePadding_b69 {
    padding: 2px 0 2px 2px;
}
  }

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

.ActivityUsers_isShifted_1cb {
  margin-left: -8px;
}

.ActivityUsers_avatarMore_f85 {
  -webkit-user-select: none;
          user-select: none;
  box-sizing: border-box;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  text-align: center;
  border-radius: 50%;
  /* TODO [darkmode] determine aliases */
  color: var(--colorTextNeutralWhite);
  background-color: var(--colorTextNeutralBlack);
  width: 24px;
  height: 24px;
}

.ActivityUsers_avatarMore_f85.ActivityUsers_mini_e45 {
    height: 16px;
    width: 16px;
  }

.ActivityUsers_avatarText_161 {
  z-index: 1;
  border-radius: 50%;
  margin-left: -2px;
  margin-top: -1px;
}

.SMSGroup_SMSGroupFullScreenViewHeader_mobileActionsContainer_0bc {
  align-items: center;
  background-color: var(--bgCardMedium);
  border: 1px solid var(--borderLight);
  border-radius: var(--baseInputBorderRadius);
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
  padding: var(--spacing-8) var(--spacing-12);
}

.ConversationFullScreenView_container_484 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}

.ConversationFullScreenView_participantsContainer_f80 {
  border-bottom: 1px solid var(--borderLight);

  /* required to align the participants expander with the header area, which has 24px top padding */
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
}

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

.ConversationFullScreenView_participantsContainer_f80 {
    margin-left: -16px;
    margin-right: -16px;
}
  }

.ConversationFullScreenView_unselectable_a04 {
  -webkit-user-select: none;
          user-select: none;
}

.SMSGroup_SMSGroupFullScreenView_container_dab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}

.SMSGroup_SMSGroupFullScreenView_participantsContainer_596 {
  border-bottom: 1px solid var(--borderLight);

  /* required to align the participants expander with the header area, which has 24px top padding */
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
}

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

.SMSGroup_SMSGroupFullScreenView_participantsContainer_596 {
    margin-left: -16px;
    margin-right: -16px;
}
  }

.SMSActivityDate_SMSActivityDate_dividerContainer_061 {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  gap: var(--spacing-16);
}

.SMSActivityDate_SMSActivityDate_divider_719 {
  background-color: var(--borderDefault);
  height: 1px;
  width: 100%;
}

.PausedSubscriptionsNotices_root_6dd:last-of-type {
  padding-bottom: var(--spacing-12);
}

.EmptyActivityMessage_EmptyActivityMessage_infoIcon_d21 {
  color: var(--colorIconLight);
}

.SMSMessage_container_38d {
  border: 1px solid var(--borderLight);
  border-radius: var(--activityBorderRadius);
  padding: var(--spacing-12);
  transition:
    background-color 1.5s ease,
    box-shadow 1.5s ease;
}

.SMSMessage_container_38d.SMSMessage_outbound_55d {
    background-color: var(--bgCardLight);
  }

.SMSMessage_container_38d.SMSMessage_inbound_b48 {
    background-color: var(--bgCardBase);
  }

.SMSMessage_container_38d.SMSMessage_highlighted_d94 {
    /* Do not show a transition to the focused color. */
    transition: none;
    background-color: var(--bgActiveMuted);
    box-shadow: 0 0 0 4px var(--bgActiveMuted);
  }

.SMSMessage_link_7e5:hover,
  .SMSMessage_link_7e5:focus,
  .SMSMessage_link_7e5:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.SMSMessage_inboundIcon_aa0 {
  color: var(--fillSuccess);
  height: 16px;
  transform: rotate(270deg);
  width: 16px;
}

/* To have our styles match Figma we have to compensate for the extra padding
that small buttons have */
.SMSMessage_smallButtonFix_549 {
  margin: -2px 0;
}

.SMSMessage_hoverActions_e4a {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}

.SMSMessage_hoverActions_e4a.SMSMessage_showOnHover_ccf {
    visibility: hidden;
  }

.SMSMessage_container_38d:hover .SMSMessage_hoverActions_e4a {
    visibility: visible;
  }

.SMSMessage_hoverActions_e4a.SMSMessage_forceVisibility_1f4 {
    visibility: visible;
  }

.SMSMessage_messageContainer_b12 {
  box-sizing: border-box;
  width: 100%;
}

.SMSMessage_messageContainer_b12.SMSMessage_indentation-narrow_0e1 {
    --spacing-indentation: var(--spacing-24);
  }

.SMSMessage_messageContainer_b12.SMSMessage_indentation-wide_55b {
    --spacing-indentation: 112px;
  }

@media screen and (min-width: 768px) {
    .SMSMessage_messageContainer_b12.SMSMessage_indentation-narrow-medium-up_bfd {
      --spacing-indentation: var(--spacing-24);
    }

    .SMSMessage_messageContainer_b12.SMSMessage_indentation-wide-medium-up_be7 {
      --spacing-indentation: 112px;
    }
  }

.SMSMessage_messageContainer_b12.SMSMessage_left_3b0 {
    padding-right: var(--spacing-indentation);
  }

.SMSMessage_messageContainer_b12.SMSMessage_right_20e {
    padding-left: var(--spacing-indentation);
  }

.ActivityIconCircle_root_114 {
  box-sizing: border-box;
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  border-radius: 50%;
  background: var(--surfaceBackgroundDark);
  margin: 7px 0 0 3px;
}.ActivityIconCircle_root_114.ActivityIconCircle_collapsed_ce2 {
    cursor: pointer;
    width: var(--activityCollapsedIconWidth);
    height: var(--activityCollapsedIconWidth);
    margin-top: 11px;
    margin-left: 0px;
  }@media screen and (max-width: 767px) {.ActivityIconCircle_root_114.ActivityIconCircle_collapsed_ce2 {
      margin-top: 0px;
  }
    }.ActivityIconCircle_root_114.ActivityIconCircle_deemphasized_893 {
    background: var(--surfaceBackgroundMedium);
    color: var(--colorIconLight);
    margin-top: var(--spacing-4);
  }@media screen and (min-width: 768px) {.ActivityIconCircle_root_114.ActivityIconCircle_deemphasized_893 {
      margin-left: var(--spacing-4);
      width: 27px;
  }
    }@media screen and (max-width: 767px) {.ActivityIconCircle_root_114.ActivityIconCircle_deemphasized_893 {
      margin-top: 2px;
  }
    }.ActivityIconCircle_root_114.ActivityIconCircle_deemphasized_893.ActivityIconCircle_collapsed_ce2 {
      background: var(--surfaceBackgroundLight);
    }.ActivityIconCircle_root_114.ActivityIconCircle_call_bbc {
    background: var(--colorBgActivityCall);
    color: var(--colorIconActivityCall);
  }.ActivityIconCircle_root_114.ActivityIconCircle_call_bbc.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityCall);
    }.ActivityIconCircle_root_114.ActivityIconCircle_call-missed_ffb {
    background: var(--colorBgActivityDefault);
    color: var(--colorIconActivityMissedCall);
    border: 1px solid var(--borderDefault);
  }.ActivityIconCircle_root_114.ActivityIconCircle_email_ae3,
  .ActivityIconCircle_root_114.ActivityIconCircle_emailthread_cd1 {
    background: var(--colorBgActivityEmail);
    color: var(--colorIconActivityEmail);
  }.ActivityIconCircle_root_114.ActivityIconCircle_email_ae3.ActivityIconCircle_collapsed_ce2, .ActivityIconCircle_root_114.ActivityIconCircle_emailthread_cd1.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityEmail);
    }.ActivityIconCircle_root_114.ActivityIconCircle_meeting_fed {
    background: var(--colorBgActivityMeeting);
    color: var(--colorIconActivityMeeting);
  }.ActivityIconCircle_root_114.ActivityIconCircle_meeting_fed.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityMeeting);
    }.ActivityIconCircle_root_114.ActivityIconCircle_opportunitystatuschange_cf7 {
    margin-top: var(--spacing-4);
    background: var(--colorBgActivityOpportunity);
    color: var(--colorIconActivityOpportunity);
  }.ActivityIconCircle_root_114.ActivityIconCircle_opportunitystatuschange_cf7.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityOpportunity);
    }.ActivityIconCircle_root_114.ActivityIconCircle_taskcompleted_fa9 {
    margin-top: var(--spacing-4);
    background: var(--colorBgActivityTask);
    color: var(--colorIconActivityTask);
  }.ActivityIconCircle_root_114.ActivityIconCircle_taskcompleted_fa9.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityTask);
    }.ActivityIconCircle_root_114.ActivityIconCircle_customactivity_1e6 {
    background: var(--colorBgActivityCustomActivity);
    color: var(--colorIconActivityCustomActivity);
  }.ActivityIconCircle_root_114.ActivityIconCircle_customactivity_1e6.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityCustomActivity);
    }.ActivityIconCircle_root_114.ActivityIconCircle_note_415 {
    background: var(--colorBgActivityNote);
    color: var(--colorIconActivityNote);
  }.ActivityIconCircle_root_114.ActivityIconCircle_note_415.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityNote);
    }.ActivityIconCircle_root_114.ActivityIconCircle_importupdate_4ce,
  .ActivityIconCircle_root_114.ActivityIconCircle_created_4bc,
  .ActivityIconCircle_root_114.ActivityIconCircle_leadstatuschange_eb1 {
    margin-top: var(--spacing-4);
    border: 1px solid var(--borderDefault);
    background: var(--colorBgActivityDefault);
    color: var(--colorIconActivityDefault);
  }.ActivityIconCircle_root_114.ActivityIconCircle_importupdate_4ce.ActivityIconCircle_collapsed_ce2, .ActivityIconCircle_root_114.ActivityIconCircle_created_4bc.ActivityIconCircle_collapsed_ce2, .ActivityIconCircle_root_114.ActivityIconCircle_leadstatuschange_eb1.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityDefault);
    }.ActivityIconCircle_root_114.ActivityIconCircle_sms_aa7 {
    background: var(--colorBgActivitySMS);
    color: var(--colorIconActivitySMS);
  }.ActivityIconCircle_root_114.ActivityIconCircle_sms_aa7.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivitySMS);
    }.ActivityIconCircle_root_114.ActivityIconCircle_whatsappmessage_bc0 {
    background: var(--colorBgActivityWhatsApp);
    color: var(--colorIconActivityDefault);
  }.ActivityIconCircle_root_114.ActivityIconCircle_whatsappmessage_bc0.ActivityIconCircle_collapsed_ce2 {
      background: var(--colorBgActivityWhatsApp);
    }.ActivityIconCircle_root_114.ActivityIconCircle_transparent_bc4 {
    background: var(--surfaceBackgroundMedium);
    box-shadow: none;
    color: var(--colorIconDefault);
    margin-top: var(--spacing-4);
  }@media screen and (max-width: 767px) {
    .ActivityIconCircle_root_114:not(.ActivityIconCircle_collapsed_ce2) {
      align-self: flex-start;
      margin-top: 0;
      width: var(--activityIconWidthMobile);
      height: var(--activityIconWidthMobile);
      margin-left: 0;
    }
  }

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

  height: calc(
    var(--activityMinRowHeight) + (var(--activityVerticalGutter) * 2)
  );
}.ActivityMobileHeaderSegment_layout_114 .ActivityMobileHeaderSegment_icon_8b8 {
    margin-left: var(--activityHorizontalGutter);
    margin-right: var(--activityHeaderHorizontalGap);
  }.ActivityMobileHeaderSegment_layout_114 .ActivityMobileHeaderSegment_summary_86d {
    display: flex;
    align-items: center;
  }

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

.QuickInsert_QuickInsertMenu_itemListCard_716 {
  --cardWidth: 328px;
  --cardMaxHeight: 200px;
  border: 1px solid var(--borderDefault);
  box-shadow: var(--shadowLevel3);
  border-radius: 3px;
  background-color: var(--bgPopover);
}

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

.QuickInsert_QuickInsertMenuItem_name_6da {
  white-space: nowrap;
}

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

.FilesBrowserModal_modal_de8 {
  width: 800px;
}

.FilesBrowserFooter_footer_98b {
  display: flex;
  height: 30px;
  gap: var(--spacing-8);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-16);
  background: var(--bgCardMedium);
  border-radius: 0 0 var(--tableBorderRadius) var(--tableBorderRadius);
}

.filteringComponents_sortItemRenderer_88c,
.filteringComponents_typeItemRenderer_49f {
  height: 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.FilesBrowserHeader_filters_ddb {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  padding: var(--spacing-8);
  background: var(--bgCardBase);
}

.FilesBrowserHeader_filters_ddb .FilesBrowserHeader_search_d3c {
    width: 240px;
  }

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

.FilesBrowserHeader_filters_ddb .FilesBrowserHeader_search_d3c {
      display: none;
  }
    }

.FilesBrowserHeader_mobileSearch_334 {
  display: none;
  border-bottom: 1px solid var(--borderDefault);
}

.FilesBrowserHeader_mobileSearch_334 .FilesBrowserHeader_search_d3c {
    width: 100%;
  }

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

.FilesBrowserHeader_mobileSearch_334 {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
    padding: var(--spacing-8);
    background: var(--bgCardBase);
}
  }

.FilesBrowserTable_container_5f0 {
  --visibleRows: 7;
  --cellPaddingX: var(--spacing-12);
  --cellPaddingY: var(--spacing-8);
  --cellHeight: 56px;
  --idealBodyHeight: calc(
    var(--cellHeight) * var(--visibleRows) + var(--visibleRows) * 1px
  );
  --modalMaxHeight: 80vh;
  --modalMargin: var(--spacing-32);
  --modalHeaderHeight: 52px;
  --filesBrowserHeaderHeight: 48px;
  --filesBrowserMobileHeaderHeight: 95px;
  --filesBrowserFooterHeight: 62px;
  --maxBodyHeight: calc(
    var(--modalMaxHeight) - (var(--modalMargin) * 2) - var(--modalHeaderHeight) -
      var(--filesBrowserHeaderHeight) - var(--filesBrowserFooterHeight)
  );
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: var(--tableShadow);
  border-top: 1px solid var(--borderDefault);
  overflow: hidden;
  box-sizing: border-box;
}@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 {
    /* There isn't enough space for 7 rows on smaller phones (i.e. iphone SE) */
    --visibleRows: 4;

    --bottomSheetMaxHeight: 100vh;
    --bottomSheetVerticalSpace: 120px;
    --bottomSheetHeaderHeight: 65px;
    --maxBodyHeight: calc(
      var(--bottomSheetMaxHeight) - var(--bottomSheetVerticalSpace) -
        var(--bottomSheetHeaderHeight) - var(--filesBrowserMobileHeaderHeight) -
        var(--filesBrowserFooterHeight)
    );
}
  }.FilesBrowserTable_container_5f0 * {
    box-sizing: border-box;
  }.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: 1fr 200px 90px;
    background: var(--bgTableHeaderDefault);
    border-bottom: 1px solid var(--borderDefault);

    overflow-y: scroll;
  }.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f.FilesBrowserTable_selectable_d08 {
      grid-template-columns: auto 1fr 200px 90px;
    }@supports (scrollbar-gutter: stable) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f {
      scrollbar-gutter: stable;
      overflow-y: auto;
  }
    }:is(.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f) > * + * {
      border-left: 1px solid var(--borderDefault);
    }.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f .FilesBrowserTable_headerCell_7e0 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-8);
      padding: 6px var(--cellPaddingX);
      white-space: nowrap;
      font-weight: var(--fontWeightBold);
      cursor: pointer;
    }.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f .FilesBrowserTable_headerCell_7e0.FilesBrowserTable_alignRight_c17 {
        justify-content: flex-end;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f .FilesBrowserTable_selectAllCell_944 {
      width: 30px;
      padding: 6px var(--spacing-8);
    }@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_header_b3f {
      display: none;
  }
    }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 {
    position: relative;
    height: min(var(--idealBodyHeight), var(--maxBodyHeight));
    overflow-y: scroll;
    background: var(--bgTableCellDefault);
  }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b {
      display: grid;
      grid-template-columns: 1fr 200px 90px;
    }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b.FilesBrowserTable_selectable_d08 {
        grid-template-columns: auto 1fr 200px 90px;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_divider_9e1 {
        border-bottom: 1px solid var(--borderDefault);
        grid-column: 1/-1;
        height: 1px;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b > *:not(.FilesBrowserTable_divider_9e1) {
        padding: var(--cellPaddingY) var(--cellPaddingX);
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_thumbnailContainer_6cb {
        position: relative;
        width: var(--spacing-40);
        height: var(--spacing-40);
        border-radius: var(--baseBorderRadius);
        border: 1px solid var(--borderLight);
        background: lightgray 50% / cover no-repeat;
        overflow: hidden;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_checkboxCell_ddc {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_checkboxCell_ddc .FilesBrowserTable_checkbox_6d6 {
          padding: var(--spacing-20) var(--spacing-8);
        }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameCell_7f0,
      .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameWrapper_ed7 {
        display: flex;
        gap: var(--spacing-8);
        flex-grow: 1;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameCell_7f0 .FilesBrowserTable_filename_65c, .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameWrapper_ed7 .FilesBrowserTable_filename_65c {
          display: flex;
          flex-direction: column;
          min-width: 0;
        }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameCell_7f0 .FilesBrowserTable_size_b89, .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameWrapper_ed7 .FilesBrowserTable_size_b89 {
          display: none;
        }@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameCell_7f0 .FilesBrowserTable_size_b89, .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_filenameWrapper_ed7 .FilesBrowserTable_size_b89 {
            display: block;
        }
          }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_activityCell_ba1 {
        display: flex;
        gap: var(--spacing-8);
        align-items: center;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_activityCell_ba1 {
          gap: var(--spacing-4);
          place-content: end;
          /* TODO: Fix `AvatarGroup` component to get rid of this */
          padding-right: var(--spacing-16);
      }
        }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_sizeCell_e46 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_sizeCell_e46 {
          display: none;
      }
        }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_selectedCell_f5f {
        background-color: var(--bgActiveMuted);
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_fetchMoreCell_adf {
        display: flex;
        justify-content: center;
        align-items: center;
        height: var(--cellHeight);
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_fetchMoreCell_adf.FilesBrowserTable_fetchMoreCheckboxCell_d77 {
          padding: var(--spacing-8);
        }@media screen and (max-width: 767px) {
          .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_fetchMoreCell_adf:last-child {
            display: none;
          }
        }@media screen and (min-width: 768px) {
        :is(.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b) > *:not(.FilesBrowserTable_divider_9e1) + * {
          border-left: 1px solid var(--borderDefault);
        }
      }@media screen and (max-width: 767px) {.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b {
        grid-template-columns: 1fr min-content;
    }

        .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b.FilesBrowserTable_selectable_d08 {
          grid-template-columns: auto 1fr min-content;
        }

        .FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_body_29b .FilesBrowserTable_contextMenu_75f {
          display: none;
        }
      }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_cover_24d {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }.FilesBrowserTable_container_5f0 .FilesBrowserTable_bodyWrapper_d90 .FilesBrowserTable_cover_24d .FilesBrowserTable_coverIcon_c73 {
        width: 64px;
        height: 64px;
        color: var(--colorIconLight);
      }

.SMSEditor_Toolbar_characterCounter_6c4 {
  align-items: center;
  display: flex;
  /* Allows for proper spacing with or without toolbar items */
  min-height: 32px;
  justify-content: center;
}

.SMSEditor_root_8f6 {
  --smsEditorMaxHeight: 370px;
  --smsEditorMinHeight: 150px;

  background-color: var(--formBackground);
  display: flex;
  flex-direction: column;
  /* Overflow applied to fix scrollbar issue on rounded corners */
  overflow: hidden;
}

.SMSEditor_root_8f6.SMSEditor_withBorder_056 {
    border: 1px solid var(--borderDefault);
    border-radius: var(--baseInputBorderRadius);
  }

.SMSEditor_root_8f6:focus-within {
    border-color: var(--borderFocused);
  }

.SMSEditor_editor_96e .ProseMirror {
    box-sizing: border-box;
    color: var(--colorTextDefault);
    font-size: var(--fontSizeBase);
    max-height: var(--smsEditorMaxHeight);
    min-height: var(--smsEditorMinHeight);
    outline: none;
    overflow-y: auto;
    padding: var(--spacing-16);
    word-break: break-word;
  }

.SMSEditor_editor_96e p {
    margin-bottom: 0;
  }

.SMSEditor_editor_96e.SMSEditor_withManualMinHeight_4ed .ProseMirror {
      min-height: inherit;
    }

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

.SMSForm_SMSForm_resetMargins_465 {
  margin: 0 !important;
}

.SMSForm_SMSForm_attachments_3a2 {
  max-height: 140px;
  overflow: hidden auto;
  display: flex;
  flex-grow: 1;
}

.ActivityFormFooterLayout_primaryActions_f47,
.ActivityFormFooterLayout_secondaryActions_1d0,
.ActivityFormFooterLayout_fields_1ca {
  display: flex;
  align-items: center;
  gap: var(--activityHorizontalGutter);
}

.ActivityFormFooterLayout_primaryActions_f47 {
  flex-grow: 1;
}

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

.ActivityFormFooterLayout_fields_1ca {
    order: -1;
    width: 100%;
    flex-grow: 1;
}
  }

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

  /* TODO: remove me after global form styles are deleted. */
  margin-bottom: 0;

  box-sizing: border-box;
}@media screen and (min-width: 768px) {.SMSForm_SMSFormLabel_root_3cb {
    width: 48px;
}
  }

.SMSBillingErrorModal_SMSBillingErrorModalContent_body_ce3 {
  padding: var(--modalBodyPadding);
}

.LinkEditModal_form_bc6 {
  margin: 0;
}

@layer atom {
  .RichTextEditor_Content_root_58e {
    all: revert;
    display: flex;
    max-height: var(--richTextEditorMaxHeight, none);
    overflow-y: auto;
  }

    .RichTextEditor_Content_root_58e:not(.RichTextEditor_Content_transparent_20f) {
      background-color: var(--formBackground);
    }

    .RichTextEditor_Content_root_58e.RichTextEditor_Content_small_5a4 {
      font-size: var(--fontSizeSmall);
    }

    .RichTextEditor_Content_root_58e > [contenteditable='true'] {
      min-height: 110px;
    }

    .RichTextEditor_Content_root_58e .ProseMirror {
      width: 100%;
      outline: none;
      /* #endregion */
    }

      .RichTextEditor_Content_root_58e .ProseMirror p:last-child {
        margin: 0;
      }

      /**
     * Invert margins inside list items to prevent the last p in a list from
     * creating space between it and the next list
     *
     * @see https://github.com/closeio/close-ui/pull/9873
     *
     * :has is a nicer solution but not supported by the Desktop App (Chrome 102)
    */
      .RichTextEditor_Content_root_58e .ProseMirror li p {
        margin: 0;
      }

      :is(.RichTextEditor_Content_root_58e .ProseMirror) li p + p {
        margin-top: var(--spacing-8);
      }

      .RichTextEditor_Content_root_58e .ProseMirror ol > li {
        list-style-type: decimal;
      }
        .RichTextEditor_Content_root_58e .ProseMirror ol > li ol > li {
          list-style-type: lower-alpha;
        }
          .RichTextEditor_Content_root_58e .ProseMirror ol > li ol > li ol > li {
            list-style-type: lower-roman;
          }

      .RichTextEditor_Content_root_58e .ProseMirror ul > li {
        list-style-type: disc;
      }
        .RichTextEditor_Content_root_58e .ProseMirror ul > li ul > li {
          list-style-type: circle;
        }
          .RichTextEditor_Content_root_58e .ProseMirror ul > li ul > li ul > li {
            list-style-type: square;
          }

      .RichTextEditor_Content_root_58e .ProseMirror p,
      .RichTextEditor_Content_root_58e .ProseMirror > ul,
      .RichTextEditor_Content_root_58e .ProseMirror > blockquote {
        margin-bottom: var(--spacing-8);
      }

      /* reset global type.css CSS for blockquotes and contents */
        .RichTextEditor_Content_root_58e .ProseMirror blockquote,
        .RichTextEditor_Content_root_58e .ProseMirror blockquote p {
          font-size: inherit;
          font-style: inherit;
          font-weight: inherit;
          line-height: inherit;
        }

      .RichTextEditor_Content_root_58e .ProseMirror blockquote {
        color: var(--colorTextLight);
      }

      /* #region Placeholder plugin */
      .RichTextEditor_Content_root_58e .ProseMirror .emptyEditor::before {
        content: attr(data-placeholder);
        color: var(--colorTextLight);
        pointer-events: none;
        float: left;
        height: 0;
      }
      /* #endregion */

      /* #region Collaboration cursor plugin */
      .RichTextEditor_Content_root_58e .ProseMirror .RichTextEditor_Content_collaborationCursorCaret_304 {
        position: relative;
        border-left: 1px solid var(--borderDefault);
        border-right: 1px solid var(--borderDefault);
        margin-left: -1px;
        margin-right: -1px;
        pointer-events: none;
        word-break: normal;
      }

      .RichTextEditor_Content_root_58e .ProseMirror .RichTextEditor_Content_collaborationCursorLabel_f6d {
        position: absolute;
        left: -1px;
        top: -14px;
        border-radius: 3px 3px 3px 0;
        font-size: 12px;
        line-height: 1.5;
        font-weight: var(--fontWeightBold);
        padding: 0 var(--spacing-4);
        -webkit-user-select: none;
                user-select: none;
        white-space: nowrap;
      }
      /* #endregion */

      /* #region Mention plugin */
      .RichTextEditor_Content_root_58e .ProseMirror [data-type='mention'] {
        color: var(--colorLinkDefault);
      }
      /* #endregion */

      /* #region BackgroundColor */

      /**
     * These colors must match the keys in HighlightColorKey!
     * They should also be styled consistently with the named color class names
     * in the color picker menu
     */

      .RichTextEditor_Content_root_58e .ProseMirror [data-highlight-color='bgRed'] {
        background-color: var(--colorBgRichTextHighlightRed);
      }

      .RichTextEditor_Content_root_58e .ProseMirror [data-highlight-color='bgYellow'] {
        background-color: var(--colorBgRichTextHighlightYellow);
      }

      .RichTextEditor_Content_root_58e .ProseMirror [data-highlight-color='bgGreen'] {
        background-color: var(--colorBgRichTextHighlightGreen);
      }

      .RichTextEditor_Content_root_58e .ProseMirror [data-highlight-color='bgBlue'] {
        background-color: var(--colorBgRichTextHighlightBlue);
      }

      .RichTextEditor_Content_root_58e .ProseMirror [data-highlight-color='bgPurple'] {
        background-color: var(--colorBgRichTextHighlightPurple);
      }

    .RichTextEditor_Content_root_58e mark {
      background-color: var(--bgHighlightMatchSelected);
    }
}

.richtext_buttons_separator_c58 {
  all: initial;
  border-right: 1px solid var(--borderDefault);
  margin: var(--spacing-8);
}

.richtext_buttons_headingItem_717 {
  display: flex;
  align-items: center;
  column-gap: var(--spacing-8);
}

@layer atom {
  .RichTextEditor_Toolbar_toolbar_e44 {
    display: flex;
    box-sizing: border-box;
    align-items: stretch;
  }
}

.Mentions_MentionList_popover_afb {
  background-color: var(--bgPopover);
  border-radius: 7px;
  min-width: 310px;
}

.Mentions_MentionList_menu_714 {
  font-size: 14px;
  line-height: 20px;
  padding: var(--spacing-8);
}

.Mentions_MentionList_menuItem_b90 {
  cursor: pointer;
  padding: var(--spacing-8) var(--spacing-8);
  border-radius: 7px;
}

.Mentions_MentionList_menuItem_b90:hover,
  .Mentions_MentionList_menuItem_b90.Mentions_MentionList_highlighted_cf5 {
    background-color: var(--bgActiveMuted);
  }

.Mentions_MentionList_footer_116 {
  position: sticky;
  bottom: 0;
  padding: var(--spacing-12) var(--spacing-16);
  background-color: var(--surfaceBackgroundLight);
}

.MentionSectionItem_sectionWrapper_97e:not(:first-of-type) {
  margin-top: 8px;
}

.MentionGroupItem_textWrapper_cf5 {
  max-width: 250px;
}

.MentionUserItem_textWrapper_5b7 {
  max-width: 250px;
}

.RichTextEditor_Viewer_viewer_b1b {
  overflow-y: visible;
}

/* To have our styles match Figma we have to compensate for the extra padding
that small buttons have */
.ActivityHeader_ActivityHeader_smallButtonFix_92d {
  margin: -2px 0;
}

/** Compensating for extra padding in the comment component */
.ActivityHeader_ActivityHeader_comment_394 {
  margin: -3px 0;
}

.ActivityHeader_ActivityHeader_hoverActions_506 {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}

.ActivityHeader_ActivityHeader_hoverActions_506 > * {
    visibility: hidden;
  }

.Activity:hover .ActivityHeader_ActivityHeader_hoverActions_506 > * {
    visibility: visible;
  }

.ActivityHeader_ActivityHeader_hoverActions_506.ActivityHeader_ActivityHeader_forceVisibility_3fc > * {
    visibility: visible;
  }

.ActivityHeader_ActivityHeader_title_597 {
  font-size: var(--fontSizeSmall);
  font-weight: var(--fontWeightBold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.ActivityHeader_ActivityHeader_title_597 {
    font-size: 16px;
}
  }

.ActivityHeader_ActivityHeader_titleLink_022 {
  align-items: center;
  color: var(--colorTextDefault);
  display: flex;
  gap: var(--spacing-8);
}

.ActivityHeader_ActivityHeader_titleLink_022:hover {
    color: var(--colorLinkDefault);
  }

.ActivityHeader_ActivityHeader_titleLink_022:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.ActivityHeader_ActivityHeader_titleLink_022:focus .ActivityHeader_ActivityHeader_previewIconContainer_8ed {
      visibility: visible;
    }

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

.ActivityHeader_ActivityHeader_previewIconContainer_8ed {
  align-items: center;
  display: flex;
  visibility: hidden;
}

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

.ActivityHeader_ActivityHeader_previewIconContainer_8ed {
    display: none;
}
  }

.Activity:hover .ActivityHeader_ActivityHeader_previewIconContainer_8ed {
    visibility: visible;
  }

.ActivitySection_ActivitySection_root_806 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spacing-8);
  justify-content: center;
  min-height: var(--activitySectionHeight);
  min-width: 0;
}.ActivitySection_ActivitySection_root_806.ActivitySection_ActivitySection_withPadding_441 {
    padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
  }

/* To have our styles match Figma we have to compensate for the extra padding
that small buttons have */
.SMSActivity_SMSActivity_smallButtonFix_d9e {
  margin: -2px 0;
}

.SMSSummary_nobr_cbb {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SMSSummary_icon_8a6 {
  color: var(--colorIconLight);
}

.ActivityDotSeparator_root_2d5 {
  -webkit-user-select: none;
          user-select: none;
  color: var(--gray-40);
  text-align: center;
  margin: 0 var(--spacing-4);

  display: flex;
  align-items: center;
}

.LeadSearchCombobox_LeadSearchComboboxItem_item_8ed {
  background-color: var(--bgMenuItemDefault);
  cursor: pointer;
}

.LeadSearchCombobox_LeadSearchComboboxItem_item_8ed.LeadSearchCombobox_LeadSearchComboboxItem_isLastItem_c18 {
    border-bottom-left-radius: var(--popoverBorderRadius);
    border-bottom-right-radius: var(--popoverBorderRadius);
  }

.LeadSearchCombobox_LeadSearchComboboxItem_isLeadHighlighted_4d4 {
  background-color: var(--bgMenuItemHover);
}

.LeadSearchCombobox_LeadSearchComboboxItem_badgeContainer_880 {
  max-width: 160px;
}

.AssignLeadModal_comboboxContainer_5c9 {
  flex: 1;
}

.opportunities_OpportunitySuggestedAction_actionWrapper_c71 {
  display: flex;
  gap: var(--spacing-8);
  flex-direction: row;
  justify-content: flex-end;
}.opportunities_OpportunitySuggestedAction_actionWrapper_c71.opportunities_OpportunitySuggestedAction_reverse_7ec {
    flex-direction: row-reverse;
  }

.MediaPlayer_MediaPlayerContainer_container_31d {
  box-sizing: border-box;
  border-radius: inherit;
  border-color: var(--borderDefault);
  background-color: var(--surfaceBackgroundDefault);
  overflow: hidden;
}.MediaPlayer_MediaPlayerContainer_container_31d.MediaPlayer_MediaPlayerContainer_withBorder_39b {
    --mediaPlayerBorderRadius: 7px;
    border-radius: var(--mediaPlayerBorderRadius);
    border: 1px solid var(--borderDefault);
  }

.MediaPlayer_MediaPlayerButton_button_222 {
  /**
   * The transparent button is 26px tall because the border is still present
   * Removing `border-width` prevents the control area from exceeding its 24px height
   */
  border-width: 0 !important;

  position: relative;

  /**
   * The media button should not get a background when active. Instead, it
   * changes to the link color and displays a small dot at the bottom.
   */
}.MediaPlayer_MediaPlayerButton_button_222.Btn--active:not(:hover) {
    background-color: transparent;
    color: var(--colorLinkDefault);
  }.MediaPlayer_MediaPlayerButton_button_222.Btn--active:not(:hover):after {
      content: '';
      display: block;
      width: 3px;
      height: 3px;
      position: absolute;
      border-radius: 100%;
      bottom: 2px;
      left: 50%;
      transform: translate(-50%, 0);
      background-color: currentColor;
    }

/**
 * This is needed to make the tooltip appear at the correct position.
 * Without it, the tooltip originates from the bottom of the button text, not the entire button.
 */
.ControlsSection_PlaybackRateSelect_tooltipTarget_af2 {
  display: block;
}

.ControlsSection_FormattedTime_time_8e5 {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.ControlsSection_controls_035 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 10px var(--spacing-12);
  background-color: var(--surfaceBackgroundDefault);
}

.ControlsSection_playPauseButton_a82 {
  --size: 24px;
  --iconSize: 14px;
  --colorFocus: var(--colorBlue20);

  -webkit-appearance: none;
  border: none;
  padding: 0;

  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  background-color: var(--colorIconDefault);
  color: var(--fillLight);
  display: grid;
  place-content: center;
  transition: opacity 0.3s;
}

.ControlsSection_playPauseButton_a82:hover,
  .ControlsSection_playPauseButton_a82:active {
    opacity: 0.8;
  }

.ControlsSection_playPauseButton_a82:focus-visible {
    outline: 1px solid var(--colorFocus);
  }

.ControlsSection_playPauseButton_a82:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }

.ControlsSection_playPauseButton_a82 svg {
    display: block;
    width: var(--iconSize);
    height: var(--iconSize);
  }

.ControlsSection_timestamps_e5e {
  display: inline-flex;
  align-items: center;
  gap: 0.5ch;
  white-space: nowrap;
}

.ControlsSection_ScrubBar_scrubBar_c64 {
  /* Height of the full element  */
  --scrubBarContainerHeight: var(--spacing-16);

  /* Height of individual bars */
  --scrubBarHeight: var(--spacing-4);

  --scrubBarRadius: 2px;
  --scrubBarBg: var(--surfaceBackgroundDark);
  --playheadSize: var(--spacing-12);
  --playheadColor: var(--colorIconDefault);

  --hitboxAdjustment: 2px;

  /**
   * Borrow additional space above/below the scrub bar.
   * This allows the hitbox to be slightly larger than the
   * layout would allow. When the user is hovering over the bar,
   * it will be easier to keep the tooltip from going away.
   * Negative margin is used because the bar needs to show in multiple
   * places (compact, normal) and should respect the gaps/spacing of the
   * surrounding context.
   */
  height: calc(var(--scrubBarContainerHeight) + var(--hitboxAdjustment) * 2);
  margin: calc(var(--hitboxAdjustment) * -1) 0;

  position: relative;
  touch-action: none;
}

.ControlsSection_ScrubBar_scrubBar_c64:has(.ControlsSection_ScrubBar_playhead_06a) {
    cursor: pointer;
  }

.ControlsSection_ScrubBar_scrubBar_c64:not(.ControlsSection_ScrubBar_scrubBarContent_bdf) .ControlsSection_ScrubBar_bars_c78 {
      background-color: var(--scrubBarBg);
    }

.ControlsSection_ScrubBar_scrubBar_c64:not(.ControlsSection_ScrubBar_scrubBarContent_bdf) .ControlsSection_ScrubBar_elapsed_746 {
      background-color: var(--playheadColor);
    }

.ControlsSection_ScrubBar_scrubBar_c64:not(.ControlsSection_ScrubBar_scrubBarContent_bdf) .ControlsSection_ScrubBar_buffered_4f8 {
      background-color: var(--colorFillScrubBarLoaded);
    }

.ControlsSection_ScrubBar_scrubBar_c64,
.ControlsSection_ScrubBar_bars_c78 {
  width: 100%;
  display: grid;
  align-items: center;
}

.ControlsSection_ScrubBar_scrubBar_c64 > *, .ControlsSection_ScrubBar_bars_c78 > * {
    grid-area: 1 / 1;
    z-index: 1;
  }

.ControlsSection_ScrubBar_playhead_06a {
  box-sizing: border-box;
  position: absolute;
  left: calc(var(--mediaPlayerElapsed) * 100%);
  height: var(--playheadSize);
  width: var(--playheadSize);
  background-color: var(--playheadColor);
  border: 2px solid var(--fillLight);
  border-radius: 100%;
  transform: translateX(-50%);
}

.ControlsSection_ScrubBar_bars_c78 {
  height: var(--scrubBarHeight);
  border-radius: var(--scrubBarRadius);
  overflow: hidden;
}

.ControlsSection_ScrubBar_bars_c78 > * {
    height: 100%;
    width: 100%;
  }

.ControlsSection_ScrubBar_elapsed_746 {
  --progress: var(--mediaPlayerElapsed);
}

.ControlsSection_ScrubBar_progress_6cc {
  transform-origin: left;
  transform: scale(var(--progress, 0), 1);
}

.ControlsSection_ScrubBar_skeleton_254 {
  --size: 6px;
  background-size: var(--size) var(--size);
  animation: ControlsSection_ScrubBar_moveHorizontal_bc4 0.25s linear infinite reverse;
  background-image: linear-gradient(
    -45deg,
    var(--colorIconLight) 25%,
    var(--scrubBarBg) 25%,
    var(--scrubBarBg) 50%,
    var(--colorIconLight) 50%,
    var(--colorIconLight) 75%,
    var(--scrubBarBg) 75%,
    var(--scrubBarBg)
  );
}

@keyframes ControlsSection_ScrubBar_moveHorizontal_bc4 {
  0% {
    background-position: var(--size) 0;
  }
  100% {
    background-position: 0 0;
  }
}

.ControlsSection_ScrubBar_hoverInfoPosition_e1e {
  pointer-events: none;
  position: absolute;
  left: calc(var(--mediaPlayerPointer) * 100%);
  height: var(--playheadSize);
  width: var(--playheadSize);
  transform: translateX(-50%);
}

/**
 * TODO: These styles are copied from Tooltip. The scrub bar info cant directly use the Tooltip atom
 * because of some nuances with how the positioning works. We should either update Tooltip to support
 * custom use cases, or otherwise find a way to share the styles.
 */
.ControlsSection_ScrubBar_hoverInfoContainer_317 {
  pointer-events: none;
  width: max-content;
  word-wrap: break-word;
  opacity: 0.95;
  z-index: var(--zIndexTooltips);
}

.ControlsSection_ScrubBar_hoverInfoContent_175 {
  font-size: 11px;
  line-height: 1.5;
  padding: 7px;
  border-radius: 3px;
  color: var(--colorTextNeutralWhite);
  background: var(--colorBgTooltip);
  text-align: center;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  text-wrap: balance;
}

.ControlsSection_ScrubBar_arrow_3c9 {
  fill: var(--colorBgTooltip);
}

/**
 * Ensure there is a border between each player section
 */
.MediaPlayer_MediaPlayerSection_playerSection_582 {
  border-color: inherit;
  border-style: solid;
  border-width: 1px 0 0 0;

  /* Hide the border for the first visible child supports up to */
}
.MediaPlayer_MediaPlayerSection_playerSection_582:first-child,
  .MediaPlayer_MediaPlayerSection_playerSection_582.MediaPlayer_MediaPlayerSection_isHidden_347:first-child + .MediaPlayer_MediaPlayerSection_playerSection_582,
  .MediaPlayer_MediaPlayerSection_playerSection_582.MediaPlayer_MediaPlayerSection_isHidden_347:first-child + .MediaPlayer_MediaPlayerSection_playerSection_582.MediaPlayer_MediaPlayerSection_isHidden_347 + .MediaPlayer_MediaPlayerSection_playerSection_582 {
    border-top-width: 0;
  }
.MediaPlayer_MediaPlayerSection_playerSection_582.MediaPlayer_MediaPlayerSection_isHidden_347 {
    display: none;
  }

.MediaPlayerMessage_message_eba {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  padding: var(--spacing-16) var(--spacing-12);
  background-color: var(--surfaceBackgroundLight);
}

.MediaPlayerMessage_actions_ec8 {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.MediaPlayerMessage_children_fe3 {
  flex: 1;
}

.VideoPlayerSection_ControlActionButton_button_b58 {
  color: var(--white);
  padding: 5px;
  transition: opacity 200ms var(--easeInOutQuad);
  cursor: pointer;
}.VideoPlayerSection_ControlActionButton_button_b58:not(:hover):not(:focus-visible) {
    opacity: 0.85;
  }

.VideoPlayerSection_video_047 {
  --playIconSize: 80px;

  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: var(--videoBgColor, black);

  /**
   * Videos that do not adhere to the aspect ratio will be shown with "black bars".
   * This ensures all videos take up the same height in the UI regardless of how they are recorded.
   */
  aspect-ratio: var(--aspectRatio, 16/9);
}.VideoPlayerSection_video_047 video,
  .VideoPlayerSection_video_047 img {
    position: absolute;
    inset: 0;
    object-fit: contain;
    height: 100%;
    width: 100%;
  }.VideoPlayerSection_video_047.VideoPlayerSection_posterImageCover_4ac img {
    object-fit: cover;
    object-position: center;
  }.VideoPlayerSection_video_047 .VideoPlayerSection_posterContent_c09 {
    position: relative; /* Allows child content to prefer position: absolute instead of centered content */
    overflow: hidden;
    display: grid;
    place-content: center;
    height: 100%;
    width: 100%;
  }.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 {
    --overlayOpacity: 0;
    --playPauseButtonOpacity: 0;

    z-index: 1;
    cursor: pointer;
    position: absolute;
    inset: 0;
    display: grid;
  }.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 > * {
      grid-area: 1/1;
    }/* Overlay */.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4:before {
      content: '';
      z-index: -1;
      position: absolute;
      inset: 0;
      background-color: var(--black);
      opacity: var(--overlayOpacity);
      transition: opacity 200ms var(--easeInOutQuad);
    }.VideoPlayerSection_video_047:hover :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4),
    .VideoPlayerSection_video_047:not(.VideoPlayerSection_isPlaying_522) :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4) {
      --overlayOpacity: 0.35;
    }.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_playPauseButton_98c {
      display: grid;
      place-content: center;
    }/*
     * The play and pause buttons are always rendered, but with different opacities.
     * The main reason is so that the play button can fade away without flickering to a pause button
     * during the exit transition.
     */.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_playButton_6bb,
    .VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_pauseButton_e4b {
      grid-area: 1/1;
      width: var(--playIconSize);
      height: var(--playIconSize);
      opacity: var(--playPauseButtonOpacity);
      transition: opacity 200ms var(--easeInOutQuad);
      color: var(--white);
    }.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_playButton_6bb svg, .VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_pauseButton_e4b svg {
        width: var(--playIconSize);
        height: var(--playIconSize);
      }.VideoPlayerSection_video_047:not(.VideoPlayerSection_isPlaying_522) :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4) {
      --playPauseButtonOpacity: 0.75; /** Partial button opacity when not playing */
    }.VideoPlayerSection_video_047:hover :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4) {
      --playPauseButtonOpacity: 1; /** Full button opacity on hover */
    }.VideoPlayerSection_video_047.VideoPlayerSection_isPlaying_522 :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_playButton_6bb) {
        opacity: 0 !important;
      }/**
     * Ensure a pause button never appears unless you are hovering
     * over a video that is currently playing.
     */.VideoPlayerSection_video_047:not(.VideoPlayerSection_isPlaying_522) :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_pauseButton_e4b),
      .VideoPlayerSection_video_047.VideoPlayerSection_isPlaying_522:not(:hover) :is(.VideoPlayerSection_video_047 .VideoPlayerSection_controls_3f4 .VideoPlayerSection_pauseButton_e4b) {
        opacity: 0 !important;
      }.VideoPlayerSection_video_047 .VideoPlayerSection_actions_b0e {
    place-self: end;
    display: flex;
    gap: var(--spacing-4);
    padding: var(--spacing-8);
    transition: opacity 200ms var(--easeInOutQuad);
  }.VideoPlayerSection_video_047.VideoPlayerSection_isPlaying_522:not(:hover) :is(.VideoPlayerSection_video_047 .VideoPlayerSection_actions_b0e) {
      opacity: 0;
    }

.HTMLEditor_root_962 {
  --editorDefaultHeight: 160px;
  --proseMirrorMaxHeight: 425px;

  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--colorBgEmailEditor);
}

.HTMLEditor_root_962.HTMLEditor_fullHeight_fa2 {
    height: 100%;
    --proseMirrorMaxHeight: reset;
  }

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

.HTMLEditor_withBorder_ef9:focus-within {
    border-color: var(--borderFocused);
  }

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

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

  /* override global */
}

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

.HTMLEditor_editor_420 {
  all: revert;
  contain: layout paint;

  overflow-y: auto;
  flex: 1;
}

.HTMLEditor_editor_420.HTMLEditor_px12_956 .ProseMirror {
      padding-left: var(--spacing-12);
      padding-right: var(--spacing-12);
    }

.HTMLEditor_editor_420.HTMLEditor_px16_ac6 .ProseMirror {
      padding-left: var(--spacing-16);
      padding-right: var(--spacing-16);
    }

.HTMLEditor_editor_420 .ProseMirror {
    min-height: 100%;
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
    outline: none;
    line-height: 1.5;
    overflow-y: auto;
    min-height: 160px;
    height: 100%;
    max-height: var(--proseMirrorMaxHeight, 425px);
    background-color: var(--colorBgEmailEditor);
    color: var(--colorTextNeutralBlack);
    font-size: var(--fontSizeSmall);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.HTMLEditor_toolbar_8a3 {
  display: flex;
  box-sizing: border-box;
  align-items: stretch;
  padding: 0 var(--spacing-4);
  border-top: 1px solid var(--borderDefault);
  background-color: var(--surfaceBackgroundDefault);
}

.HTMLEditor_toolbar_8a3.HTMLEditor_toolbarTop_110 {
    border-top: none;
    border-bottom: 1px solid var(--borderDefault);
  }

.HTMLEditor_buttonContainer_dcf {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 3px;
}

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

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

.HTMLEditor_right_ccb {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  margin-left: auto;
  padding: 3px;
}

.HTMLEditor_dropCursor_f53 {
  border-radius: 2px;
  background-color: var(
    --colorBrandBlue
  ) !important; /* override hardcoded option */
  opacity: 0.5;
}

.HTMLEditor_invisible_834 {
  display: none;
}

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

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

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

/* highlight state for non-editable images, so they can at least be highlighted and deleted */
.Image_ImageNode_directHighlighted_d59 img {
  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_00a {
  display: contents;
}

.Image_ImageNode_overlayCard_265 {
  box-shadow: var(--shadowLevel3);
  background-color: var(--surfaceBackgroundDefault);
  border: 1px solid var(--borderLight);
  border-radius: 7px;
}

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

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

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

.subcomponents_ResizeHandle_topRight_f39 {
  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_236 {
  bottom: var(--handleOffset);
  right: var(--handleOffset);
  cursor: se-resize;
}

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

.AIButton_buttonContainer_beb {
  position: relative;
}

.AIButton_button_50f {
  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: var(--bgActiveMuted);
  color: var(--fillInformational);
}

.AIButton_button_50f[disabled] {
    opacity: var(--disabledOpacity);
    color: var(--colorTextDefault);
    background-color: transparent;
  }

.AIButton_button_50f.AIButton_isLoading_a1c[disabled] {
      background-color: var(--surfaceBackgroundDark);
    }

.AIButton_button_50f:not([disabled]):hover {
    background-color: color-mix(
      in srgb,
      var(--bgActiveMuted) 90%,
      var(--fillInformational)
    );
  }

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

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

.AIButton_star_ab6 {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 9px;
  color: var(--fillInformational);
  transition: all 0.2s var(--easeInOutQuad) 0.1s;
  opacity: 1;
}

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

.EmailFollowUpChooser_emailFollowUpChooser_9c2 {
  --maxWidth: 412px;
}

.EmailFollowUpChooser_withBorder_b72 {
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.EmailFollowUpChooser_content_721 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: var(--maxWidth);
}

.EmailFollowUpChooser_label_b6c {
  margin: 0 5px 0 0;
}

.EmailFollowUpChooser_checkbox_686[type='checkbox'] {
  margin: 0 8px 2px 0;
}

.EmailFollowUpChooser_thenSeparator_880 {
  margin: 0 8px;
}

.EmailFollowUpChooser_followupTypeSelect_38a {
  flex: 1;
}

.EmailFollowUpChooser_sequences_eb0 {
  width: 100%;
  max-width: var(--maxWidth);
}

.EmailFollowUpChooser_sequenceNote_035 {
  margin: 0;
  line-height: 16px;
}

.EmailFollowUpChooser_noReplyContainer_81a {
  background-color: var(--bgLightMuted);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
}

.EmailFollowUpChooser_noReplyIcon_4de {
  color: var(--colorIconLight);
}

.EmailFollowUpChooser_snoozeMenuBtn_ca6 {
  border-bottom: 1px solid var(--borderDefault);
  border-radius: 0;
}

.EmailFollowUpChooser_snoozeMenuBtn_ca6:hover,
  .EmailFollowUpChooser_snoozeMenuBtn_ca6:focus {
    border-radius: var(--baseInputBorderRadius);
  }

.HTMLEditor_skeleton_skeleton_089 {
  display: flex;
  flex-direction: column;
  background-color: var(--surfaceBackgroundDefault);

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

.HTMLEditor_skeleton_skeleton_089:not(.HTMLEditor_skeleton_fullWidth_974) {
    border: 1px solid var(--borderDefault);
    border-radius: 7px;
  }

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

.ConversationFullScreenViewHeader_mobileActionsContainer_00d {
  align-items: center;
  background-color: var(--bgCardMedium);
  border: 1px solid var(--borderLight);
  border-radius: var(--baseInputBorderRadius);
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
  padding: var(--spacing-8) var(--spacing-12);
}

.ActivityFullScreenView_ActivityFullScreenViewComments_root_d55 {
  height: 100%;
  display: flex;
  flex-direction: column;
}.ActivityFullScreenView_ActivityFullScreenViewComments_root_d55 * {
    box-sizing: border-box;
  }.ActivityFullScreenView_ActivityFullScreenViewComments_root_d55 .ActivityFullScreenView_ActivityFullScreenViewComments_header_07b {
    display: flex;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid var(--borderDefault);

    background: var(--surfaceBackgroundDefault);
    padding: var(--spacing-16) 0;
    margin: 0 var(--spacing-24);

  }.ActivityFullScreenView_ActivityFullScreenViewComments_root_d55 .ActivityFullScreenView_ActivityFullScreenViewComments_comments_fe6 {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    padding: var(--spacing-24);
  }

.CollapsibleActivitySection_header_c0a {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-8);
  height: var(--activitySectionHeight);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
  width: 100%;
}.CollapsibleActivitySection_header_c0a .CollapsibleActivitySection_toggleIcon_98a {
    display: flex;
    align-items: center;
  }.CollapsibleActivitySection_header_c0a .CollapsibleActivitySection_toggleIcon_98a svg {
      color: var(--colorIconLight);
    }.CollapsibleActivitySection_header_c0a:hover:not(.CollapsibleActivitySection_disabled_d66) {
    background: var(--bgCardLight);
    color: var(--colorTextDefault);
  }.CollapsibleActivitySection_header_c0a:hover:not(.CollapsibleActivitySection_disabled_d66) .CollapsibleActivitySection_toggleIcon_98a svg {
        color: var(--colorIconDefault);
      }

.CallParticipants_participants_aed {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-8);
}

.TalkTimeBar_bar_f3b {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.TalkTimeBar_bar_f3b rect {
    fill: var(--fillDataVisCategorical);
  }

.TalkTimeBar_track_052 {
  display: flex;
  width: 100%;
  padding: var(--spacing-4) 0;
}

.TalkTimeBar_track_052 .TalkTimeBar_bar_f3b {
    height: var(--spacing-4);
    background-color: var(--colorFillScrubBarDefault);
    border-radius: 4px;
  }

.ScrubBarTalkTime_container_73e {
  display: grid;
  width: 100%;
  height: var(--spacing-4);
  background-color: var(--colorFillScrubBarDefault);
}

.ScrubBarTalkTime_container_73e > .ScrubBarTalkTime_talkTimeBar_aa3 {
    grid-area: 1/1;
  }

.ScrubBarTalkTime_elapsed_3fd {
  clip-path: inset(0 calc((1 - var(--mediaPlayerElapsed)) * 100%) 0 0);
}

.ScrubBarTalkTime_remaining_992 {
  clip-path: inset(0 0 0 calc(var(--mediaPlayerElapsed) * 100%));
  opacity: 0.3;
}

.SpeakerLabel_container_eb2 {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.SpeakerLabel_dot_f06 {
  border-radius: 8px;
  width: 8px;
  height: 8px;
  background-color: var(--fillDataVisCategorical);
  border: 2px solid var(--colorSpeakerLabelDotBorder);
}

.TalkTimeBarContainer_container_674 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.TalkTimeBarContainer_marker_f2a {
  --offset: var(--mediaPlayerElapsed);
  box-sizing: border-box;
  position: absolute;
  left: calc(var(--offset) * 100%);
  height: 100%;
  width: 1px;
  border-radius: 2px;
  background-color: var(--colorIconDefault);
  transform: translateX(-50%);
  opacity: 0.5;
}

.TalkTimeBarContainer_marker_f2a.TalkTimeBarContainer_isPointer_810 {
    --offset: var(--mediaPlayerPointer);
    opacity: 0.25;
  }

.SpeakerVisualization_speakerLabelContainer_1c7 {
  display: flex;
  row-gap: var(--spacing-8);
  column-gap: var(--spacing-16);
  flex-wrap: wrap;
}

.RecordingPlayer_TranscriptToggleButton_badge_29c {
  position: absolute;
  top: 0;
  z-index: 1;
}

.RecordingPlayer_container_d41 {
  overflow: hidden;
}

.ActivitySearchIndicator_ActivitySearchIndicator_searchIndicator_633 {
  align-items: center;
  background-color: var(--bgWarn);
  border-radius: 50%;
  border: 1px solid var(--bgCardBase);
  color: var(--colorTextNeutralBlack);
  display: flex;
  font-size: 10px;
  font-weight: var(--fontWeightBold);
  height: 15px;
  justify-content: center;
  width: 15px;
}

.ActivitySearchIndicator_ActivitySearchIndicator_iconRoot_5c4 {
  display: flex;
  position: relative;
}

.ActivitySearchIndicator_ActivitySearchIndicator_icon_300 {
  color: var(--colorIconLight);
}

.ActivitySearchIndicator_ActivitySearchIndicator_iconBadge_81d {
  position: absolute;
  top: -50%;
  left: 50%;
}

.ActivitySummary_ActivitySummary_summary_ca0 {
  flex-grow: 1;
  font-size: var(--fontSizeSmall);
  margin-top: -2px;
}

.ActivitySummary_ActivitySummary_summary_ca0 h1,
  .ActivitySummary_ActivitySummary_summary_ca0 h2,
  .ActivitySummary_ActivitySummary_summary_ca0 h3,
  .ActivitySummary_ActivitySummary_summary_ca0 h4,
  .ActivitySummary_ActivitySummary_summary_ca0 h5,
  .ActivitySummary_ActivitySummary_summary_ca0 h6 {
    font-size: var(--fontSizeSmall);
    font-weight: var(--fontWeightBold);
    margin: 0;
    line-height: 16px;
    margin-bottom: var(--spacing-4);
  }

.ActivitySummary_ActivitySummary_summary_ca0 ul {
    margin-bottom: var(--spacing-16);
  }

.ActivitySummary_ActivitySummary_summary_ca0 ul:last-of-type {
    margin-bottom: 0;
  }

.ActivitySummary_ActivitySummary_icon_0a5 {
  color: var(--colorIconLight);
}

.ActivitySummary_ActivitySummary_container_eec {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

@media screen and (min-width: 768px) {

.ActivitySummary_ActivitySummary_container_eec {
    flex-direction: row;
}
  }

.ActivitySummary_ActivitySummary_headerContainer_366 {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}

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

.ActivitySummary_ActivitySummary_headerContainer_366 {
    width: 100%;
}
  }

.NarrowSection_main_10b {
  position: relative;
  margin: var(--spacing-8) 0;
}.NarrowSection_main_10b.NarrowSection_small_c15 {
    max-width: 560px;
  }.NarrowSection_main_10b.NarrowSection_medium_b72 {
    max-width: 640px;
  }.NarrowSection_main_10b.NarrowSection_large_71a {
    max-width: 984px;
  }

.CallAssistantServices_cardHeadingWrapper_16a {
  display: flex;
  gap: var(--spacing-8);
}

.CallAssistantServices_pricingList_23f {
  margin-bottom: 0px;
}

.CloseNotetakerAddOn_bg_35b {
  background: var(--bgLightMuted);
  border-radius: var(--borderRadius);
  padding: var(--spacing-16);
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.CallAssistantFreeTrialModal_bannerWrapper_f09 {
  display: flex;
  gap: var(--spacing-8);
  margin-top: var(--spacing-8);
}

.CallAssistantFreeTrialModal_bannerCopy_a44 {
  margin-bottom: 0;
  color: var(--gray-60);
}

.CallAssistantFreeTrialModal_illustrationWrapper_8b4 svg {
    height: 82px;
    width: 96px;
    margin-bottom: -27px;
  }


  .InTrialContent_checkboxWrapper_5ed span::after {
    box-sizing: content-box;
  }

.InTrialContent_optInDisclosure_28d {
  margin-left: 25px;
}


  .CallDetails_sectionContainer_1fd > * + * {
    border-top: 1px solid var(--borderLight);
  }

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

.ActivityDetails_detailsContainer_faa {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  color: var(--colorTextLight);
  font-size: 13px;
  font-weight: normal;
}

.CallDispositionIcon_root_d34 {
  display: inline-flex;
  align-items: center;
}

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

.CallDispositionIcon_rotate270_bed svg {
    transform: rotate(-90deg);
  }

.CallDispositionIcon_rotate180_6b5 svg {
    transform: rotate(180deg);
  }

.CallDispositionIcon_reached_61f {
  fill: var(--successPrimaryColor);
  color: var(--successPrimaryColor);
}

.CallDispositionIcon_unreached_6af {
  fill: var(--failurePrimaryColor);
  color: var(--failurePrimaryColor);
}

.CallDispositionIcon_error_386 {
  color: var(--failurePrimaryColor);
  margin-right: 1px;
}

.CallDispositionIcon_abandoned_966 {
  fill: var(--warningPrimaryColor);
  color: var(--warningPrimaryColor);
}

.CallDispositionIcon_gray_d6f {
  fill: var(--colorIconLight);
  color: var(--colorIconLight);
}

.CallDispositionIcon_fixedWidth_180 {
  margin-right: 1px;
}

.CallDispositionIcon_fixedWidth_180 svg {
    width: 15px;
  }

.CallActivityDetails_container_6c4 {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
  height: 22px;
}

.CallActivityDetails_leadIcon_e63 {
  color: var(--colorIconLight);
}

.CallActivityDetails_trigger_69f {
  cursor: pointer;
}

.CallActivityDetails_trigger_69f,
.CallActivityDetails_link_665 {
  color: var(--colorIconLight);
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.CallActivityDetails_trigger_69f,
.CallActivityDetails_link_665 {
    max-width: 50px;
}
  }

.CallActivityDetails_trigger_69f:hover,
  .CallActivityDetails_link_665:hover,
  .CallActivityDetails_trigger_69f:focus,
  .CallActivityDetails_link_665:focus,
  .CallActivityDetails_trigger_69f:visited,
  .CallActivityDetails_link_665:visited {
    color: var(--colorTextLight);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

/* .content and .date are only applied on medium widths and up */
.CondensedActivityLayout_content_886 {
  /* This is set based on:
     16px [badge height] + 3px [additional height that browser adds due to inline] */
  line-height: 19px;
}

.CondensedActivityLayout_date_af6 {
  display: inline-block;
  line-height: 24px;
}

.CondensedActivityLayout_smallContent_5e0 {
  min-height: 20px;
}

.CondensedActivityLayout_mobileIconWrapper_d9e:not(.CondensedActivityLayout_collapsed_c13) {
    padding: 0 1px;
  }

.CondensedActivityLayout_mobileIconWrapper_d9e.CondensedActivityLayout_collapsed_c13 {
    padding: 0 6px;
  }

.CondensedActivityLayout_userContainer_dd0 {
  display: flex;
  gap: var(--spacing-8);
}

.CondensedActivityLayout_userContainer_dd0.CondensedActivityLayout_center_04b {
    align-items: center;
  }

.CondensedActivityLayout_userContainer_dd0.CondensedActivityLayout_start_a27 {
    align-items: flex-start;
    padding-top: 5px; /* needs to match margin-top of ActivityIconCircle for alignment */
  }

.CondensedActivityLayout_WideSpace_wideSpace_ac8 {
  word-spacing: 5px;
}

.CondensedActivityLayout_BadgeTransition_badgeContainer_b68 {
  /* As the badge is an inline element, the browser will try to lay out the text
     at the baseline, which doesn't make a huge amount of sense as the badge
     isn't really "text". */
  /* These adjustments move the badge closer to where we want it. */
  display: inline-block;
  font-size: 9px;
  vertical-align: 1px;
}

.CondensedActivityLayout_BadgeTransition_arrowContainer_f41 {
  font-weight: 400;
}

.DeemphasizedActivityBody_container_93e {
  align-items: center;
  display: flex;
  height: 20px;
  gap: var(--spacing-8);
  justify-content: space-between;
}

.DeemphasizedActivityBody_container_93e .DeemphasizedActivityBody_hoverActionsContainer_2b9 {
    display: none;
    gap: var(--spacing-8);
  }

.DeemphasizedActivityBody_container_93e .DeemphasizedActivityBody_hoverActionsContainer_2b9.DeemphasizedActivityBody_visible_815 {
      display: flex;
    }

.DeemphasizedActivityBody_container_93e:hover .DeemphasizedActivityBody_hoverActionsContainer_2b9, .DeemphasizedActivityBody_container_93e:focus-within .DeemphasizedActivityBody_hoverActionsContainer_2b9 {
      display: flex;
    }

.DeemphasizedActivityBody_bodyContainer_fec {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: var(--spacing-8);
  min-width: 0;
}

.DeemphasizedActivityBody_fromContainer_0d8 {
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 250px;
  overflow: hidden;
}

.DeemphasizedActivityBody_subjectContainer_bd9 {
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 500px;
  overflow: hidden;
}

.DeemphasizedActivityBody_bodyContainer_fec {
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 0px;
  min-width: 0px;
}

.DeemphasizedCall_container_83e {
  width: 100%;
}

.MarkSequencesAsCompletedBar_bar_4a3 {
  display: flex;
  gap: var(--spacing-8);
  box-sizing: border-box;
  min-height: var(--activitySectionHeight);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
  background-color: var(--bgCardLight);
  flex-direction: column;
}

@media screen and (min-width: 768px) {

.MarkSequencesAsCompletedBar_bar_4a3 {
    flex-direction: row;
    border-radius: 0 0 var(--activityBorderRadius) var(--activityBorderRadius);
}
  }

.MarkSequencesAsCompletedBar_barInner_2ec {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
}

.MarkSequencesAsCompletedBar_markAsRespondedButtonContainer_c85 {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {

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

.ActivityNote_container_086 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--activityVerticalGutter);
  justify-content: center;
  min-height: var(--activitySectionHeight);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
  position: relative;
}

.ActivityNote_container_086:hover .ActivityNote_editButton_057, .ActivityNote_container_086:focus-within .ActivityNote_editButton_057 {
      opacity: 1;
    }

.ActivityNote_addNoteButton_c09 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: var(--activityVerticalGutter);
  min-height: var(--activitySectionHeight);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
}

.ActivityNote_addNoteButton_c09 .ActivityNote_text_8f5 {
    color: var(--colorTextLight);
    font-size: var(--fontSizeSmall);
  }

.ActivityNote_addNoteButton_c09:hover {
    background-color: var(--bgCardLight);
  }

.ActivityNote_addNoteButton_c09:hover .ActivityNote_icon_1d2 {
      color: var(--colorIconDefault);
    }

.ActivityNote_addNoteButton_c09:hover .ActivityNote_text_8f5 {
      color: var(--colorTextDefault);
    }

.ActivityNote_icon_1d2 {
  color: var(--colorIconLight);
}

.ActivityNote_editButton_057 {
  align-items: center;
  background-color: var(--bgActiveMuted);
  border-radius: 32px;
  color: var(--colorLinkDefault);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-4);
  opacity: 0;
  padding: var(--spacing-4) var(--spacing-8);
  position: absolute;
  right: var(--activityHorizontalGutter);
  top: 7px; /* Custom spacing to center the button when text is just 1 line long. */
  z-index: 1;
}

.ActivityNote_editButton_057:hover {
    color: var(--colorLinkHover);
  }

.ActivityNote_body_3d1 {
  font-size: var(--fontSizeSmall);
  margin-top: -2px;
}

.ActivityNote_saveFailed_086 {
  background: var(--bgCardBase);
  border-radius: var(--baseBorderRadius);
  bottom: var(--activityVerticalGutter);
  padding-left: var(--spacing-4);
  position: absolute;
  right: var(--activityHorizontalGutter);
}

/* To have our styles match Figma we have to compensate for the extra padding
that small buttons have */
.ActivityNote_smallButtonFix_e0e {
  margin: -2px 0;
}

.NoteEditor_form_32a {
  margin: 0;
}
.NoteEditor_saving_f3d {
  font-size: var(--fontSizeSmall);
  color: var(--colorTextLight);
}

.NoteEditor_checkIcon_0a8 {
  color: var(--colorBrandGreen);
}
.NoteEditor_warnIcon_7ae {
  color: var(--colorBrandRed);
}
.CallNote_form_be2 {
  margin-bottom: 0;
}

.CallNote_contactAndPhoneSelect_303 {
  flex-grow: 1;
}

.CallNote_contactAndPhoneSelect_303 * {
    font-size: var(--fontSizeSmall);
  }

.CallNote_durationWrapper_f90 {
  font-size: var(--fontSizeSmall);
  min-width: 80px;
  width: 80px;
}

.CallQualityReportBar_reportBarWrapper_19b {
  align-items: center;
  background-color: var(--bgInformationalMuted);
  display: flex;
  overflow: hidden;
  transition: height 150ms 300ms;
  height: auto;
}@media screen and (min-width: 768px) {.CallQualityReportBar_reportBarWrapper_19b {
    min-height: 46px;
}
  }.CallQualityReportBar_reportBarWrapper_19b.CallQualityReportBar_hidden_132 {
    height: 0;
    min-height: 0;
  }

.CallActivity_CallQualityReportModal_reportModal_616 {
  min-width: 752px;
}

.CallActivity_CallQualityReportModal_form_be3 {
  display: flex;
  margin: 0;
}

.CallActivity_CallQualityReportModal_categorySeparator_79c {
  margin: 12px 0 12px;
  border-top-color: var(--borderLight);
}

.CallActivity_CallQualityReportModal_comment_dcd {
  background-color: var(--bgInformationalMuted);
  padding: 24px;
}

.CallActivity_CallQualityReportModal_commentLabel_1b6 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
}

.CallActivity_CallQualityReportModal_commentSubtitle_f69 {
  margin-bottom: 16px;
}

.CallActivity_CallQualityReportModal_commentTextarea_047 {
  width: auto;
  height: 120px;
  margin: 0;
  resize: vertical;
}

.CallActivity_CallQualityReportModal_commentSeparator_ad1 {
  margin: 16px 0;
  border-top-color: var(--borderInformationalMuted);
}

.CallActivity_CallQualityReportModal_categories_364 {
  width: 70%;
  padding: 24px 24px 8px;
}

.CallActivity_CallQualityReportModal_categoryHeader_7fe h4 {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}

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

.CallActivity_CallQualityReportModal_categoryIcon_b2c svg {
    color: var(--colorIconLight);
    width: 16px;
    height: 16px;
  }

.CallActivity_CallQualityReportModal_categoryList_6b7 {
  margin: 0 0 16px 0;
  list-style: none;
}

.CallActivity_CallQualityReportModal_categoryItemText_b63 {
  display: flex;
  align-items: center;
  line-height: 20px;
  margin-bottom: 4px;
}

.CallActivity_CallQualityReportModal_categoryItemText_b63 input[type='checkbox'] {
    margin: 0 12px 0 0;
  }

.CustomActivity_View_fields_bc1 {
  display: grid;
  gap: var(--spacing-12);
  list-style: none;
  margin: 0;
}

@media screen and (min-width: 768px) {

.CustomActivity_View_fields_bc1 {
    grid-template-columns: 1fr 1fr;
}
  }

.CustomActivity_View_field_96d {
  background-color: var(--bgCardLight);
  border-radius: var(--activityBorderRadius);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  list-style: none;
  padding: var(--spacing-8) var(--spacing-12);
}

.CustomActivity_View_icon_b6d {
  color: var(--colorIconLight);
}

.CustomActivity_View_fieldValue_545 {
  align-items: flex-start;
  display: flex;
  font-size: 14px;
  gap: var(--spacing-8);
  line-height: 20px;
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

@media screen and (min-width: 768px) {

.CustomActivity_View_fullWidthField_ace {
    grid-column: 1 / 3;
}
  }

@layer atom {
  .RichTextEditor_Input_root_41b {
    display: flex;
    flex-direction: column;

    border: 1px solid var(--borderDefault);
    border-radius: var(--baseInputBorderRadius);
  }

    .RichTextEditor_Input_root_41b:focus-within {
      border-color: var(--borderFocused);
    }
}

.CustomActivity_Form_form_7b5 {
  margin-bottom: 0;
}

.CustomActivity_Form_form_7b5 * {
    font-size: var(--fontSizeSmall);
  }

.CustomActivity_Form_formError_2bd {
  font-size: var(--fontSizeSmall);
  line-height: 16px;
  font-weight: var(--fontWeightBold);
  color: var(--failurePrimaryColor);
}

.CustomActivity_Form_inputMaxWidth_8fc {
  max-width: 360px;
}

.CustomActivity_Form_inputResizable_fec {
  resize: vertical;
}

.EmailActivityCollapsed_container_95b {
  width: 100%;
}

.EmailActivityCollapsed_inboundIcon_a28 {
  color: var(--fillSuccess);
  height: 16px;
  transform: rotate(270deg);
  width: 16px;
}

.EmailThreadActivity_DeemphasizedEmailThread_container_726 {
  width: 100%;
}

.EmailThreadActivity_DeemphasizedEmailThread_attachmentIcon_2c0 {
  color: var(--colorIconLight);
}

.DeemphasizedActivityBody_DeemphasizedActionMenuMessage_infoIcon_ae9 {
  color: var(--fillInformational);
}

.DeemphasizedActivityBody_DeemphasizedActionMenuMessage_reasonText_67e {
  line-height: 20px;
}

.EmailThreadSummary_loader_4db {
  height: 16px;
  margin: 0;
  width: 16px;
}

.EmailThreadSummary_container_cc8 {
  border-top: 1px solid var(--borderLight);
  padding: var(--spacing-12);
}

.EmailThreadSummary_text_6f4 {
  font-size: var(--fontSizeSmall);
}

.EmailThreadSummary_thumbsUp_cce.EmailThreadSummary_active_ff5 svg {
    color: var(--fillSuccess);
  }

.EmailThreadSummary_thumbsDown_b79.EmailThreadSummary_active_ff5 svg {
    color: var(--fillDanger);
  }

.EmailThreadSummary_form_1d3 {
  background-color: var(--surfaceBackgroundLight);
  border-radius: var(--baseInputBorderRadius);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  padding: var(--spacing-16);
  position: relative;
}

.EmailThreadSummary_label_f43 label {
    max-width: 90%;
  }

.EmailThreadSummary_closeIcon_13b {
  color: var(--colorIconDefault);
  position: absolute;
  right: var(--spacing-16);
  top: var(--spacing-16);
}

.EmailThreadActivity_EmailThreadActivityFullScreenView_subject_044 {
  /* needed for `TruncateText` to work */
  min-width: 0;
}

.LeadMergeActivity_badgeWrapper_f0d {
  display: inline-block;
  vertical-align: 1px;
}

.LeadStatusChangeActivity_alignmentCorrection_e0a {
  line-height: 20px;
  margin-top: 2px;
}

.MeetingActivity_MeetingActivitySubtitle_leadIcon_0c5 {
  color: var(--colorIconLight);
}

.MeetingActivity_MeetingActivitySubtitle_link_4d3 {
  color: var(--colorTextLight);
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.MeetingActivity_MeetingActivitySubtitle_link_4d3 {
    max-width: 50px;
}
  }

.MeetingActivity_MeetingActivitySubtitle_link_4d3:hover,
  .MeetingActivity_MeetingActivitySubtitle_link_4d3:focus,
  .MeetingActivity_MeetingActivitySubtitle_link_4d3:visited {
    color: var(--colorTextLight);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.DeemphasizedMeeting_container_b29 {
  width: 100%;
}

.MeetingActivityReminderBar_MeetingActivityReminderBar_wrapper_908 {
  align-items: center;
  background-color: var(--colorBgActivityMeeting);
  display: flex;
  flex: 1;
  gap: var(--spacing-8);
  height: var(--activitySectionHeight);
  justify-content: space-between;
  padding: 0 var(--activityHorizontalGutter);
}

@media screen and (min-width: 768px) {

.MeetingActivityReminderBar_MeetingActivityReminderBar_wrapper_908 {
    border-radius: var(--activityBorderRadius) var(--activityBorderRadius) 0 0;
}
  }

.MeetingActivityReminderBar_MeetingActivityReminderBar_date_7f6 {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  gap: var(--spacing-8);
}

.MeetingActivityReminderBar_MeetingActivityReminderBar_hide_565 {
  display: inline-flex;
  opacity: 0.25;
}

.MeetingActivity_MeetingActivity_body_737 {
  position: relative;
  display: flex;
  flex: 0 1 0;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
}.MeetingActivity_MeetingActivity_body_737 > * + * {
    border-top: 1px solid var(--borderLight);
  }

.MeetingActivityCalls_MeetingActivityCall_warnIcon_620 {
  color: var(--colorTextDanger);
}

.MeetingActivityCalls_MeetingActivityCall_collapsibleContent_ad5 {
  border: 1px solid var(--borderDefault);
  border-radius: var(--activityBorderRadius);
  margin: 0 var(--spacing-12) var(--spacing-12);
  overflow: hidden;
}

.MeetingActivityCalls_MeetingActivityCallHeader_duration_416 {
  color: var(--colorIconLight);
}

.MeetingActivityCalls_MeetingActivityCallHeader_callTitleWrapper_cab {
  font-weight: 700;
  font-size: var(--fontSizeSmall);
  color: var(--colorTextDefault);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

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

.MeetingActivityDetails_location_b68 {
  color: var(--colorIconLight);
}

.MeetingActivityDetails_AttendeeDetails_attendee_c2d {
  cursor: pointer;
}

.MeetingActivityDetails_AttendeeDetails_attendeeTrigger_b9d {
  cursor: pointer;
  display: flex;
  gap: var(--spacing-4);
  flex-grow: 1;
  min-width: 0;
}

.MeetingActivityDetails_RsvpCounts_icon_760 {
  color: var(--colorIconLight);
}

.MeetingActivityDetails_RsvpCounts_attendeesCount_dee {
  color: var(--colorTextMedium);
  font-size: var(--fontSizeSmall);
  font-weight: var(--fontWeightBold);
}

.MeetingActivityThirdPartyIntegration_icon_32a {
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--colorIconDefault);
}

.MeetingActivityThirdPartyIntegration_thirdPartyIntegration_8ed {
  border-radius: 7px;
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
}

.MeetingActivityZoomIntegration_videoPlayer_424 {
  --videoBgColor: var(--surfaceBackgroundDark);
}

.MeetingActivityZoomIntegration_videoErrorPoster_48a {
  --iconSize: 80px;
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
}

.MeetingActivityZoomIntegration_videoErrorPoster_48a .MeetingActivityZoomIntegration_videoErrorPosterIcon_069 {
    width: var(--iconSize);
    height: var(--iconSize);
    opacity: 0.8;
  }

.MeetingActivityZoomIntegration_zoomIcon_e5e {
  line-height: 0;
  vertical-align: middle;
}

.MeetingActivityZoomIntegration_zoomIcon_e5e svg {
    width: 14px;
    height: 14px;
  }

.ActivityTitle_titleContainer_781 {
  display: flex;
  align-items: center;
  width: 100%;
}

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

.ActivityTitle_titleContainer_781 {
    min-height: var(--activityIconWidthMobile);
}
  }

.ActivityTitle_titleTextContainer_3da {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ActivityTitle_badge_2b0 {
  margin-left: var(--spacing-8);
}

.NoteActivity_NoteActivityBody_text_974 {
  overflow-wrap: break-word;
  word-break: break-word;

  font-size: var(--fontSizeSmall);
}

.NoteActivity_NoteActivityBody_text_974 a {
    word-break: break-word;
  }

.NoteActivity_NoteActivityBody_body_228 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  justify-content: center;
  min-height: var(--activitySectionHeight);
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
}

.NoteActivity_Form_form_e57 {
  margin-bottom: 0;
  flex-grow: 1;
  max-width: 100%;
}

.OpportunityStatusChangeActivity_alignmentCorrection_aba {
  line-height: 20px;
  margin-top: 2px;
}

.TaskCalendarFeedModal_intro_109 {
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid var(--borderDefault);
  margin: 0 auto 20px;
  padding-bottom: 20px;
}

.TaskCalendarFeedModal_body_ac9 {
  padding: var(--modalBodyPadding);
}

.TaskCalendarFeedModal_keysInfo_321 {
  margin: 0 auto 20px;
  font-size: 13px;
  line-height: 18px;
}

.TaskCalendarFeedModal_form_360 {
  text-align: left;
  margin: 0 auto 10px;
}

.TaskCalendarFeedModal_instructions_e1f {
  margin-top: 10px;
  margin-bottom: 30px;
}

.UpcomingMeetings_MeetingsList_dividerBullet_46d {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--colorIconDefault);
}

.UpcomingMeetings_MeetingsList_dividerLine_96b {
  height: 2px;
  width: 100%;
  background-color: var(--colorIconDefault);
}

.UpcomingMeetings_UpcomingMeetingsSidebar_root_b6e {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--bgPopover);
  padding-top: 1px;
  box-shadow: var(--shadowLevel3);
  box-sizing: border-box;
  overflow-y: auto;
}

@media screen and (min-width: 768px) {

.UpcomingMeetings_UpcomingMeetingsSidebar_root_b6e {
    width: 300px;
    left: unset;
}
  }

/* The custom breakpoint is required in order to function on any screen sizes */

@media (min-width: 1366px) {

.UpcomingMeetings_UpcomingMeetingsSidebar_root_b6e {
    position: relative;
}
  }

.UpcomingMeetings_UpcomingMeetingsSidebar_header_5c8 {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bgPopover);
}

.UpcomingMeetings_UpcomingMeetingsSidebar_date_0b8 {
  display: block;
  font-feature-settings: "tnum";
  font-variant: tabular-nums;
  white-space: nowrap;
  width: 90px;
}

.UpcomingMeetings_UpcomingMeetingsSidebar_emptyState_91a {
  border-radius: 7px;
  border: 1px solid var(--borderLight);
  background-color: var(--bgCardBase);
  box-shadow: var(--shadowLevel1);
  text-align: center;
}

.UpcomingMeetings_UpcomingMeetingsSidebar_emptyState_91a.UpcomingMeetings_UpcomingMeetingsSidebar_upsell_1c2 {
    background-color: var(--bgInformationalMuted);
  }

.UpcomingMeetings_UpcomingMeetingsSidebar_emptyStateDisclaimer_a8a {
  line-height: 20px;
}

.UpcomingMeetings_UpcomingMeetingsSidebar_emptyStateDate_8b4 {
  text-transform: capitalize;
}

.UpcomingMeetings_UpcomingMeetingsSidebar_connectedAccountsLink_2b3 {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/inbox~df237dde.351dcb7cc2c7e18bb7bf.js.map*/