.PausedSubscriptionsNotice_pausedSubscriptionNoticeWrapper_ee5 {
  margin-top: 8px;
  margin-top: var(--spacing-8);
  display: grid;
  grid-template-rows: auto;
  grid-gap: 8px;
  grid-gap: var(--spacing-8);
  gap: 8px;
  gap: var(--spacing-8);
}

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

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

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

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

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

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

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

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

.MeetingActivityDetails_RsvpCounts_attendeesCount_b97 {
  color: #5e5e5e;
  color: var(--gray-60);
}

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

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

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

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

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

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

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

.MeetingActivityZoomIntegration_selectColumn_6eb {
  max-width: 296px;
}

.MeetingActivityZoomIntegration_mediaContainer_cb2 {
  max-width: 1024px;
}

.MeetingActivityZoomIntegration_video_21b {
  background-color: #f1f1f1;
  background-color: var(--surfaceBackgroundDark);
}

.MeetingActivityZoomIntegration_audio_f25 {
  width: 100%;
}

.MeetingActivityZoomIntegration_unavailable_c4e {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.MeetingActivityZoomIntegration_errorIcon_eb7 {
  width: 74px;
  height: 74px;
  margin-bottom: 24px;
  opacity: 0.5;
}

.MeetingActivityZoomIntegration_errorTextTitle_bfd {
  font-size: 14px;
  color: #767676;
  color: var(--gray-50);
  margin-bottom: 0;
  line-height: 16px;
  margin-bottom: 4px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.MeetingActivityZoomIntegration_errorText_2b1 {
  font-size: 14px;
  color: #767676;
  color: var(--gray-50);
  margin-bottom: 0;
  line-height: 20px;
}

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

.ResponsiveActivityLayout_root_0f3 {
  position: relative;

  display: flex;
  flex: 1 1 auto;
}

.ResponsiveActivityLayout_showOnActivityHover_757,
.ResponsiveActivityLayout_hoverActions_c04 {
  height: 24px;
  height: var(--activityMinRowHeight);
  flex-shrink: 0;

  display: flex;
  align-items: center;
}

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

  /* TODO: this is hard-coded to match the gap between the email snooze button
     and avatar. This should be updated once email is also reactized. */
  gap: 12px;
}

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

@media screen and (max-width: 767px) {
  .ResponsiveActivityLayout_root_0f3 {
    flex-wrap: wrap;
  }

  .ResponsiveActivityLayout_icon_960 {
    order: 0;
    display: flex;
    align-items: center;
  }

  .ResponsiveActivityLayout_summary_61c {
    order: 2;
    flex-basis: 1px;
    flex-grow: 1;
    min-width: 0;

    position: relative;
    height: 24px;
    height: var(--activityMinRowHeight);

    /* Use an inner absolutely positioned container to allow for
       ellipsification even within a wrapping flexbox container. */
  }
    .ResponsiveActivityLayout_summary_61c > .ResponsiveActivityLayout_inner_e7b {
      position: absolute;
      top: 0;
      left: 12px;
      left: var(--activityHeaderHorizontalGap);
      right: 12px;
      right: var(--activityHeaderHorizontalGap);
      height: 24px;
      height: var(--activityMinRowHeight);

      display: flex;
      align-items: center;
    }

    .ResponsiveActivityLayout_summary_61c > .ResponsiveActivityLayout_dot_e56 {
      display: none;
    }

  .ResponsiveActivityLayout_snoozeAndUser_992 {
    order: 3;
  }

  .ResponsiveActivityLayout_text_79e {
    order: 4;
    flex: 100% 0 0;
    min-width: 0;
    box-sizing: border-box;

    /* Add even when there's no text, as spacing between the first and second
       rows. */
    margin-top: calc(8px / 2);
    margin-top: calc(var(--activityVerticalGutter) / 2);
  }

    .ResponsiveActivityLayout_withText_ca3 .ResponsiveActivityLayout_text_79e {
      /* Add an extra pixel to account for the horizontal divider that's shown
         on the edit site of activities, so that the rich text editors line up
         with view side text. */
      margin-top: calc(8px + 1px);
      margin-top: calc(var(--activityVerticalGutter) + 1px);
      margin-bottom: 8px;
      margin-bottom: var(--activityVerticalGutter);
    }

  .ResponsiveActivityLayout_attachments_164 {
    order: 5;
    flex: 100% 0 0;
  }

    .ResponsiveActivityLayout_withAttachments_112 .ResponsiveActivityLayout_attachments_164 {
      margin-bottom: 8px;
      margin-bottom: var(--activityVerticalGutter);
    }

  .ResponsiveActivityLayout_footer_9ff {
    order: 6;
  }
}

@media screen and (min-width: 768px) {
    .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3,
    .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withAttachments_112 {
      flex-wrap: wrap;
    }

  /* On larger screens, let the parent handle icon rendering */
  .ResponsiveActivityLayout_icon_960 {
    display: none;
  }

  .ResponsiveActivityLayout_summary_61c {
    order: 4;
    min-width: 0;
    flex-shrink: 1;
  }

    .ResponsiveActivityLayout_summary_61c,
    .ResponsiveActivityLayout_summary_61c .ResponsiveActivityLayout_dot_e56 {
      display: flex;
      align-items: center;
    }

    .ResponsiveActivityLayout_summary_61c .ResponsiveActivityLayout_inner_e7b {
      display: flex;
      overflow: hidden;
    }
    .ResponsiveActivityLayout_withSmallOnlySummary_9b4 .ResponsiveActivityLayout_summary_61c .ResponsiveActivityLayout_dot_e56,
    .ResponsiveActivityLayout_withSmallOnlySummary_9b4 .ResponsiveActivityLayout_summary_61c .ResponsiveActivityLayout_inner_e7b {
      display: none;
    }

  .ResponsiveActivityLayout_footer_9ff {
    order: 5;
  }

  /* The top layout slot – left of the avatar – will take the `text` prop if it
     was set, will fall back to the `attachments` prop as a second option, or
     otherwise will be taken up by the "footer" when both are unavailable. */
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3 > .ResponsiveActivityLayout_text_79e,
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withAttachments_112:not(.ResponsiveActivityLayout_withText_ca3) > .ResponsiveActivityLayout_attachments_164 {
    min-width: 0;
    order: 1;
    flex-basis: 0;
    flex-grow: 1;
  }

  /* Padding is only applied to `text` props. Attachments provide their own padding. */
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3 > .ResponsiveActivityLayout_text_79e {
    padding-bottom: calc(8px / 2);
    padding-bottom: calc(var(--activityVerticalGutter) / 2);
  }

  /* When there is text, we'll force a new row at the end of the first block (with
     text and user), by putting a full-width attachments block in place – whether it
     has any content or not. */
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3 > .ResponsiveActivityLayout_snoozeAndUser_992,
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withAttachments_112 > .ResponsiveActivityLayout_snoozeAndUser_992 {
    order: 2;
    flex-grow: 0;
    align-self: flex-start;
    margin-left: 12px;
    margin-left: var(--spacing-12);
  }

  /* If both text and attachments are provided, the attachments are rendered *after*
     the avatar, taking up the full width. We'll do this even if the attachments
     have no content, as we want to ensure that the "footer" gets pushed into
     a new line. */
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3 > .ResponsiveActivityLayout_attachments_164,
  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withAttachments_112:not(.ResponsiveActivityLayout_withText_ca3) > .ResponsiveActivityLayout_text_79e {
    order: 3;
    flex: 100% 0 0;
  }

  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withText_ca3.ResponsiveActivityLayout_withAttachments_112 > .ResponsiveActivityLayout_attachments_164 {
    margin-top: 8px;
    margin-top: var(--activityVerticalGutter);
  }

  .ResponsiveActivityLayout_root_0f3.ResponsiveActivityLayout_withAttachments_112 > .ResponsiveActivityLayout_attachments_164 {
    margin-bottom: 8px;
    margin-bottom: var(--activityVerticalGutter);
  }

  /* If there's no text or attachments, the user should be the last item. */
  .ResponsiveActivityLayout_root_0f3:not(.ResponsiveActivityLayout_withText_ca3):not(.ResponsiveActivityLayout_withAttachments_112) > .ResponsiveActivityLayout_snoozeAndUser_992 {
    order: 9;
    flex-grow: 1;

    justify-content: flex-end;
  }
}

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

.NoteActivity_View_text_ffa {
  word-wrap: break-word;
  word-break: break-word;

  font-size: 14px;
}.NoteActivity_View_text_ffa a {
    word-break: break-word;
  }

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

.SMSSummary_icon_15d {
  margin-right: 4px;
  margin-right: var(--spacing-4);
  line-height: inherit;
  vertical-align: middle;
  color: #919191;
  color: var(--colorIconLight);
}

.SMSForm_SMSForm_resetMargins_6f9 {
  margin: 0 !important;
}

.SMSForm_SMSForm_attachments_daa {
  max-height: 140px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  display: flex;
  flex-grow: 1;
  background: #f9f9f9;
  background: var(--surfaceBackgroundMedium);
}

.SMSForm_SMSForm_attachmentsContainer_48e {
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid var(--borderLight);
}

.SMSForm_SMSFormCharCount_tooLong_903 {
  color: darkred;
}

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

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

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

.SMSForm_SMSFormTextArea_textArea_ce7,

.activities-list .editing textarea.SMSForm_SMSFormTextArea_textArea_ce7 {
  min-height: 150px;
  max-height: 370px;
  margin-bottom: 0;
  display: flex;
  flex-grow: 1;
  width: 100%;
  border: 0;
  box-shadow: none;
  box-shadow: initial;
  overflow: auto;
  word-wrap: break-word;
  box-sizing: border-box;
  border-radius: 0;
  resize: none;

  /* Apply spacing as padding on the textarea instead of with a `<Flex>, so
     when we have too much text, it renders the padding inside the scrollbar
     instead of externally. */
  padding: 12px 12px;
  padding: var(--spacing-12) var(--activityHorizontalGutter);
}.SMSForm_SMSFormTextArea_textArea_ce7:active,
  .activities-list .editing textarea.SMSForm_SMSFormTextArea_textArea_ce7:active,
  .SMSForm_SMSFormTextArea_textArea_ce7:focus,
  .activities-list .editing textarea.SMSForm_SMSFormTextArea_textArea_ce7:focus {
    box-shadow: none !important;
    box-shadow: initial !important;
  }

.NewCustomActivityButton_tooltip_3f1 {
  display: block;
}

.NewCustomActivityButton_emptyPopoverContent_b57 {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  justify-items: center;
  box-sizing: border-box;
  max-width: 248px;
  padding: 44px 20px 20px;
  font-size: 12px;
  line-height: 16px;
}

.NewCustomActivityButton_illustration_e98 {
  display: block;
  width: 125px;
}

.NewCustomActivityButton_emptyText_544 {
  margin: 0;
  text-align: center;
}

.NewCustomActivityButton_emptyLink_f2d {
  cursor: pointer;
}

.TimeSection_timeSection_825 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  gap: var(--spacing-8);
  width: 100%;
  height: 32px;
  margin: 0;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.TimeSection_timeSection_825::before,
  .TimeSection_timeSection_825::after {
    content: '';
    position: relative;
    flex: 1;
    height: 0;
    border-bottom: 1px dashed #e2e2e2;
    border-bottom: 1px dashed var(--borderDefault);
  }

/* override UIText medium color */

.TimeSection_timeSection_825:hover > [data-title] {
      color: #2e2e2e !important;
      color: var(--colorTextDefault) !important;
    }

.TimeSection_timeSection_825:hover::before,
    .TimeSection_timeSection_825:hover::after {
      border-bottom-color: #c6c6c6;
      border-bottom-color: var(--borderHover);
    }

.TimeSection_icon_d37 {
  display: inline-flex;
  color: #919191;
  color: var(--colorIconLight);
}

.TimeSection_timeSection_825:hover .TimeSection_icon_d37 {
    color: #474747;
    color: var(--colorIconDefault);
  }

/* uses <Message /> component but with some adjustments
   TODO: a few pieces here in common with SingleContactBar */
.SingleActivityBar_SingleActivityBar_bar_d36 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  padding: 6px 16px 6px 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadowLevel1);
}

.SingleActivityBar_SingleActivityBar_viewAll_0f7 {
  justify-self: start;
  font-size: 13px;
  font-weight: normal;
  border: 0;
}

.SingleActivityBar_SingleActivityBar_copy_cdb {
  justify-self: end;
  color: #3781b8;
  color: var(--linkColor);
  cursor: pointer;
}

/* uses <Message /> component but with some adjustments
   TODO: a few pieces here in common with SingleActivityBar */
.SearchQueryBar_bar_82e {
  display: flex;
  align-items: center;
  padding: 6px 16px;
}
@media screen and (max-width: 767px) {
.SearchQueryBar_bar_82e {
    margin: -1px 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
  }

.SearchQueryBar_text_875 {
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
}

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


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