.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox {
    padding: var(--spacing-12) var(--spacing-16);
    border: 1px solid var(--borderDefault);
    border-radius: var(--baseInputBorderRadius);
    box-sizing: border-box;
    background: var(--bgLight);
  }.Checkbox_CheckboxCard_checkboxCard_085.Checkbox_CheckboxCard_small_727 .Checkbox {
      padding: var(--spacing-8);
    }.Checkbox_CheckboxCard_checkboxCard_085.Checkbox_CheckboxCard_small_727 .Checkbox__label {
      padding-left: 22px; /* 8px from the 16px checkbox */
    }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox:has(input[type='checkbox']:checked:not(:disabled)) {
    background: var(--bgActiveMuted);
    border-color: var(--borderActive);
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox:has(input[type='checkbox']:disabled) {
    cursor: not-allowed;
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox:hover:has(input[type='checkbox']:not(:checked)) {
    border-color: var(--borderHover);
    background: var(--bgLightMuted);
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox:has(input[type='checkbox']:focus-visible) {
    box-shadow: 0px 0px 0px 2px var(--borderFocused);
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox__label {
    display: block;
    line-height: 20px;
    width: 100%;
    padding-left: 30px; /* 16px from the 16px checkbox */
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox__label::before {
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 3px;
  }.Checkbox_CheckboxCard_checkboxCard_085 .Checkbox__label::after {
    position: absolute;
    left: 16px;
    top: 16px;
    transform: rotate3d(0, 0, 1, 45deg) translateX(-16px);
  }

.Calendar_sharedComponents_wrapper_2a4 {
  overflow: hidden;
  /* fix layout glitch when first rendering */
  min-width: 248px;
  min-height: 272px; /* 272px is the height of 6 lines of days */
  /* react-dates doesn't render in the centre hence mismatched horizontal padding */
  padding: 16px 1px 12px 3px;
  box-sizing: border-box;
}

.Calendar_sharedComponents_navNext_2f7,
.Calendar_sharedComponents_navPrev_0ba {
  position: absolute;
  padding: 2px 5px;
}

.Calendar_sharedComponents_navNext_2f7 svg, .Calendar_sharedComponents_navPrev_0ba svg {
    display: block;
    width: 16px;
  }

.Calendar_sharedComponents_navNext_2f7 {
  right: 14px;
}

.Calendar_sharedComponents_navPrev_0ba {
  left: 12px;
}

.Calendar_sharedComponents_monthWrapper_1da {
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.Calendar_sharedComponents_month_78e {
  margin-right: 10px;
  font-weight: var(--fontWeightBold);
}

.DateRangePickerPopover_CustomDate_actions_9b1 {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--borderDefault);
  padding: 14px;
}

.DateRangePickerPopover_CustomDate_dates_33f {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 14px 14px;
}

input[type='text'].DateRangePickerPopover_CustomDate_input_8f7 {
  font-size: 14px;
  line-height: 16px;
  width: 104px;
  height: auto;
  margin: 0;
  padding: 7px;
  box-sizing: border-box;
}

.DateRangePickerPopover_CustomDate_clearButton_7cb {
  margin-right: auto;
}

.FileInput_wrapper_4a1 {
  display: inline-block;
  position: relative;
}.FileInput_wrapper_4a1 input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
  }

.ActivityIcon_root_59a {
  box-sizing: border-box;
  position: relative;
  width: var(--spacing-24);
  height: var(--spacing-24);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fillLight);
  border-radius: 50%;
  background: var(--surfaceBackgroundDark);
}.ActivityIcon_root_59a.ActivityIcon_call_87d {
    background: var(--colorBgActivityCall);
    color: var(--colorIconActivityCall);
  }.ActivityIcon_root_59a.ActivityIcon_missedCall_28b {
    background: var(--colorBgActivityDefault);
    color: var(--colorIconActivityMissedCall);
  }.ActivityIcon_root_59a.ActivityIcon_email_72e,
  .ActivityIcon_root_59a.ActivityIcon_emailThread_30e {
    background: var(--colorBgActivityEmail);
    color: var(--colorIconActivityEmail);
  }.ActivityIcon_root_59a.ActivityIcon_meeting_c74 {
    background: var(--colorBgActivityMeeting);
    color: var(--colorIconActivityMeeting);
  }.ActivityIcon_root_59a.ActivityIcon_opportunityStatusChange_c20,
  .ActivityIcon_root_59a.ActivityIcon_opportunity_226 {
    background: var(--colorBgActivityOpportunity);
    color: var(--colorIconActivityOpportunity);
  }.ActivityIcon_root_59a.ActivityIcon_taskCompleted_42d {
    background: var(--colorBgActivityTask);
    color: var(--colorIconActivityTask);
  }.ActivityIcon_root_59a.ActivityIcon_customActivity_ce8 {
    background: var(--colorBgActivityCustomActivity);
    color: var(--colorIconActivityCustomActivity);
  }.ActivityIcon_root_59a.ActivityIcon_note_8d4 {
    background: var(--colorBgActivityNote);
    color: var(--colorIconActivityNote);
  }.ActivityIcon_root_59a.ActivityIcon_leadMerge_d84,
  .ActivityIcon_root_59a.ActivityIcon_leadStatusChange_c17,
  .ActivityIcon_root_59a.ActivityIcon_created_53c,
  .ActivityIcon_root_59a.ActivityIcon_importUpdate_07e {
    background: var(--colorBgActivityDefault);
    color: var(--colorIconActivityDefault);
  }.ActivityIcon_root_59a.ActivityIcon_sms_bf3 {
    background: var(--colorBgActivitySMS);
    color: var(--colorIconActivitySMS);
  }.ActivityIcon_root_59a.ActivityIcon_whatsAppMessage_4b3 {
    background: var(--colorBgActivityWhatsApp);
  }

.ColorPicker_ColorMenu_menu_ad8 {
  display: flex;
}

.ColorPicker_ColorMenu_colors_021,
.ColorPicker_ColorMenu_extra_3fb {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: auto;
  gap: var(--spacing-4);
  margin: var(--spacing-12) 0;
  padding: 0 var(--spacing-12);
}

.ColorPicker_ColorMenu_colors_021 > *, .ColorPicker_ColorMenu_extra_3fb > * {
    transform: scale(1.25);
  }

.ColorPicker_ColorMenu_colors_021 {
  grid-template-columns: repeat(5, auto);
}

.ColorPicker_ColorMenu_extra_3fb {
  border-left: 1px solid var(--borderDefault);
  grid-template-columns: auto;
}

.ColorPicker_ColorMenu_bgRed_a99 {
  color: var(--colorBgRichTextHighlightRed);
}

.ColorPicker_ColorMenu_bgYellow_bb3 {
  color: var(--colorBgRichTextHighlightYellow);
}

.ColorPicker_ColorMenu_bgGreen_6df {
  color: var(--colorBgRichTextHighlightGreen);
}

.ColorPicker_ColorMenu_bgBlue_58d {
  color: var(--colorBgRichTextHighlightBlue);
}

.ColorPicker_ColorMenu_bgPurple_17b {
  color: var(--colorBgRichTextHighlightPurple);
}

/* visually matches small IconButton */
.ColorPicker_ColorButton_button_061 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
}
.ColorPicker_ColorButton_button_061 span {
    width: 14px;
    height: 14px;
  }
.ColorPicker_ColorButton_button_061.ColorPicker_ColorButton_isActive_305 {
    background-color: var(--colorFillTransparent02);
  }
.ColorPicker_ColorButton_button_061.ColorPicker_ColorButton_isHovered_8c2 {
    background-color: var(--colorFillTransparent05);
  }
.ColorPicker_ColorButton_button_061.ColorPicker_ColorButton_isHovered_8c2.ColorPicker_ColorButton_isActive_305 {
      background-color: var(--colorFillTransparent10);
    }

/**
  * These colors must match the keys in HighlightColorKey!
  * They should also be styled consistently with editor content
  */
.ColorPicker_ColorButton_bgRed_781 {
  color: var(--colorBgRichTextHighlightRed);
}

.ColorPicker_ColorButton_bgYellow_e32 {
  color: var(--colorBgRichTextHighlightYellow);
}

.ColorPicker_ColorButton_bgGreen_89b {
  color: var(--colorBgRichTextHighlightGreen);
}

.ColorPicker_ColorButton_bgBlue_e1a {
  color: var(--colorBgRichTextHighlightBlue);
}

.ColorPicker_ColorButton_bgPurple_ab1 {
  color: var(--colorBgRichTextHighlightPurple);
}

.ColorPicker_CustomColorPicker_wrapper_875 {
  position: relative;
}

.ColorPicker_CustomColorPicker_input_de7 {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.subComponents_SnoozeMenuStartLabel_startLabel_dad {
  box-sizing: border-box;
  padding: var(--spacing-8) var(--spacing-16);
  display: flex;
  justify-content: space-between;
  background-color: var(--surfaceBackgroundMedium);
  margin: calc(var(--spacing-4) * -1) 0;
  -webkit-user-select: none;
          user-select: none;
}

.SnoozeMenu_calendarCard_9ae {
  margin-left: calc(var(--spacing-4) * -1);
  min-height: 275px;
}

.SnoozeMenu_inputsContainer_c1e {
  display: flex;
  padding: 0 var(--spacing-16);
}
.SnoozeMenu_input_245 {
  width: 100%;
  min-height: var(--inputHeightSmall);
  border: 1px solid var(--borderDefault);
  box-shadow: none;
  padding: 0 var(--spacing-8);
  border-radius: var(--borderRadiusMedium);
}
.SnoozeMenu_input_245:focus {
    border-color: var(--borderFocused);
  }
.SnoozeMenu_input_245.SnoozeMenu_leftInput_ae7 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.SnoozeMenu_input_245.SnoozeMenu_rightInput_41a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid transparent;
  }
.SnoozeMenu_input_245.SnoozeMenu_rightInput_41a:focus {
      border-left: 1px solid var(--borderFocused);
    }

.TimeInput_clockIcon_8c6 {
  width: 16px;
  height: 16px;
}

.TimeInput_menu_241 {
  min-width: 130px;
  margin: 0;
  /* Select__item is 28px high, show max of 9 */
  max-height: calc(28px * 9);
}

.TimeInput_menu_241:focus {
    outline: none;
  }

.TimeInput_item_af0 {
  padding-right: 12px;
}

.TimeInput_Menu_menu_9f9 {
  overflow-y: auto;
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  z-index: 2;
}

.TimeInput_Item_item_f36 {
  position: relative;
  padding: 4px 24px 4px 40px; /* 24px total height */
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
}

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

.TimeInput_Item_defaultSelected_0ff:not(.TimeInput_Item_disabled_33f) {
  background-color: var(--bgMenuItemHover);
}

.TimeInput_Item_defaultSelected_0ff.TimeInput_Item_disabled_33f {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

.TimeInput_Item_disabled_33f {
  cursor: not-allowed;
  opacity: var(--disabledOpacity);
  -webkit-user-select: none;
          user-select: none;
}

.TimeInput_Item_selected_740 svg {
  position: absolute;
  top: 6px;
  left: 12px;
  width: 16px;
  color: var(--colorLinkDefault);
}

.TimeInput_Item_divider_ed1 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 4px 0;

  /* show only one divider if multiple are rendered next to each other */
  /* including the divider inside a group item */
}

.TimeInput_Item_divider_ed1 + .TimeInput_Item_divider_ed1 {
    display: none;
  }

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

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

@media screen and (min-width: 768px) {
  .subComponents_SnoozeMenuButton_caretContainer_a7f {
    display: inline-flex;
    position: relative;
    left: 4px;
    /* To fit vertically in container with height < 16px
       without shrinking the SVG, which needs height 16px */
    height: 12px;
    align-items: center;
  }

  .subComponents_SnoozeMenuButton_caret_e27 {
    display: inline-flex;
    height: 16px;
  }
}

.subComponents_SnoozeMenuIconButton_root_3c1 {
  --buttonSize: var(--inputHeightSmall);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--buttonSize);
  height: var(--buttonSize);
  border-radius: 50%;
  color: var(--colorIconDefault);
  vertical-align: middle;
  outline: none;
}.subComponents_SnoozeMenuIconButton_root_3c1:hover:not(.subComponents_SnoozeMenuIconButton_disabled_eab) {
    background: var(--colorFillTransparent05);
  }.subComponents_SnoozeMenuIconButton_root_3c1.subComponents_SnoozeMenuIconButton_light_594:not(:hover) {
    color: var(--colorIconLight);
  }.subComponents_SnoozeMenuIconButton_root_3c1.subComponents_SnoozeMenuIconButton_disabled_eab {
    pointer-events: none;
    opacity: 0.5;
  }.subComponents_SnoozeMenuIconButton_root_3c1.subComponents_SnoozeMenuIconButton_small_226 {
    --buttonSize: var(--spacing-24);
  }.subComponents_SnoozeMenuIconButton_root_3c1:focus:not(:hover) {
    box-shadow: 0 0 0 3px
      color-mix(in srgb, transparent 50%, var(--formBorderFocused));
  }

.SearchCombobox_listItem_64f {
  list-style: none;
  margin-bottom: calc(-1 * var(--combobox-fixed-footer-height, 0));
  padding-bottom: var(--combobox-fixed-footer-height, 0);
}

.SearchCombobox_listItem_64f.SearchCombobox_footer_b4d {
    margin-bottom: 0;
    padding-bottom: 0;
  }

.SearchCombobox_listItem_64f h3 {
    margin: 0;
  }

.SearchCombobox_menuList_f60 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SearchCombobox_menuList_f60 h3 {
    margin: 0;
  }

.SearchCombobox_SearchComboboxItem_container_c19 {
  background-color: var(--surfaceBackgroundLight);
}

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

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

.SearchCombobox_SearchComboboxItem_itemLabel_f23 {
  overflow: hidden;
}

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

.SearchCombobox_SearchComboboxItem_hidden_cee {
  visibility: hidden;
}

.SearchCombobox_SearchComboboxSection_listItem_0d3,
.SearchCombobox_SearchComboboxSection_menuList_f61 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SearchCombobox_SearchComboboxSection_listItem_0d3 h3, .SearchCombobox_SearchComboboxSection_menuList_f61 h3 {
    margin: 0;
  }

.SearchCombobox_SearchComboboxSection_footer_a0a {
  bottom: 0;
  position: sticky;
}

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

  /* When closed, we eat through the parent padding on all axes to make the
     whole message clickable */
  padding: var(--spacing-8) var(--spacing-12);
  margin: calc(-1 * var(--spacing-8)) calc(-1 * var(--spacing-12));

  /* When open, we "cancel" the header's bottom padding */
}

.Message_MessageExpandable_isExpanded_764 .Message_MessageExpandable_clickHeader_37b {
    padding-bottom: 0;
    margin-bottom: 0;
  }

.Message_MessageExpandable_buttonWrap_52f {
  /* maintain 30x30 button while eating through parent padding */
  margin: calc(-1 * var(--spacing-4));

  transition: transform 100ms var(--standardCurve);
}

.Message_MessageExpandable_isExpanded_764 .Message_MessageExpandable_buttonWrap_52f {
    transform: rotate(180deg);
  }

.AutoTextarea_FormikAutoTextarea_textarea_85f {
  width: 100%;
  min-height: calc(
    var(--inputHeightSmall) * 2 - var(--inputVerticalPaddingSmall) * 2
  );
  margin-bottom: 0;
  box-sizing: border-box;
}

.DatePickerInput_icon_b1f {
  width: 16px;
  height: 16px;
}

/*
This solves https://github.com/closeio/close-ui/issues/2021 (jumping
calendar month arrows when switching between 5-week and 6-week month
views) by moving the calendar heading to the bottom of the popover
when the popover is opened upwards.

This relies on Tippy.js adding `data-placement` attribute to the
popover with the actually used placement (which is dynamic).

Other tried but failed solutions (see commits in
https://github.com/closeio/close-ui/pull/2240):
- exposing placement from popover to add a class for
  react-dates components
- use onOpen to update the popover placement

Those solutions failed because the UI updated too slowly and
the UI controls were jumping around with a delay.
*/
div[data-placement='top-start'] .Calendar:not(.no-calendar-customizations) .CalendarMonth {
        display: flex;
        flex-direction: column-reverse;
      }
div[data-placement='top-start'] .Calendar:not(.no-calendar-customizations) .DayPicker_weekHeader {
        top: 0;
      }
div[data-placement='top-start'] .Calendar:not(.no-calendar-customizations) .DayPickerNavigation_button span {
        bottom: 2px;
      }
div[data-placement='top-start'] .Calendar:not(.no-calendar-customizations) .DayPicker_focusRegion {
        display: flex;
        flex-direction: column-reverse;
      }
div[data-placement='top-start'] .Calendar:not(.no-calendar-customizations) .CalendarMonth_caption {
        padding: 12px 0 0;
      }

.DateTimeInput_wrapper_a90 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;

  /* prevent grid item from expanding to size of content and breaking layout */
}.DateTimeInput_wrapper_a90 > div {
    min-width: 0;
  }

.DateAndTimePopover_inputsContainer_681 {
  width: 248px;
  display: flex;
  padding: 0 var(--spacing-16);
  box-sizing: border-box;
}

.DateAndTimePopover_inputsContainer_681 * {
    box-sizing: border-box;
  }

.DateAndTimePopover_inputsContainer_681 > div {
    flex: 1;
  }

.DateAndTimePopover_inputsContainer_681 .DateAndTimePopover_input_b47 {
    width: 100%;
    min-height: var(--inputHeightSmall);
    border: 1px solid var(--borderDefault);
    box-shadow: none;
    padding: 0 var(--spacing-8);
    border-radius: 8px;
  }

.DateAndTimePopover_inputsContainer_681 .DateAndTimePopover_input_b47:focus {
      border-color: var(--borderFocused);
    }

.DateAndTimePopover_inputsContainer_681 .DateAndTimePopover_input_b47.DateAndTimePopover_leftInput_34a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

.DateAndTimePopover_inputsContainer_681 .DateAndTimePopover_input_b47.DateAndTimePopover_rightInput_157 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid transparent;
  }

.DateAndTimePopover_inputsContainer_681 .DateAndTimePopover_input_b47.DateAndTimePopover_rightInput_157:focus {
      border-left: 1px solid var(--borderFocused);
    }

.DateAndTimePopover_buttonsContainer_fd5 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--borderDefault);
  padding: var(--spacing-16);
  padding-bottom: 0;
  gap: var(--spacing-12);
}

.InlineEditableField_editableView_d53 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--baseInputBorderRadius);
  /* So input padding works the same */
  border: 1px solid transparent;
}

.InlineEditableField_editableView_d53.InlineEditableField_isEditable_788 {
    cursor: pointer;
  }

.InlineEditableField_editableView_d53.InlineEditableField_isEditable_788:hover {
      background-color: var(--bgLightMuted);
    }

.InlineEditableField_editableView_d53.InlineEditableField_tinyView_51c {
    font-size: var(--inputFontSizeTiny);
    min-height: var(--inputHeightTiny);
    padding: 2px var(--inputHorizontalPaddingTiny);
  }

.InlineEditableField_editableView_d53.InlineEditableField_smallView_cd7 {
    font-size: var(--inputFontSizeSmall);
    min-height: var(--inputHeightSmall);
    padding: 0 var(--inputHorizontalPaddingSmall);
  }

.InlineEditableField_editableView_d53.InlineEditableField_largeView_804 {
    font-size: var(--inputFontSizeLarge);
    min-height: var(--inputHeightLarge);
    padding: 0 var(--inputHorizontalPaddingLarge);
  }

.InlineEditableField_form_07b {
  margin: 0;
}

.InlineEditableField_form_07b[hidden] {
    /* Can't use display:none as that prevents label focus from working */
    display: block;
    position: absolute;
    left: -9999px;
  }

.InlineEditableField_fauxLoadingWrapper_860 {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white);
}

.InlineEditableField_InlineEditableFieldActionPanel_actionPanel_380 {
  position: absolute;
  /* 42px (Badge size + padding of panel height) - 4px of padding background needed to hide the panel behind input  */
  top: -38px;
  right: 0;
  /* TODO: Replace this with CSS Anchor when available */
}.InlineEditableField_InlineEditableFieldActionPanel_actionPanel_380.InlineEditableField_InlineEditableFieldActionPanel_fullLine_e0b {
    width: 60%;
  }.InlineEditableField_InlineEditableFieldActionPanel_actionPanel_380.InlineEditableField_InlineEditableFieldActionPanel_fullRow_412 {
    width: 100%;
  }

.InlineEditableField_InlineEditableFieldEditActions_wrapper_588 {
  background-color: var(--colorBgCardEdit);
  border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;

  display: flex;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: flex-end;

  padding: var(--spacing-4);
  /* Adds more padding to bottom to hide action behind input */
  padding-bottom: var(--spacing-8);

  box-shadow: var(--shadowLevel2);
}

.InlineEditableField_InlineEditableFieldEditActions_btnIcons_18b {
  border-radius: 0;
}

.InlineEditableField_InlineEditableFieldEditActions_divider_a64 {
  border-left: 1px solid var(--borderDefault);
  height: var(--spacing-16);
}

.DeletableList_item_e67 {
  display: flex;
  align-items: center;
  height: 36px;
  gap: var(--spacing-16);
}

.DeletableList_label_bed {
  flex: 1;
  word-break: break-all; /* Firefox fix */
  word-break: break-word;
}

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

.CustomField_field_a2e {
  display: flex;
  place-items: center;
  font-size: 14px;
  line-height: 16px;
  color: var(--colorTextDefault);
  max-width: 100%;
}
.CustomField_fieldNameAndDescription_633 {
  flex: 0 1 100%;
  overflow: hidden;
  padding: 12px;
}
.CustomField_fieldName_ac9 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CustomField_fieldDescription_b18 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--gray-50);
}
.CustomField_fieldType_fb9 {
  flex: 0 0 180px; /* Wide enough for every field type */
  white-space: nowrap;
  padding: 12px;
}
.CustomField_fieldSelectedIndicator_2e7 {
  flex: 0 0 16px;
  padding: 12px 16px 8px;
  width: 16px;
}
.CustomField_fieldSelectPrompt_8d3 {
  visibility: hidden;
  flex: 0 0 16px;
  padding: 12px 16px 8px;
  width: 16px;
}
.CustomField_fieldIsHighlighted_a50 .CustomField_fieldSelectPrompt_8d3 {
    visibility: visible;
  }

.UserBadge_userBadge_506 {
  border: 1px solid var(--borderDefault);
  padding: 3px 7px;
}.UserBadge_userBadge_506.UserBadge_tiny_989 {
    padding: 1px 7px 1px 1px;
  }

.RangeInput_main_63f {
  --inputRangePercentValue: 0%;
  max-width: 220px;
  appearance: none;
}.RangeInput_main_63f::-moz-range-thumb {
    cursor: pointer;
    border: 2px solid var(--bgDefault);
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--surfaceBackgroundDefault);
    box-sizing: border-box;
  }.RangeInput_main_63f::-ms-thumb {
    cursor: pointer;
    border: 2px solid var(--bgDefault);
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--surfaceBackgroundDefault);
    box-sizing: border-box;
  }.RangeInput_main_63f::-webkit-slider-thumb {
    cursor: pointer;
    border: 2px solid var(--bgDefault);
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--surfaceBackgroundDefault);
    box-sizing: border-box;
  }.RangeInput_main_63f::-webkit-slider-thumb {
    margin-top: -6px;
    appearance: none;
  }.RangeInput_main_63f::-moz-range-track {
    cursor: pointer;
    width: 100%;
    height: 4px;
    background: linear-gradient(
      to right,
      var(--bgActive) var(--inputRangePercentValue),
      var(--borderLight) var(--inputRangePercentValue)
    );
    box-sizing: border-box;
    border-radius: 4px;
  }.RangeInput_main_63f::-ms-track {
    cursor: pointer;
    width: 100%;
    height: 4px;
    background: linear-gradient(
      to right,
      var(--bgActive) var(--inputRangePercentValue),
      var(--borderLight) var(--inputRangePercentValue)
    );
    box-sizing: border-box;
    border-radius: 4px;
  }.RangeInput_main_63f::-webkit-slider-runnable-track {
    cursor: pointer;
    width: 100%;
    height: 4px;
    background: linear-gradient(
      to right,
      var(--bgActive) var(--inputRangePercentValue),
      var(--borderLight) var(--inputRangePercentValue)
    );
    box-sizing: border-box;
    border-radius: 4px;
  }.RangeInput_main_63f::-ms-track {
    color: transparent;
    border-color: transparent;
  }.RangeInput_main_63f:focus {
    outline: none;
    border-color: var(--borderFocused);
  }.RangeInput_main_63f:focus::-moz-range-thumb {
      border-color: var(--borderFocused);
      background-color: var(--bgLight);
    }.RangeInput_main_63f:focus::-ms-thumb {
      border-color: var(--borderFocused);
      background-color: var(--bgLight);
    }.RangeInput_main_63f:focus::-webkit-slider-thumb {
      border-color: var(--borderFocused);
      background-color: var(--bgLight);
    }


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/lead~89c39a2b.342b4e7ed6a52b99c9ea.js.map*/