.UpgradePlanModal_content_350 {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  gap: var(--spacing-12);
  margin: auto;
  padding: var(--spacing-16);
  align-items: center;
  text-align: center;
}

.RestrictionMessageContainer_RestrictionMessage_root_c3f {
  font-size: var(--fontSizeSmall);
  width: auto;
}

.RestrictionMessageContainer_RestrictionMessage_expanded_b1e .RestrictionMessageContainer_RestrictionMessage_expandableBody_04c {
  display: block;
}

/* TODO: Remove these js-restriction-message styles after V1 Modal is no longer needed */
.modal-body.js-restriction-message .RestrictionMessageContainer_RestrictionMessage_modal_100,
.modal-body .js-restriction-message .RestrictionMessageContainer_RestrictionMessage_modal_100 {
  margin: calc(-1 * var(--modalBodyPadding)); /* Remove V1 Modal padding */
}

.modal-body .js-restriction-message:not(:last-child) .RestrictionMessageContainer_RestrictionMessage_modal_100 {
  margin-bottom: var(--modalBodyPadding);
  border-bottom-width: 1px;
}

.RestrictionMessageContainer_RestrictionMessage_modal_100,
.RestrictionMessageContainer_RestrictionMessage_modalStart_235,
.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe {
  padding: 0;
  margin: 0;
  border-radius: 0;
  border-width: 0;
}

.RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85 {
    margin: 0;
    background-color: var(--white);
  }

.RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23,
  .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f,
  .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f {
    padding: 14px;
  }

.RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_footer_a23, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_footer_a23 {
    padding-top: 0;
  }

.RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_title_d5f, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_title_d5f {
    padding-bottom: 0;
  }

.RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modal_100.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalStart_235.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modal_100 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalStart_235 .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa, .RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe .RestrictionMessageContainer_RestrictionMessage_usersListCaption_1fa {
    padding: 4px 14px 14px 14px;
  }

.RestrictionMessageContainer_RestrictionMessage_modalStart_235 {
  border-bottom-width: 1px;
}

.RestrictionMessageContainer_RestrictionMessage_modalEnd_cfe {
  border-top-width: 1px;
}

.RestrictionMessageContainer_RestrictionMessage_title_d5f {
  font-weight: var(--fontWeightBold);
}

.RestrictionMessageContainer_RestrictionMessage_expandableBody_04c {
  display: none;
  color: var(--colorTextDefault);
}

.RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85.RestrictionMessageContainer_RestrictionMessage_usersListContainer_d85 {
    margin: 10px -15px;
  }

.RestrictionMessageContainer_RestrictionMessage_usersList_b4d {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.RestrictionMessageContainer_RestrictionMessage_userRow_c6e {
  border-top: 1px solid var(--borderDefault);
}

.RestrictionMessageContainer_RestrictionMessage_userRow_c6e:last-child {
    border-bottom: 1px solid var(--borderDefault);
  }

.RestrictionMessageContainer_RestrictionMessage_avatarCell_cfc,
.RestrictionMessageContainer_RestrictionMessage_nameCell_0b8,
.RestrictionMessageContainer_RestrictionMessage_phoneCell_f88,
.RestrictionMessageContainer_RestrictionMessage_emailCell_c05 {
  padding: 5px 5px;
}

.RestrictionMessageContainer_RestrictionMessage_nameCell_0b8 {
  font-weight: var(--fontWeightBold);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.RestrictionMessageContainer_RestrictionMessage_avatarCell_cfc {
  padding-left: 15px;
  width: 25px;
  box-sizing: content-box;
}

.RestrictionMessageContainer_RestrictionMessage_emailCell_c05 {
  width: 33%;
  padding-right: 15px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.RestrictionMessageContainer_RestrictionMessage_phoneCell_f88 {
  width: 33%;
}

.RestrictionMessageContainer_RestrictionMessage_footer_a23 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.RestrictionMessageContainer_RestrictionMessage_footer_a23.RestrictionMessageContainer_RestrictionMessage_footer_a23 {
    margin-top: 15px;
  }

.RestrictionMessageContainer_RestrictionMessage_footerBtn_d6f {
  margin-right: 15px;
}

.RestrictionMessageContainer_RestrictionMessage_footerLink_dbf {
  line-height: 30px;
}

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

.FeatureFlagOverrideModal_modal_5ca {
  width: unset;
  max-width: 100vw;
  min-width: 80vw;
}

.FeatureFlagOverrideModal_description_bfe {
  padding: var(--spacing-16);
}

.ReactRoot_DevWidget_widget_351 {
  position: fixed;
  font-family: monospace;
  z-index: 1000;
  cursor: pointer;

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

.OpenInApp_container_b4f {
  max-width: 850px;
  padding: 8px;
  text-align: center;
  margin: auto;
}

.OpenInApp_logo_5d6 {
  display: block;
  width: 48px;
  margin: 40px auto;
}

.OpenInApp_panel_be8 {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--borderDefault);
  border-radius: 3px;
  background: var(--surfaceBackgroundDefault);
}

.ErrorPage_fullHeight_0a3 {
  height: 100%;
}

.ErrorPage_page_566 {
  /* TODO [darkmode] need a theme-specific gradient */
  --gradientStartColor: #f2f3f9;
  --gradientEndColor: rgba(242, 243, 249, 0);

  position: relative;
  background: var(--surfaceBackgroundDefault);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;

  /* eat through .app-content */
}

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

.ErrorPage_page_566:not(.ErrorPage_noAppContent_1b1) {
      margin: calc(-1 * var(--spacing-24));
  }
    }

/* very similar to EmptyState! */

.ErrorPage_page_566::before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58%;
    clip-path: polygon(0% 45px, 100% 0, 100% 100%, 0% 100%);
    background: linear-gradient(
      180deg,
      var(--gradientStartColor) -8%,
      var(--gradientEndColor) 20%
    );
  }

.ErrorPage_content_9e2 {
  position: relative;
  z-index: 1;
  max-width: 486px;
  padding: var(--spacing-32);
  text-align: center;
}

.ErrorPage_image_0ed {
  width: 150px;
}

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

.Screen {
  padding: 0 !important; /* overwrite .app-content 20px padding */
}.Screen.is-fullHeight > div {
      display: flex;
      width: 100%;
    }


  .AISearchNotes_generatedNotesStyles_574 p {
    font-weight: 700;
    font-size: 14px;
    color: var(----colorTextDefault);
  }.AISearchNotes_generatedNotesStyles_574 ul {
    color: var(--colorTextMedium);
  }

.OpportunityStatusLabel_dot_622 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: none;
}

.OpportunityStatusLabel_dot_622.OpportunityStatusLabel_active_478 {
    background-color: var(--bgWarn);
  }

.OpportunityStatusLabel_dot_622.OpportunityStatusLabel_won_dc2 {
    background-color: var(--bgSuccess);
  }

.OpportunityStatusLabel_dot_622.OpportunityStatusLabel_lost_22b {
    background-color: var(--bgDefault);
  }

.OpportunityStatusLabel_statusLabel_507 {
  max-width: 275px;
}


  .SmartViewSelect_button_8e5.SmartViewSelect_isDisabled_53e {
    pointer-events: none;
  }.SmartViewSelect_button_8e5 svg {
    width: 16px;
    height: 16px;
  }

.ActivitiesFilters_HasRecordingFilter_recordingToggle_261 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
}

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

.ActivitiesFilters_HasRecordingFilter_hintIcon_7d0 {
  margin: 0;
}

.ActivitiesFilters_HasRecordingFilter_withOutline_4a2 {
  border-radius: 7px;
  border: 1px solid var(--borderDefault);
  min-height: 40px;
  padding: var(--spacing-12);
}

.UpcomingMeetings_UpcomingMeetingCard_root_10d {
  display: block;
}

.UpcomingMeetings_UpcomingMeetingCard_root_10d.UpcomingMeetings_UpcomingMeetingCard_loading_82a {
    opacity: 0.5;
  }

/* override link styling */

.UpcomingMeetings_UpcomingMeetingCard_root_10d,
  .UpcomingMeetings_UpcomingMeetingCard_root_10d:hover,
  .UpcomingMeetings_UpcomingMeetingCard_root_10d:focus {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.UpcomingMeetings_UpcomingMeetingCard_dash_e3b {
  border-radius: 7px;
  background-color: var(--colorBgMeetingBar);
  width: 6px;
}

.UpcomingMeetings_UpcomingMeetingCard_dash_e3b.UpcomingMeetings_UpcomingMeetingCard_past_f4b {
    background-color: var(--borderDefault);
  }

.UpcomingMeetings_UpcomingMeetingCard_dash_e3b.UpcomingMeetings_UpcomingMeetingCard_loading_82a {
    background-color: var(--bgSkeleton);
  }

.UpcomingMeetings_UpcomingMeetingCard_title_975 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.UpcomingMeetings_UpcomingMeetingCard_leadName_b9d {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.UpcomingMeetings_UpcomingMeetingCard_plusMore_6f6 {
  white-space: nowrap;
}

.UpcomingMeetings_UpcomingMeetingCard_badge_29d {
  color: var(--colorTextBadgeMeetingMuted);
  background-color: var(--colorBgBadgeMeetingMuted);
}

.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);
}

/* Shared in Wrapper and HoverActions */
.Activity_root_8f6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  position: relative;
}

.Activity_inner_dad {
  display: flex;
}

.Activity_card_a8e {
  flex: 1;
  min-width: 0;
}

@media screen and (min-width: 768px) {
    .Activity_iconWrapper_c21 + .Activity_card_a8e {
      margin-left: var(--spacing-12);
    }
  }

@media screen and (max-width: 767px) {
  .Activity_iconWrapper_c21 {
    display: none;
  }
}

.Activity_isCollapsed_527 .Activity_iconWrapper_c21 {
    padding: 0 10px;
  }

.Activity_promoWithIcon_fa3 {
  /* width of icon section plus left margin of card */
  margin-left: calc(31px + var(--spacing-12));
}

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

.Activity_promoWithIcon_fa3 {
    margin-left: 0;
}
  }

/**
 * Use this global class when you need a component within an Activity to have this behavior:
 * hidden by default, visible when Activity is hovered, and visible always on mobile.
 */
.showOnActivityHover {
  visibility: hidden;
}
@media screen and (max-width: 767px) {
.showOnActivityHover {
    visibility: visible;
}
  }
.Activity:hover .showOnActivityHover {
    visibility: visible;
  }

.ActivityCard_root_6e4 {
  position: relative;
  border-radius: var(--activityBorderRadius);
  border: 1px solid var(--borderDefault);
  background: var(--bgCardBase);
  overflow: hidden;
}@media screen and (max-width: 767px) {.ActivityCard_root_6e4 {
    border-radius: 0;
    border-left: 0 none;
    border-right: 0 none;
}
  }.ActivityCard_root_6e4.ActivityCard_transparent_4fa {
    background: transparent;
    border: none;
  }

.Activity_TimeAgo_link_0cc {

  text-wrap: nowrap;
}

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

.Activity_TimeAgo_link_0cc time {
    color: var(--colorTextLight);
  }

.Activity_TimeAgo_link_0cc.Activity_TimeAgo_removeDash_c77 time {
      border-bottom: none;
    }

.Activity_TimeAgo_link_0cc.Activity_TimeAgo_noPointer_0c8 {
    cursor: text;
  }

.Activity_TimeAgo_link_0cc.Activity_TimeAgo_noPointer_0c8 time {
      cursor: inherit;
    }

.Activity_TimeAgo_link_0cc.Activity_TimeAgo_dashed_e7b {
    /* Using the verbose syntax here because the shorthand syntax doesn't work in Safari */
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: var(--borderHover);
  }

.Activity_TimeAgo_link_0cc.Activity_TimeAgo_dashed_e7b:hover,
    .Activity_TimeAgo_link_0cc.Activity_TimeAgo_dashed_e7b:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
      text-decoration-style: solid;
      text-decoration-color: var(--borderHover);
    }

.Activity_TimeAgo_noWrap_ec6:scope {
  text-wrap: nowrap;
}

.FeedbackForm_form_5b3 {
  background-color: var(--bgCardLight);
  border-radius: var(--baseInputBorderRadius);
  display: none;
  position: relative;
}

.FeedbackForm_form_5b3.FeedbackForm_visible_139 {
    display: block;
  }

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

.FeedbackForm_form_5b3 {
    padding: var(--spacing-16);
}
  }

.FeedbackForm_noMargin_348 {
  margin: 0;
}

.FeedbackForm_closeIcon_d9f {
  position: absolute;
  right: var(--spacing-16);
  top: var(--spacing-16);
}

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

.FeedbackForm_checkboxGroup_5a6 {
    padding-bottom: var(--spacing-16);
}
  }

.GenerateSummaryButton_container_d1c {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-24);
  width: 100%;
  /* height of the container regardless of the content */
  height: 48px;
  box-sizing: border-box;
  background-color: var(--bgCardBase);
}.GenerateSummaryButton_container_d1c .GenerateSummaryButton_innerContainer_831 {
    display: flex;
    flex: 1;
    max-width: var(--activityMaxWidth);
    justify-content: center;
  }@media screen and (min-width: 1440px) {.GenerateSummaryButton_container_d1c .GenerateSummaryButton_innerContainer_831 {
      max-width: var(--activityMaxWidthLargeScreens);
  }
    }@media screen and (max-width: 767px) {.GenerateSummaryButton_container_d1c {
    border: none;
    border-radius: 0;
    padding: 0 var(--spacing-12);
}
  }.GenerateSummaryButton_container_d1c:enabled:hover {
      background-color: var(--bgCardLight);
    }.GenerateSummaryButton_container_d1c:enabled:active {
      background-color: var(--bgCardMedium);
    }.GenerateSummaryButton_container_d1c:enabled .GenerateSummaryButton_icon_603 {
      color: var(--fillActive);
    }.GenerateSummaryButton_container_d1c:disabled {
    cursor: default;
  }

/**
 * TODO: currently some duplication here between this and Content.module.css
 *
 * Content is rich text content rendered by Prosemirror, View is rich text rendered
 * without Prosemirror, but we need to support much of the same formatting/CSS.
 */
.RawRichTextViewer_viewer_392 {
  width: 100%;
  outline: none;
}
.RawRichTextViewer_viewer_392.RawRichTextViewer_preserveWhiteSpaces_c6c {
    white-space: pre-wrap;
  }
.RawRichTextViewer_viewer_392 > p:last-child,
  .RawRichTextViewer_viewer_392 ul:last-child,
  .RawRichTextViewer_viewer_392 ol:last-child {
    margin-bottom: 0;
  }
.RawRichTextViewer_viewer_392 ol > li {
    list-style-type: decimal;
  }
.RawRichTextViewer_viewer_392 ol > li ol > li {
      list-style-type: lower-alpha;
    }
.RawRichTextViewer_viewer_392 ol > li ol > li ol > li {
        list-style-type: lower-roman;
      }
.RawRichTextViewer_viewer_392 ul > li {
    list-style-type: disc;
  }
.RawRichTextViewer_viewer_392 ul > li ul > li {
      list-style-type: circle;
    }
.RawRichTextViewer_viewer_392 ul > li ul > li ul > li {
        list-style-type: square;
      }
.RawRichTextViewer_viewer_392 p,
  .RawRichTextViewer_viewer_392 > ul {
    margin-bottom: var(--spacing-8);
  }
.RawRichTextViewer_viewer_392 blockquote,
    .RawRichTextViewer_viewer_392 li,
    .RawRichTextViewer_viewer_392 blockquote p,
    .RawRichTextViewer_viewer_392 li p {
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin-bottom: 0;
    }
.RawRichTextViewer_viewer_392 blockquote {
    color: var(--gray-50);
  }
.RawRichTextViewer_viewer_392 mark {
    background-color: var(--bgHighlightMatchSelected);
  }
.RawRichTextViewer_viewer_392 a {
    overflow-wrap: anywhere;
  }
/* #region Mention plugin */
.RawRichTextViewer_viewer_392 [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
     */
.RawRichTextViewer_viewer_392 [data-highlight-color='bgRed'] {
    background-color: var(--colorBgRichTextHighlightRed);
  }
.RawRichTextViewer_viewer_392 [data-highlight-color='bgYellow'] {
    background-color: var(--colorBgRichTextHighlightYellow);
  }
.RawRichTextViewer_viewer_392 [data-highlight-color='bgGreen'] {
    background-color: var(--colorBgRichTextHighlightGreen);
  }
.RawRichTextViewer_viewer_392 [data-highlight-color='bgBlue'] {
    background-color: var(--colorBgRichTextHighlightBlue);
  }
.RawRichTextViewer_viewer_392 [data-highlight-color='bgPurple'] {
    background-color: var(--colorBgRichTextHighlightPurple);
  }

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

.leadSummary_thumbsUp_6b0.leadSummary_active_c47 {
    color: var(--fillSuccess);
  }

.leadSummary_thumbsDown_e1c.leadSummary_active_c47 {
    color: var(--fillDanger);
  }

.leadSummary_headerWrapper_df7 {
  width: 100%;
}

@media (hover: hover) {
      .leadSummary_headerWrapper_df7:hover .leadSummary_textWrapper_a18 {
        color: var(--colorTextDefault);
      }
  }

.leadSummary_contentWrapper_b64 {
  align-items: center;
  display: flex;
  flex: 1;
  margin: auto;

  padding: 0 var(--spacing-24);
  max-width: var(--activityMaxWidth);

  /* min-height of the container regardless of the content */
  min-height: 48px;
}

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

.leadSummary_contentWrapper_b64 {
    max-width: var(--activityMaxWidthLargeScreens);
}
  }

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

.leadSummary_contentWrapper_b64 {
    padding: 0 var(--spacing-16);
}
  }

.login_as .leadSummary_contentWrapper_b64 {
    background-color: var(--colorLoginAsSurface);;
  }

.leadSummary_collapsedWrapper_af3 {
  /*
   * allows TruncateLines to shrink within the Collapsible's bounds,
   * so the summary does not overlap the chevron
   */
  min-width: 0;
  flex-grow: 1;
}

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

.LeadActivities_LeadActivityList_list_ab9 {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: var(--spacing-8);
  flex-basis: fit-content;
  min-width: 0;
  min-height: 0;
  padding-top: var(--spacing-8);
  background: var(--surfaceBackgroundMedium);
}

.LeadActivities_LeadActivityList_list_ab9.LeadActivities_LeadActivityList_hasLoaded_97b::before {
    content: '';
    margin: var(--spacing-8) 0 0 17px;
    height: calc(100% - var(--spacing-48));
    width: 1px;
    position: absolute;
    background: var(--borderDefault);
  }

.login_as .LeadActivities_LeadActivityList_list_ab9 {
    background-color: var(--colorLoginAsSurface);
  }

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

.LeadActivities_LeadActivityList_list_ab9 {
    /* Needed to fully align the icons of activities with the page header */
    margin-left: -3px;

    padding: var(--spacing-12) var(--spacing-24);
}

    .LeadActivities_LeadActivityList_list_ab9 .LeadActivities_LeadActivityList_withQuickViews_acc {
      padding-top: 0;
    }
  }

@media screen and (max-width: 767px) {
    .LeadActivities_LeadActivityList_list_ab9.LeadActivities_LeadActivityList_hasLoaded_97b::before {
      margin: var(--spacing-8) 0 0 25px;
    }
  }

.LeadActivities_LeadActivityList_leadSummaryContainer_978 {
  border-bottom: 1px solid var(--borderDefault);
}

.LeadActivities_LeadActivityList_iconSkeleton_5c6 {
  margin: 7px 0 0 3px;
  background: var(--surfaceBackgroundMedium);
}

.SmartSearch_ExpandingSmartSearch_searchWrapper_1fb {
  flex: 1;
  position: relative;
  /* prevent the height from fluctuating when the input becomes positioned absolutely */
  height: 32px;
}

.SmartSearch_ExpandingSmartSearch_search_933 {
  width: 100%;
  transition: width 200ms var(--standardCurve);
}

@media screen and (min-width: 768px) {
  .SmartSearch_ExpandingSmartSearch_searchWrapper_1fb {
    max-width: 310px;
  }

  .SmartSearch_ExpandingSmartSearch_search_933 {
    position: absolute;
    right: 0;
  }

  .SmartSearch_ExpandingSmartSearch_expanded_0d7 {
    width: 310px;
  }
}

.QuickViewBar_wrapper_a69 {
  position: sticky;
  top: var(--leadLayoutHeaderHeight);
  z-index: var(--leadLayoutZIndex);
}

.QuickViewBar_root_b93 {
  background-color: var(--bgCardBase);
  position: relative;
}

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

.QuickViewBar_root_b93 {
    display: flex;
    justify-content: flex-start;
    padding: var(--spacing-8) var(--spacing-24);
}
  }

.login_as .QuickViewBar_root_b93 {
    background-color: var(--colorLoginAsSurface);;
  }

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

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

.QuickViewBar_inner_f0b {
    align-items: center;
    flex-basis: var(--activityMaxWidth);
    flex-direction: row;
    gap: var(--spacing-8);
    justify-content: space-between;
}
  }

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

.QuickViewBar_inner_f0b {
    flex-basis: var(--activityMaxWidthLargeScreens);
}
  }

.QuickViewBar_left_83c {
  border-bottom: 1px solid var(--borderDefault);
  overflow-x: auto;
  padding: var(--spacing-8) var(--spacing-16);
}

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

.QuickViewBar_left_83c {
    border: none;
    overflow-x: unset;
    padding: 0;
}
  }

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

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

.QuickViewBar_right_eae {
    padding: 0;
}
  }

.QuickViewBar_filterButton_653 {
  border-radius: 50%;
  position: relative;
}

.QuickViewBar_filterButton_653:hover .QuickViewBar_filterIndicator_415 {
      border-color: var(--bgButtonDefaultHover);
    }

.QuickViewBar_filterIndicator_415 {
  background-color: var(--bgActive);
  border-radius: 50%;
  border: 2px solid var(--bgCardBase);
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 8px;
}

.QuickViewBar_filtersBar_dbd {
  align-items: center;
  background-color: var(--surfaceBackgroundLight);
  border-bottom: 1px solid var(--borderDefault);
  box-sizing: border-box;
  display: flex;
  height: 0;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: height 250ms ease-in-out;
  padding: 0 var(--spacing-24);
}

.QuickViewBar_filtersBar_dbd.QuickViewBar_expandedFiltersBar_617 {
    height: 40px;
    border-top: 1px solid var(--borderLight);
  }

.QuickViewBar_filtersBarInner_83b {
  align-items: center;
  display: grid;
  gap: var(--spacing-8);
  grid-template-columns: 1fr auto;
}

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

.QuickViewBar_filtersBarInner_83b {
    align-items: center;
    flex-basis: var(--activityMaxWidth);
    flex-direction: row;
    justify-content: space-between;
}
  }

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

.QuickViewBar_filtersBarInner_83b {
    flex-basis: var(--activityMaxWidthLargeScreens);
}
  }

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

.QuickViewBar_caret_b33 {
  position: absolute;
  bottom: -16px;
  right: 7px;
  width: 16px;
  height: 16px;
}

.QuickViewBar_caret_b33 {
    animation: fadeIn 250ms;
  }

.QuickViewBar_caret_b33 svg polygon {
      fill: var(--bgCardMedium);
      stroke: var(--borderDefault);
      stroke-width: 1px;
    }

.QuickViewBar_caret_b33 svg line {
      stroke: var(--bgCardMedium);
      stroke-width: 2px;
    }

.SidebarCard_sectionContainer_218 {
  background: var(--bgDefaultMuted);
  border-radius: 7px;
  border: 1px solid var(--borderDefault);
}

.SidebarCard_sectionContainer_218 svg {
    opacity: 0.5;
    transition: opacity 0.2s ease;
  }

.SidebarCard_expanded_48e svg {
    opacity: 1;
  }

.SidebarCard_SidebarCardFormErrors_formError_5d6 {
  background-color: var(--bgDangerMuted);
  color: var(--colorTextDanger);
  font-size: var(--fontSizeSmall);
}.SidebarCard_SidebarCardFormErrors_formError_5d6 ul {
    margin-bottom: 0;
  }

.SidebarCard_SidebarCardFormFooter_footer_6b3 {
  background-color: var(--bgCardMedium);
  border-radius: 0 0 7px 7px;
}

.SidebarCard_SidebarCardHeader_header_6e5 {
  background-color: var(--bgDefaultMuted);
  padding: 0 var(--spacing-8) 0 0;
  border-radius: 7px 7px 0 0;
}

.SidebarCard_SidebarCardHeader_header_6e5.SidebarCard_SidebarCardHeader_collapsed_d57 {
    border-radius: 7px;
  }

.SidebarCard_SidebarCardHeader_opportunityIcon_8dc svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillGold);
  }

.SidebarCard_SidebarCardHeader_opportunityIcon_8dc svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokeGold);
  }

.SidebarCard_SidebarCardHeader_aboutIcon_f8f svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillBlue);
  }

.SidebarCard_SidebarCardHeader_aboutIcon_f8f svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokeBlue);
  }

.SidebarCard_SidebarCardHeader_contactIcon_2e7 svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillCyan);
  }

.SidebarCard_SidebarCardHeader_contactIcon_2e7 svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokeCyan);
  }

.SidebarCard_SidebarCardHeader_taskIcon_743 svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillRed);
  }

.SidebarCard_SidebarCardHeader_taskIcon_743 svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokeRed);
  }

.SidebarCard_SidebarCardHeader_customObjectIcon_cc1 svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillPurple);
  }

.SidebarCard_SidebarCardHeader_customObjectIcon_cc1 svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokePurple);
  }

.SidebarCard_SidebarCardHeader_customFieldIcon_361 svg path:nth-child(1) {
    fill: var(--colorIconDuotoneFillGreen);
  }

.SidebarCard_SidebarCardHeader_customFieldIcon_361 svg path:nth-child(2) {
    fill: var(--colorIconDuotoneStrokeGreen);
  }

.SidebarCard_SidebarCardHeader_headerTitleBtn_c89 {
  min-width: 0px;
  flex-grow: 1;

  position: relative;

  /* ensure headers have consistent height regardless of whether there are buttons */

  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-12);
  min-height: 24px;
  display: block;
}

.SidebarCard_SidebarCardHeader_headerTitleBtn_c89:hover .SidebarCard_SidebarCardHeader_chevron_7b4 {
      color: var(--colorIconDefault);
    }

.SidebarCard_SidebarCardHeader_chevron_7b4 {
  transition: transform 0.2s ease;
  color: var(--colorIconLight);
}

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

.SidebarCard_SidebarCardHeader_chevron_7b4.SidebarCard_SidebarCardHeader_expanded_dbf {
    transform: rotate(90deg);
  }

.SidebarCard_SidebarCardHeader_searchWrap_7c5 {
  position: absolute;
  z-index: -1;
  /* total height of input: 32px, header: 34px */
  left: 0;
  right: -8px;
  opacity: 0;
  transform: scale(1, 1);
  transform-origin: right;
  transition: all 100ms ease-in-out;
}

.SidebarCard_SidebarCardHeader_searchWrap_7c5 .SidebarCard_SidebarCardHeader_headerSearch_2f8:focus {
    background-color: var(--surfaceBackgroundDark);
    border: 0;
  }

.SidebarCard_SidebarCardHeader_searchWrap_7c5.SidebarCard_SidebarCardHeader_isSearching_4d0 {
    z-index: 1;
    opacity: 1;
    transform: scale(1, 1);
  }

.SidebarCard_SidebarCardItemsList_list_d9c {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: var(--borderDefault);
  border-radius: 7px;
}

.SidebarCard_SidebarCardItemsList_showMore_2ff {
  background: var(--bgDefaultMuted);
  border-radius: 0 0 6px 6px;
  color: var(--colorTextLight);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 12px;
  padding: var(--spacing-8) var(--spacing-12);
  text-align: left;
}

.SidebarCard_SidebarCardItemsList_showMore_2ff:hover, .SidebarCard_SidebarCardItemsList_showMore_2ff:active {
    background: var(--bgDefaultMutedHover);
    color: var(--colorTextDefault);
  }

.SidebarCard_SidebarCardItemEmptyState_card_559 {
  background-color: var(--bgCardBase);
  border-top: 1px solid var(--borderDefault);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.SidebarCard_SidebarCardItemWrapper_root_010 {
  background-color: var(--bgCardBase);
  scroll-margin-bottom: var(--spacing-16);
  scroll-margin-top: var(--spacing-48);
}

/* The last item of the list must have a border-radius, but it has a wrapper
   when it's sortable, so we need to take that into account. */
:last-child > .SidebarCard_SidebarCardItemWrapper_hasWrapper_b38.SidebarCard_SidebarCardItemWrapper_root_010, .SidebarCard_SidebarCardItemWrapper_root_010:not(.SidebarCard_SidebarCardItemWrapper_hasWrapper_b38):last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }

/* Add a 4px gap between items when the card is expanded */
:not(:last-child) > .SidebarCard_SidebarCardItemWrapper_hasWrapper_b38.SidebarCard_SidebarCardItemWrapper_expanded_3eb, .SidebarCard_SidebarCardItemWrapper_expanded_3eb:not(.SidebarCard_SidebarCardItemWrapper_hasWrapper_b38):not(:last-child) {
    border-bottom: var(--spacing-4) solid var(--borderLight);
  }
:not(:last-child) > .SidebarCard_SidebarCardItemWrapper_hasWrapper_b38.SidebarCard_SidebarCardItemWrapper_expanded_3eb::after, .SidebarCard_SidebarCardItemWrapper_expanded_3eb:not(.SidebarCard_SidebarCardItemWrapper_hasWrapper_b38):not(:last-child)::after {
      content: '';
      display: block;
      border-bottom: 1px solid var(--borderDefault);
    }


/* Temporarily disable focus ring until we address #15770, #15771, and #15888
.focusRing {
  border: 1px solid var(--borderFocused);

  &.hasError {
    border: 1px solid var(--borderDanger);
  }
}

.focusWithin:focus-within {
  outline: none;
  border: 1px solid var(--borderFocused);
}
*/

.SidebarCard_SidebarCardItemWrapper_withPointer_39d {
  cursor: pointer;
}

.SidebarCard_SidebarCardItemWrapper_withPointer_39d:hover {
    background-color: var(--bgCardLight);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }

.SidebarCard_SidebarCardSectionEmptyState_root_d83 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
}

.SidebarCard_SidebarCardSectionHeader_header_94e {
  border-top: 1px solid var(--borderLight);
  background-color: var(--bgLightMuted);
  /* Header gets 34px if you pass buttons as children, but if there are buttonless
   * headers, we still want all of them to have consistent height.
   */
  min-height: 34px;
  display: flex;
  align-items: center;
}

.SidebarCard_SidebarCardSortableItemsList_sortableItem_72b {
  position: relative;
  isolation: isolate;
}.SidebarCard_SidebarCardSortableItemsList_sortableItem_72b .SidebarCard_SidebarCardSortableItemsList_dragHandle_f9f {
    display: flex;
    /* we use opacity to show or hide the handle when hovering over it
     since it's absolute positioned with a -50% left offset */
    opacity: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(var(--cardHeaderHeight) / 2);
    left: 0;
    transform: translate(-50%, -50%);
    cursor: grab;
    padding: var(--spacing-4);
    border-radius: var(--borderRadiusMedium);
    color: var(--colorIconLight);
    background-color: var(--bgLightMuted);
    border: 1px solid var(--borderDefault);
    box-shadow: var(--shadowLevel2);
    z-index: 10;
    /* Prevents the page from scrolling when being dragged */
    /* This is especially useful for touch devices */
    /* To prevent the mobile device from interpreting the drag */
    /* as a scroll event and scrolling as normal */
    touch-action: none;
  }.SidebarCard_SidebarCardSortableItemsList_sortableItem_72b.SidebarCard_SidebarCardSortableItemsList_sortingDisabled_bd8 .SidebarCard_SidebarCardSortableItemsList_dragHandle_f9f {
      display: none;
    }.SidebarCard_SidebarCardSortableItemsList_sortableItem_72b.SidebarCard_SidebarCardSortableItemsList_isDragging_8cf {
    z-index: 1;
  }@media (hover: hover) {
      .SidebarCard_SidebarCardSortableItemsList_sortableItem_72b:hover .SidebarCard_SidebarCardSortableItemsList_dragHandle_f9f {
        opacity: 1;
      }
    .SidebarCard_SidebarCardSortableItemsList_sortableItem_72b .SidebarCard_SidebarCardSortableItemsList_dragHandle_f9f:hover {
      opacity: 1;
    }
  }

.LeadAbout_AboutFormRow_icon_7ca {
  /* vertically center icon but keep it aligned top */
  margin-top: 6px;
}.LeadAbout_AboutFormRow_icon_7ca svg {
    width: 14px;
    height: 14px;
  }

.LeadOpportunities_LeadOpportunityStatusIndicator_indicator_546 {
  width: 4px;
  height: 60px;
  border-radius: 4px;
}.LeadOpportunities_LeadOpportunityStatusIndicator_indicator_546.LeadOpportunities_LeadOpportunityStatusIndicator_active_e32 {
    background-color: var(--bgWarn);
  }.LeadOpportunities_LeadOpportunityStatusIndicator_indicator_546.LeadOpportunities_LeadOpportunityStatusIndicator_won_160 {
    background-color: var(--bgSuccess);
  }.LeadOpportunities_LeadOpportunityStatusIndicator_indicator_546.LeadOpportunities_LeadOpportunityStatusIndicator_lost_8c6 {
    background-color: var(--bgDefault);
  }.LeadOpportunities_LeadOpportunityStatusIndicator_indicator_546.LeadOpportunities_LeadOpportunityStatusIndicator_skeleton_330 {
    background-color: var(--bgSkeleton);
  }

.LeadHeader_root_923 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;

  padding: var(--spacing-12) var(--spacing-24);
}

.LeadHeader_mainContent_542 {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
  margin: auto;
}

.LeadHeader_leadStatusWrapper_e60 {
  display: inline-block;
}

.ActivityActions_ActivityActionButton_largeIconButtons_946 {
  width: 40px;
  height: 40px;
}

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

.ActivityActions_ActivityActionButton_customActivitiesLoader_873 {
  margin: 0 auto;
}

.LeadLayout_root_5c1 {
  height: 100%;
  display: flex;
  flex-direction: column;

  --leadLayoutHeaderHeight: 80px;
  --leadLayoutSidebarHeaderHeight: 48px;
  --leadLayoutZIndex: 11;
  --leadLayoutSidebarMaxHeight: 100dvh - var(--topNavHeight) -
    var(--leadLayoutHeaderHeight);
}

.LeadLayout_columns_7c1 {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr;
  box-sizing: border-box;
}

.LeadLayout_columns_7c1.LeadLayout_hasSidebar_69c {
    /**
     * 1279 down:
     * - Fixed sidebar width
     * - Fluid main column with a min-width
    */
    grid-template-columns: 348px minmax(612px, 1fr);
    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) {

.LeadLayout_columns_7c1.LeadLayout_hasSidebar_69c {
      grid-template-columns: clamp(348px, 33%, 400px) minmax(0, 1fr);
  }
    }

/**
     * 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) {

.LeadLayout_columns_7c1.LeadLayout_hasSidebar_69c {
      grid-template-columns: clamp(400px, 35%, 460px) minmax(0, 1fr);
  }
    }

.LeadLayout_mainHeader_bb9 {
  grid-row: 1;
  grid-column: 1 / 3;
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderDefault);
  background-color: var(--surfaceBackgroundDefault);

  display: flex;
  justify-content: center;

  position: sticky;
  top: 0;
  z-index: var(--leadLayoutZIndex);
  height: var(--leadLayoutHeaderHeight);
}

.login_as .LeadLayout_mainHeader_bb9 {
    background-color: var(--colorLoginAsSurface);
  }

/* Adds danger styles to action buttons (login as) */

.login_as .LeadLayout_mainHeader_bb9 .Btn {
    background-color: var(--colorLoginAsButton);
    border-color: var(--colorLoginAsButtonBorder);
  }

/* Hide background and border from Lead more menu */

.login_as .LeadLayout_mainHeader_bb9 .Btn--transparent {
    background-color: transparent;
    border: 0;
  }

.LeadLayout_mainColumn_ceb {
  display: flex;
  flex-direction: column;
  grid-row: 2;
  grid-column: 2;
  min-height: 0;
}

.LeadLayout_sidebarHeader_1df {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  padding: 0 var(--spacing-24);
  background-color: var(--surfaceBackgroundDefault);
  border-bottom: 1px solid var(--borderDefault);
  flex: 0 0 var(--leadLayoutSidebarHeaderHeight);
}

.login_as .LeadLayout_sidebarHeader_1df {
    background-color: var(--colorLoginAsSurface);
  }

.LeadLayout_tabs_91f {
  margin-bottom: -1px;
}

.LeadLayout_sidebar_77c {
  grid-row: 2;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid var(--borderDefault);

  position: sticky;
  top: var(--leadLayoutHeaderHeight);
  max-height: calc(var(--leadLayoutSidebarMaxHeight));
  z-index: var(--leadLayoutZIndex);
}

.LeadLayout_sidebarContent_d13 {
  background: var(--surfaceBackgroundDefault);
  flex: 1;
}

.login_as .LeadLayout_sidebarContent_d13 {
    background-color: var(--colorLoginAsSurface);
  }

.LeadLayout_sidebarScroller_485 {
  max-height: calc(
    var(--leadLayoutSidebarMaxHeight) - var(--leadLayoutSidebarHeaderHeight) -
      var(--leadLayoutSidebarBetaBannerHeight)
  );
  overscroll-behavior-y: contain;
}

.LeadScreenV2_MobileLeadLayout_root_054 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  position: relative;
  background-color: var(--surfaceBackgroundDefault);
}

.LeadScreenV2_MobileLeadLayout_header_bb4 {
  background-color: var(--surfaceBackgroundDefault);
}

.LeadScreenV2_MobileLeadLayout_tabs_404 {
  position: sticky;
  z-index: var(--stickyHeaderZIndex);
  top: 0;
  background-color: var(--surfaceBackgroundDefault);
  padding-top: var(--spacing-8);
}

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

.LeadScreenV2_MobileLeadLayout_tabContent_c3c[hidden] {
    display: none;
  }

.LeadSuggestionSkeleton_container_d6f {
  border-radius: var(--baseInputBorderRadius);
  border: 1px solid var(--borderDefault);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.LeadSuggestionSkeleton_header_2e2 {
  align-items: center;
  background-color: var(--bgTableCellDefault);
  border-radius: var(--baseInputBorderRadius) var(--baseInputBorderRadius) 0 0;
  display: flex;
  gap: var(--spacing-16);
  justify-content: space-between;
  padding: var(--spacing-8) var(--spacing-16);
}

.LeadSuggestionSkeleton_header_2e2:only-child {
    border-radius: var(--baseInputBorderRadius);
  }

.LeadSuggestionSkeleton_contactContainer_010 {
  background-color: var(--surfaceBackgroundLight);
  border-top: 1px solid var(--borderDefault);
  border-radius: 0 0 var(--baseInputBorderRadius) var(--baseInputBorderRadius);
  box-sizing: border-box;
  padding: var(--spacing-12) var(--spacing-16);
}

.PotentialLeadsSummary_summaryCardContainer_7f6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  position: sticky;
  top: var(--spacing-16);
}

.PotentialLeadsSummary_summaryCard_497 {
  background-color: var(--bgCardBase);
  border: 1px solid var(--borderDefault);
  border-radius: var(--baseInputBorderRadius);
  height: -moz-fit-content;
  height: fit-content;
  min-width: 280px;
  padding: var(--spacing-16);
}

.PotentialLeadsSummary_summaryFooter_c1c {
  background-color: var(--bgCardBase);
  border-top: 1px solid var(--borderDefault);
  box-sizing: border-box;
  box-shadow: 0px -8px 12px -12px rgba(0, 0, 0, 0.25);
  bottom: 0;
  display: flex;
  gap: var(--spacing-8);
  justify-content: space-between;
  left: 0;
  padding: var(--spacing-16) var(--spacing-24);
  position: sticky;
  width: 100%;
}

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

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

.NoMemberships_section_bc4 {
  color: var(--colorTextMedium);
  margin: 8px 0 32px;
  font-size: 16px;
}

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

.NoMemberships_phone_ce1 {
  white-space: nowrap;
}

.MessageActions_actionsContainer_f57 {
  display: flex;
  gap: var(--spacing-8);
  visibility: hidden;
}.MessageActions_actionsContainer_f57.MessageActions_forceVisibility_6df {
    visibility: visible;
  }

.Message_messageContainer_184 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.Message_messageContainer_184.Message_gapless_e0f {
    gap: 0;
  }

.Message_messageContainer_184:hover .showOnMessageHover {
      visibility: visible;
    }

.Message_messageContainer_184.Message_clickable_de1 .Message_avatar_a79 {
      cursor: pointer;
    }

.Message_messageContainer_184.Message_clickable_de1 .Message_message_a1e {
      cursor: pointer;
    }

.Message_messageContainer_184.Message_clickable_de1 .Message_message_a1e.Message_incoming_53f:hover {
          border-color: var(--borderDefault);
        }

.Message_sms_e64 :is(.Message_messageContainer_184.Message_clickable_de1 .Message_message_a1e.Message_outgoing_8f3:hover) {
            border-color: var(--borderSmsMutedHover);
          }

.Message_whatsapp_bf0 :is(.Message_messageContainer_184.Message_clickable_de1 .Message_message_a1e.Message_outgoing_8f3:hover) {
            border-color: var(--borderWhatsAppMutedHover);
          }

.Message_messageContainer_184.Message_outgoing_8f3 .Message_metaRow_066 {
      justify-content: flex-end;
      padding-right: var(--spacing-24);
    }

.Message_messageContainer_184.Message_incoming_53f .Message_metaRow_066 {
      justify-content: flex-start;
      padding-left: var(--spacing-24);
    }

.Message_message_a1e {
  max-width: 80%;
  border-radius: var(--activityBorderRadius);
  padding: var(--spacing-8) var(--spacing-12);
  border: 1px solid transparent;
}

.Message_message_a1e.Message_incoming_53f {
    background-color: var(--bgCardBase);
    border-color: var(--borderLight);
  }

.Message_sms_e64 .Message_message_a1e.Message_outgoing_8f3 {
      background-color: var(--colorBgActivitySMSMuted);
      border-color: var(--borderSmsMuted);
    }

.Message_whatsapp_bf0 .Message_message_a1e.Message_outgoing_8f3 {
      background-color: var(--colorBgActivityWhatsAppMuted);
      border-color: var(--borderWhatsAppMuted);
    }

.Message_message_a1e p {
    margin-bottom: 0;
  }

.Message_avatar_a79 {
  align-self: flex-end;
}

.Message_divider_217 {
  background-color: var(--borderLight);
  display: flex;
  flex: 1;
  height: 1px;
}

.Message_attachmentContainer_5dc {
  width: 80%;
}

.Message_metaRow_066 {
  align-items: center;
  display: flex;
  height: 16px;
  gap: var(--spacing-8);
  opacity: 1;
  transition:
    opacity 200ms var(--standardCurve),
    height 200ms var(--standardCurve);
}

.Message_metaRow_066.Message_hidden_860 {
    height: 0;
    opacity: 0;
  }

.ToastManager_toast_dd7 {
  flex: 1 0 auto;
}

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

.TopBar_container_d12 {
  --topBarHeight: 40px;

  flex: 0 0 auto;
  line-height: 16px;
  font-size: 14px;
  text-align: center;
  z-index: 5; /* above expanded search input */
  overflow: hidden;
  white-space: nowrap;
  height: 0;
  transition: height 200ms var(--accelerationCurve);
}

.TopBar_container_d12.TopBar_warning_526 {
    background-color: var(--bgWarn);
    color: var(--colorTextNeutralBlack);
  }

.TopBar_container_d12.TopBar_info_35f {
    background-color: var(--bgInformational);
    color: var(--colorTextNeutralWhite);
  }

.TopBar_container_d12.TopBar_danger_211 {
    background-color: var(--bgDanger);
    color: var(--colorTextNeutralWhite);
  }

.TopBar_container_d12.TopBar_dangerMuted_171 {
    background-color: var(--bgDangerMuted);
    color: var(--colorTextDanger);
  }

.TopBar_container_d12.TopBar_visible_589 {
    min-height: var(--topBarHeight);
  }

.TopBar_container_d12.TopBar_visible_589 .TopBar_content_a12 {
      margin-top: 0;
    }

.TopBar_container_d12 .TopBar_content_a12 {
    margin-top: calc(var(--topBarHeight) * -1);
    transition: margin-top 200ms var(--accelerationCurve);
    flex: 1;
    min-height: var(--topBarHeight);
    padding: 0px 16px;
    line-height: var(--topBarHeight);
  }

.TopBar_container_d12 .TopBar_symbol_620 {
    line-height: 16px;
    display: inline-block;
    font-size: 8px;
    padding: 0 7px;
    opacity: 0.2;
    vertical-align: middle;
    font-style: normal;
  }

.TopBar_container_d12 a {
    color: inherit;
    font-weight: var(--fontWeightBold);
    -webkit-text-decoration: none;
    text-decoration: none;
    vertical-align: middle;
  }

.TopBar_container_d12 a:hover,
    .TopBar_container_d12 a:active,
    .TopBar_container_d12 a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.TopBar_container_d12 .TopBar_close_db4 {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    float: right;
    font-size: 20px;
    font-weight: var(--fontWeightBold);
    line-height: var(--topBarHeight);
    color: #000;
    opacity: 0.2;
    -webkit-appearance: none;
  }

.TopBar_container_d12 .TopBar_close_db4.TopBar_danger_211 {
      color: var(--colorIconNeutralWhite);
      opacity: 1;
      font-weight: 100;
      margin-top: -2px; /* used to align the close button with the text without bold font */
    }

.TopBar_container_d12 .TopBar_text_8e6 {
    text-overflow: ellipsis;
    display: inline-block;
    /* leave 180px space for CTA "See details" button + exit button in the topbar */
    max-width: calc(100% - 180px);
    overflow: hidden;
  }

.TopBar_container_d12 .TopBar_text_8e6.TopBar_noCTA_c2d {
      max-width: none;
    }


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

.AccountDisconnectedBarContainer_topBarMobile_1a3 {
    height: auto;
}
  }

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

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

.AccountDisconnectedBarContainer_container_fe6 {
    align-items: flex-start;
    padding-top: var(--spacing-12);
    gap: var(--spacing-12);
}
  }

.AccountDisconnectedBarContainer_textWrapper_1f9 {
  display: flex;
  white-space: normal;
  text-align: left;
}

.AccountDisconnectedBarContainer_btnWrapper_338 {
  min-height: var(--topBarHeight);
  padding: 0 var(--spacing-8);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
}

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

.AccountDisconnectedBarContainer_btnWrapper_338 {
    min-height: 0;
    align-self: flex-end;
    padding: 0 0 var(--spacing-12) 0;
    flex-grow: 1;
    justify-content: flex-end;
}
  }

.AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_contactSupportBtn_aa6 {
    background-color: transparent;
    color: var(--colorTextNeutralWhite);
    border-color: var(--colorTextNeutralWhite);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

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

.AccountDisconnectedBarContainer_link_bc7.AccountDisconnectedBarContainer_link_bc7:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_reconnectBtn_b8d {
    color: var(--colorBrandRed);
    background-color: var(--colorTextNeutralWhite);
    border-color: var(--colorTextNeutralWhite);
  }

/*
   For now these stylings are only used on `AccountDisconnectedBar`
   If you need to copy these to any other component,
   it's better to create a new <Button> theme */

.AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_reconnectBtn_b8d:hover, .AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_contactSupportBtn_aa6:hover, .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_reconnectBtn_b8d:hover, .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_contactSupportBtn_aa6:hover {
      background-color: var(--colorTextNeutralWhite);
      color: var(--colorBrandRed);
      border-color: var(--colorTextNeutralWhite);
    }

.AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_reconnectBtn_b8d:focus:not(:hover),
    .AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_contactSupportBtn_aa6:focus:not(:hover),
    .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_reconnectBtn_b8d:focus:not(:hover),
    .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_contactSupportBtn_aa6:focus:not(:hover),
    .AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_reconnectBtn_b8d:focus-visible,
    .AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_contactSupportBtn_aa6:focus-visible,
    .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_reconnectBtn_b8d:focus-visible,
    .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_contactSupportBtn_aa6:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px
        color-mix(in srgb, var(--colorTextNeutralWhite) 50%, transparent);
      border-color: color-mix(in srgb, #000 8%, var(--colorTextNeutralWhite));
      color: var(--colorTextDanger);
      background-color: var(--colorTextNeutralWhite);
    }

.AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_reconnectBtn_b8d:disabled, .AccountDisconnectedBarContainer_reconnectBtn_b8d.AccountDisconnectedBarContainer_contactSupportBtn_aa6:disabled, .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_reconnectBtn_b8d:disabled, .AccountDisconnectedBarContainer_contactSupportBtn_aa6.AccountDisconnectedBarContainer_contactSupportBtn_aa6:disabled {
      opacity: 0.7;
    }

.AppErrorBar_container_259 {
  --colorLinkDefault: currentColor;
  --colorLinkHover: currentColor;
}



  /* make modal a little bigger */@media (min-width: 820px) {.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 {
    width: 810px;
}
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 h4 {
    margin-bottom: 6px;
    font-size: 16px;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dl {
    margin-top: 0;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dl:last-child {
      margin-bottom: 0;
    }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dt,
  .KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dd {
    font-size: 13px;
    line-height: 23px;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dt {
    width: 110px;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 dd {
    margin-left: 118px;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .text-muted {
    font-weight: normal;
    font-size: 11px;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .KeyboardShortcutsModal_KeyboardShortcutsModal_key_c01 {
    display: inline-block;
    min-width: 8px;
    margin-right: 3px;
    padding: 0 3px;
    border-radius: 2px;
    border: solid 1px var(--bgDefault);
    box-shadow: 1px 1px 0 var(--bgDefault);
    background-color: var(--bgDefault);
    color: var(--colorTextDefault);
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
  }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .KeyboardShortcutsModal_KeyboardShortcutsModal_key_c01:last-child {
      margin-right: 0;
    }.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .KeyboardShortcutsModal_KeyboardShortcutsModal_halfWidth_357:first-child {
      margin: 0 0 20px 0;
    }/* stack columns when on narrow screens *//* keyboard shortcuts don't apply on mobile but whatever */@media (min-width: 820px) {.KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .KeyboardShortcutsModal_KeyboardShortcutsModal_halfWidth_357 {
      width: calc(50% - 20px);
  }

      .KeyboardShortcutsModal_KeyboardShortcutsModal_keyboardShortcutsModal_2d3 .KeyboardShortcutsModal_KeyboardShortcutsModal_halfWidth_357:first-child {
        margin: 0 20px 0 0;
      }
    }

.LeftNav {
  --leftNavSpacing: var(--spacing-12);

  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  /* color used for all items as default, except on TopNav (username and org selector) */
  color: var(--colorGray20);
  flex: 0 0 100%;
  min-width: 224px;
  width: 17.5vw;
  max-width: var(--leftNavWidth);
  font-size: var(--fontSizeBase);
  -webkit-font-smoothing: antialiased;
  background-color: var(--bgNavSidebar);
  border-right: 1px solid var(--borderNavSidebar);
  z-index: 101; /* behind popover backdrop and filter sidebar */
}

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

.LeftNav {
    z-index: 1005; /* behind .TopBar */
}
  }

.LeftNav ::-webkit-scrollbar {
    width: 3px;
  }

.LeftNav ::-webkit-scrollbar-track {
    background-color: var(--bgNavSidebar);
  }

.LeftNav ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25);
  }

.login_as .LeftNav {
    background-color: var(--colorBgLoginAsLeftNav);
    color: var(--loginAsColor);
  }

/* This rule must only contain the `font-size` property. */

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

@media (max-color:2147477350) and (max-width: calc(var(--desktopWidth) + 40px)) {

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

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

@media (color:2147477350) and (max-width: calc(var(--desktopWidth) + 40px)) {

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

@media screen and (min-width: 768px) {
    .LeftNav.is-collapsed {
      min-width: 64px;
      width: 64px;
      max-width: 4.375vw;
    }

      .LeftNav.is-collapsed .LeftNav__addButton {
        display: none;
      }
  }

.LeftNav__wrapper {
  display: flex;
  flex: 0 0 auto;
}

@media print {

.LeftNav__wrapper {
    display: none;
}
  }

:-webkit-full-screen .LeftNav__wrapper {
    display: none;
  }

:fullscreen .LeftNav__wrapper {
    display: none;
  }

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

.LeftNav__wrapper {
    min-width: var(--leftNavWidth);
    width: 100vw;
    margin-top: 56px;
    transform: translateX(-100%);
    transition: transform 200ms;
}

    .LeftNav__wrapper.visible {
      transform: none;
    }
  }

.LeftNav__backdrop {
  display: none;
}

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

.LeftNav__backdrop {
    display: block;
    flex: 1;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1005;
}
  }

.LeftNav__addButton {
  cursor: pointer;
  width: 14px;
  height: 14px;
  color: var(--colorIconLight);
  transition: color 50ms ease-in-out;
}

.login_as .LeftNav__addButton {
    color: color-mix(in srgb, #000 40%, var(--loginAsColor));
  }

.LeftNav__addButton:hover {
    color: var(--colorWhite);
  }

.login_as .LeftNav__addButton:hover {
      color: var(--loginAsColor);
    }

.Menu_menu_c10 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  background-color: inherit;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.Menu_menuList_6f5,
.Menu_menuSublist_3a1 {
  list-style: none;
  margin: 0;
}

.Menu_menuList_6f5 {
  padding: var(--spacing-16) 0;
}

.Menu_menuListBottom_ecc {
  position: sticky;
  bottom: 0;
  background-color: inherit;
}

.Menu_menuListBottom_ecc::before {
    content: '';
    display: block;
    border-top: 1px solid var(--colorGray70);
    left: var(--spacing-12);
    position: absolute;
    right: var(--spacing-12);
    top: 0;
  }

.Menu_menuListSticky_8a6 {
  box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.15);
}

.Menu_menuItem_ca1 {
  --extraContentSize: var(--spacing-20);
  font-weight: var(--fontWeightBold);
}

.Menu_menuItem_ca1:not(:last-of-type) {
    margin-bottom: 1px;
  }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 {
    margin-top: 1px;
    padding-bottom: 0;
    padding-top: 0;
  }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_menuItem_ca1 {
      font-size: var(--fontSizeSmall);
      font-weight: 400;
      margin-bottom: 0;
      color: var(--colorGray30);
    }

.login_as :is(.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_menuItem_ca1) {
        color: color-mix(in srgb, #000 20%, var(--loginAsColor));
      }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5 {
        font-weight: var(--fontWeightBold);
        background-color: transparent;
      }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5:hover {
          background-color: var(--bgNavSidebarMenuitemHover);
        }

.login_as :is(.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5:hover) {
            background-color: var(--loginAsHover);
          }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_itemLinkContent_7f5 {
      border-radius: 24px;
      color: var(--colorGray40);
      padding: 2px var(--leftNavSpacing);
    }

.Menu_menuItem_ca1 > .Menu_menuList_6f5 .Menu_itemIcon_549 {
      color: var(--colorIconLight);
    }

:is(.Menu_menuItemContent_bc9:hover,.Menu_menuItemContent_bc9 .Menu_itemLink_91f.Menu_isActive_a3e) .Menu_itemLinkContent_7f5 {
      background-color: var(--bgNavSidebarMenuitemActive);
    }

.Menu_hasExtraContent_d10 {
  position: relative;

  /**
    * It's necessary to add extra padding when `hasExtraContent` to
    * make sure menu item labels can't go "under" the `extra` content.
    */
}

.Menu_hasExtraContent_d10 .Menu_itemLinkContent_7f5 {
    padding-right: calc(var(--leftNavSpacing) + var(--extraContentSize));
  }

.Menu_menuItemExtraContent_00c {
  align-items: center;
  display: flex;
  height: var(--extraContentSize);
  justify-content: center;
  position: absolute;
  right: calc(var(--leftNavSpacing) * 2);
  top: 50%;
  transform: translateY(-50%);
  width: var(--extraContentSize);
}

.Menu_itemLink_91f {
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  padding-left: var(--leftNavSpacing);
  padding-right: var(--leftNavSpacing);
}

.Menu_itemLink_91f,
  .Menu_itemLink_91f:hover,
  .Menu_itemLink_91f:active,
  .Menu_itemLink_91f:focus {
    color: currentColor;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5 {
    color: var(--colorWhite);
  }

.login_as .Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5,
    .login_as .Menu_itemLink_91f:hover:not(.Menu_isActive_a3e) .Menu_itemLinkContent_7f5 {
      color: var(--loginAsColor);
      background-color: var(--loginAsHover);
    }

.Menu_itemLinkContent_7f5 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px var(--leftNavSpacing);
  border-radius: 32px;
}

.Menu_itemIcon_549 {
  width: var(--spacing-16);
  height: var(--spacing-16);
  margin-right: 11px;
  flex-shrink: 0;
  position: relative;
}

.Menu_itemIcon_549.Menu_itemIconWithCount_333.Menu_single_d15 svg {
        clip-path: path('M0 16H16V9C11.0294 9 7 4.97056 7 0H0V16Z');
      }

.Menu_itemIcon_549.Menu_itemIconWithCount_333.Menu_single_d15 .Menu_count_168 {
        text-indent: 1px;
      }

.Menu_itemIcon_549.Menu_itemIconWithCount_333.Menu_double_fef svg {
        clip-path: path('M0 16H16V9H9C4.02944 9 0 4.97056 0 0V16Z');
      }

.Menu_itemIcon_549.Menu_itemIconWithCount_333.Menu_double_fef .Menu_count_168 {
        width: 23px;
      }

.Menu_itemIcon_549.Menu_itemIconWithCount_333.Menu_triple_7d9 svg {
        clip-path: path('M15.9999 9H-1.09673e-05L-6.10352e-05 16H15.9999V9Z');
      }

.Menu_itemIcon_549.Menu_itemIconNotification_5e0 svg {
      clip-path: path('M0 16H16V9C11.0294 9 7 4.97056 7 0H0V16Z');
    }

.Menu_itemBadge_b17 {
  margin-left: auto;

  /* override menuItem line-height so badge is centered */
  line-height: 0;
}

.Menu_collapseText_fcc {
  color: var(--colorGray40);
}

.Menu_collapseIcon_ce5,
.Menu_itemExternalIcon_299 {
  display: flex;
  color: var(--colorGray60);
  margin-left: auto;
}

.Menu_collapseIcon_ce5 svg, .Menu_itemExternalIcon_299 svg {
    width: 14px;
    height: 14px;
  }

.login_as .Menu_collapseIcon_ce5, .login_as .Menu_itemExternalIcon_299 {
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.Menu_itemPopover_1a6 {
  width: 220px;
  padding: var(--spacing-4) 0;
}

.Menu_itemPopover_1a6 .Menu_menuList_6f5 {
    padding: 0;
    line-height: 0;
  }

.Menu_itemPopover_1a6 .Menu_menuItem_ca1 {
    font-weight: 400;
  }

.Menu_itemPopover_1a6 .Menu_itemIcon_549 {
    display: none;
  }

.Menu_itemPopover_1a6 .Menu_itemSubtitle_e52,
  .Menu_itemPopover_1a6 .Menu_itemLink_91f {
    padding: 6px var(--spacing-24) 6px var(--spacing-16);
  }

.Menu_itemPopover_1a6 .Menu_itemLink_91f {
    line-height: 16px;
  }

.Menu_itemPopover_1a6 .Menu_itemLink_91f:hover {
      background-color: var(--bgMenuItemHover);
    }

.Menu_itemPopover_1a6 .Menu_itemLink_91f:hover:not(.Menu_isActive_a3e) .Menu_itemLinkContent_7f5,
    .Menu_itemPopover_1a6 .Menu_itemLink_91f.Menu_isActive_a3e .Menu_itemLinkContent_7f5 {
      color: currentColor;
      background-color: transparent;
    }

.Menu_itemPopover_1a6 .Menu_itemLinkContent_7f5 {
    padding: 0;
  }

.Menu_itemPopover_1a6 .Menu_itemSubtitle_e52 {
    margin: 0;
    font-size: var(--fontSizeBase);
    font-weight: var(--fontWeightBold);
    line-height: 16px;
  }

@media screen and (max-width: 767px) {
  .Menu_menuCollapse_771 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
    .is-collapsed .Menu_itemIcon_549 {
      margin: 0;
      flex-shrink: initial;
    }

    .is-collapsed .Menu_collapseIcon_ce5 {
      margin: 1px 0;
    }

    .is-collapsed .Menu_menuItem_ca1 {
      margin-bottom: 0;
    }

    .is-collapsed .Menu_itemLinkContent_7f5 {
      justify-content: center;
      padding: var(--spacing-8) var(--leftNavSpacing);
    }

    .is-collapsed .Menu_itemText_79f,
    .is-collapsed .Menu_itemExternalIcon_299,
    .is-collapsed .Menu_collapseText_fcc {
      display: none;
    }

    .is-collapsed .Menu_collapseIcon_ce5 {
      transform: scaleX(-1);
    }

    .is-collapsed .Menu_menuItemExtraContent_00c {
      display: none;
    }
}

.Menu_count_168 {
  color: var(--colorWhite);
  background-color: var(--colorBrandGreen);
  padding: 2px var(--spacing-4) 0 var(--spacing-4);
  min-width: var(--spacing-16);
  height: var(--spacing-16);
  display: block;
  text-align: center;
  font-size: 9px;
  line-height: 12px;
  font-weight: var(--fontWeightBold);
  border-radius: 8px;
  position: absolute;
  top: calc(-1 * var(--spacing-8));
  right: calc(-1 * var(--spacing-8));
  box-sizing: border-box;
}

.Menu_notificationIcon_9d9 {
  background-color: var(--colorBrandGreen);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -7px;
  box-sizing: border-box;
}

.SmartViewList_root_e13 {
  padding: 0 0 24px 0;
  flex-grow: 1;
  box-shadow: inset 0 1px 0 0 var(--colorGray70);
}

.SmartViewList_header_d16 {
  display: flex;
  column-gap: 16px;
  margin: 18px var(--spacing-24);
}

.SmartViewList_title_46a {
  color: var(--colorGray30);
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.25px;
  font-weight: var(--fontWeightBold);
  text-transform: uppercase;
}

.SmartViewList_icons_635 {
  display: flex;
  margin-left: auto;
}

.SmartViewList_smartViewIcon_626,
.SmartViewList_searchIcon_22f {
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  color: var(--colorGray40);
  transition: opacity 50ms ease-in-out;
}

.SmartViewList_smartViewIcon_626:hover, .SmartViewList_searchIcon_22f:hover {
    color: var(--colorWhite);
  }

.SmartViewList_login_as_97d .SmartViewList_smartViewIcon_626, .SmartViewList_login_as_97d .SmartViewList_searchIcon_22f {
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.SmartViewList_login_as_97d .SmartViewList_smartViewIcon_626:hover, .SmartViewList_login_as_97d .SmartViewList_searchIcon_22f:hover {
      opacity: 1;
    }

.SmartViewList_smartViewIcon_626 {
  /* In Firefox, a dotted outline is visible in active state for some reason.
   * This is a workaround to remove it.
   */
  outline: none;
}

.SmartViewList_smartViewIcon_626:hover {
    color: var(--colorWhite);
  }

.SmartViewList_smartViewIconActive_d62 > span {
  color: var(--colorWhite);
}

.SmartViewList_searchBox_ec8 {
  position: relative;
  margin: var(--spacing-12) var(--spacing-16);
}

.SmartViewList_searchBoxInput_24a[type='search'] {
  color: var(--colorWhite);
  background: rgba(255, 255, 255, 0.1);
  outline: 0;
  border: 0;
  border-radius: 7px;
  margin: 0;
  padding: 0 30px;
  font-size: var(--fontSizeBase);
  height: 28px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}

.SmartViewList_searchBoxInput_24a[type='search']:focus {
    box-shadow: none !important; /* !important needed to override input[type='search']'s box-shadow from styles.less */
  }

.SmartViewList_searchBoxSearchIcon_29e,
.SmartViewList_searchBoxClearIcon_709 {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: var(--colorGray40);
}

.SmartViewList_searchBoxSearchIcon_29e svg, .SmartViewList_searchBoxClearIcon_709 svg {
    width: 14px;
    height: 14px;
  }

.SmartViewList_login_as_97d .SmartViewList_searchBoxSearchIcon_29e, .SmartViewList_login_as_97d .SmartViewList_searchBoxClearIcon_709 {
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.SmartViewList_login_as_97d .SmartViewList_searchBoxSearchIcon_29e:hover, .SmartViewList_login_as_97d .SmartViewList_searchBoxClearIcon_709:hover {
      opacity: 1;
    }

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

.SmartViewList_searchBoxClearIcon_709 {
  cursor: pointer;
  right: var(--spacing-8);
  transition: color 50ms ease-in-out;
}

.SmartViewList_searchBoxClearIcon_709:hover {
    color: var(--colorWhite);
  }

.SmartViewList_list_39a {
  margin: calc(-1 * var(--spacing-4)) 0 0 0;
  list-style: none;
}

.SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 {
    cursor: grabbing;
  }

.SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90 {
      pointer-events: none;
    }

.SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90:hover {
      background-color: transparent;
    }

.SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90:hover .SmartViewList_editButton_f0c,
      .SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90:hover .SmartViewList_unpinButton_386,
      .SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90:hover .SmartViewList_dragger_79c {
        display: none;
      }

.SmartViewList_list_39a .SmartViewList_itemIsSorting_a07 .SmartViewList_link_f90:hover .SmartViewList_bullet_98e {
        display: flex;
      }

.SmartViewList_list_39a.SmartViewList_listIsDragging_fb9 a {
      pointer-events: none;
    }

.SmartViewList_item_bb8 {
  font-size: var(--fontSizeTiny);
  line-height: 16px;
}

.SmartViewList_bullet_98e,
.SmartViewList_dragger_79c {
  display: flex;
  align-items: center;
  margin-right: var(--spacing-12);
  opacity: 0.5;
}

.SmartViewList_bullet_98e svg, .SmartViewList_dragger_79c svg {
    width: var(--spacing-16);
    height: var(--spacing-16);
  }

.SmartViewList_emoji_3f7 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: var(--spacing-16);
  height: var(--spacing-16);
  line-height: 16px;
  letter-spacing: 0;
  margin-right: var(--spacing-8);
  font-size: var(--fontSizeSmall);

  /* On retina, emoji's resolution is much better */
  /* so we display it with a bigger font-size */
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

.SmartViewList_emoji_3f7 {
    font-size: 16px;
    margin-left: 0;
    margin-right: var(--spacing-12);
}
  }

.SmartViewList_dragger_79c {
  display: none;
  cursor: grab;
}

.SmartViewList_link_f90 {
  display: flex;
  align-items: center;
  padding-left: var(--leftNavSpacing);
  padding-right: var(--leftNavSpacing);
}

.SmartViewList_link_f90,
  .SmartViewList_link_f90:hover,
  .SmartViewList_link_f90:focus,
  .SmartViewList_link_f90:active {
    color: var(--colorGray30);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.SmartViewList_login_as_97d :is(.SmartViewList_link_f90,.SmartViewList_link_f90:hover,.SmartViewList_link_f90:focus,.SmartViewList_link_f90:active) {
      color: var(--loginAsColor);
    }

.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4 {
    background-color: var(--colorGray80);
  }

.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4 .SmartViewList_editButton_f0c,
    .SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4 .SmartViewList_unpinButton_386,
    .SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4 .SmartViewList_dragger_79c {
      display: flex;
    }

.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4 .SmartViewList_bullet_98e {
      display: none;
    }

/* Prevent sorting the list while searching */

.SmartViewList_root_e13.SmartViewList_isSearching_ad8 :is(.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4) .SmartViewList_editButton_f0c,
      .SmartViewList_root_e13.SmartViewList_isSearching_ad8 :is(.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4) .SmartViewList_unpinButton_386,
      .SmartViewList_root_e13.SmartViewList_isSearching_ad8 :is(.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4) .SmartViewList_bullet_98e {
        display: flex;
      }

.SmartViewList_root_e13.SmartViewList_isSearching_ad8 :is(.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4) .SmartViewList_dragger_79c {
        display: none;
      }

.login_as :is(.SmartViewList_link_f90:hover .SmartViewList_linkContent_cb4) {
      background-color: var(--loginAsHover);
    }

.SmartViewList_link_f90.SmartViewList_linkActive_200 .SmartViewList_linkContent_cb4 {
    font-weight: var(--fontWeightBold);
    color: var(--colorWhite);
  }

.SmartViewList_link_f90.SmartViewList_linkActive_200 .SmartViewList_linkContent_cb4 .SmartViewList_bullet_98e {
      opacity: 1;
    }

.SmartViewList_login_as_97d :is(.SmartViewList_link_f90.SmartViewList_linkActive_200 .SmartViewList_linkContent_cb4) {
      color: var(--loginAsColor);
    }

.SmartViewList_linkContent_cb4 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-4) var(--leftNavSpacing);
  border-radius: 24px;
}

.SmartViewList_text_64e {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SmartViewList_unpinButton_386,
.SmartViewList_editButton_f0c {
  display: none;
  margin-left: var(--spacing-8);
  width: var(--spacing-16);
  height: var(--spacing-16);
  color: var(--colorIconNeutralWhite);
  opacity: 0.5;
  box-sizing: border-box;
  flex-shrink: 0;
  transition: opacity 200ms;
}

.SmartViewList_unpinButton_386 svg, .SmartViewList_editButton_f0c svg {
    width: var(--spacing-16);
    height: var(--spacing-16);
  }

.SmartViewList_unpinButton_386:hover, .SmartViewList_editButton_f0c:hover {
    opacity: 1;
  }

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

.SmartViewList_unpinButton_386,
.SmartViewList_editButton_f0c {
    display: flex;
}
  }

.SmartViewList_noResults_ee3 {
  color: var(--colorGray40);
  font-size: 13px;
  padding: 0 calc(var(--leftNavSpacing) * 2);
}

.SmartViewList_emptyState_014 {
  font-size: var(--fontSizeSmall);
  line-height: 16px;
  padding: 0 calc(var(--leftNavSpacing) * 2);
  color: var(--colorGray40);
  margin-bottom: var(--spacing-16);
}

.SmartViewList_emptyStateLink_462 {
  color: currentColor;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  transition: color 50ms ease-in-out;
}

.SmartViewList_emptyStateLink_462:hover {
    color: var(--colorWhite);
  }

.SmartViewList_showAll_21e {
  cursor: pointer;
  margin-left: calc((var(--leftNavSpacing) * 2) + 28px);
  font-size: var(--fontSizeTiny);
  font-weight: var(--fontWeightBold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.SmartViewList_mark_5c6 {
  background: var(--colorGray70);
  color: var(--colorWhite);
}

.SmartViewList_skeletonTree_81c {
  list-style: none;
  margin: var(--spacing-16) var(--spacing-24);
}

.SmartViewList_skeleton_ab5 {
  display: grid;
  grid-template-columns: var(--spacing-12) 1fr;
  gap: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

@media screen and (min-width: 768px) {
    .SmartViewList_is-collapsed_9dc .SmartViewList_title_46a,
    .SmartViewList_is-collapsed_9dc .SmartViewList_text_64e,
    .SmartViewList_is-collapsed_9dc .SmartViewList_showAll_21e,
    .SmartViewList_is-collapsed_9dc .SmartViewList_emptyState_014 {
      display: none;
    }

    .SmartViewList_is-collapsed_9dc .SmartViewList_header_d16 {
      margin: 0;
      cursor: pointer;
    }

      .SmartViewList_is-collapsed_9dc .SmartViewList_header_d16:hover .SmartViewList_searchIcon_22f {
        opacity: 1;
      }

    .SmartViewList_is-collapsed_9dc .SmartViewList_searchIcon_22f {
      padding: 18px var(--spacing-24) 18px;
      margin: 1px auto;
    }

    .SmartViewList_is-collapsed_9dc .SmartViewList_link_f90 {
      justify-content: center;
    }
        .SmartViewList_is-collapsed_9dc .SmartViewList_link_f90:hover .SmartViewList_unpinButton_386,
        .SmartViewList_is-collapsed_9dc .SmartViewList_link_f90:hover .SmartViewList_editButton_f0c {
          display: none;
        }

    .SmartViewList_is-collapsed_9dc .SmartViewList_dragger_79c,
    .SmartViewList_is-collapsed_9dc .SmartViewList_bullet_98e {
      margin: 0;
    }
}

.ProfileDropdown {
  position: sticky;
  top: 0;
  z-index: 3;
}

.TopNav .ProfileDropdown {
    display: none;
  }

@media screen and (max-width: 767px) {
    .LeftNav .ProfileDropdown {
      display: none;
    }

    .TopNav .ProfileDropdown {
      display: block;
    }
        .TopNav .ProfileDropdown .ProfileDropdown__opener,
        .TopNav .ProfileDropdown .ProfileDropdown__opener:hover {
          background-color: transparent;
          padding: var(--spacing-8);
          border: 0;
        }

      .TopNav .ProfileDropdown .ProfileDropdown__info,
      .TopNav .ProfileDropdown .ProfileDropdown__infoSkeleton {
        display: none;
      }

      .TopNav .ProfileDropdown .ProfileDropdown__avatar {
        border-radius: var(--baseBorderRadius);
        width: var(--spacing-40);
        height: var(--spacing-40);
      }
  }

.ProfileDropdown__opener {
  align-items: center;
  display: flex;
  margin: 0;
  padding: var(--spacing-12) var(--spacing-16);
  border: 0;
  outline: 0;
  width: 100%;
  background: var(--bgNavSidebarProfilemenuDefault);
  color: var(--colorGray10);
}

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

.ProfileDropdown__opener {
    gap: var(--spacing-8);
}
  }

.ProfileDropdown__opener:not([disabled]):hover,
  .ProfileDropdown__opener:not([disabled]):focus {
    background-color: var(--bgNavSidebarMenuitemHover);
  }

.ProfileDropdown__opener:not([disabled]):hover,
    .ProfileDropdown__opener:not([disabled]):focus,
    .ProfileDropdown__opener:not([disabled]):hover .ProfileDropdown__organization,
    .ProfileDropdown__opener:not([disabled]):focus .ProfileDropdown__organization {
      color: var(--colorWhite);
    }

.login_as .ProfileDropdown__opener {
    background-color: var(--colorMagenta70);
    color: var(--colorMagenta10);
  }

.login_as .ProfileDropdown__opener .ProfileDropdown__organization {
      color: var(--colorMagenta30);
    }

.login_as .ProfileDropdown__opener:hover,
    .login_as .ProfileDropdown__opener:focus {
      background-color: var(--colorMagenta60);
      color: var(--colorWhite);
    }

.login_as .ProfileDropdown__opener:hover .ProfileDropdown__organization, .login_as .ProfileDropdown__opener:focus .ProfileDropdown__organization {
        color: var(--colorGray30);
      }

/* This is the "down arrow" for the ProfileDropdown */

.ProfileDropdown__opener::after {
    content: '';
    position: relative;
    right: 0;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: currentColor;
    margin: auto var(--spacing-12) auto auto;
  }

.ProfileDropdown__opener--loading.ProfileDropdown__opener::after {
      /*
      * Modify the border-color to make the "down arrow" invisible on
      * mobile. We do this instead of removing it from the flow in
      * order to preserve the positioning of everything, regardless
      * of visibility.
      */
      border-top-color: transparent;

      /*
      * We don't want to preserve the positioning of the "down arrow"
      * on desktop, so we remove it from the flow altogether.
      */
    }

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

.ProfileDropdown__opener--loading.ProfileDropdown__opener::after {
        display: none;
    }
      }

.ProfileDropdown__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.ProfileDropdown__avatar {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ProfileDropdown__organization {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--fontSizeSmall);
  line-height: 16px;
  color: var(--colorGray40);

  max-width: 100%;
  transition: opacity 50ms ease-in-out;
}

.ProfileDropdown__infoSkeleton {
  display: none;
}

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

.ProfileDropdown__infoSkeleton {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    justify-content: center;
    padding-right: var(--spacing-20);
    width: 100%;
}
  }

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

.ProfileDropdown__organizationName,
.ProfileDropdown__name {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.is-collapsed .ProfileDropdown__opener {
    justify-content: center;
    padding: var(--spacing-12) 0;
  }

.is-collapsed .ProfileDropdown__opener::after {
      display: none;
    }

.is-collapsed .ProfileDropdown__info,
  .is-collapsed .ProfileDropdown__infoSkeleton {
    display: none;
  }

.is-collapsed .ProfileDropdown__avatar {
    margin: 0;
  }

.ProfilePopover_ProfilePopover_ProfilePopover_36b {
  min-width: 240px;
  max-width: 240px;
  box-sizing: border-box;
  padding: var(--spacing-12) 0;
}

.ProfilePopover_ProfilePopover_ProfilePopover_36b.ProfilePopover_ProfilePopover_fullWidth_bd5 {
    max-width: none;
  }

.ProfilePopover_ProfilePopover_ProfilePopover_36b.ProfilePopover_ProfilePopover_hasFooter_018 {
    padding-bottom: 0;
  }

.ProfilePopover_ProfilePopover_selectContainer_223 {
  box-sizing: border-box;
  padding: 0 var(--spacing-12) var(--spacing-8) var(--spacing-12);
}

/* fix specificity for profile links using UnstyledButton */
.ProfilePopover_ProfilePopover_link_4f8 {
  align-items: center;
  box-sizing: border-box;
  color: currentColor;
  cursor: pointer;
  display: flex;
  font-size: var(--fontSizeBase);
  gap: var(--spacing-8);
  line-height: 16px;
  margin: 0;
  padding: var(--spacing-8) var(--spacing-16);
  width: 100%;
}
.ProfilePopover_ProfilePopover_link_4f8:hover,
  .ProfilePopover_ProfilePopover_link_4f8:active {
    background-color: var(--bgMenuItemHover);
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
.ProfilePopover_ProfilePopover_link_4f8 svg {
    display: block;
    height: var(--spacing-16);
    width: var(--spacing-16);
  }

.ProfilePopover_ProfilePopover_separator_572 {
  border-bottom: none;
  border-top-color: var(--borderDefault);
  margin: var(--spacing-8) 0;
}

.ProfilePopover_ProfilePopover_openApp_939 {
  align-items: center;
  background-color: var(--bgTableCellHover);
  border-top: 1px solid var(--borderDefault);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  display: flex;
  margin-top: var(--spacing-8);
}

.ProfilePopover_ProfilePopover_openAppLink_523 {
  display: flex;
  align-items: center;
  padding: var(--spacing-12) 15px;
  flex-grow: 1;
}

.ProfilePopover_ProfilePopover_openAppLink_523,
  .ProfilePopover_ProfilePopover_openAppLink_523:hover {
    color: inherit;
  }

.ProfilePopover_ProfilePopover_openAppLink_523 svg {
    display: block;
    width: var(--spacing-16);
    height: var(--spacing-16);
    margin-right: var(--spacing-8);
  }

@keyframes SupportSessionRecording_blinkAnimation_185 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.SupportSessionRecording_container_ec4 {
  display: flex;
  color: var(--gray-05);
  line-height: var(--spacing-16);
}

.SupportSessionRecording_widget_407 {
  cursor: pointer;
  border-radius: 50px 0 0 50px;
  background-color: var(--gray-90);
  padding: var(--spacing-8);
  display: flex;
  align-items: center;
}

.SupportSessionRecording_recordIcon_402 {
  animation: SupportSessionRecording_blinkAnimation_185 1s infinite;
  margin: 0 var(--spacing-8);
}

.SupportSessionRecording_stopBtn_434 {
  border-radius: 0 50px 50px 0;
  padding-left: var(--spacing-16);
  background-color: var(--gray-90);
  padding: var(--spacing-8);
}

.statuspagebar-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: -1px;
  box-shadow: inset 0 0 3px 0 rgba(100, 69, 69, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--successPrimaryColor);
}

.statuspagebar-icon-minor {
  background: var(--warningPrimaryColor);
}

.statuspagebar-icon-maintenance {
  background: var(--closeBrightBlue);
}

.statuspagebar-icon-major,
.statuspagebar-icon-critical {
  background: var(--failurePrimaryColor);
}

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

.SupportForm_headerDesc_bf9 {
  line-height: 20px;
}

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

.SupportForm_upper_8eb {
  border-bottom: 1px solid var(--borderDefault);
  display: grid;
  gap: var(--spacing-4);
  padding: 0 var(--spacing-12) var(--spacing-12) var(--spacing-12);
}

.SupportForm_root_f1f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.SupportForm_inputSubject_878 {
  border: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: var(--fontWeightBold);
  height: auto;
  margin-bottom: 8px;
  padding: 0;
  width: 100%;
}

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

.SupportForm_inputBody_c83 {
  border: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  min-height: 100px;
  padding: 0;
  resize: none;
  width: 100%;
}

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

.SupportForm_sessionRecordingAttachment_30a {
  color: var(--colorBrandGreen);
}

.SupportForm_Attachment_container_9ab {
  align-items: center;
  background-color: var(--bgCardBase);
  border: 1px solid var(--borderDefault);
  border-radius: var(--baseInputBorderRadius);
  display: flex;
  gap: var(--spacing-8);
  padding: var(--spacing-4) var(--spacing-8);
  position: relative;
}

.SupportForm_Attachment_container_9ab:hover {
    box-shadow: var(--shadowLevel2);
  }

.SupportForm_Attachment_containerError_faa {
  border-color: var(--failurePrimaryColor);
}

.SupportForm_Attachment_icon_c55 {
  display: inline-block;
}

.SupportForm_Attachment_name_477 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SupportForm_Attachment_error_f1e {
  align-items: center;
  color: var(--failurePrimaryColor);
  display: flex;
  margin-right: 5px;
}

.SupportForm_Attachment_delete_9e8 {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.SupportForm_Attachment_delete_9e8:hover {
    color: var(--gray-80);
  }

.SupportForm_Attachment_progress_6b4 {
  border-radius: 0;
  height: 100%;
  left: 0;
  mix-blend-mode: saturation;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}

.SupportForm_Attachment_progress_6b4::-webkit-progress-bar {
    background-color: var(--bgDefault);
  }

.SupportForm_Attachment_progress_6b4::-webkit-progress-value {
    background-color: var(--bgLight);
  }

.TopNav {
  display: flex;
  background-color: var(--surfaceBackgroundDefault);
  height: var(--topNavHeight);
  width: 100%;
  border-bottom: 1px solid var(--borderLight);
  color: var(--colorTextMedium);
  padding-left: 8px;
  box-sizing: border-box;
  z-index: 103; /* in front of LeftNav */
}

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

.TopNav {
    z-index: 1010; /* in front of .LeftNav & mobile ActivityActions */
}
  }

:-webkit-full-screen .TopNav {
    display: none;
  }

:fullscreen .TopNav {
    display: none;
  }

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

.TopNav {
    background-color: color-mix(in srgb, #000 20%, var(--bgNavSidebar));
    padding: 0;
}

    .login_as .TopNav {
      background-color: var(--colorLoginAsSurface);
    }

    .TopNav .TopNav--light {
      background-color: var(--surfaceBackgroundDefault);
      box-shadow: none;
    }

    .TopNav .TopNav__mobileMenuOpener.glyphicons {
      color: var(--colorIconNeutralWhite);
      display: block;
      cursor: pointer;
      font-size: 16px;
      width: 40px;
      height: 40px;
      padding: 12px;
      margin: 8px 4px;
      box-sizing: border-box;
    }

    .TopNav .TopNav__navigation,
    .TopNav .TopNav__buttons {
      display: none;
    }
  }

.TopNav__mobileMenuOpener.glyphicons {
  display: none;
}

.TopNav__navigation {
  display: flex;
  padding: 8px 8px 8px 0;
}

.TopNav__navigationButton {
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 12px;
  box-sizing: border-box;
}

.TopNav__navigationButton:hover {
    color: var(--colorTextDefault);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px;
  }

.TopNav__navigationButton--forward {
  transform: scaleX(-1);
}

.TopNav__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  margin: 8px;
  align-items: center;
  justify-items: center;
}

.TopNav_searchBoxContainer_9a8 {
  flex: 1 0;
  margin: 8px 0;
  position: relative;
  z-index: 4; /* above lead page stuff, but below bootstrap modals */
}.TopNav_searchBoxContainer_9a8:first-child {
    margin-left: 16px;
  }

.SupportForm_SupportFormFooter_bottom_9f9 {
  background-color: var(--bgLightMuted);
  border-top: 1px solid var(--borderLight);
  display: flex;
  gap: var(--spacing-8);
  justify-content: flex-end;
  padding: var(--spacing-12);
}

.SupportMenu_SupportFormMenu_root_823 {
  border-radius: var(--popoverBorderRadius);
  display: flex;
  flex-direction: column;
  max-height: 75vh;
  max-width: 376px;
  overflow: hidden;
}

.SupportMenu_SupportFormMenu_header_55d {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-12) var(--spacing-4)
    var(--spacing-12);
}

.SupportMenu_SupportFormMenu_form_663 {
  overflow-y: scroll;
}

.SupportMenu_SupportMenuItem_root_b55 {
  align-items: center;
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  color: currentColor;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr auto;
  font-size: 14px;
  gap: var(--spacing-8);
  line-height: 16px;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
}

.SupportMenu_SupportMenuItem_root_b55:hover,
  .SupportMenu_SupportMenuItem_root_b55:active {
    background-color: var(--bgMenuItemHover);
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.SupportMenu_SupportMenuItem_root_b55:hover .SupportMenu_SupportMenuItem_alert_0e9:after, .SupportMenu_SupportMenuItem_root_b55:active .SupportMenu_SupportMenuItem_alert_0e9:after {
      border-color: var(--bgMenuItemHover);
    }

.SupportMenu_SupportMenuItem_root_b55:hover .SupportMenu_SupportMenuItem_external_eaa, .SupportMenu_SupportMenuItem_root_b55:active .SupportMenu_SupportMenuItem_external_eaa {
      opacity: 1;
    }

.SupportMenu_SupportMenuItem_root_b55 svg {
    display: block;
    height: 16px;
    width: 16px;
  }

.SupportMenu_SupportMenuItem_alert_0e9 {
  position: relative;
}

.SupportMenu_SupportMenuItem_alert_0e9:after {
    background-color: var(--colorLinkDefault);
    border: 2px solid var(--surfaceBackgroundDefault);
    border-radius: 50%;
    content: ' ';
    display: block;
    height: 8px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 8px;
  }

.SupportMenu_SupportMenuItem_external_eaa {
  color: var(--colorIconLight);
  opacity: 0;
}

.SupportMenu_SupportMenu_list_3fa {
  margin: var(--spacing-8) 0;
}

.SupportMenu_SupportMenu_list_3fa li {
    list-style: none;
  }

.SupportMenu_SupportMenu_separator_9a5 {
  background-color: var(--borderLight);
  border: none;
  height: 1px;
  margin: var(--spacing-8) 0;
  width: 100%;
}

.elements_MeetingReminderBar_root_1a3 {
  container: meetingReminder / inline-size;
}

.elements_MeetingReminderBar_inner_1c3 {
  display: grid;
  gap: var(--spacing-24);
  grid-template-columns: auto 1fr;
}

@container message (max-width: 500px) {

.elements_MeetingReminderBar_inner_1c3 {
    align-items: flex-start;
    gap: var(--spacing-16);
    grid-template-columns: 1fr;
}
  }

.elements_MeetingReminderBar_left_cfd {
  align-items: flex-start;
  border-right: 1px solid var(--colorBorderMessageMeeting);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-8);
  padding-right: var(--spacing-24);
}

@container message (max-width: 500px) {

.elements_MeetingReminderBar_left_cfd {
    align-items: center;
    border-right: none;
    flex-direction: row;
    justify-content: flex-start;
    padding-right: 0;
}
  }

.elements_MeetingReminderBar_icon_c61 {
  color: var(--colorIconDefault);
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

.elements_MeetingReminderBar_desc_230 {
  color: var(--colorTextDefault);
  flex-shrink: 0;
}

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

.elements_MeetingReminderBar_details_cf9 {
  align-items: center;
  display: grid;
  gap: var(--spacing-8);
  grid-auto-flow: column;
  justify-content: flex-start;
}

@container message (max-width: 500px) {

.elements_MeetingReminderBar_details_cf9 {
    gap: var(--spacing-4);
    grid-auto-flow: row;
    justify-content: flex-start;
}
  }

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

.elements_MeetingReminderBar_notResponded_2b3 {
  flex-shrink: 0;
}

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


  .UpcomingMeetingReminderBars_UpcomingMeetingReminderBars_root_d9c div + div > div {
    border-top: none;
  }

.UpcomingTaskReminderBars_UpcomingTaskReminderBars_showMore_e7c {
  background: var(--bgLight);
  color: var(--colorTextMedium);
  cursor: pointer;
  display: block;
  padding: var(--spacing-4);
  text-align: center;
  width: 100%;
}

.UsageNotice_main_b55 {
  display: flex;
  align-items: center;
  height: 72px;
  background: var(--closeLightBlue);
  padding: 16px 24px;
  box-sizing: border-box;
}

.UsageNotice_left_2c0 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.UsageNotice_right_a5e {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.UsageNotice_title_e55 {
  font-size: 16px;
  font-weight: var(--fontWeightBold);
  line-height: 1;
  margin: 0 0 4px 0;
}

.UsageNotice_text_bfe {
  font-size: 14px;
  line-height: 20px;
}

.UsageNotice_or_b32 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: var(--fontWeightBold);
  text-transform: uppercase;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin: 0 16px 0 4px;
}

.UsageNotice_close_430 {
  cursor: pointer;
  margin-left: 16px;
}

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

.LeadScreen_promoStyles_promo_918 {
  margin-bottom: 24px;
  border-radius: var(--baseBorderRadius);
  border: 1px solid var(--borderDefault);
}

.LeadScreen_promoStyles_promo_918:empty {
    display: none;
  }

.LeadScreen_promoStyles_microsoftPromo_a4d {
  border-radius: var(--baseBorderRadius);
  border: 1px solid var(--borderDefault);
}

.NewLeadModalContainer_form_75b {
  margin: 0;
  margin-bottom: var(--spacing-16);
}

.NewLeadModalContainer_inputs_7e0 {
  display: grid;
  grid-template-columns: 1fr;
}

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

.NewLeadModalContainer_inputs_7e0 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
  }

.NewLeadModalContainer_companyName_4a7 {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: 260px;
  text-overflow: ellipsis;
  font-weight: var(--fontWeightBold);
}

.NewLeadModalContainer_details_c55 {
  height: 40px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.NewLeadModalContainer_dividerText_ec6 {
  background-color: var(--surfaceBackgroundDefault);
  padding: 0 var(--spacing-16);
}

.NextLead_key_b5a {
  min-width: 8px;
  padding: 0 var(--spacing-4);
  color: var(--gray-10);
  border-radius: 3px;
  background-color: var(--gray-60);
  line-height: 16px;
  font-size: 13px;
  font-weight: normal;
}

.NextLead_tipText_2d4 {
  color: var(--colorTextNeutralWhite);
}

.NextLead_wrapper_1c1 {
  z-index: var(--zindexFloatingUI);

  --nextLeadBorderRadius: 50px;
  /* without hover support we want to display an expanded version all the time */
  width: 300px;
  display: flex;
}

@media (max-width: 480px) {

.NextLead_wrapper_1c1 {
    display: none;
}
  }

@media (hover: hover) {

.NextLead_wrapper_1c1 {

    width: 52px;
    transition: width 0.2s ease-in-out;
    flex-direction: column-reverse;
    pointer-events: none;
}
  }

@media (hover: hover) and (max-width: 480px) {

.NextLead_wrapper_1c1 {
      display: none;
}
    }

@media (hover: hover) {

    .NextLead_wrapper_1c1:hover {
      width: 250px;
    }

      .NextLead_wrapper_1c1:hover .NextLead_container_e86 {
        gap: var(--spacing-16);
      }

      .NextLead_wrapper_1c1:hover .NextLead_content_eb2,
      .NextLead_wrapper_1c1:hover .NextLead_previousBtn_7c9,
      .NextLead_wrapper_1c1:hover .NextLead_contactName_d93,
      .NextLead_wrapper_1c1:hover .NextLead_listLink_939 {
        opacity: 1;
      }

      .NextLead_wrapper_1c1:hover .NextLead_dismissWrapper_c0a {
        display: flex;
      }
  }

.NextLead_content_eb2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
  gap: var(--spacing-4);
}

@media (hover: hover) {

.NextLead_content_eb2 {
    opacity: 0;
}
  }

.NextLead_container_e86 {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-16);
  padding: var(--spacing-8);

  background-color: var(--colorBgNextLead);
  border-top-left-radius: var(--nextLeadBorderRadius);
  border-bottom-left-radius: var(--nextLeadBorderRadius);

  color: var(--gray-05);
}

@media (hover: hover) {

.NextLead_container_e86 {
    gap: 0;
    padding: 0;
    justify-content: flex-end;
    border-radius: var(--nextLeadBorderRadius);
    pointer-events: auto;
}
  }

.NextLead_dismissWrapper_c0a {
  display: flex;
}

@media (hover: hover) {

.NextLead_dismissWrapper_c0a {
    display: none;
    justify-content: flex-end;
    padding-bottom: var(--spacing-16);
    pointer-events: auto;

    /* Small hack to make a click on the empty space above NextLead to collapse the button */
}
    .NextLead_dismissWrapper_c0a:focus {
      pointer-events: none;
    }
  }

@media (hover: none) {

.NextLead_dismissBtn_455::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    height: 60%;
    border-left: 1px solid var(--gray-40);
}
  }

.NextLead_dismissBtn_455 {
  position: relative;
  padding: var(--spacing-8) var(--spacing-16);

  background-color: var(--colorBgNextLead);
  color: var(--gray-05);
  border-top-right-radius: var(--nextLeadBorderRadius);
  border-bottom-right-radius: var(--nextLeadBorderRadius);
}

@media (hover: hover) {

.NextLead_dismissBtn_455 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    border-radius: var(--nextLeadBorderRadius);
    padding: var(--spacing-8);
    margin-right: var(--spacing-8);
}
  }

.NextLead_contactWrapper_99c {
  max-width: 100%;
  line-height: 16px;
}

.NextLead_contactName_d93,
.NextLead_listLink_939 {
  color: var(--gray-10);
  font-size: 13px;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (hover: hover) {

.NextLead_contactName_d93,
.NextLead_listLink_939 {
    opacity: 0;
}
  }

.NextLead_contactName_d93 {
  font-weight: var(--fontWeightBold);
}

.NextLead_listLink_939 {
  max-width: 100%;
  line-height: 16px;
  font-weight: 400;
}

@media (hover: hover) {
    .NextLead_listLink_939:hover {
      color: var(--gray-10);
    }
  }

.NextLead_arrowBtn_d91 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  outline: none;
}

.NextLead_arrowBtn_d91:disabled {
    color: var(--gray-40);
    cursor: not-allowed;
  }

@media (hover: hover) {

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

    .NextLead_arrowBtn_d91:hover:enabled {
      color: var(--white);
    }
  }

@media (hover: hover) {

.NextLead_previousBtn_7c9 {
    opacity: 0;
}
  }

.CommandPaletteModal_CommandPaletteInput_input_1de {
  border: none;
  width: auto;
  font-size: var(--headingSizeLarge);
  background-color: var(--surfaceBackgroundDefault);
  padding: var(--spacing-24) var(--spacing-16);
  outline: none !important;
}

.CommandPaletteModal_CommandPaletteInput_input_1de::placeholder {
  color: var(--colorTextLight);
}

.CommandPaletteModal_CommandPaletteItem_item_f61 {
  align-items: center;
  color: var(--colorTextMedium);
  content-visibility: auto;
  cursor: pointer;
  display: flex;
  font-size: var(--fontSizeBase);
  gap: var(--spacing-16);
  line-height: var(--spacing-16);
  padding: var(--spacing-16);
}

.CommandPaletteModal_CommandPaletteItem_highlighted_92d {
  background: var(--surfaceBackgroundDark);
  color: var(--colorTextDefault);
}

.CommandPaletteModal_CommandPaletteItem_labels_93b {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
  gap: 0 var(--spacing-8);
}

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

.CommandPaletteModal_CommandPaletteItem_icon_28f {
  height: var(--spacing-16);
  width: var(--spacing-16);
}

.CommandPaletteModal_CommandPalette_overlay_f14 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 20vh;
  z-index: var(--zindexCommandPalette);
}

.CommandPaletteModal_CommandPalette_overlayClickHandler_d1e {
  position: absolute;
  inset: 0;
}

.CommandPaletteModal_CommandPalette_commandPalette_f92 {
  --commandPaletteMaxHeight: min(75vh, 600px);
  background: var(--surfaceBackgroundDefault);
  border-radius: var(--modalBorderRadius);
  border: 1px solid var(--borderLight);
  filter: drop-shadow(var(--shadowLevel4));
  max-height: var(--commandPaletteMaxHeight);
  max-width: 640px;
  min-height: 100px;
  min-width: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
  will-change: filter;
}

.CommandPaletteModal_CommandPalette_input_b82 {
  border: none;
  width: auto;
  font-size: var(--headingSizeLarge);
  background-color: var(--surfaceBackgroundDefault);
  padding: var(--spacing-8);
  outline: none !important;
}

.CommandPaletteModal_CommandPalette_list_d71 {
  --commandPaletteInputHeight: 68px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: calc(
    var(--commandPaletteMaxHeight) - var(--commandPaletteInputHeight)
  );
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding-bottom: var(--spacing-8);
  border-top: 1px solid var(--borderLight);
}

.CommandPaletteModal_CommandPalette_empty_684 {
  font-size: var(--fontSizeBase);
  padding: var(--spacing-16);
  color: var(--colorTextMedium);
  line-height: var(--spacing-16);
}


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/entry~47e925a1.df48784eeb08aa4c338b.js.map*/