.OpenInApp_title_257 {
  margin: 32px 0;
}

.OpenInApp_panel_4ec {
  text-align: center;
}

.OpenInApp_desc_f38 {
  color: #767676;
  color: var(--colorTextLight);
  margin: 16px 0;
}

.switch-container {
  --focusedBorderColor: rgba(82, 168, 236, 0.8);
  --toggle-width: 30px;
  --toggle-height: 16px;
  --toggle-dot-size: 12px;
  --toggle-dot-offset: 1px;

  display: inline-flex;
  padding: 6px 0;
  line-height: 16px;
  line-height: var(--toggle-height);
}

.switch-container label {
    display: inline-flex;
    margin: 0;
    line-height: var(--toggle-height);
  }

.switch-container.switch-checked .switch-element::before {
        width: var(--toggle-width);
        background: #3781b8;
        background: var(--linkColor);
      }

.switch-container.switch-checked .switch-element::after {
        left: calc(var(--toggle-width) - var(--toggle-dot-size) - 3px);
      }

.switch-container.switch-focused .switch-element {
      border-color: var(--focusedBorderColor);
      box-shadow: 0 0 0 3px color-mix(in srgb, transparent 50%, closeBlue);
    }

.switch-container.switch-noPadding {
    padding: 0;
  }

.switch-disabled {
  opacity: 0.5;
  opacity: var(--disabledOpacity);
}

.switch-disabled label {
    cursor: not-allowed;
  }

.switch-label-off,
.switch-label-on {
  display: flex;
  align-items: center;
}

.switch-label-off {
  margin-right: 10px;
}

.switch-label-on {
  margin-left: 10px;
}

.switch-element {
  display: block;
  position: relative;
  height: var(--toggle-height);
  min-width: var(--toggle-width);
  width: var(--toggle-width);
  border-radius: var(--toggle-height);
  background-color: #999; /* TODO: replace with @gray-XX? */
  border: 1px solid transparent;
  box-sizing: border-box;
}

.switch-element input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
  }

.switch-element::before,
  .switch-element::after {
    content: '';
    position: absolute;
    display: block;
    transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 200ms var(--standardCurve);
  }

.switch-element::before {
    height: var(--toggle-height);
    width: var(--toggle-height);
    top: -1px;
    left: -1px;
    border-radius: var(--toggle-height);
  }

.switch-element::after {
    height: var(--toggle-dot-size);
    width: var(--toggle-dot-size);
    top: var(--toggle-dot-offset);
    left: var(--toggle-dot-offset);
    border-radius: var(--toggle-dot-size);
    background: #ffffff;
    background: var(--white);
  }

.SearchInput_search_3bc {
  position: relative;
}

.SearchInput_search_3bc .SearchInput_searchInput_ee9 {
    background-color: #f1f1f1;
    background-color: var(--surfaceBackgroundDark);
    border: 1px solid transparent;
    box-shadow: none;
  }

.SearchInput_search_3bc .SearchInput_searchInput_ee9:focus {
      background-color: #ffffff;
      background-color: var(--surfaceBackgroundDefault);
      border-color: #598df2;
      border-color: var(--borderFocused);
    }

.SearchInput_searchIcon_206 {
  color: #474747;
  color: var(--colorIconDefault);
  cursor: pointer;

  /* allow clicks to pass through & focus the input */
  pointer-events: none;
}

.SearchInput_clearIcon_22b {
  cursor: pointer;
  color: #474747;
  color: var(--colorIconDefault);
  opacity: 0.8;
}

.SearchInput_clearIcon_22b:hover {
    opacity: 1;
  }

.SearchInput_searchInput_ee9:placeholder-shown + *:has(.SearchInput_clearIcon_22b) > .SearchInput_clearIcon_22b {
  display: none;
}

.RichTextEditor_Viewer_viewer_355 {
  width: 100%;
  outline: none;
}.RichTextEditor_Viewer_viewer_355 > p:last-child,
  .RichTextEditor_Viewer_viewer_355 ul:last-child,
  .RichTextEditor_Viewer_viewer_355 ol:last-child {
    margin-bottom: 0;
  }.RichTextEditor_Viewer_viewer_355 ol > li {
    list-style-type: decimal;
  }.RichTextEditor_Viewer_viewer_355 ol > li ol > li {
      list-style-type: lower-alpha;
    }.RichTextEditor_Viewer_viewer_355 ol > li ol > li ol > li {
        list-style-type: lower-roman;
      }.RichTextEditor_Viewer_viewer_355 ul > li {
    list-style-type: disc;
  }.RichTextEditor_Viewer_viewer_355 ul > li ul > li {
      list-style-type: circle;
    }.RichTextEditor_Viewer_viewer_355 ul > li ul > li ul > li {
        list-style-type: square;
      }.RichTextEditor_Viewer_viewer_355 p,
  .RichTextEditor_Viewer_viewer_355 > ul {
    margin-bottom: 8px;
    margin-bottom: var(--spacing-8);
  }.RichTextEditor_Viewer_viewer_355 blockquote,
    .RichTextEditor_Viewer_viewer_355 li,
    .RichTextEditor_Viewer_viewer_355 blockquote p,
    .RichTextEditor_Viewer_viewer_355 li p {
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin-bottom: 0;
    }.RichTextEditor_Viewer_viewer_355 blockquote {
    color: #767676;
    color: var(--gray-50);
  }.RichTextEditor_Viewer_viewer_355 mark {
    background-color: rgba(252, 204, 11, 0.3);
    background-color: var(--highlightTextYellow);
  }

.RichTextEditor_Content_root_dd2 {
  all: revert;
  display: flex;
  background-color: #ffffff;
  background-color: var(--formBackground);
}.RichTextEditor_Content_root_dd2 > [contenteditable='true'] {
    min-height: 110px;
  }.RichTextEditor_Content_root_dd2 .ProseMirror {
    width: 100%;
    outline: none;
    /* #endregion */
  }.RichTextEditor_Content_root_dd2 .ProseMirror p:last-child {
      margin: 0;
    }/**
     * Invert margins inside list items to prevent the last p in a list from
     * creating space between it and the next list
     *
     * @see https://github.com/closeio/close-ui/pull/9873
     *
     * :has is a nicer solution but not supported by the Desktop App (Chrome 102)
    */.RichTextEditor_Content_root_dd2 .ProseMirror li p {
      margin: 0;
    }.RichTextEditor_Content_root_dd2 .ProseMirror li p + p {
      margin-top: 8px;
      margin-top: var(--spacing-8);
    }.RichTextEditor_Content_root_dd2 .ProseMirror ol > li {
      list-style-type: decimal;
    }.RichTextEditor_Content_root_dd2 .ProseMirror ol > li ol > li {
        list-style-type: lower-alpha;
      }.RichTextEditor_Content_root_dd2 .ProseMirror ol > li ol > li ol > li {
          list-style-type: lower-roman;
        }.RichTextEditor_Content_root_dd2 .ProseMirror ul > li {
      list-style-type: disc;
    }.RichTextEditor_Content_root_dd2 .ProseMirror ul > li ul > li {
        list-style-type: circle;
      }.RichTextEditor_Content_root_dd2 .ProseMirror ul > li ul > li ul > li {
          list-style-type: square;
        }.RichTextEditor_Content_root_dd2 .ProseMirror p,
    .RichTextEditor_Content_root_dd2 .ProseMirror > ul,
    .RichTextEditor_Content_root_dd2 .ProseMirror > blockquote {
      margin-bottom: 8px;
      margin-bottom: var(--spacing-8);
    }/* reset global type.css CSS for blockquotes and contents */.RichTextEditor_Content_root_dd2 .ProseMirror blockquote,
      .RichTextEditor_Content_root_dd2 .ProseMirror blockquote p {
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        line-height: inherit;
      }.RichTextEditor_Content_root_dd2 .ProseMirror blockquote {
      color: #767676;
      color: var(--colorTextLight);
    }/* #region Placeholder plugin */.RichTextEditor_Content_root_dd2 .ProseMirror .emptyEditor::before {
      content: attr(data-placeholder);
      color: #767676;
      color: var(--colorTextLight);
      pointer-events: none;
      float: left;
      height: 0;
    }/* #endregion *//* #region Collaboration cursor plugin */.RichTextEditor_Content_root_dd2 .ProseMirror .RichTextEditor_Content_collaborationCursorCaret_61b {
      position: relative;
      border-left: 1px solid #e2e2e2;
      border-left: 1px solid var(--borderDefault);
      border-right: 1px solid #e2e2e2;
      border-right: 1px solid var(--borderDefault);
      margin-left: -1px;
      margin-right: -1px;
      pointer-events: none;
      word-break: normal;
    }.RichTextEditor_Content_root_dd2 .ProseMirror .RichTextEditor_Content_collaborationCursorLabel_d0e {
      position: absolute;
      left: -1px;
      top: -14px;
      border-radius: 3px 3px 3px 0;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 600;
      font-weight: var(--fontWeightBold);
      padding: 0 4px;
      padding: 0 var(--spacing-4);
      -webkit-user-select: none;
              user-select: none;
      white-space: nowrap;
    }.RichTextEditor_Content_root_dd2 mark {
    background-color: rgba(252, 204, 11, 0.3);
    background-color: var(--highlightTextYellow);
  }

.LinkEditModal_form_fff {
  margin: 0;
}

.RichTextEditor_Toolbar_toolbar_3be {
  display: flex;
  box-sizing: border-box;
  align-items: stretch;
}

.RichTextEditor_buttons_separator_6e4 {
  animation: none 0s ease 0s 1 normal none running;
  backface-visibility: visible;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  border: medium none currentcolor;
  border-collapse: separate;
  -o-border-image: none;
     border-image: none;
  border-radius: 0;
  border-spacing: 0;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: #000;
  columns: auto;
  column-count: auto;
  column-fill: balance;
  column-gap: normal;
  column-rule: medium none currentcolor;
  column-span: 1;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  height: auto;
  -webkit-hyphens: none;
          hyphens: none;
  left: auto;
  letter-spacing: normal;
  list-style: disc outside none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 2;
  outline: medium none currentcolor;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  right: auto;
  -o-tab-size: 8;
     tab-size: 8;
  table-layout: auto;
  text-align: left;
  text-align-last: auto;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transition: none 0s ease 0s;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 2;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  all: initial;
  border-right: 1px solid #e2e2e2;
  border-right: 1px solid var(--borderDefault);
  margin: 8px;
  margin: var(--spacing-8);
}

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

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

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

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

@media screen and (min-width: 768px) {
  .subComponents_SnoozeMenuButton_caretContainer_f76 {
    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_b24 {
    display: inline-flex;
    height: 16px;
  }
}

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

.Slideable_main_2da {
  overflow: hidden;
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 200ms var(--standardCurve);
}

.SequenceBadgeInlineButton_inlineBadge_ad3 {
  display: inline-block;
  max-width: 100%;
  cursor: pointer;
  margin: 0 4px 2px 0;
  width: -moz-fit-content;
  width: fit-content;
}

.RichPlainText_highlightText_3dc {
  background-color: rgba(252, 204, 11, 0.3);
  background-color: var(--highlightTextYellow);
}

.OptionSwitch_description_ef3 {
  display: block;
  margin-left: 40px;
}

.OptionSwitch_disabled_64e {
  opacity: 0.5;
}

.SecurityPrivacyMessage_hint_60e {
  color: #767676;
  color: var(--colorTextLight);
  font-size: 13px;
  margin-bottom: 15px;
}

label.RadioGroup_LabelWithBorder_label_587 {
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 7px;
  border: 1px solid #e2e2e2;
  border: 1px solid var(--borderDefault);
}label.RadioGroup_LabelWithBorder_label_587:hover {
    border-color: #c6c6c6;
    border-color: var(--borderHover);
  }label.RadioGroup_LabelWithBorder_label_587.isSelected {
    background: #eaf1ff;
    background: var(--bgActiveMuted);
    border-color: #598df2;
    border-color: var(--borderFocused);
  }

.RadioGroup_RadioButton_input_d8a {
  display: none;
}

.RadioGroup_RadioButton_button_267 {
  position: relative;
  color: #2e2e2e;
  color: var(--colorTextDefault);
}

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

.RadioGroup_RadioButton_button_267.isSelected {
    color: #2e2e2e;
    color: var(--colorTextDefault);
  }

.RadioGroup_RadioButton_button_267.isSelected .Btn__icon {
      color: #474747;
      color: var(--colorIconDefault);
    }

label.RadioGroup_RadioItem_label_674 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

input[type='radio'].RadioGroup_RadioItem_radio_f86 {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 14px 0 0;
  flex: 0 0 auto;
}

.RadioGroup_RadioItem_labelContainer_bf1 {
  flex: 0 1 auto;
}

.ScrollDisclosure_box_0cf {
  position: relative;
}

.ScrollDisclosure_box_0cf::before,
  .ScrollDisclosure_box_0cf::after {
    position: absolute;
    z-index: 1;
    content: '';
    transition: box-shadow 0.1s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

.ScrollDisclosure_box_0cf.ScrollDisclosure_wrapsTable_f5f {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tableShadow);
    border-radius: calc(5px - 1px);
    border-radius: calc(var(--tableBorderRadius) - 1px);
  }

.ScrollDisclosure_box_0cf.ScrollDisclosure_hasOverflow_133 {
    overflow: hidden;
  }

.ScrollDisclosure_overflowsLeft_647::before {
  box-shadow: 14px 0 12px -12px rgba(0, 0, 0, 0.1) inset;
}

.ScrollDisclosure_overflowsRight_75a::after {
  box-shadow: -14px 0 12px -12px rgba(0, 0, 0, 0.1) inset;
}

.ScrollDisclosure_inner_28a {
  transform: translate3d(0, 0, 0);
}

.ScrollDisclosure_hasOverflow_133 .ScrollDisclosure_inner_28a {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

.Table_SortableTable_dragCell_033 {
  padding-right: 0;
}

.Table_SortableTable_dragHandle_e4b {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24px;
}

.Table_SortableTable_notDraggable_84b {
  background-color: transparent;
}

.Table_SortableTable_draggableRow_1ba .Table_SortableTable_dragIcon_77a {
    display: none;
  }

/* only show toggle when not sorting
   otherwise hover bleeds into other rows while dragging row around */
@media screen and (min-width: 768px) {
    .Table_SortableTable_sortingEnabled_a97 .Table_SortableTable_dragHandle_e4b {
      cursor: grab;
    }
      .Table_SortableTable_sortingEnabled_a97 .Table_SortableTable_draggableRow_1ba:hover .Table_SortableTable_dragIcon_77a {
        display: block;
      }

      .Table_SortableTable_sortingEnabled_a97 .Table_SortableTable_draggableRow_1ba:hover .Table_SortableTable_index_7ca {
        display: none;
      }
}

.Table_SortableTable_draggedRow_ab8 {
  opacity: 0.75;
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  background-color: var(--bgTableCellDefault);
}

.Table_SortableTable_ghostRow_2bf {
  background-color: #f1f1f1 !important;
  background-color: var(--surfaceBackgroundDark) !important;
}

.Table_SortableTable_ghostRow_2bf {
  outline: 1px dotted #767676;
  outline: 1px dotted var(--gray-50);
}

.Table_SortableTable_ghostRow_2bf * {
    opacity: 0;
  }

.Table_table_d26 {
  --insetTableBorderRadius: calc(--tableBorderRadius - 1px);
  width: 100%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tableShadow);
  border-radius: 5px;
  border-radius: var(--tableBorderRadius);
  border-collapse: separate;
  border: 1px solid #e2e2e2;
  border: 1px solid var(--borderDefault);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms var(--standardCurve);
  border-spacing: 0;
}

.Table_loading_6aa {
  opacity: 0.5;
}

.Table_th_c93 {
  background: #f9f9f9;
  background: var(--bgTableHeaderDefault);
  text-align: left;
  padding: 7px 16px;
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--borderDefault);
  white-space: nowrap;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.Table_th_c93:first-child {
    border-top-left-radius: var(--insetTableBorderRadius);
  }

.Table_th_c93:last-child {
    border-top-right-radius: var(--insetTableBorderRadius);
  }

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

.Table_td_d14 {
  padding: 12px 16px;
}

.Table_tr_d0e {
  background: #ffffff;
  background: var(--bgTableCellDefault);
}

.Table_tr_d0e:not(:first-child) .Table_td_d14 {
      border-top: 1px solid #e2e2e2;
      border-top: 1px solid var(--borderDefault);
    }

.Table_tr_d0e:last-child .Table_td_d14:first-child {
      border-bottom-left-radius: var(--insetTableBorderRadius);
    }

.Table_tr_d0e:last-child .Table_td_d14:last-child {
      border-bottom-right-radius: var(--insetTableBorderRadius);
    }

.Table_tr_d0e.Table_clickable_bf6 {
    cursor: pointer;
  }

.Table_align-right_c4d {
  text-align: right;
}

.Table_align-center_1ea {
  text-align: center;
}

.Table_tr_d0e.Table_hover_ca6:hover {
  background: #fcfcfc;
  background: var(--bgTableCellHover);
}

.Table_cover_3dc {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}

.Table_moreIcon_ddc {
  width: 16px;
  padding: 4px;
  box-sizing: content-box;
  background: none;
  border: none;
  outline: none;
  color: #919191;
  color: var(--colorIconLight);
  display: inline-flex;
}

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

.Table_moreIcon_ddc svg {
    width: 100%;
  }

.BtnGroup > .Btn.MoreButton {
  /* When it's in a ButtonGroup, we want to add border radius on right. Even though MoreButton
     is the last element of a group in the UI, in the DOM, the dropdown is inserted after it */
  border-top-right-radius: 3px;
  border-top-right-radius: var(--baseBorderRadius);
  border-bottom-right-radius: 3px;
  border-bottom-right-radius: var(--baseBorderRadius);
}

.TileSelect_wrapper_259 {
  --options-gap: 15px; /* keep in sync w/ OPTIONS_GAP in ./index.js */
  --options-pointer-width: 10px; /* keep in sync w/ OPTIONS_POINTER_WIDTH in ./index.js */

  /* Pointer sits to the left of the options when stacked */
}

.TileSelect_wrapper_259.TileSelect_stacked_f91.TileSelect_withPointer_b13 {
    position: relative;
    padding-left: 20px;
  }

.TileSelect_options_2f1 {
  display: flex;
  column-gap: var(--options-gap);
}

.TileSelect_stacked_f91 .TileSelect_options_2f1 {
    flex-direction: column;
    row-gap: var(--options-gap);
  }

.TileSelect_optionsLine_607 {
  position: relative;
  margin: 20px 0;
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--borderDefault);
}

.TileSelect_stacked_f91 .TileSelect_optionsLine_607 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    border-bottom: none;
    border-right: 1px solid #e2e2e2;
    border-right: 1px solid var(--borderDefault);
  }

.TileSelect_optionsPointer_093 {
  position: absolute;
}

.TileSelect_optionsPointer_093::before,
  .TileSelect_optionsPointer_093::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    bottom: -1px;
  }

.TileSelect_optionsPointer_093::before {
    z-index: 1;
    border-bottom: var(--options-pointer-width) solid #e2e2e2;
    border-bottom: var(--options-pointer-width) solid var(--borderDefault);
    border-right: var(--options-pointer-width) solid transparent;
    border-left: var(--options-pointer-width) solid transparent;
  }

.TileSelect_optionsPointer_093::after {
    z-index: 2;
    left: 2px;
    border-bottom: calc(var(--options-pointer-width) - 2px) solid
      #ffffff;
    border-bottom: calc(var(--options-pointer-width) - 2px) solid
      var(--surfaceBackgroundDefault);
    border-right: calc(var(--options-pointer-width) - 2px) solid transparent;
    border-left: calc(var(--options-pointer-width) - 2px) solid transparent;
  }

.TileSelect_stacked_f91 .TileSelect_optionsPointer_093::before,
    .TileSelect_stacked_f91 .TileSelect_optionsPointer_093::after {
      left: 0;
      bottom: auto;
      bottom: initial;
    }

.TileSelect_stacked_f91 .TileSelect_optionsPointer_093::before {
      border: medium none currentcolor;
      border: initial;
      border-bottom: var(--options-pointer-width) solid transparent;
      border-top: var(--options-pointer-width) solid transparent;
      border-left: var(--options-pointer-width) solid #e2e2e2;
      border-left: var(--options-pointer-width) solid var(--borderDefault);
    }

.TileSelect_stacked_f91 .TileSelect_optionsPointer_093::after {
      top: 2px;
      border: medium none currentcolor;
      border: initial;
      border-bottom: calc(var(--options-pointer-width) - 2px) solid transparent;
      border-top: calc(var(--options-pointer-width) - 2px) solid transparent;
      border-left: calc(var(--options-pointer-width) - 2px) solid
        #ffffff;
      border-left: calc(var(--options-pointer-width) - 2px) solid
        var(--surfaceBackgroundDefault);
    }

.TileSelect_input_116 {
  display: none;
}

.TileSelect_horizontalRadioOptionLabel_622 {
  padding: 12px 16px;
  flex: 1;
  margin: 0;
}

.TileSelect_centered_6fd .TileSelect_horizontalRadioOptionLabel_622 {
    text-align: center;
  }

.TileSelect_optionHeading_da4 {
  margin-bottom: 8px;
  display: flex;
  gap: 4px;
  align-items: center;
}

.TileSelect_centered_6fd .TileSelect_optionHeading_da4 {
    justify-content: center;
  }

.MultiSortBySelect_buttonContainer_551 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px;
}

.MultiSortBySelect_button_175 {
  flex: 1 0 auto;
  margin: 4px;
}

.MultiSortBySelect_popoverActions_fca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* To eat up the PopoverFooter component padding.
     We don't have a design system for PopoverFooter at the moment.
     TODO: remove this when we have a design system. */
  margin: -8px -14px;
  padding: 8px;
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
}

.MultiSortBySelect_anotherSortFieldButton_384:disabled,
  .MultiSortBySelect_anotherSortFieldButton_384:disabled:hover {
    border: none;
  }

.MultiSortBySelect_SortFieldsList_sortField_692 {
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 10px;
}

@media screen and (min-width: 768px) {
      .MultiSortBySelect_SortFieldsList_sortField_692:hover .MultiSortBySelect_SortFieldsList_dragHandle_dde {
        display: flex;
      }

        .MultiSortBySelect_SortFieldsList_sortField_692:hover .MultiSortBySelect_SortFieldsList_dragHandle_dde + .MultiSortBySelect_SortFieldsList_sortFieldNumber_fca {
          display: none;
        }
  }

.MultiSortBySelect_SortFieldsList_sortFieldNumber_fca {
  width: 16px;
  margin: 0 8px;
  line-height: 16px;
  text-align: center;
}

.MultiSortBySelect_SortFieldsList_sortFieldLabelWrapper_9b5 {
  position: relative;
  width: 198px;
}

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

.MultiSortBySelect_SortFieldsList_sortFieldLabelWrapper_9b5 {
    width: 140px;
}
  }

.MultiSortBySelect_SortFieldsList_directionButtons_b74 {
  display: flex;
  align-items: center;
  margin: 0 0 0 8px;
}

.MultiSortBySelect_SortFieldsList_directionButtons_b74 .MultiSortBySelect_SortFieldsList_directionButton_701 {
    width: 72px;
    height: 28px;
    border: 2px solid #ddd;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    font-weight: var(--fontWeightBold);
  }

.MultiSortBySelect_SortFieldsList_directionButtons_b74 .MultiSortBySelect_SortFieldsList_directionButton_701.MultiSortBySelect_SortFieldsList_active_feb {
      border-color: #598df2;
      border-color: var(--borderActive);
    }

.MultiSortBySelect_SortFieldsList_directionButtons_b74 .MultiSortBySelect_SortFieldsList_directionButton_701:last-child {
      margin: 0 0 0 8px;
    }

.MultiSortBySelect_SortFieldsList_removeButton_df8 {
  margin: 0 0 0 4px;
  color: #919191;
  color: var(--colorIconLight);
}

.MultiSortBySelect_SortFieldsList_dragHandle_dde {
  display: none;
  align-items: center;
  margin: 0 8px;
  cursor: grab;
}

.MultiSortBySelect_SortFieldsList_dragHandle_dde svg {
    width: 16px;
  }

.Tabs_tabs_162 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--borderDefault);
}

.Tabs_tabs_162:not(.Tabs_fitted_381) {
    justify-content: flex-start;
    grid-template-columns: min-content;
    gap: 24px;
  }

.Tabs_tab_40f {
  display: block;
}

.Tabs_tabButton_287 {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
          appearance: none;
  background: none;
  border: none;
  white-space: nowrap;
  padding: 0 0 10px;
  margin-bottom: -1px;
  color: #767676;
  color: var(--colorTextLight);
  transition: color 0.2s ease;
}

.Tabs_fitted_381 .Tabs_tabButton_287 {
    width: 100%;
    justify-content: center;
  }

.Tabs_tabButton_287::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 1px;
    background-color: transparent;
    transition: background-color 0.2s ease;
  }

.Tabs_tabButton_287.Tabs_active_bea,
  .Tabs_tabButton_287:hover {
    outline: none;
    color: #2e2e2e;
    color: var(--colorTextDefault);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.Tabs_tabButton_287.Tabs_active_bea .Tabs_badge_31a,
    .Tabs_tabButton_287:hover .Tabs_badge_31a,
    .Tabs_tabButton_287.Tabs_active_bea .Tabs_icon_aad,
    .Tabs_tabButton_287:hover .Tabs_icon_aad {
      color: #2e2e2e;
      color: var(--colorTextDefault);
    }

/* reset focus styles when tab is a link */

.Tabs_tabButton_287:focus {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.Tabs_tabButton_287.Tabs_active_bea::after {
    background-color: #2e2e2e;
    background-color: var(--colorTextDefault);
  }

.Tabs_tabButton_287:not(.Tabs_active_bea):hover::after {
    background-color: #c6c6c6;
    background-color: var(--borderHover);
  }

.Tabs_badgeWrap_cc9 {
  margin-left: 6px;
  vertical-align: bottom;
  min-width: 1em;
  line-height: 1;
}

/* This is essentially the `outlined` variant of Badge, but we're using
   BaseBadge instead so we can apply different active/inactive styles */
.Tabs_badge_31a {
  border-color: #e2e2e2;
  border-color: var(--borderDefault);
  color: #767676;
  color: var(--colorTextLight);
  background-color: #e2e2e2;
  background-color: var(--bgDefault);
}

.Tabs_icon_aad {
  height: 16px;
  width: 16px;
  margin-right: 6px;
  color: #919191;
  color: var(--colorIconLight);
  transition: color 0.2s ease;
}

.RichTextEditor_Input_root_501 {
  display: flex;
  flex-direction: column;

  border: 1px solid #e2e2e2;

  border: 1px solid var(--borderDefault);
  border-radius: 7px;
  border-radius: var(--baseInputBorderRadius);
}.RichTextEditor_Input_root_501:focus-within {
    border-color: #598df2;
    border-color: var(--borderFocused);
  }

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

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

.TimeInput_menu_53e:focus {
    outline: none;
  }

.TimeInput_item_a3e {
  padding-right: 12px;
}

.TimeInput_Menu_isScrollable_a34 {
  overflow-y: auto;
}

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

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

.TimeInput_Item_defaultSelected_af9:not(.TimeInput_Item_disabled_4bd) {
  background-color: #f1f1f1;
  background-color: var(--selectHover);
}

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

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

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

.TimeInput_Item_divider_7e4 {
  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_7e4 + .TimeInput_Item_divider_7e4 {
    display: none;
  }


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