.InboxScreen_InboxScreen_inboxContainer_aa5 {
  flex: 1 0 100%;
}@media screen and (min-width: 768px) {.InboxScreen_InboxScreen_inboxContainer_aa5 {
    max-height: 100%;
    min-width: 800px;
}
  }@media screen and (max-width: 767px) {.InboxScreen_InboxScreen_inboxContainer_aa5 {
    position: relative;
    overflow-y: scroll;
}
  }.InboxScreen_InboxScreen_inboxContainer_aa5 > div {
    height: 100%;
  }

.CustomizePrimaryTabModal_CustomizePrimaryTabModal_customizePrimaryTabForm_7d7 {
  margin: 0;
}

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

.CustomizePrimaryTabModal_CustomizePrimaryTabModal_customizePrimaryTabForm_7d7 {
    max-height: 65vh;
}
  }

.CustomizePrimaryTabModal_CustomizePrimaryTabModal_loadingContainer_22c {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
  Dot with a background, border, and pseudoelement

  1. background serves to mimic the background behind the button
  2. border is what we apply the button hover background to (which has an alpha channel)
  3. the pseudoelement remains blue throughout
*/
.ReviewPotentialLeadsButton_potentialLeadsDot_418 {
  --dotSize: 6px;
  background-color: var(--surfaceBackgroundDefault);
  border: 2px solid var(--surfaceBackgroundDefault);
  border-radius: 100%;
  height: var(--dotSize);
  position: absolute;
  right: 5px;
  top: 5px;
  width: var(--dotSize);
}
.ReviewPotentialLeadsButton_potentialLeadsDot_418::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: var(--dotSize);
    height: var(--dotSize);
    border-radius: 50%;
    background-color: var(--fillActive);
  }
.Btn:hover .ReviewPotentialLeadsButton_potentialLeadsDot_418 {
    border: 2px solid var(--buttonHoverBackgroundColor);
  }

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

.InboxHeader_filter_1cc {
  display: flex;
  justify-content: center;
}

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

.InboxHeader_filter_1cc {
    justify-content: center;
    width: calc(50% - (var(--spacing-8) * 2) - 1px);
}
  }

.InboxHeader_separator_88f {
  width: 1px;
  height: 20px;
  margin: 0 var(--spacing-8);
  background-color: var(--gray-20);
}

.InboxHeader_mobileFiltersBar_def {
  background: var(--surfaceBackgroundDefault);
  padding: var(--spacing-8) var(--spacing-16);
  border-bottom: 1px solid var(--borderDefault);
}

.InboxHeader_filterWrapper_48c {
  margin-left: -20px;
  margin-right: -20px;
}

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

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

.InboxHeaderTabs_root_7d8 {
  padding-bottom: var(--spacing-8);
  padding-top: var(--spacing-8);
  overflow-x: auto;
}

.InboxList_InboxList_container_04c {
  background-color: var(--surfaceBackgroundDefault);
  border-bottom: 1px solid var(--borderDefault);
}

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

  /* Any element or a tree of elements inside the ellipsis container
     need to be displayed inline to work properly. <LeadInfo> is an
     example of such a component. */
}

.CollapsedItemLayout_compact_ellipsis_b00 * {
    display: inline;
  }

.CollapsedItemLayout_compact_wrapper_92b {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: var(--spacing-12) var(--spacing-16);
  box-sizing: border-box;
  background-color: var(--surfaceBackgroundDefault);
  cursor: pointer;

  /* Replicates ".item.checked > div" styles from css/mobile/inbox-page.css. */
}

.CollapsedItemLayout_compact_wrapper_92b.CollapsedItemLayout_compact_selected_cd2 {
    background-color: var(--bgActiveMuted);
  }

/* We render both the unselected Icon and the selected Icon, but change which is
     visible via CSS.
     When the wrapper has a checked checkbox, we show the selected icon. When it does
     not (the default) we show the item icon. */

.CollapsedItemLayout_compact_wrapper_92b .CollapsedItemLayout_compact_unselectedIcon_54e {
    display: block;
  }

.CollapsedItemLayout_compact_wrapper_92b .CollapsedItemLayout_compact_selectedIcon_254 {
    display: none;
  }

.CollapsedItemLayout_compact_wrapper_92b.CollapsedItemLayout_compact_checkboxHidden_e83:has(input:checked) .CollapsedItemLayout_compact_unselectedIcon_54e {
      display: none;
    }

.CollapsedItemLayout_compact_wrapper_92b.CollapsedItemLayout_compact_checkboxHidden_e83:has(input:checked) .CollapsedItemLayout_compact_selectedIcon_254 {
      display: block;
    }

/* These .afterCheckboxWrapper and .afterIconWrapper mumbo jumbo
   are used to show ellipsis in flex containers, which is not possible
   without having a fixed width for the container. */
.CollapsedItemLayout_compact_afterCheckboxWrapper_0f4 {
  --checkboxWidth: 26px;

  display: flex;
  align-items: flex-start;
  width: calc(100% - var(--checkboxWidth));
}
.CollapsedItemLayout_compact_checkboxHidden_e83 .CollapsedItemLayout_compact_afterCheckboxWrapper_0f4 {
    width: 100%;
  }

.CollapsedItemLayout_compact_afterIconWrapper_cb1 {
  --iconSize: 32px;
  --gapToIcon: var(--spacing-8);

  width: calc(100% - var(--iconSize) - var(--gapToIcon));
  margin-left: var(--gapToIcon);
}

.CollapsedItemLayout_compact_checkboxWrapper_8a2 {
  flex-shrink: 0;
}

.CollapsedItemLayout_compact_checkbox_f00 {
  /* increase checkbox clickable area without affecting the layout */
  padding: var(--spacing-16);
  padding-right: var(--spacing-12);
  margin: calc(var(--spacing-8) * -1) 0 0 calc(var(--spacing-16) * -1);
}

.CollapsedItemLayout_compact_iconWrapper_d12 {
  flex-shrink: 0;
}

.CollapsedItemLayout_compact_leadInfoWrapper_36c {
  display: flex;
  align-items: center;
  line-height: 16px;
}

.CollapsedItemLayout_compact_leadInfoWrapper_36c .CollapsedItemLayout_compact_ellipsis_b00 {
    /* So ellipsis has the same color as the text */
    color: var(--gray-50);
  }

.CollapsedItemLayout_compact_detailsWrapper_0ba {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-16);
  margin-left: var(--spacing-8);
}

.CollapsedItemLayout_compact_titleWrapper_c5e {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  margin-top: var(--spacing-4);
}

.CollapsedItemLayout_compact_titleWrapper_c5e .CollapsedItemLayout_compact_badgeWrapper_2ab {
    display: inline-flex;
    flex-shrink: 0;
  }

.CollapsedItemLayout_compact_withBadge_d86 .CollapsedItemLayout_compact_titleWrapper_c5e {
    margin-top: var(--spacing-8);
  }

.CollapsedItemLayout_compact_secondaryTitleWrapper_1af {
  margin-top: var(--spacing-4);
  line-height: 16px;
  display: flex;
  align-items: center;
  gap: var(--spacing-8);

  /* So ellipsis has the same color as the text */
  color: var(--colorTextLight);
}

.CollapsedItemLayout_compact_assigneeWrapper_033 {
  margin-top: var(--spacing-8);
}

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

  /* Any element or a tree of elements inside the ellipsis container
     need to be displayed inline to work properly. <LeadInfo> is an
     example of such a component. */
}

.CollapsedItemLayout_fluid_ellipsis_dc1 * {
    display: inline;
  }

.CollapsedItemLayout_fluid_wrapper_52a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 0 var(--spacing-24) 0 0;
  box-sizing: border-box;
  background-color: var(--surfaceBackgroundDefault);
  cursor: pointer;
}

.CollapsedItemLayout_fluid_wrapper_52a:hover {
    background-color: var(--bgTableCellHover);
  }

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

.CollapsedItemLayout_fluid_checkboxWrapper_66a {
  flex-shrink: 0;
}

label.CollapsedItemLayout_fluid_checkbox_2fe {
  /* increase checkbox clickable area without affecting the layout */
  padding: var(--spacing-16) var(--spacing-12) var(--spacing-16) 0;

  /* NOTE: leaving left area alone because active indicator has a tooltip and
   *       we want to not cover it. The active indicator also handles toggle
   *       since most of it is within 16px of the checkbox.
   */
}

.CollapsedItemLayout_fluid_iconWrapper_ae4 {
  flex-shrink: 0;
  margin-right: var(--spacing-8);
}

.CollapsedItemLayout_fluid_leadInfoWrapper_8b4 {
  flex: 0 0 243px;
}

.CollapsedItemLayout_fluid_leadButtonsWrapper_258 {
  flex: 0 0 243px;
}

.CollapsedItemLayout_fluid_titleWrapper_fbe {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--spacing-4);
  margin-left: var(--spacing-48);
  margin-right: var(--spacing-8);
  font-size: 13px;
  overflow: hidden;
}

.CollapsedItemLayout_fluid_titleWrapper_fbe .CollapsedItemLayout_fluid_badgeWrapper_694 {
    flex-shrink: 0;
  }

.CollapsedItemLayout_fluid_titleWrapper_fbe .CollapsedItemLayout_fluid_secondaryTitleWrapper_958 {
    flex: 1;
    margin-left: var(--spacing-8);

    /* So ellipsis has the same color as the text */
    color: var(--colorTextLight);
  }

.CollapsedItemLayout_fluid_inboxIconsWrapper_003 {
  flex-shrink: 0;
  color: var(--gray-50);

  /* This fixes icon misalignment. */
}

.CollapsedItemLayout_fluid_inboxIconsWrapper_003 span {
    display: flex;
  }

.CollapsedItemLayout_fluid_contactButtonsWrapper_2d3 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-left: var(--spacing-24);
}

.CollapsedItemLayout_fluid_contactButtonsWrapper_2d3 .CollapsedItemLayout_fluid_contactButtons_725.CollapsedItemLayout_fluid_visiblyHidden_b2a {
      visibility: hidden;
    }

.CollapsedItemLayout_fluid_wrapper_52a:hover :is(.CollapsedItemLayout_fluid_contactButtonsWrapper_2d3 .CollapsedItemLayout_fluid_contactButtons_725.CollapsedItemLayout_fluid_visiblyHidden_b2a) {
        visibility: visible;
      }

.CollapsedItemLayout_fluid_contactButtonsWrapper_2d3 .CollapsedItemLayout_fluid_contactButtons_725.CollapsedItemLayout_fluid_removeFromDom_b69 {
      display: none;
    }

.CollapsedItemLayout_fluid_wrapper_52a:hover :is(.CollapsedItemLayout_fluid_contactButtonsWrapper_2d3 .CollapsedItemLayout_fluid_contactButtons_725.CollapsedItemLayout_fluid_removeFromDom_b69) {
        display: block;
      }

.CollapsedItemLayout_fluid_commentThreadWrapper_ad1 {
  margin-right: var(--spacing-24);
}

.CollapsedItemLayout_fluid_dateWrapper_31b {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  margin-left: var(--spacing-48);
}

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

.DateAndAssignee_wrapper_703 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  white-space: nowrap;
}

.DateAndAssignee_assignee_c20 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
  margin-left: var(--spacing-4);
}

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

.DateAndAssignee_assignee_c20 {
    margin-left: 0;
}
  }

.DateAndAssignee_dateWrapper_8e6 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
  color: var(--gray-50);
}

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

/* required to overwrite the specificity of .leadInfoWrapper */
.EmailThreadCount_badgeWrapper_46d > * {
  display: inline-flex;
}

.ExpandedItemLayout_wrapper_477 {
  border: 1px solid var(--borderDefault);
  border-radius: 7px;
  background-color: var(--bgCardBase);

  /* ListKeyboardNavigable shows a focus on the left border.
     We need to hide it. */
}

.ExpandedItemLayout_wrapper_477::before {
    display: none;
  }

.ExpandedItemLayout_wrapper_477.ExpandedItemLayout_compact_de9 {
    border-radius: 0;
  }

.ExpandedItemLayout_header_22b {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: var(--spacing-16);
  box-sizing: border-box;
  cursor: pointer;
}

.ExpandedItemLayout_compact_de9 .ExpandedItemLayout_header_22b {
    border: none;
  }

.ExpandedItemLayout_XButtonWrapper_89e {
  display: inline-flex;
  flex-shrink: 0;
}

.ExpandedItemLayout_titleWrapper_090 {
  flex: 1;
  display: flex;
  align-items: center;
  /* 2px is set to compensate alignment with the Icon. */
  padding-top: 2px;
  padding-right: var(--spacing-32);
  padding-left: var(--spacing-8);
  gap: var(--spacing-8);
  line-height: 20px;
  overflow-wrap: anywhere;
}

.ExpandedItemLayout_compact_de9 .ExpandedItemLayout_titleWrapper_090 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4);
    padding: 0 var(--spacing-12);
  }

.ExpandedItemLayout_inboxActionsWrapper_7ac {
  margin-right: var(--spacing-16);
}

.ExpandedItemLayout_compact_de9 .ExpandedItemLayout_inboxActionsWrapper_7ac {
    margin: var(--spacing-8) var(--spacing-16) 0;
    padding-bottom: var(--spacing-4);
  }

.ExpandedItemLayout_leadInfoBox_54f {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: var(--spacing-8);
  margin: 0 var(--spacing-16);
  padding: var(--spacing-24) 0;
  box-sizing: border-box;
  border-top: 1px solid var(--borderLight);
}

.ExpandedItemLayout_compact_de9 .ExpandedItemLayout_leadInfoBox_54f {
    flex-direction: column;
    margin: var(--spacing-8) var(--spacing-16) var(--spacing-16);
    padding: var(--spacing-16);
    background-color: var(--surfaceBackgroundLight);
    border: 0.5px solid var(--borderDefault);
    border-radius: 7px;
  }

.ExpandedItemLayout_leadButtonsWrapper_802 {
  margin: var(--spacing-12) 0 0;
}

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

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

  /* "Clearfix" of BackboneView wrapper div so all buttons are on the same line.
     TODO: Remove once SnoozeMenu is rolled out to all users */
}.InboxActions_inboxActions_c4d > div {
    display: flex;
  }

.InboxItemIcon_icon_aa2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--colorIconNeutralWhite);
  box-sizing: border-box;
}.InboxItemIcon_icon_aa2.InboxItemIcon_mini_f74 {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }.InboxItemIcon_icon_aa2.InboxItemIcon_regular_478 {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }.InboxItemIcon_icon_aa2.InboxItemIcon_voicemail_37c {
    background-color: var(--colorBgActivityDefault);
    color: var(--colorIconActivityMissedCall);
    border: 1px solid var(--borderDefault);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_missed_call_447 {
    background: var(--colorBgActivityDefault);
    color: var(--colorIconActivityMissedCall);
    border: 1px solid var(--borderDefault);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_answered_detached_call_940 {
    background-color: var(--colorBgActivityCall);
    color: var(--colorIconActivityCall);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_incoming_sms_017 {
    background-color: var(--colorBgActivitySMS);
    color: var(--colorIconActivitySMS);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_incoming_whatsapp_message_12a {
    background-color: var(--colorBgActivityWhatsApp);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_incoming_email_5e5,
  .InboxItemIcon_icon_aa2.InboxItemIcon_email_followup_a2f,
  .InboxItemIcon_icon_aa2.InboxItemIcon_lead_suggestion_incoming_email_ab7 {
    background: var(--colorBgActivityEmail);
    color: var(--colorIconActivityEmail);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_lead_055 {
    background-color: var(--colorBgActivityTask);
    color: var(--colorIconActivityTask);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_opportunity_due_39a, .InboxItemIcon_icon_aa2.InboxItemIcon_opportunities_awaiting_action_notification_936 {
    background-color: var(--colorBgActivityOpportunity);
    color: var(--colorIconActivityOpportunity);
  }.InboxItemIcon_icon_aa2.InboxItemIcon_selected_791 {
    background-color: var(--colorBrandBlue);
  }

.LeadButtons_wrapper_47e {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}@media screen and (max-width: 767px) {.LeadButtons_wrapper_47e {
    flex-wrap: wrap;
}
  }

.LeadInfo_childrenWrapper_715 {
  padding: 0 0 var(--spacing-24) 0;
  line-height: 16px;
}

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

.LeadInfo_childrenWrapper_715 {
    line-height: 20px;
}
  }

.LeadInfo_infoWrapper_914 {
  line-height: 16px;
}

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

.opportunitiesAwaitingAction_InboxNotificationOpportunitySuggestedAction_wrapper_1af {
  display: flex;
  flex-direction: column;
  max-width: 640px;
  padding: var(--spacing-16);
  gap: var(--spacing-16);
  border: 1px solid var(--borderDefault);
  border-radius: var(--borderRadiusMedium);
}

.opportunitiesAwaitingAction_InboxNotificationOpportunitySuggestedAction_leadNameWrapper_eee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.opportunitiesAwaitingAction_InboxNotificationOpportunitySuggestedAction_leadLink_ca2 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.opportunitiesAwaitingAction_InboxNotificationOpportunitySuggestedAction_actionWrapper_390 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-16);
  gap: var(--spacing-16);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--surfaceBackgroundLight);
}

.emailFollowup_expanded_emailThreadWrapper_306 {
  /* This is a hack to fix the issue where the email thread object
     has the double border on the top. */
  margin-top: -1px;
}

.incomingEmail_expanded_emailThreadWrapper_4bd {
  /* This is a hack to fix the issue where the email thread object
     has the double border on the top. */
  margin-top: -1px;
}

.incomingSMS_expanded_inputContainer_454 {
  max-width: 520px;
  margin-top: var(--spacing-12);
}

.lead_workflowIcon_215 {
  color: var(--gray-70);
  line-height: 15px;
}

.opportunityDue_expanded_opportunityNote_b38 {
  padding: var(--spacing-24) var(--spacing-16);
  line-height: 20px;
}@media screen and (max-width: 767px) {.opportunityDue_expanded_opportunityNote_b38 {
    padding: var(--spacing-16);
}
  }

.InboxList_InboxListItem_container_6f7 {
  overflow: hidden;
  border-bottom: 1px solid var(--borderDefault);
  cursor: pointer;
}.InboxList_InboxListItem_container_6f7:has(> .expanded) {
    display: block;
    padding: var(--spacing-16);
    background: var(--surfaceBackgroundMedium);
    overflow: initial;
    cursor: initial;
  }.InboxList_InboxListItem_container_6f7:has(input:checked) {
    border-bottom-color: var(--borderActiveMuted);
  }.InboxList_InboxListItem_container_6f7:has(input:checked) > .inboxRow {
      background-color: var(--bgActiveMuted);
    }.InboxList_InboxListItem_container_6f7 > :first-child {
    position: relative;
  }.InboxList_InboxListItem_container_6f7.InboxList_InboxListItem_active_268 {
    outline: none;
  }/* Only for compact view */@media screen and (max-width: 767px) {.InboxList_InboxListItem_container_6f7.InboxList_InboxListItem_selected_860 {
      border-bottom-color: var(--borderActiveMuted);
  }
    }

.InboxTopBar_CollapsedInboxTopBar_container_bd1 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 20;

  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  flex: 1;
  box-sizing: border-box;

  padding: var(--spacing-12) var(--spacing-16);
  border-top: solid 1px var(--borderDefault);
  background-color: var(--surfaceBackgroundMedium);
}

.InboxTopBar_CollapsedInboxTopBar_icon_c6b {
  color: var(--gray-70);
}

.InboxTopBar_CollapsedInboxTopBar_spacer_df0 {
  flex: 1;
}

.InboxTopBar_ExpandedInboxTopBar_inboxTopBarContainer_8a1 {
  display: flex;
  align-items: center;
  height: var(--spacing-40);
  padding: 0 var(--spacing-24);
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderDefault);
  background-color: var(--surfaceBackgroundDefault);
  margin: 0 calc(var(--spacing-16) * -1);
}

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

.InboxTopBar_ExpandedInboxTopBar_inboxTopBarContainer_8a1 {
    margin: calc(var(--spacing-24) * -1) calc(var(--spacing-24) * -1) 0;
}
  }

.InboxTopBar_ExpandedInboxTopBar_checkAllCheckbox_701 {
  padding-right: var(--spacing-8);
}

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

.InboxTopBar_ExpandedInboxTopBar_sortBySelect_221 {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .InboxScreen_InboxPage_inboxHeaderContainer_6ae {
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    transition: transform 250ms ease-in-out;
    z-index: var(--stickyHeaderZIndex);
    padding: var(--spacing-16);
  }


    .InboxScreen_InboxPage_inboxHeaderContainer_6ae.InboxScreen_InboxPage_hide_549 {
      transform: translateY(-100%);
    }
}


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