/* needs specificity to override UnstyledButton */
button.Button_LinkButton_linkButton_390 {
  color: #3781b8;
  color: var(--linkColor);
}
button.Button_LinkButton_linkButton_390:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #3274a6;
    color: var(--linkColorHover);
  }

.Button_LinkButton_small_d6f {
  font-size: 13px;
}

/* some reset rules from https://gist.github.com/MoOx/9137295 */
.Button_UnstyledButton_button_41c {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  text-align: inherit;
  font: inherit;
  line-height: normal;
  vertical-align: inherit;
  color: inherit;

  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;

  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

.IconSVG {
  line-height: 0;
  vertical-align: middle;
}

.IconSVG--inlineBlock {
  display: inline-block;
  vertical-align: text-bottom;
}

.IconSVG--tiny svg {
  width: 8px;
}

.IconSVG--mini svg {
  width: 12px;
}

.IconSVG--small svg {
  width: 14px;
}

.IconSVG--regular svg {
  width: 16px;
}

.IconSVG--large svg {
  width: 20px;
}

.IconSVG--fluid svg {
  width: 100%;
}

.HintIcon_hintIcon_d60 {
  margin: 0 4px;
  align-self: center;
}


  .Field_Field_b43.Field_withMargin_8ce {
    margin-bottom: 20px;
  }

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

.Field_content_43f.Field_errorBottom_0c4 {
    flex-direction: column;
    align-items: inherit;
  }

div.Field_label_08d,
label.Field_label_08d {
  /* TODO: remove hardcoded value and set on consumer container
     https://github.com/closeio/closeio/issues/18925
     this could then be set to 100% all the time */
  width: 340px;
  margin: 0;
  font-size: 14px;
}

div.Field_label_08d.Field_disabled_1cc, label.Field_label_08d.Field_disabled_1cc {
    cursor: default;
  }

div.Field_label_08d.Field_fullWidth_758, label.Field_label_08d.Field_fullWidth_758 {
    width: 100%;
  }

.Field_labelText_6f5 {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  line-height: 16px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.Field_disabled_1cc > .Field_labelText_6f5 {
    opacity: 0.5;
  }

.Field_description_a9c {
  margin-top: 8px;
  color: #5e5e5e;
  color: var(--colorTextMedium);
  line-height: 16px;
  word-wrap: break-word;
  word-break: break-word;
}

.Field_error_947 {
  color: #dd0f21;
  color: var(--colorTextDanger);
  padding-left: 20px;
}

.Field_error_947.Field_rightWithLabel_f6f {
    margin-top: 24px;
  }

.Field_error_947.Field_bottom_b22 {
    margin-top: 5px;
    width: 100%;
    padding: 0;
  }

.Field_errorIcon_141 {
  margin-right: 5px;
}

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

.Input_fieldContainer_77b {
  width: 100%;
  position: relative;

  /* Large size */
  --fontSize: 20px;
  --inputHeight: 50px;
  --verticalPadding: 8px;
  --horizontalPadding: 16px;
  --prefixSuffixGap: 12px;

  /* Defaults */
  --iconWidth: 16px;
  --paddingLeft: var(--horizontalPadding);
  --paddingRight: var(--horizontalPadding);
}

.Input_fieldContainerSmall_b60 {
  --fontSize: inherit;
  --inputHeight: 32px;
  --verticalPadding: 4px;
  --horizontalPadding: 12px;
  --prefixSuffixGap: 8px;
}

.Input_fieldContainerSmall_b60 .Input_textarea_41a {
    height: inherit;
  }

.Input_fieldContainerTiny_847 {
  --fontSize: 12px;
  --inputHeight: 26px;
  --verticalPadding: 3px;
  --horizontalPadding: 8px;
  --prefixSuffixGap: 6px;
}

.Input_fieldContainerTiny_847 .Input_textarea_41a {
    height: inherit;
  }

.Input_fieldPrefix_380,
.Input_fieldSuffix_019 {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  box-sizing: border-box;
  font-size: var(--fontSize);
  color: #767676;
  color: var(--colorTextLight);
}

.Input_fieldPrefix_380 {
  width: var(--iconWidth);
  left: var(--horizontalPadding);
}

.Input_fieldSuffix_019 {
  /* we have some suffixes bigger than the default size, i.e. "seconds" */
  min-width: var(--iconWidth);
  right: var(--horizontalPadding);
}

.Input_fieldContainerWithPrefix_339 .Input_input_fe6 {
    --paddingLeft: calc(
      var(--horizontalPadding) + var(--iconWidth) + var(--prefixSuffixGap)
    );
  }

.Input_fieldContainerWithSuffix_b55 .Input_input_fe6 {
    --paddingRight: calc(
      var(--horizontalPadding) + var(--iconWidth) + var(--prefixSuffixGap)
    );
  }

.Input_textarea_41a,
.Input_input_fe6.Input_input_fe6 {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  display: block;
  text-align: inherit;
  font-size: var(--fontSize);
  height: 32px;
  height: var(--inputHeight);
  padding: var(--verticalPadding) var(--paddingRight) var(--verticalPadding)
    var(--paddingLeft);

  color: #2e2e2e;

  color: var(--colorTextDefault);
  border-radius: 7px;
  border-radius: var(--baseInputBorderRadius);
  border: 1px solid #e2e2e2;
  border: 1px solid var(--borderDefault);
  box-shadow: none;
}

.Input_textarea_41a[aria-invalid='true'], .Input_input_fe6.Input_input_fe6[aria-invalid='true'] {
    border-color: #dd0f21;
    border-color: var(--borderDanger);
  }

.Input_textarea_41a:focus, .Input_input_fe6.Input_input_fe6:focus {
    outline: 0;
    border-color: #598df2;
    border-color: var(--borderFocused);
  }

.Input_input_fe6[type='number']::-webkit-outer-spin-button,
.Input_input_fe6[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Input_input_fe6[type='number'] {
  -moz-appearance: textfield; /* Firefox */
}

.FormikAdapter_FormikField_input_6dc,

.FormikAdapter_FormikField_input_6dc[type] {
  /* We don't want input elements to have margins themselves by default.
     Margins can be added on the Field level, or if necessary by passing
     inputComponentClassName to FormikField with a margin in place */
  margin: 0;

  /* Always stretch inputs to 100% of the FormikField by default. */
  box-sizing: border-box;
  width: 100%;

  /* Bootstrap isn't applying border-box which means we have to also tweak
     the default height to accommodate this. */
}.FormikAdapter_FormikField_input_6dc[type='text'],
  .FormikAdapter_FormikField_input_6dc[type][type='text'],
  .FormikAdapter_FormikField_input_6dc[type='password'],
  .FormikAdapter_FormikField_input_6dc[type][type='password'],
  .FormikAdapter_FormikField_input_6dc[type='datetime'],
  .FormikAdapter_FormikField_input_6dc[type][type='datetime'],
  .FormikAdapter_FormikField_input_6dc[type='datetime-local'],
  .FormikAdapter_FormikField_input_6dc[type][type='datetime-local'],
  .FormikAdapter_FormikField_input_6dc[type='date'],
  .FormikAdapter_FormikField_input_6dc[type][type='date'],
  .FormikAdapter_FormikField_input_6dc[type='month'],
  .FormikAdapter_FormikField_input_6dc[type][type='month'],
  .FormikAdapter_FormikField_input_6dc[type='time'],
  .FormikAdapter_FormikField_input_6dc[type][type='time'],
  .FormikAdapter_FormikField_input_6dc[type='week'],
  .FormikAdapter_FormikField_input_6dc[type][type='week'],
  .FormikAdapter_FormikField_input_6dc[type='number'],
  .FormikAdapter_FormikField_input_6dc[type][type='number'],
  .FormikAdapter_FormikField_input_6dc[type='email'],
  .FormikAdapter_FormikField_input_6dc[type][type='email'],
  .FormikAdapter_FormikField_input_6dc[type='url'],
  .FormikAdapter_FormikField_input_6dc[type][type='url'],
  .FormikAdapter_FormikField_input_6dc[type='search'],
  .FormikAdapter_FormikField_input_6dc[type][type='search'],
  .FormikAdapter_FormikField_input_6dc[type='tel'],
  .FormikAdapter_FormikField_input_6dc[type][type='tel'],
  .FormikAdapter_FormikField_input_6dc[type='color'],
  .FormikAdapter_FormikField_input_6dc[type][type='color'] {
    height: 32px;
    height: var(--inputHeight);
  }

.IconButton_iconButton_753 {
  --scopedBaseColor: var(--colorIconDefault);
  --hoverColor: var(--colorTextDefault);

  border: 0;
  background: transparent;
  color: #474747;
  color: var(--scopedBaseColor);
  width: 32px;
  width: var(--inputHeight);
  height: 32px;
  height: var(--inputHeight);
  outline: none;
  padding: 0;
}.IconButton_iconButton_753.IconButton_disabled_4e5 {
    pointer-events: none;
    opacity: 0.5;
  }.IconButton_iconButton_753.IconButton_grow_0f3 {
    height: auto;
    height: initial;
    width: auto;
    width: initial;
  }.IconButton_iconButton_753.IconButton_grow_0f3 span {
      height: auto;
      height: initial;
      width: auto;
      width: initial;
    }.IconButton_iconButton_753 span {
    display: flex;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0 auto;
  }.IconButton_iconButton_753 svg {
    width: 100%;
    /* prevent title tags from showing browser tooltips */
    pointer-events: none;
  }.IconButton_iconButton_753:hover,
  .IconButton_iconButton_753:focus {
    color: var(--hoverColor);
  }.IconButton_iconButton_753:focus:not(:hover) {
    border-radius: 50%;
    box-shadow: 0 0 0 3px
      rgba(20, 99, 255, 0.5);
  }@supports (color: color-mix(in lch, red, blue)) {
.IconButton_iconButton_753:focus:not(:hover) {
    box-shadow: 0 0 0 3px
      color-mix(in srgb, transparent 50%, var(--colorBrandBlue));
  }
}.IconButton_iconButton_753.IconButton_active_ec2 {
    background-color: rgba(0, 0, 0, 0.1);
  }.IconButton_iconButton_753.IconButton_small_752 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
  }.IconButton_iconButton_753.IconButton_small_752 span {
      width: 14px;
      height: 14px;
    }.IconButton_iconButton_753.IconButton_small_752,
  .IconButton_iconButton_753.IconButton_round_962 {
    border-radius: 50%;
  }.IconButton_iconButton_753.IconButton_small_752.IconButton_withHoverBackground_e44:hover,
    .IconButton_iconButton_753.IconButton_round_962.IconButton_withHoverBackground_e44:hover,
    .IconButton_iconButton_753.IconButton_small_752.IconButton_hover_506.IconButton_withHoverBackground_e44,
    .IconButton_iconButton_753.IconButton_round_962.IconButton_hover_506.IconButton_withHoverBackground_e44 {
      background-color: rgba(0, 0, 0, 0.05);
    }.IconButton_iconButton_753.IconButton_small_752.IconButton_withHoverBackground_e44.IconButton_active_ec2:hover, .IconButton_iconButton_753.IconButton_round_962.IconButton_withHoverBackground_e44.IconButton_active_ec2:hover, .IconButton_iconButton_753.IconButton_small_752.IconButton_hover_506.IconButton_withHoverBackground_e44.IconButton_active_ec2, .IconButton_iconButton_753.IconButton_round_962.IconButton_hover_506.IconButton_withHoverBackground_e44.IconButton_active_ec2 {
        background-color: rgba(0, 0, 0, 0.15);
      }.IconButton_iconButton_753.IconButton_notAButton_4e8 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

.BottomSheet_backdrop_2ad {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  z-index: var(--zindexModalBackdrop);
  background-color: transparent;
  transition: background-color 300ms ease-in-out;
}

.BottomSheet_backdrop_2ad.BottomSheet_afterOpen_1d8 {
    /* TODO [darkmode] token/alias for backdrops? */
    background-color: rgba(25, 25, 25, 0.7);
  }

.BottomSheet_backdrop_2ad.BottomSheet_beforeClose_993 {
    background-color: transparent;
  }

.BottomSheet_sheet_724 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  z-index: var(--zIndexModal);
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
  border-radius: 7px 7px 0 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 400ms cubic-bezier(0.28, 0.03, 0.25, 1);
  /* always leave some room for the backdrop */
  max-height: calc(100vh - 120px);
}

.BottomSheet_sheet_724:focus {
    outline: none;
  }

.BottomSheet_sheet_724.BottomSheet_afterOpen_1d8 {
    transform: translate3d(0, 0, 0);
  }

.BottomSheet_sheet_724.BottomSheet_beforeClose_993 {
    transform: translate3d(0, 100%, 0);
  }

.BottomSheet_fixedHeight_b81 {
  height: calc(100vh - 120px);
}

.BottomSheet_header_99c {
  padding: 16px;
  padding: var(--spacing-16);
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--borderDefault);
}

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

.BottomSheet_title_4f6 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}

.BottomSheet_scrollContainer_1a7 {
  min-height: 0;
  overflow-y: auto;
}

.BottomSheet_scrollContainerInner_074 {
  padding: 8px 0 32px;
  padding: var(--spacing-8) 0 var(--spacing-32);
}

.Badge_badge_c32 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  padding: 3px 7px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  color: #2e2e2e;
  color: var(--colorTextDefault);
  border-radius: 50px;
  line-height: 12px;
  overflow: hidden;
  max-width: 100%;
  min-width: 20px;
  min-height: 20px;

  /*
    We don't want any default text-shadows to be set on the Badge.
    Remove any shadow set by eg. Message component
  */
  text-shadow: none;

  /* This is assigned a color elsewhere */
  border: 1px solid transparent;
}

.Badge_icon_ea1 {
  margin-right: 4px;
  display: inline-block;
  height: 12px;
}

.Badge_icon_ea1 svg {
    width: 12px;
    height: 12px;
    vertical-align: bottom;
  }

.Badge_small_87f {
  font-size: 10px;
  padding: 2px 4px;
  min-width: 16px;
  line-height: 10px;
  min-height: 16px;
}

.Badge_small_87f .Badge_icon_ea1 {
    margin-right: 5px;
    height: 10px;
  }

.Badge_small_87f .Badge_icon_ea1 svg {
      width: 10px;
      height: 10px;
    }

.Badge_isCircle_2fd {
  padding: 3px 1px;
}

.Badge_isCircle_2fd.Badge_small_87f {
    padding: 2px;
  }

.Badge_isCircle_2fd .Badge_icon_ea1 {
    margin: 0;
  }

.Badge_default_708 {
  background-color: #e2e2e2;
  background-color: var(--borderDefault);

  /* only default style supports an outline atm */
}

.Badge_default_708.Badge_outlined_bbd {
    border-color: #e2e2e2;
    border-color: var(--gray-10);
    background-color: white;
  }

.Badge_text_9c4,
.Badge_prefix_745 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 50%;
  max-width: max-content;
}
.Badge_prefix_745 {
  color: #2e2e2e;
  color: var(--colorTextDefault);
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
  /* eat padding of Badge */
  margin: -4px 6px -4px -7px;
  padding: 3px 7px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border: 1px solid #e2e2e2;
  border: 1px solid var(--gray-10);
  border-right: 0;
}
.Badge_small_87f .Badge_prefix_745 {
    margin: -3px 6px -3px -4px;
    padding: 2px 6px;
  }

.Badge_info_65c,
.Badge_danger_d5c,
.Badge_success_402 {
  color: white;
}

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

.Badge_warning_91f {
  background-color: #fccc0b;
  background-color: var(--warningPrimaryColor);
}

.Badge_danger_d5c {
  background-color: #dd0f21;
  background-color: var(--failurePrimaryColor);
}

.Badge_success_402 {
  background-color: #4ec375;
  background-color: var(--successPrimaryColor);
}

.Badge_active_d0f {
  background-color: #ffbd2e;
  background-color: var(--statusTypeActiveColor);
}

.Badge_inverted_202 {
  background-color: #ffffff;
  background-color: var(--white);
}

.Badge_inverted_202.Badge_outlined_bbd {
    border-color: #e2e2e2;
    border-color: var(--gray-10);
  }

.Checkbox {
  --focusedBorderColor: rgba(82, 168, 236, 0.8);

  cursor: pointer;
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  -webkit-user-select: none;
          user-select: none;
}

.Checkbox--isLoading {
  opacity: 0.5;
  opacity: var(--disabledOpacity);
}

.Checkbox__label {
  cursor: pointer;
  color: #2e2e2e;
  color: var(--colorTextDefault);
  display: flex;
  align-items: flex-start;
  font-weight: normal;
  max-width: 100%;
  position: relative;

  /**
   * The checkbox "box"
   * Colors are defined state by state below
   */
}

.Checkbox__label::before {
    content: '';
    position: relative;
    top: 1px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    transition:
      border 80ms ease-in-out, background 80ms ease-in-out;
    margin-right: 12px;
    flex: 0 0 14px;
    box-sizing: border-box;
  }

/**
   * The checkbox checkmark
   * Colors are defined state by state below
   */

.Checkbox__label::after {
    content: '';
    display: none;
    position: absolute;
    width: 3px;
    height: 6px;
    top: 3px;
    left: 5px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate3d(0, 0, 1, 45deg);
  }

.Checkbox__label:empty {
    /* the label should only take the size of the checkbox when it's empty */
    width: 14px;
  }

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

.Checkbox__label.is-disabled {
    color: #5e5e5e;
    color: var(--colorTextMedium);
  }

.Checkbox__label.is-bold {
    font-weight: 600;
    font-weight: var(--fontWeightBold);
  }

.Checkbox__label--isMobile {
  pointer-events: none; /* mobile: otherwise the label doesn't check the box */
}

.Checkbox__label--halfChecked::after {
  display: block;
  transform: none;
  top: calc(50% - 7px);
  left: 4px;
  width: 6px;
  border-width: 0 0 2px 0;
}

.Checkbox__label--left::before {
    margin-right: 0;
    margin-left: 12px;
    order: 1;
  }

.Checkbox__label--left::after {
    right: 4px;
    left: auto;
    left: initial;
  }

.Checkbox__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.Checkbox__input:disabled ~ .Checkbox__label {
    color: #5e5e5e;
    color: var(--colorTextMedium);
    cursor: not-allowed;
  }

/**
 * Default (enabled unchecked)
 */
/* box */
.Checkbox__label::before {
    background-color: #ffffff;
    background-color: var(--bgFormControlEnabledUnchecked);
    border-color: #e2e2e2;
    border-color: var(--borderFormControlEnabledUnchecked);
  }

/**
 * Disabled unchecked
 */

/* box */

.Checkbox__input:disabled ~ .Checkbox__label::before,
  .Checkbox__input:disabled ~ .Checkbox__label--halfChecked::before {
    background: #e2e2e2;
    background: var(--bgFormControlDisabled);
    border-color: #e2e2e2;
    border-color: var(--bgFormControlDisabled);
  }

/* box */

.Checkbox__input:disabled ~ .Checkbox__label::after,
  .Checkbox__input:disabled ~ .Checkbox__label--halfChecked::after {
    border-color: #919191;
    border-color: var(--fillFormControlDisabled);
  }

/**
 * Enabled checked/halfchecked
 */

/* box */
.Checkbox__input:checked ~ .Checkbox__label::before,
.Checkbox__label--halfChecked::before {
  border-color: #2b6cf0;
  border-color: var(--bgFormControlEnabledChecked);
  background: #2b6cf0;
  background: var(--bgFormControlEnabledChecked);
}

/* mark */
.Checkbox__input:checked ~ .Checkbox__label::after,
.Checkbox__label--halfChecked::after {
  display: flex;
  border-color: #ffffff;
  border-color: var(--fillFormControlEnabled);
}

/**
 * Disabled checked/halfchecked
 */

/* box */
.Checkbox__input:disabled:checked ~ .Checkbox__label::before,
  .Checkbox__input:disabled:checked ~ .Checkbox__label--halfChecked::before {
    background: #e2e2e2;
    background: var(--bgFormControlDisabled);
    border-color: #e2e2e2;
    border-color: var(--bgFormControlDisabled);
  }
.Checkbox__input:disabled:checked ~ .Checkbox__label::after,
  .Checkbox__input:disabled:checked ~ .Checkbox__label--halfChecked::after {
    border-color: #919191;
    border-color: var(--fillFormControlDisabled);
  }

/* focus */
.Checkbox__input:focus ~ .Checkbox__label::before {
  border-color: var(--focusedBorderColor);
  box-shadow: 0 0 0 3px
    rgba(20, 99, 255, 0.5);
}
@supports (color: color-mix(in lch, red, blue)) {
.Checkbox__input:focus ~ .Checkbox__label::before {
  box-shadow: 0 0 0 3px
    color-mix(in srgb, transparent 50%, var(--colorBrandBlue));
}
}

.DotSeparator_dotSeparator_57a {
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
  color: #919191;
  color: var(--colorIconLight);
}

.Button_OAuthButton_noPadding_968 {
  padding: 0 !important;
}

.Button_OAuthButton_text_255 {
  font-size: 14px;
  line-height: 16px;
  line-height: var(--spacing-16);
  color: #303030;
  color: var(--gray-80);
  border-radius: 0 16px 16px 0;
  border-radius: 0 var(--spacing-16) var(--spacing-16) 0;
  margin: 0;
  padding: 6px 16px 6px 4px;
  padding: 6px var(--spacing-16) 6px var(--spacing-4);
}

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

.Button_OAuthButton_button_8da {
  display: grid;
  grid-template-columns: 36px min-content;
  align-items: center;
}

.Button_OAuthButton_button_8da.Button_OAuthButton_fullWidth_d9c {
    grid-template-columns: 36px 1fr;
    width: 100%;
  }

.Button_OAuthButton_button_8da .Button_OAuthButton_icon_033 {
    position: static;
    position: initial;
  }

.Button_OAuthButton_button_8da.Button_OAuthButton_dark_cdd .Button_OAuthButton_text_255 {
      color: #ffffff;
      color: var(--white);
      padding: 6px 16px 6px 8px;
      padding: 6px var(--spacing-16) 6px var(--spacing-8);
    }

.Button_OAuthButton_button_8da.Button_OAuthButton_dark_cdd.Button_OAuthButton_google_7f9 .Button_OAuthButton_text_255 {
        background: #4285f4;
      }

.Button_OAuthButton_button_8da.Button_OAuthButton_dark_cdd.Button_OAuthButton_microsoft_b07 .Button_OAuthButton_text_255 {
        background: #2f2f2f;
      }

.Button_OAuthButton_centered_d7e.Button_OAuthButton_button_8da {
    display: flex;
    justify-content: center;
  }

.Button_OAuthButton_large_6f8 {
  border-radius: 100px !important;
}

.Button_OAuthButton_large_6f8 .Button_OAuthButton_button_8da {
    height: 44px;
  }

.Button_OAuthButton_large_6f8 .Button_OAuthButton_button_8da .Button_OAuthButton_text_255 {
      border-radius: 0 100px 100px 0;
      font-weight: 600;
      font-weight: var(--fontWeightBold);
      font-size: 16px;
      line-height: 130%;
    }

.Button_OAuthButton_large_6f8 .Button_OAuthButton_button_8da .Button_OAuthButton_icon_033 svg {
      width: 24px;
      height: 24px;
    }

.Form_hiddenSubmit_e04 {
  /*
    We can't use "display: none" as implicit form submit would NOT work in Safari if there is a readonly element.
    See https://stackoverflow.com/questions/47559991/html-form-onsubmit-fails-to-fire-on-certain-browsers-with-hidden-submit-button-a
  */
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -3000px;
}

.ErrorPage_ErrorPageSimple_container_634 {
  font-size: 16px;
}

.ErrorPage_ErrorPageSimple_isFullscreen_9d5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3; /* above lead page stuff and below search input */
  min-height: 350px;
}

.ErrorPage_ErrorPageSimple_subtitle_68b {
  margin-top: 10px;
}

.ErrorPage_ErrorPageSimple_children_c81 {
  margin-top: 50px;
}

.ErrorPage_ErrorPageSimple_icon_882 {
  width: 70px;
  margin-bottom: 30px;
  color: #919191;
  color: var(--colorIconLight);
}

.ErrorPage_ErrorPageSimple_logo_696 {
  width: 130px;
  margin-bottom: 30px;
}

.ErrorPage_ErrorPageSimple_status_216 {
  margin-top: 50px;
}


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/signup~08054841.1c90f9d678d21cd863d8.js.map*/