/* Shared in Wrapper and HoverActions */
.Activity_root_884 {
  position: relative;
  display: flex;
}
.Activity_root_884 .Activity_showOnActivityHover_8ed {
    visibility: hidden;
  }
.Activity_root_884:hover .Activity_showOnActivityHover_8ed {
    visibility: visible;
  }

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

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

.Activity_card_11e {
    margin-left: 12px;
    margin-left: var(--spacing-12);
}
  }

@media screen and (max-width: 767px) {
  .Activity_root_884 .Activity_showOnActivityHover_8ed {
    visibility: visible;
  }

  .Activity_iconWrapper_757 {
    display: none;
  }
}

.ActivityCard_root_16b {
  position: relative;
  border-radius: 7px;
  border-radius: var(--activityBorderRadius);
  border: 1px solid #f1f1f1;
  border: 1px solid var(--borderLight);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  background: var(--bgCardBase);
  overflow: hidden;
}@media screen and (max-width: 767px) {.ActivityCard_root_16b {
    border-radius: 0;
    border-left: 0 none;
    border-right: 0 none;
}
  }.ActivityCard_root_16b.ActivityCard_hasReminder_570 {
    border-color: #c9e7ff;
    border-color: var(--borderInformationalMuted);
  }

.Activity_TimeAgo_link_6c2 {

  text-wrap: nowrap;
}.Activity_TimeAgo_link_6c2:hover,
  .Activity_TimeAgo_link_6c2:focus,
  .Activity_TimeAgo_link_6c2:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }.Activity_TimeAgo_link_6c2 time {
    color: #767676;
    color: var(--gray-50);
  }.Activity_TimeAgo_link_6c2.Activity_TimeAgo_noPointer_1d0 {
    cursor: text;
  }.Activity_TimeAgo_link_6c2.Activity_TimeAgo_noPointer_1d0 time {
      cursor: inherit;
    }.Activity_TimeAgo_link_6c2.Activity_TimeAgo_dashed_7ec {
    /* 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: #c6c6c6;
    text-decoration-color: var(--gray-20);
  }.Activity_TimeAgo_link_6c2.Activity_TimeAgo_dashed_7ec:hover,
    .Activity_TimeAgo_link_6c2.Activity_TimeAgo_dashed_7ec:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
      text-decoration-style: solid;
      text-decoration-color: #c6c6c6;
      text-decoration-color: var(--gray-20);
    }

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

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

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

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

.ActivityUsers_avatar_fb8 {
  position: relative;
  width: 24px;
  height: 24px;
}

.ActivityUsers_avatar_fb8.ActivityUsers_isShifted_c5e {
    margin-left: -12px;
  }

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

.ActivityUsers_avatarImg_67d,
.ActivityUsers_avatarText_0f2 {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.ActivityUsers_avatarImg_67d {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
}

.ActivityUsers_avatarImgWrapper_238 {
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: calc(100% - 4px);
  border-radius: 50%;
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
}

.ActivityUsers_avatarText_0f2 {
  margin-left: -2px;
  margin-top: -1px;
}

.ActivityHeader_title_920 {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

/* so that it can be accessed via parent component */
.ActivityHeader_actions_480 {
  display: flex;
  align-items: center;
  align-self: flex-start;
  cursor: pointer;
  gap: 8px;
  gap: var(--spacing-8);

  height: 20px; /* same as the height of users */
}
@media screen and (max-width: 767px) {
.ActivityHeader_actions_480 {
    height: 24px;
}
  }

.ActivityHeader_hoverActions_cc6 {
  visibility: hidden; /* shown on hover for the whole activity */
}

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

.ActivityHeader_deleteIcon_28b {
  display: block;
  color: #919191;
  color: var(--colorIconLight);
}

.ActivityHeader_actions_480:hover .ActivityHeader_deleteIcon_28b {
    color: #2e2e2e;
    color: var(--colorTextDefault);
  }

.ActivityHeader_deleteIcon_28b svg {
    width: 14px;
  }

.ActivityHeader_futureReminder_261 {
  display: flex;
  align-items: center;
  align-self: flex-start;

  height: 20px; /* same as the height of users */
}

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

.ActivityHeader_futureReminder_261 {
    height: 24px;
}
  }

.ActivityFormFooterLayout_primaryActions_d36,
.ActivityFormFooterLayout_secondaryActions_31c,
.ActivityFormFooterLayout_fields_dae {
  display: flex;
  align-items: center;
  gap: 12px;
  gap: var(--activityHorizontalGutter);
}

.ActivityFormFooterLayout_primaryActions_d36 {
  flex-grow: 1;
}

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

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

.NoteEditor_form_808 {
  margin: 0;
}
.NoteEditor_saving_d61 {
  font-size: 13px;
  font-size: var(--fontSizeSmall);
  color: #767676;
  color: var(--colorTextLight);
}

.NoteEditor_checkIcon_5c3 {
  color: #4ec375;
  color: var(--colorBrandGreen);
}

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

.ActivityTaskReminderHeader_header_d8a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 12px;
  padding: 0 var(--activityHorizontalGutter);
  background-color: #eef7fb;
  background-color: var(--blueMuted);
}@media screen and (min-width: 768px) {.ActivityTaskReminderHeader_header_d8a {
    border-radius: 7px 7px 0 0;
    border-radius: var(--activityBorderRadius) var(--activityBorderRadius) 0 0;
}
  }.ActivityTaskReminderHeader_header_d8a .ActivityTaskReminderHeader_inboxIcon_f28 {
    color: var(--iconDefault);
  }

.ActivityIconCircle_root_6d8 {
  box-sizing: border-box;
  position: relative;
  width: 28px;
  height: 28px;
  margin: 5px 0 0 3px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--white);
  border-radius: 50%;
  background: #f1f1f1;
  background: var(--surfaceBackgroundDark);
  box-shadow: 0 0 0 4px #f9f9f9;
  box-shadow: 0 0 0 4px var(--surfaceBackgroundMedium);
}@media screen and (max-width: 767px) {
    .ActivityIconCircle_root_6d8:not(.ActivityIconCircle_collapsed_e53) {
      align-self: flex-start;
      margin-top: 0;
      width: 24px;
      width: var(--activityIconWidthMobile);
      height: 24px;
      height: var(--activityIconWidthMobile);
      box-shadow: none;
      margin-left: 0;
    }
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_collapsed_e53 {
    cursor: pointer;
    width: 14px;
    width: var(--activityCollapsedIconWidth);
    height: 14px;
    height: var(--activityCollapsedIconWidth);
    margin-left: 0;
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_call_b7c {
    background: #c4f5cb;
    background: var(--colorActivityCallMuted);
    color: #2c5e0e;
    color: var(--colorActivityCallDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_call_b7c.ActivityIconCircle_collapsed_e53 {
      background: #c4f5cb;
      background: var(--colorActivityCallMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_call-missed_933 {
    background: #ffffff;
    background: var(--white);
    color: #dd0f21;
    color: var(--colorActivityMissedCallDark);
    border: 1px solid #e2e2e2;
    border: 1px solid var(--borderDefault);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_email_b06,
  .ActivityIconCircle_root_6d8.ActivityIconCircle_emailthread_7e8 {
    background: #c9e7ff;
    background: var(--colorActivityEmailMuted);
    color: #144a6d;
    color: var(--colorActivityEmailDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_email_b06.ActivityIconCircle_collapsed_e53, .ActivityIconCircle_root_6d8.ActivityIconCircle_emailthread_7e8.ActivityIconCircle_collapsed_e53 {
      background: #c9e7ff;
      background: var(--colorActivityEmailMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_meeting_6ed {
    background: #e4ddff;
    background: var(--colorActivityMeetingMuted);
    color: #6a3a99;
    color: var(--colorActivityMeetingDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_meeting_6ed.ActivityIconCircle_collapsed_e53 {
      background: #e4ddff;
      background: var(--colorActivityMeetingMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_opportunitystatuschange_d42 {
    background: #c4f5cb;
    background: var(--colorActivityOpportunityMuted);
    color: #1c5328;
    color: var(--colorActivityOpportunityDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_opportunitystatuschange_d42.ActivityIconCircle_collapsed_e53 {
      background: #c4f5cb;
      background: var(--colorActivityOpportunityMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_taskcompleted_e6b {
    background: #ffdbc1;
    background: var(--colorActivityTaskCompleteMuted);
    color: #791414;
    color: var(--colorActivityTaskCompleteDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_taskcompleted_e6b.ActivityIconCircle_collapsed_e53 {
      background: #ffdbc1;
      background: var(--colorActivityTaskCompleteMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_leadstatuschange_d40 {
    background: #e2e2e2;
    background: var(--colorActivityStatusChangeMuted);
    color: #474747;
    color: var(--colorActivityStatusChangeDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_leadstatuschange_d40.ActivityIconCircle_collapsed_e53 {
      background: #e2e2e2;
      background: var(--colorActivityStatusChangeMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_customactivity_d8a {
    background: #f9e9a1;
    background: var(--colorActivityCustomMuted);
    color: #564400;
    color: var(--colorActivityCustomDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_customactivity_d8a.ActivityIconCircle_collapsed_e53 {
      background: #f9e9a1;
      background: var(--colorActivityCustomMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_note_368 {
    background: #f9e9a1;
    background: var(--colorActivityNoteMuted);
    color: #564400;
    color: var(--colorActivityNoteDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_note_368.ActivityIconCircle_collapsed_e53 {
      background: #f9e9a1;
      background: var(--colorActivityNoteMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_created_e71 {
    background: #e2e2e2;
    background: var(--colorActivityCreateMuted);
    color: #474747;
    color: var(--colorActivityCreateDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_created_e71.ActivityIconCircle_collapsed_e53 {
      background: #e2e2e2;
      background: var(--colorActivityCreateMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_importupdate_2a9 {
    background: #e2e2e2;
    background: var(--colorActivityImportUpdateMuted);
    color: #474747;
    color: var(--colorActivityImportUpdateDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_importupdate_2a9.ActivityIconCircle_collapsed_e53 {
      background: #e2e2e2;
      background: var(--colorActivityImportUpdateMuted);
    }.ActivityIconCircle_root_6d8.ActivityIconCircle_sms_22d {
    background: #b3f4f1;
    background: var(--colorActivitySmsMuted);
    color: #005150;
    color: var(--colorActivitySmsDark);
  }.ActivityIconCircle_root_6d8.ActivityIconCircle_sms_22d.ActivityIconCircle_collapsed_e53 {
      background: #b3f4f1;
      background: var(--colorActivitySmsMuted);
    }

.CallActivity_CallParticipantList_header_e2d {
  cursor: pointer;
  display: grid;
  grid-gap: 8px;
  grid-gap: var(--spacing-8);
  grid-template-columns: auto auto auto auto 1fr;
  font-size: 13px;
  min-height: 0;
  min-height: initial;
  align-items: center;
  line-height: 16px;
  padding: 12px 0;
  padding: var(--spacing-12) 0;
  -webkit-user-select: none;
          user-select: none;
}

.CallActivity_CallParticipantList_toggleIcon_056 {
  color: #919191;
  color: var(--colorIconLight);
}

.CallActivity_CallParticipantList_toggleIcon_056 svg {
    transition: transform 0.1s ease;
    transform: rotate(0deg);
  }

.CallActivity_CallParticipantList_expanded_110 {
  color: #474747;
  color: var(--colorIconDefault);
}

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

.CallActivity_CallParticipantList_headerArrow_bd5 {
  position: relative;
  width: 16px;
  color: #464a55;
  color: var(--colorMako);
  display: flex;
  align-items: center;
  justify-content: center;
}

.CallActivity_CallParticipantList_items_28e {
  border: 1px solid #f1f1f1;
  border: 1px solid var(--borderLight);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  gap: var(--spacing-12);
  margin: 8px 0;
  margin: var(--activityVerticalGutter) 0;
  padding: 12px;
  padding: var(--spacing-12);
}

.CallActivity_CallParticipantList_title_3da {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}

.CallActivity_CallParticipantList_participantsIcon_df9 {
  color: #919191;
  color: var(--colorIconLight);
}

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

.CallSection_icon_fdc {
  color: #919191;
  color: var(--colorIconLight);
}

.CallRecordingWithTranscript_wrapper_83f {
  --maxAudioPlayerWidth: 1024px;

  border: 1px solid #f1f1f1;

  border: 1px solid var(--borderLight);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  max-width: 1024px;
  max-width: var(--maxAudioPlayerWidth);
  overflow: hidden;
}

.ExpiredRecordingMessage_expiredMessageContainer_4a8 {
  background-color: #f5faff;
  background-color: var(--cyan-05);
  padding: 16px 12px;
  padding: var(--spacing-16) var(--spacing-12);
}

.ExpiredRecordingMessage_expiredMessageContainer_4a8.ExpiredRecordingMessage_isExpired_539 {
    background-color: #fcfcfc;
    background-color: var(--surfaceBackgroundLight);
  }

.ExpiredRecordingMessage_expiredMessageContainer_4a8 p {
    color: #303030;
    color: var(--gray-80);
    font-size: 13px;
    line-height: 20px;
    margin: 0;
  }

.ExpiredRecordingMessage_expiredMessageContainer_4a8 a {
    color: #1463ff;
    color: var(--colorBrandBlue);
  }

.ExpiredRecordingMessage_infoIcon_c8f {
  color: #919191;
  color: var(--colorIconLight);
  margin-top: 3px;
}

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

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

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

.ExpiredRecordingMessage_rightArrowIcon_d6b {
  margin-left: 4px;
}


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

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

.MarkSequencesAsCompletedBar_bar_a1c {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background-color: #f9f9f9;

  background-color: var(--surfaceBackgroundMedium);
  padding: 8px 12px;
  padding: var(--activityVerticalGutter) var(--activityHorizontalGutter);
  min-height: 24px;
  min-height: var(--activityMinRowHeight);
}@media screen and (min-width: 768px) {.MarkSequencesAsCompletedBar_bar_a1c {
    border-radius: 0 0 7px 7px;
    border-radius: 0 0 var(--activityBorderRadius) var(--activityBorderRadius);
}
  }

.CollapsedActivity_root_963 {
  position: relative;
  display: flex;
  width: 100%;
}

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

  /* The minimum height of an activity row as defined by the activities view. */
  height: 20px;
  height: var(--spacing-20);

  /* TODO: update this to a @spacing variable once Email is reactized */
  padding: 0 10px;

  cursor: pointer;
}

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

.CollapsedActivity_iconWrapper_7ef {
    /* Adjusting by a pixel because the collapsed icon width is an odd number */
    padding: 0
      calc(
        12px +
          (14px / 2) - 2px
      );
    padding: 0
      calc(
        var(--activityHorizontalGutter) +
          (var(--activityCollapsedIconWidth) / 2) - 2px
      );
}
  }

.CallActions_actions_7cd {
  display: flex;
  flex-grow: 1;
  min-width: 0;
  gap: 8px;
  gap: var(--spacing-8);
  visibility: hidden;
  align-items: center;
}.CallActions_actions_7cd:hover {
    visibility: visible;
  }.CallActions_actions_7cd.CallActions_forceVisibility_6a2 {
    visibility: visible;
  }

.ActivityDetails_detailsContainer_054 {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--spacing-8);
  color: #767676;
  color: var(--gray-50);
  font-size: 13px;
  font-weight: normal;
}

.CallSummary_Prefixes_PrefixIcon_ed8 {
  line-height: inherit;
  vertical-align: middle;
}

.CallSummary_Prefixes_PrefixIcon_ed8.CallSummary_Prefixes_withMargin_3e6 {
    margin-right: 4px;
  }

.CallSummary_Prefixes_PrefixIcon_ed8.CallSummary_Prefixes_flex_23a {
    display: flex;
  }

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

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

.CallSummary_Prefixes_reached_088 {
  fill: #4ec375;
  fill: var(--successPrimaryColor);
  color: #4ec375;
  color: var(--successPrimaryColor);
}

.CallSummary_Prefixes_unreached_2fa {
  fill: #dd0f21;
  fill: var(--failurePrimaryColor);
  color: #dd0f21;
  color: var(--failurePrimaryColor);
}

.CallSummary_Prefixes_voicemailLeft_b11 {
  color: #3781b8;
  color: var(--linkColor);
}

.CallSummary_Prefixes_voicemailLeft_b11 svg {
    margin-bottom: -2.5px;
  }

.CallSummary_Prefixes_error_033 {
  color: #dd0f21;
  color: var(--failurePrimaryColor);
  margin-right: 1px;
}

.CallSummary_Prefixes_abandoned_84b {
  fill: #fccc0b;
  fill: var(--warningPrimaryColor);
  color: #fccc0b;
  color: var(--warningPrimaryColor);
}

.CallSummary_Prefixes_abandoned_84b svg {
    margin-bottom: -1.5px;
  }

.CallSummary_Prefixes_gray_e53 svg {
  fill: #919191;
  fill: var(--colorIconLight);
  color: #919191;
  color: var(--colorIconLight);
}

.CallSummary_Prefixes_fixedWidth_1c6 {
  margin-right: 1px;
}

.CallSummary_Prefixes_fixedWidth_1c6 svg {
    width: 15px;
  }

.CallSummary_Prefixes_voicemailDropped_fa1 {
  margin-right: 1px;
}

.CallSummary_Prefixes_voicemailDropped_fa1 svg {
    width: 13px;
  }

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

.CallActivityDetails_leadIcon_23a {
  color: #919191;
  color: var(--colorIconLight);
}

.CallActivityDetails_link_4ba {
  color: #919191;
  color: var(--colorIconLight);
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

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

.ActivityTitle_titleContainer_cfc {
    min-height: 24px;
    min-height: var(--activityIconWidthMobile);
}
  }

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

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

.ActivityNote_container_be4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  gap: var(--activityVerticalGutter);
  cursor: pointer;
  padding: 12px;
  padding: var(--spacing-12);
}

.ActivityNote_container_be4:hover {
    background-color: #fcfcfc;
    background-color: var(--surfaceBackgroundLight);
  }

.ActivityNote_container_be4:hover .ActivityNote_noteAction_bc3 {
      visibility: visible;
    }

.ActivityNote_container_be4:hover .ActivityNote_preview_846 {
      background: #f1f1f1;
      background: var(--surfaceBackgroundDark);
    }

.ActivityNote_addNoteButton_849 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  gap: var(--activityVerticalGutter);
  cursor: pointer;
  padding: 12px;
  padding: var(--spacing-12);
}

.ActivityNote_addNoteButton_849 .ActivityNote_text_a6b {
    color: #767676;
    color: var(--colorTextLight);
    font-size: 13px;
    font-size: var(--fontSizeSmall);
  }

.ActivityNote_addNoteButton_849:hover {
    background-color: #fcfcfc;
    background-color: var(--surfaceBackgroundLight);
  }

.ActivityNote_addNoteButton_849:hover .ActivityNote_icon_ad5 {
      color: var(--iconColor);
    }

.ActivityNote_addNoteButton_849:hover .ActivityNote_text_a6b {
      color: #2e2e2e;
      color: var(--colorTextDefault);
    }

.ActivityNote_icon_ad5 {
  color: #919191;
  color: var(--colorIconLight);
}

.ActivityNote_preview_846 {
  border: 1px solid #f1f1f1;
  border: 1px solid var(--borderLight);
  border-radius: 7px;
  background: #fcfcfc;
  background: var(--surfaceBackgroundLight);
  padding: 8px 12px;
  padding: var(--spacing-8) var(--spacing-12);
}

.ActivityNote_lastUpdateByNotEditable_149 {
  padding: 12px 12px 0 12px;
  padding: var(--spacing-12) var(--spacing-12) 0 var(--spacing-12);
}

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

.ActivityNote_lastUpdatedTimeAgo_a88 {
  color: inherit !important;
  font-size: inherit !important;
}

.ActivityNote_noteAction_bc3 {
  visibility: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--spacing-8);
  font-size: 13px;
  font-size: var(--fontSizeSmall);
}

.CallNote_form_8a0 {
  margin-bottom: 0;
}

.CallNote_contactAndPhoneSelect_536 {
  flex-grow: 1;
}

.CallNote_durationWrapper_dd1 {
  min-width: 80px;
  width: 80px;
}

.CallQualityReportBar_reportBarWrapper_b6f {
  background-color: #f5faff;
  background-color: var(--cyan-05);
  overflow: hidden;
  display: flex;
  align-items: center;
  transition:
    height 500ms 1s, margin-top 500ms 1s;
}

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

.CallQualityReportBar_reportBarWrapper_b6f {
    height: 55px;
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: var(--activityBorderRadius);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: var(--activityBorderRadius);
}
  }

.CallQualityReportBar_reportBarWrapper_b6f.CallQualityReportBar_hidden_69d {
    height: 0;
  }

.CallQualityReportBar_reportBarText_e2c {
  flex-grow: 1;
}

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

.CallQualityReportBar_reportBarText_e2c {
    flex-grow: initial;
    margin-bottom: 8px;
    margin-bottom: var(--spacing-8);
    padding-top: 8px;
    padding-top: var(--spacing-8);
}
  }

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

.CallQualityReportBar_reportBarButton_476 {
  align-items: center;
  border-radius: 100px;
  display: flex;
  font-size: 13px;
  gap: 8px;
  gap: var(--spacing-8);
  justify-content: center;
  padding: 2px 8px;
  padding: 2px var(--spacing-8);
  transition: background-color 200ms ease-in-out;
  white-space: nowrap;
}

.CallQualityReportBar_reportBarButton_476:hover,
  .CallQualityReportBar_reportBarButton_476:focus {
    background-color: #f1f1f1;
    background-color: var(--surfaceBackgroundDark);
  }

.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_good_efb {
    color: #1463ff;
    color: var(--colorBrandBlue);
  }

.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_bad_449 {
    color: #dd0f21;
    color: var(--colorTextDanger);
  }

.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_bad_449 svg {
      transform: scaleY(-1);
    }

.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df {
    color: #fff;
    background-color: #3781b8;
    background-color: var(--linkColor);
    border-color: rgb(50, 116, 166);
  }

@supports (color: color-mix(in lch, red, blue)) {
.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df {
    border-color: color-mix(in srgb, #000 10%, var(--linkColor));
  }
}

.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df:hover,
    .CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df:focus {
      color: #fff;
      background-color: #3781b8;
      background-color: var(--linkColor);
      border-color: rgb(50, 116, 166);
    }

@supports (color: color-mix(in lch, red, blue)) {
.CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df:hover,
    .CallQualityReportBar_reportBarButton_476.CallQualityReportBar_processing_4df:focus {
      border-color: color-mix(in srgb, #000 10%, var(--linkColor));
    }
}

.CallQualityReportBar_reportBarButtonIcon_93f {
  display: flex;
}

.CallQualityReportBar_reportBarButtonIcon_93f svg {
    width: 12px;
    height: 12px;
  }

.CallQualityReportBar_dismissButton_fb7 svg {
    color: #919191;
    color: var(--colorIconLight);
  }

.CallActivity_CallQualityReportModal_reportModal_ad3 {
  min-width: 752px;
}

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

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

.CallActivity_CallQualityReportModal_comment_bd2 {
  background-color: #eef7fb;
  background-color: var(--closeLightBlue);
  padding: 24px;
}

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

.CallActivity_CallQualityReportModal_commentTitle_b58 {
  display: flex;
  flex-direction: column;
  font-size: 110%;
}

.CallActivity_CallQualityReportModal_commentSubtitle_be0 {
  margin-bottom: 16px;
}

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

.CallActivity_CallQualityReportModal_commentSeparator_213 {
  margin: 16px 0;
  border-top-color: rgb(214, 222, 226);
}

@supports (color: color-mix(in lch, red, blue)) {
.CallActivity_CallQualityReportModal_commentSeparator_213 {
  border-top-color: color-mix(in srgb, #000 10%, var(--closeLightBlue));
}
}

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

.CallActivity_CallQualityReportModal_categoryHeader_6f2 {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  line-height: 24px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  font-size: 20px;
}

.CallActivity_CallQualityReportModal_categoryIcon_d19 {
  display: flex;
  margin-right: 12px;
}

.CallActivity_CallQualityReportModal_categoryIcon_d19 svg {
    color: #919191;
    color: var(--colorIconLight);
    width: 20px;
    height: 20px;
  }

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

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

.CallActivity_CallQualityReportModal_categoryItemText_a41 input[type='checkbox'] {
    margin: 0 16px 0 4px;
  }

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

  display: flex;
  align-items: center;
}

.ActivityFooter_activityFooter_7d0 {
  /* The actions are taller than the row height we're using. Instead of making
     the entire row taller, we'll let the actions bleed out into the gap/gutter
     by a half gutter. */
  margin: calc((8px * -1) / 2) 0;
  margin: calc((var(--activityVerticalGutter) * -1) / 2) 0;
  height: calc(24px + 8px);
  height: calc(var(--activityMinRowHeight) + var(--activityVerticalGutter));
  display: flex;
  align-items: center;
}

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

.CondensedActivityLayout_date_313 {
  display: inline-block;
}

.CondensedActivityLayout_WideSpace_wideSpace_873 {
  word-spacing: 5px;
}

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

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

  height: calc(
    24px + (8px * 2)
  );

  height: calc(
    var(--activityMinRowHeight) + (var(--activityVerticalGutter) * 2)
  );
}.ActivityMobileHeaderSegment_layout_d78 .ActivityMobileHeaderSegment_icon_c8b {
    margin-left: 12px;
    margin-left: var(--activityHorizontalGutter);
    margin-right: 12px;
    margin-right: var(--activityHeaderHorizontalGap);
  }.ActivityMobileHeaderSegment_layout_d78 .ActivityMobileHeaderSegment_summary_0c7 {
    display: flex;
    align-items: center;
  }


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


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

.ActivityTypeFilterSelect__button.has-dot .ActivityTypeFilterSelect__bullet {
    position: relative;
    left: -2px;
  }

.ActivityTypeFilterSelect__bullet {
  display: inline-block;
  align-self: center;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 50%;
}

.ActivityTypeFilterSelect__bullet--all {
  background-color: transparent;
}

.ActivityTypeFilterSelect__bullet--note {
  background-color: #eacf9f;
  background-color: var(--colorActivityNoteDefault);
}

.ActivityTypeFilterSelect__bullet--emailthread {
  background-color: #8badc5;
  background-color: var(--colorActivityEmailDefault);
}

.ActivityTypeFilterSelect__bullet--sms {
  background-color: #69c0d0;
  background-color: var(--colorActivitySmsDefault);
}

.ActivityTypeFilterSelect__bullet--call {
  background-color: #b7dba1;
  background-color: var(--colorActivityCallDefault);
}

.ActivityTypeFilterSelect__bullet--meeting {
  background-color: #b79dd1;
  background-color: var(--colorActivityMeetingDefault);
}

.ActivityTypeFilterSelect__bullet--statusChange {
  background-color: #a6e2d3;
  background-color: var(--colorActivityOpportunityDefault);
}

.ActivityTypeFilterSelect__bullet--taskCompleted {
  background-color: #be9797;
  background-color: var(--colorActivityTaskCompleteDefault);
}

.ActivitiesTopBar_topBar_7f8 {
  margin-bottom: 24px;
  margin-bottom: var(--spacing-24);
  border-bottom: 2px solid #f1f1f1;
  border-bottom: 2px solid var(--borderLight);
  padding: 0 8px 8px 0;
  padding: 0 var(--spacing-8) var(--spacing-8) 0;
  grid-template-rows: min-content min-content;
}

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

.ActivitiesTopBar_topBar_7f8 {
    margin-bottom: -1px;
    border-bottom-width: 1px;
    padding: 8px 0;
    padding: var(--spacing-8) 0;
}
  }

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

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

.ActivitiesTopBar_desktopFilters_9ae {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  column-gap: var(--spacing-8);
}

.ActivitiesTopBar_desktopActivityActions_a85 {
  display: flex;
  column-gap: 4px;
  column-gap: var(--spacing-4);
}

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

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

.ActivitiesTopBar_search_171 {
    display: flex;
    align-items: center;
    gap: 16px;
    gap: var(--spacing-16);
    width: 100%;
    margin: 0;
    padding: 0 16px;
    padding: 0 var(--spacing-16);
    box-sizing: border-box;

    /* Search input */
}
    .ActivitiesTopBar_search_171 > div:nth-child(1) {
      width: 100%;
    }
  }

.ActivitiesTopBar_mobileFiltersContainer_194 {
  margin-top: 8px;
  margin-top: var(--spacing-8);
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid var(--borderLight);
}

.ActivitiesTopBar_mobileFiltersTitle_8d9 {
  padding: 8px 0;
  padding: var(--spacing-8) 0;
  text-align: center;
}

.ActivitiesTopBar_mobileFiltersGrid_08a {
  max-width: 300px;
  margin: auto;
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  grid-column-gap: var(--spacing-16);
  column-gap: 16px;
  column-gap: var(--spacing-16);
  grid-template-rows: 1fr 1fr;
  grid-row-gap: 12px;
  grid-row-gap: var(--spacing-12);
  row-gap: 12px;
  row-gap: var(--spacing-12);
}

.ActivitiesFilters_ActivitySearchQueryInput_searchInputWrap_8c7 {
  padding: 8px 16px;
  padding: var(--spacing-8) var(--spacing-16);
  position: relative;
}

.ActivitiesFilters_ActivitySearchQueryInput_searchIcon_b26 {
  position: absolute;
  left: 16px;
  left: var(--spacing-16);
  top: calc(50% - 8px);
  color: #919191;
  color: var(--gray-40);
}

input.ActivitiesFilters_ActivitySearchQueryInput_searchInput_425 {
  box-sizing: border-box;
  margin: 0; /* override bootstrap */
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;

  /* fix border radius on iOS */
  -webkit-appearance: none;

  /* match InputField */
  height: 32px;

  font-size: 13px;
  width: 250px;
  padding: 0 12px 0 24px;
  padding: 0 var(--spacing-12) 0 var(--spacing-24);
}

input.ActivitiesFilters_ActivitySearchQueryInput_searchInput_425:focus,
  input.ActivitiesFilters_ActivitySearchQueryInput_searchInput_425:focus-visible {
    box-shadow: none !important;
  }

input.ActivitiesFilters_ActivitySearchQueryInput_searchInput_425:focus,
  input.ActivitiesFilters_ActivitySearchQueryInput_searchInput_425:focus-visible {
    outline: none;
    border-color: transparent;
    border-bottom-color: #f1f1f1;
    border-bottom-color: var(--borderLight); /* bootstrap :/ */
  }

.ActivitiesFilters_ActivitySearchQueryInput_clearIcon_597 {
  opacity: 0;
  transition: opacity 0.1s ease;
  position: absolute;
  right: 16px;
  right: var(--spacing-16);
  top: calc(50% - 8px);
  cursor: pointer;
}

.ActivitiesFilters_ActivitySearchQueryInput_clearIcon_597.ActivitiesFilters_ActivitySearchQueryInput_visible_a7c {
    opacity: 1;
  }

.ActivitiesFilters_ActivitySearchQueryInput_openedViaKeyboardMessage_fe9 {
  padding: 8px 16px;
  padding: var(--spacing-8) var(--spacing-16);
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid var(--borderDefault);
}


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