.Gap_root_8b9 {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}

.structure_utils_pt-0_d51 {
  padding-top: 0px;
}
.structure_utils_pr-0_a2d {
  padding-right: 0px;
}
.structure_utils_pb-0_1a9 {
  padding-bottom: 0px;
}
.structure_utils_pl-0_168 {
  padding-left: 0px;
}
.structure_utils_gap-0_548 {
  gap: 0px;
}
.structure_utils_width-0_bfe {
  width: 0px;
}
.structure_utils_height-0_cb9 {
  height: 0px;
}
.structure_utils_pt-4_059 {
  padding-top: 4px;
}
.structure_utils_pr-4_de0 {
  padding-right: 4px;
}
.structure_utils_pb-4_177 {
  padding-bottom: 4px;
}
.structure_utils_pl-4_263 {
  padding-left: 4px;
}
.structure_utils_gap-4_04c {
  gap: 4px;
}
.structure_utils_width-4_633 {
  width: 4px;
}
.structure_utils_height-4_762 {
  height: 4px;
}
.structure_utils_pt-8_a90 {
  padding-top: 8px;
}
.structure_utils_pr-8_36f {
  padding-right: 8px;
}
.structure_utils_pb-8_c73 {
  padding-bottom: 8px;
}
.structure_utils_pl-8_5ce {
  padding-left: 8px;
}
.structure_utils_gap-8_843 {
  gap: 8px;
}
.structure_utils_width-8_631 {
  width: 8px;
}
.structure_utils_height-8_4c5 {
  height: 8px;
}
.structure_utils_pt-12_128 {
  padding-top: 12px;
}
.structure_utils_pr-12_2b5 {
  padding-right: 12px;
}
.structure_utils_pb-12_ee4 {
  padding-bottom: 12px;
}
.structure_utils_pl-12_022 {
  padding-left: 12px;
}
.structure_utils_gap-12_99d {
  gap: 12px;
}
.structure_utils_width-12_d89 {
  width: 12px;
}
.structure_utils_height-12_64a {
  height: 12px;
}
.structure_utils_pt-16_765 {
  padding-top: 16px;
}
.structure_utils_pr-16_311 {
  padding-right: 16px;
}
.structure_utils_pb-16_555 {
  padding-bottom: 16px;
}
.structure_utils_pl-16_acd {
  padding-left: 16px;
}
.structure_utils_gap-16_e87 {
  gap: 16px;
}
.structure_utils_width-16_3e2 {
  width: 16px;
}
.structure_utils_height-16_211 {
  height: 16px;
}
.structure_utils_pt-20_3d5 {
  padding-top: 20px;
}
.structure_utils_pr-20_b48 {
  padding-right: 20px;
}
.structure_utils_pb-20_0cb {
  padding-bottom: 20px;
}
.structure_utils_pl-20_72a {
  padding-left: 20px;
}
.structure_utils_gap-20_6f9 {
  gap: 20px;
}
.structure_utils_width-20_e02 {
  width: 20px;
}
.structure_utils_height-20_0b0 {
  height: 20px;
}
.structure_utils_pt-24_342 {
  padding-top: 24px;
}
.structure_utils_pr-24_4ce {
  padding-right: 24px;
}
.structure_utils_pb-24_b1e {
  padding-bottom: 24px;
}
.structure_utils_pl-24_e8d {
  padding-left: 24px;
}
.structure_utils_gap-24_aec {
  gap: 24px;
}
.structure_utils_width-24_100 {
  width: 24px;
}
.structure_utils_height-24_2ab {
  height: 24px;
}
.structure_utils_pt-32_53b {
  padding-top: 32px;
}
.structure_utils_pr-32_082 {
  padding-right: 32px;
}
.structure_utils_pb-32_b8e {
  padding-bottom: 32px;
}
.structure_utils_pl-32_ca1 {
  padding-left: 32px;
}
.structure_utils_gap-32_321 {
  gap: 32px;
}
.structure_utils_width-32_27f {
  width: 32px;
}
.structure_utils_height-32_c27 {
  height: 32px;
}
.structure_utils_pt-40_b0a {
  padding-top: 40px;
}
.structure_utils_pr-40_f89 {
  padding-right: 40px;
}
.structure_utils_pb-40_e58 {
  padding-bottom: 40px;
}
.structure_utils_pl-40_ebd {
  padding-left: 40px;
}
.structure_utils_gap-40_929 {
  gap: 40px;
}
.structure_utils_width-40_47a {
  width: 40px;
}
.structure_utils_height-40_79b {
  height: 40px;
}
.structure_utils_pt-48_f0f {
  padding-top: 48px;
}
.structure_utils_pr-48_393 {
  padding-right: 48px;
}
.structure_utils_pb-48_387 {
  padding-bottom: 48px;
}
.structure_utils_pl-48_13e {
  padding-left: 48px;
}
.structure_utils_gap-48_f7d {
  gap: 48px;
}
.structure_utils_width-48_0a4 {
  width: 48px;
}
.structure_utils_height-48_73f {
  height: 48px;
}
.structure_utils_pt-64_b20 {
  padding-top: 64px;
}
.structure_utils_pr-64_923 {
  padding-right: 64px;
}
.structure_utils_pb-64_f95 {
  padding-bottom: 64px;
}
.structure_utils_pl-64_e38 {
  padding-left: 64px;
}
.structure_utils_gap-64_6d6 {
  gap: 64px;
}
.structure_utils_width-64_26a {
  width: 64px;
}
.structure_utils_height-64_19f {
  height: 64px;
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-0-medium-up_fbf {
    padding-top: 0px;
  }
  .structure_utils_pr-0-medium-up_6e4 {
    padding-right: 0px;
  }
  .structure_utils_pb-0-medium-up_a85 {
    padding-bottom: 0px;
  }
  .structure_utils_pl-0-medium-up_5ab {
    padding-left: 0px;
  }
  .structure_utils_gap-0-medium-up_8e7 {
    gap: 0px;
  }
  .structure_utils_width-0-medium-up_323 {
    width: 0px;
  }
  .structure_utils_height-0-medium-up_f9b {
    height: 0px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-4-medium-up_39d {
    padding-top: 4px;
  }
  .structure_utils_pr-4-medium-up_76c {
    padding-right: 4px;
  }
  .structure_utils_pb-4-medium-up_565 {
    padding-bottom: 4px;
  }
  .structure_utils_pl-4-medium-up_f0d {
    padding-left: 4px;
  }
  .structure_utils_gap-4-medium-up_189 {
    gap: 4px;
  }
  .structure_utils_width-4-medium-up_057 {
    width: 4px;
  }
  .structure_utils_height-4-medium-up_9a6 {
    height: 4px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-8-medium-up_e98 {
    padding-top: 8px;
  }
  .structure_utils_pr-8-medium-up_2a7 {
    padding-right: 8px;
  }
  .structure_utils_pb-8-medium-up_88d {
    padding-bottom: 8px;
  }
  .structure_utils_pl-8-medium-up_46f {
    padding-left: 8px;
  }
  .structure_utils_gap-8-medium-up_e77 {
    gap: 8px;
  }
  .structure_utils_width-8-medium-up_91b {
    width: 8px;
  }
  .structure_utils_height-8-medium-up_37e {
    height: 8px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-12-medium-up_d77 {
    padding-top: 12px;
  }
  .structure_utils_pr-12-medium-up_d26 {
    padding-right: 12px;
  }
  .structure_utils_pb-12-medium-up_72d {
    padding-bottom: 12px;
  }
  .structure_utils_pl-12-medium-up_151 {
    padding-left: 12px;
  }
  .structure_utils_gap-12-medium-up_e3e {
    gap: 12px;
  }
  .structure_utils_width-12-medium-up_9d9 {
    width: 12px;
  }
  .structure_utils_height-12-medium-up_3a5 {
    height: 12px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-16-medium-up_bb8 {
    padding-top: 16px;
  }
  .structure_utils_pr-16-medium-up_76e {
    padding-right: 16px;
  }
  .structure_utils_pb-16-medium-up_d7e {
    padding-bottom: 16px;
  }
  .structure_utils_pl-16-medium-up_96e {
    padding-left: 16px;
  }
  .structure_utils_gap-16-medium-up_805 {
    gap: 16px;
  }
  .structure_utils_width-16-medium-up_623 {
    width: 16px;
  }
  .structure_utils_height-16-medium-up_ead {
    height: 16px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-20-medium-up_ec0 {
    padding-top: 20px;
  }
  .structure_utils_pr-20-medium-up_b01 {
    padding-right: 20px;
  }
  .structure_utils_pb-20-medium-up_841 {
    padding-bottom: 20px;
  }
  .structure_utils_pl-20-medium-up_898 {
    padding-left: 20px;
  }
  .structure_utils_gap-20-medium-up_bee {
    gap: 20px;
  }
  .structure_utils_width-20-medium-up_515 {
    width: 20px;
  }
  .structure_utils_height-20-medium-up_b91 {
    height: 20px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-24-medium-up_225 {
    padding-top: 24px;
  }
  .structure_utils_pr-24-medium-up_03c {
    padding-right: 24px;
  }
  .structure_utils_pb-24-medium-up_74c {
    padding-bottom: 24px;
  }
  .structure_utils_pl-24-medium-up_0af {
    padding-left: 24px;
  }
  .structure_utils_gap-24-medium-up_bd5 {
    gap: 24px;
  }
  .structure_utils_width-24-medium-up_bcb {
    width: 24px;
  }
  .structure_utils_height-24-medium-up_c22 {
    height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-32-medium-up_846 {
    padding-top: 32px;
  }
  .structure_utils_pr-32-medium-up_f03 {
    padding-right: 32px;
  }
  .structure_utils_pb-32-medium-up_b10 {
    padding-bottom: 32px;
  }
  .structure_utils_pl-32-medium-up_c3a {
    padding-left: 32px;
  }
  .structure_utils_gap-32-medium-up_a40 {
    gap: 32px;
  }
  .structure_utils_width-32-medium-up_4e4 {
    width: 32px;
  }
  .structure_utils_height-32-medium-up_f62 {
    height: 32px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-40-medium-up_5e8 {
    padding-top: 40px;
  }
  .structure_utils_pr-40-medium-up_ca4 {
    padding-right: 40px;
  }
  .structure_utils_pb-40-medium-up_1ba {
    padding-bottom: 40px;
  }
  .structure_utils_pl-40-medium-up_fd8 {
    padding-left: 40px;
  }
  .structure_utils_gap-40-medium-up_87e {
    gap: 40px;
  }
  .structure_utils_width-40-medium-up_54c {
    width: 40px;
  }
  .structure_utils_height-40-medium-up_74f {
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-48-medium-up_fc9 {
    padding-top: 48px;
  }
  .structure_utils_pr-48-medium-up_de7 {
    padding-right: 48px;
  }
  .structure_utils_pb-48-medium-up_259 {
    padding-bottom: 48px;
  }
  .structure_utils_pl-48-medium-up_813 {
    padding-left: 48px;
  }
  .structure_utils_gap-48-medium-up_2a6 {
    gap: 48px;
  }
  .structure_utils_width-48-medium-up_1f5 {
    width: 48px;
  }
  .structure_utils_height-48-medium-up_ae6 {
    height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .structure_utils_pt-64-medium-up_675 {
    padding-top: 64px;
  }
  .structure_utils_pr-64-medium-up_c39 {
    padding-right: 64px;
  }
  .structure_utils_pb-64-medium-up_fc7 {
    padding-bottom: 64px;
  }
  .structure_utils_pl-64-medium-up_386 {
    padding-left: 64px;
  }
  .structure_utils_gap-64-medium-up_bf4 {
    gap: 64px;
  }
  .structure_utils_width-64-medium-up_4ef {
    width: 64px;
  }
  .structure_utils_height-64-medium-up_e04 {
    height: 64px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-0-large-up_9f0 {
    padding-top: 0px;
  }
  .structure_utils_pr-0-large-up_70b {
    padding-right: 0px;
  }
  .structure_utils_pb-0-large-up_2df {
    padding-bottom: 0px;
  }
  .structure_utils_pl-0-large-up_466 {
    padding-left: 0px;
  }
  .structure_utils_gap-0-large-up_2f3 {
    gap: 0px;
  }
  .structure_utils_width-0-large-up_e8c {
    width: 0px;
  }
  .structure_utils_height-0-large-up_457 {
    height: 0px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-4-large-up_d21 {
    padding-top: 4px;
  }
  .structure_utils_pr-4-large-up_fa2 {
    padding-right: 4px;
  }
  .structure_utils_pb-4-large-up_9ef {
    padding-bottom: 4px;
  }
  .structure_utils_pl-4-large-up_2bb {
    padding-left: 4px;
  }
  .structure_utils_gap-4-large-up_c62 {
    gap: 4px;
  }
  .structure_utils_width-4-large-up_8b4 {
    width: 4px;
  }
  .structure_utils_height-4-large-up_17e {
    height: 4px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-8-large-up_147 {
    padding-top: 8px;
  }
  .structure_utils_pr-8-large-up_cfe {
    padding-right: 8px;
  }
  .structure_utils_pb-8-large-up_f90 {
    padding-bottom: 8px;
  }
  .structure_utils_pl-8-large-up_3d2 {
    padding-left: 8px;
  }
  .structure_utils_gap-8-large-up_214 {
    gap: 8px;
  }
  .structure_utils_width-8-large-up_768 {
    width: 8px;
  }
  .structure_utils_height-8-large-up_0fd {
    height: 8px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-12-large-up_4cd {
    padding-top: 12px;
  }
  .structure_utils_pr-12-large-up_773 {
    padding-right: 12px;
  }
  .structure_utils_pb-12-large-up_cde {
    padding-bottom: 12px;
  }
  .structure_utils_pl-12-large-up_9da {
    padding-left: 12px;
  }
  .structure_utils_gap-12-large-up_011 {
    gap: 12px;
  }
  .structure_utils_width-12-large-up_3a4 {
    width: 12px;
  }
  .structure_utils_height-12-large-up_52a {
    height: 12px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-16-large-up_5bd {
    padding-top: 16px;
  }
  .structure_utils_pr-16-large-up_78a {
    padding-right: 16px;
  }
  .structure_utils_pb-16-large-up_2c6 {
    padding-bottom: 16px;
  }
  .structure_utils_pl-16-large-up_47f {
    padding-left: 16px;
  }
  .structure_utils_gap-16-large-up_4ce {
    gap: 16px;
  }
  .structure_utils_width-16-large-up_3f1 {
    width: 16px;
  }
  .structure_utils_height-16-large-up_979 {
    height: 16px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-20-large-up_3ed {
    padding-top: 20px;
  }
  .structure_utils_pr-20-large-up_890 {
    padding-right: 20px;
  }
  .structure_utils_pb-20-large-up_b72 {
    padding-bottom: 20px;
  }
  .structure_utils_pl-20-large-up_5cf {
    padding-left: 20px;
  }
  .structure_utils_gap-20-large-up_877 {
    gap: 20px;
  }
  .structure_utils_width-20-large-up_9ab {
    width: 20px;
  }
  .structure_utils_height-20-large-up_0bd {
    height: 20px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-24-large-up_2bc {
    padding-top: 24px;
  }
  .structure_utils_pr-24-large-up_793 {
    padding-right: 24px;
  }
  .structure_utils_pb-24-large-up_753 {
    padding-bottom: 24px;
  }
  .structure_utils_pl-24-large-up_1f8 {
    padding-left: 24px;
  }
  .structure_utils_gap-24-large-up_c3e {
    gap: 24px;
  }
  .structure_utils_width-24-large-up_992 {
    width: 24px;
  }
  .structure_utils_height-24-large-up_be9 {
    height: 24px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-32-large-up_080 {
    padding-top: 32px;
  }
  .structure_utils_pr-32-large-up_bc3 {
    padding-right: 32px;
  }
  .structure_utils_pb-32-large-up_703 {
    padding-bottom: 32px;
  }
  .structure_utils_pl-32-large-up_be6 {
    padding-left: 32px;
  }
  .structure_utils_gap-32-large-up_64c {
    gap: 32px;
  }
  .structure_utils_width-32-large-up_621 {
    width: 32px;
  }
  .structure_utils_height-32-large-up_dd7 {
    height: 32px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-40-large-up_f9c {
    padding-top: 40px;
  }
  .structure_utils_pr-40-large-up_962 {
    padding-right: 40px;
  }
  .structure_utils_pb-40-large-up_9a7 {
    padding-bottom: 40px;
  }
  .structure_utils_pl-40-large-up_d03 {
    padding-left: 40px;
  }
  .structure_utils_gap-40-large-up_b6e {
    gap: 40px;
  }
  .structure_utils_width-40-large-up_dd0 {
    width: 40px;
  }
  .structure_utils_height-40-large-up_9aa {
    height: 40px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-48-large-up_7ba {
    padding-top: 48px;
  }
  .structure_utils_pr-48-large-up_3a2 {
    padding-right: 48px;
  }
  .structure_utils_pb-48-large-up_b55 {
    padding-bottom: 48px;
  }
  .structure_utils_pl-48-large-up_5ab {
    padding-left: 48px;
  }
  .structure_utils_gap-48-large-up_e22 {
    gap: 48px;
  }
  .structure_utils_width-48-large-up_160 {
    width: 48px;
  }
  .structure_utils_height-48-large-up_200 {
    height: 48px;
  }
}
@media screen and (min-width: 1120px) {
  .structure_utils_pt-64-large-up_14e {
    padding-top: 64px;
  }
  .structure_utils_pr-64-large-up_e5d {
    padding-right: 64px;
  }
  .structure_utils_pb-64-large-up_1af {
    padding-bottom: 64px;
  }
  .structure_utils_pl-64-large-up_f26 {
    padding-left: 64px;
  }
  .structure_utils_gap-64-large-up_69c {
    gap: 64px;
  }
  .structure_utils_width-64-large-up_42d {
    width: 64px;
  }
  .structure_utils_height-64-large-up_f52 {
    height: 64px;
  }
}

.structure_utils_root_442 {
  position: relative;
  display: flex;

  /* Set basis and min-width* to zero so that all Flex rows will expand to */
  /* equal sizes within their containers. Don't set min-height: 0, as it can */
  /* cause layouts to collapse into a 1px tall box. */
  /* min-width is not set to zero when flex-grow is 0 to prevent the Flex */
  /* from not respecting the content min width and overflowing when used along another element with grow={true} */
  flex: 0 1 0;
}

.structure_utils_flexGrow_6c3 {
  flex-grow: 1;
  min-width: 0;
}

.structure_utils_align-center_088 {
  align-items: center;
}
.structure_utils_align-start_17f {
  align-items: flex-start;
}
.structure_utils_align-end_354 {
  align-items: flex-end;
}

.structure_utils_justify-center_2eb {
  justify-content: center;
}
.structure_utils_justify-end_1d4 {
  justify-content: end;
}
.structure_utils_justify-space-around_d52 {
  justify-content: space-around;
}
.structure_utils_justify-space-between_9b1 {
  justify-content: space-between;
}
.structure_utils_justify-space-evenly_35d {
  justify-content: space-evenly;
}
.structure_utils_justify-start_588 {
  justify-content: start;
}

.structure_utils_direction-row-row-col_07e {
  flex-direction: row;
}

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

.structure_utils_direction-row-row-col_07e {
    flex-direction: column;
}
  }
.structure_utils_direction-row-col_723 {
  flex-direction: row;
}
@media screen and (min-width: 768px) {
.structure_utils_direction-row-col_723 {
    flex-direction: column;
}
  }
.structure_utils_direction-col-col-row_5b1 {
  flex-direction: column;
}
@media screen and (min-width: 1120px) {
.structure_utils_direction-col-col-row_5b1 {
    flex-direction: row;
}
  }
.structure_utils_direction-col-row_365 {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
.structure_utils_direction-col-row_365 {
    flex-direction: row;
}
  }
.structure_utils_direction-col_1a4 {
  flex-direction: column;
}
.structure_utils_direction-row_e27 {
  flex-direction: row;
}

.structure_utils_wrap-true_e4c {
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.structure_utils_wrap-when-small_b3b {
    flex-wrap: wrap;
}
  }

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

.structure_utils_when-small_190 {
    display: none;
}
  }
@media screen and (max-width: 767px) {
.structure_utils_when-medium-up_5be {
    display: none;
}
  }
@media screen and (max-width: 1119px) {
.structure_utils_when-large-up_98e {
    display: none;
}
  }

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

.Divider_horizontal_deb.Divider_dashed_ea5 {
    border-top-style: dashed;
  }

.Divider_vertical_7a1 {
  border-left: 1px solid #f1f1f1;
  border-left: 1px solid var(--borderLight);

  /* Add a small gap above and below vertical dividers. */
  margin: 4px 0;
  margin: var(--spacing-4) 0;
}

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

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

    .Divider_horizontal-vertical_2b2.Divider_dashed_ea5 {
      border-top-style: dashed;
    }
  }

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

.Divider_horizontal-vertical_2b2 {
    border-left: 1px solid #f1f1f1;
    border-left: 1px solid var(--borderLight);

    /* Add a small gap above and below vertical dividers. */
    margin: 4px 0;
    margin: var(--spacing-4) 0;
}
  }

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

.Divider_vertical-horizontal_242 {
    border-left: 1px solid #f1f1f1;
    border-left: 1px solid var(--borderLight);

    /* Add a small gap above and below vertical dividers. */
    margin: 4px 0;
    margin: var(--spacing-4) 0;
}
  }

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

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

    .Divider_vertical-horizontal_242.Divider_dashed_ea5 {
      border-top-style: dashed;
    }
  }

.Split_first_a6a,
.Split_second_957 {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
}

.SupportForm_popoverContent_192 {
  padding: 14px;
  max-width: 292px;
  max-height: 75vh;
}

.SupportForm_getInTouch_541 {
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--borderDefault);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.SupportForm_helpText_324 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s var(--standardCurve);
}

.SupportForm_helpTextVisible_6e2 {
  max-height: 200px;
  opacity: 1;
}

.SupportForm_inputSubject_b7e[type='text'] {
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  height: auto;
  margin-bottom: 8px;
  padding: 0;
  width: 100%;
}

.SupportForm_inputSubject_b7e[type='text']:focus {
    box-shadow: none !important;
  }

.SupportForm_inputSubject_b7e[type='text']:focus {
    outline: none;
  }

.SupportForm_inputBody_a41 {
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  min-height: 100px;
  padding: 0;
  resize: none;
  width: 100%;
}

.SupportForm_inputBody_a41:focus {
    box-shadow: none !important;
  }

.SupportForm_footerCompose_d65 {
  align-items: center;
  margin: 0 -6px;
  display: grid;
  grid-template-columns: auto auto 1fr auto;
}

.SupportForm_footerDone_349 {
  text-align: center;
}

.SupportForm_sessionRecordingAttachment_f68 {
  color: #4ec375;
  color: var(--colorBrandGreen);
}

.SupportForm_Attachment_container_a7c {
  align-items: center;
  border-top: 1px dashed #f1f1f1;
  border-top: 1px dashed var(--borderLight);
  display: flex;
  padding: 5px 0;
}

.SupportForm_Attachment_container_a7c:last-child {
    margin-bottom: -14px; /* Matches the popover-content */
  }

.SupportForm_Attachment_icon_17a {
  display: inline-block;
}

.SupportForm_Attachment_name_b9c {
  flex: 1;
  overflow: hidden;
  margin-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SupportForm_Attachment_progress_895 {
  color: #919191;
  color: var(--gray-40);
}

.SupportForm_Attachment_error_f9c {
  color: #dd0f21;
  color: var(--failurePrimaryColor);
  margin-right: 5px;
}

.SupportForm_Attachment_delete_af3 {
  color: #919191;
  color: var(--gray-40);
  cursor: pointer;
}

.SupportForm_Attachment_delete_af3:hover {
    color: #303030;
    color: var(--gray-80);
  }

.LeftNav {
  --leftNavSpacing: 9.375%; /* 24 / var(--leftNavWidth) * 100%; */
  --leftNavMenuLinkItemPaddingOffset: 10px;
  --leftNavMenuLinkItemContentPaddingOffset: 2px; /* ensures proper collapsed/expanded icon alignment */

  position: relative;
  display: flex;
  flex-direction: column;
  /* color used for all items as default, except on TopNav (username and org selector) */
  color: #c6c6c6;
  color: var(--gray-20);
  flex: 0 0 100%;
  min-width: 198px;
  width: 17.5vw;
  max-width: 256px;
  max-width: var(--leftNavWidth);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  background-color: #1b1b1b;
  background-color: var(--leftNavBg);
  z-index: 101; /* behind popover backdrop and filter sidebar */
}

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

.LeftNav {
    z-index: 1005; /* behind .TopBar */
}
  }

.LeftNav ::-webkit-scrollbar {
    width: 3px;
  }

.LeftNav ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.4);
  }

.LeftNav ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25);
  }

.login_as .LeftNav {
    background-color: #562133;
    background-color: var(--leftNavLoginAsBg);
    color: #e7c2ce;
    color: var(--loginAsColor);
  }

/* This rule must only contain the `font-size` property. */

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

@media (max-color:2147477350) and (max-width: calc(var(--desktopWidth) + 40px)) {

.LeftNav {
    font-size: 13px;
}
  }
  }

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

@media (color:2147477350) and (max-width: calc(var(--desktopWidth) + 40px)) {

.LeftNav {
    font-size: 13px;
}
  }
  }

@media screen and (min-width: 768px) {
    .LeftNav.is-collapsed {
      min-width: 53px;
      width: 64px;
      max-width: 4.375vw;
    }

      .LeftNav.is-collapsed .LeftNav__addButton {
        display: none;
      }
  }

.LeftNav__wrapper {
  display: flex;
  flex: 0 0 auto;
}

@media print {

.LeftNav__wrapper {
    display: none;
}
  }

:-webkit-full-screen .LeftNav__wrapper {
    display: none;
  }

:fullscreen .LeftNav__wrapper {
    display: none;
  }

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

.LeftNav__wrapper {
    min-width: 256px;
    min-width: var(--leftNavWidth);
    width: 100vw;
    margin-top: 56px;
    transform: translateX(-100%);
    transition: transform 200ms;
}

    .LeftNav__wrapper.visible {
      transform: none;
    }
  }

.LeftNav__backdrop {
  display: none;
}

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

.LeftNav__backdrop {
    display: block;
    flex: 1;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1005;
}
  }

.LeftNav__addButton {
  cursor: pointer;
  width: 14px;
  height: 14px;
  color: #5e5e5e;
  color: var(--gray-60);
  transition: color 50ms ease-in-out;
  margin-left: auto;
}

.login_as .LeftNav__addButton {
    color: rgb(139, 116, 124);
  }

@supports (color: color-mix(in lch, red, blue)) {
.login_as .LeftNav__addButton {
    color: color-mix(in srgb, #000 40%, var(--loginAsColor));
  }
}

.LeftNav__addButton:hover {
    color: #ffffff;
    color: var(--white);
  }

.login_as .LeftNav__addButton:hover {
      color: #e7c2ce;
      color: var(--loginAsColor);
    }

.Menu_menu_501 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  background-color: inherit;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.Menu_menuList_2bf,
.Menu_menuSublist_110 {
  list-style: none;
  margin: 0;
}

.Menu_menuList_2bf {
  padding: 16px 0;
}

.Menu_menuListBottom_188 {
  position: sticky;
  bottom: 0;
  background-color: inherit;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.Menu_menuListSticky_064 {
  box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.15);
}

.Menu_menuItem_ff9 {
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 4px;
  margin-bottom: var(--spacing-4);
}

.Menu_menuItem_ff9 > .Menu_menuList_2bf {
    padding: 4px 0;
  }

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_menuItem_ff9 {
      font-size: 13px;
      line-height: 16px;
      font-weight: 400;
      margin-bottom: 0;
      color: #ababab;
      color: var(--gray-30);
    }

.login_as .Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_menuItem_ff9 {
        color: rgb(185, 155, 165);
      }

@supports (color: color-mix(in lch, red, blue)) {
.login_as .Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_menuItem_ff9 {
        color: color-mix(in srgb, #000 20%, var(--loginAsColor));
      }
}

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de {
        font-weight: 600;
        font-weight: var(--fontWeightBold);
        background-color: transparent;
      }

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de:hover {
          background-color: #303030;
          background-color: var(--gray-80);
        }

.login_as .Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de:hover {
            background-color: #451a29;
            background-color: var(--loginAsHover);
          }

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de .Menu_itemIcon_09a {
          opacity: 1;
        }

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemLinkContent_3de {
      border-radius: 24px;
      padding: 4px
        calc(
          var(--leftNavSpacing) + var(--leftNavMenuLinkItemContentPaddingOffset) -
            var(--leftNavMenuLinkItemPaddingOffset)
        );
    }

.Menu_menuItem_ff9 > .Menu_menuList_2bf .Menu_itemIcon_09a {
      color: currentColor;
      opacity: 0.25;
    }

.Menu_itemLink_1c1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  padding-left: var(--leftNavMenuLinkItemPaddingOffset);
  padding-right: var(--leftNavMenuLinkItemPaddingOffset);
}

.Menu_itemLink_1c1,
  .Menu_itemLink_1c1:hover,
  .Menu_itemLink_1c1:active,
  .Menu_itemLink_1c1:focus {
    color: currentColor;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.Menu_itemLink_1c1:hover:not(.Menu_isActive_33b) .Menu_itemLinkContent_3de {
    background-color: #303030;
    background-color: var(--gray-80);
  }

.Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de {
    color: #ffffff;
    color: var(--white);
    background-color: #303030;
    background-color: var(--gray-80);
  }

.login_as .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de,
    .login_as .Menu_itemLink_1c1:hover:not(.Menu_isActive_33b) .Menu_itemLinkContent_3de {
      color: #e7c2ce;
      color: var(--loginAsColor);
      background-color: #451a29;
      background-color: var(--loginAsHover);
    }

.Menu_itemLinkContent_3de {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px
    calc(
      var(--leftNavSpacing) + var(--leftNavMenuLinkItemContentPaddingOffset) -
        var(--leftNavMenuLinkItemPaddingOffset)
    );
  border-radius: 32px;
}

.Menu_itemIcon_09a {
  width: 16px;
  height: 16px;
  margin-right: 11px;
  flex-shrink: 0;
  position: relative;
}

.Menu_itemIcon_09a.Menu_itemIconWithCount_51c.Menu_single_cbc svg {
        -webkit-clip-path: path('M0 16H16V9C11.0294 9 7 4.97056 7 0H0V16Z');
                clip-path: path('M0 16H16V9C11.0294 9 7 4.97056 7 0H0V16Z');
      }

.Menu_itemIcon_09a.Menu_itemIconWithCount_51c.Menu_single_cbc .Menu_count_915 {
        text-indent: 1px;
      }

.Menu_itemIcon_09a.Menu_itemIconWithCount_51c.Menu_double_558 svg {
        -webkit-clip-path: path('M0 16H16V9H9C4.02944 9 0 4.97056 0 0V16Z');
                clip-path: path('M0 16H16V9H9C4.02944 9 0 4.97056 0 0V16Z');
      }

.Menu_itemIcon_09a.Menu_itemIconWithCount_51c.Menu_double_558 .Menu_count_915 {
        width: 23px;
      }

.Menu_itemIcon_09a.Menu_itemIconWithCount_51c.Menu_triple_963 svg {
        -webkit-clip-path: path('M15.9999 9H-1.09673e-05L-6.10352e-05 16H15.9999V9Z');
                clip-path: path('M15.9999 9H-1.09673e-05L-6.10352e-05 16H15.9999V9Z');
      }

.Menu_itemBadge_5f4 {
  margin-left: auto;

  /* override menuItem line-height so badge is centered */
  line-height: 0;
}

.Menu_collapseText_a73 {
  opacity: 0.5;
}

.Menu_collapseIcon_f38,
.Menu_itemExternalIcon_eed {
  display: flex;
  color: #5e5e5e;
  color: var(--gray-60);
  margin-left: auto;
}

.Menu_collapseIcon_f38 svg, .Menu_itemExternalIcon_eed svg {
    width: 14px;
    height: 14px;
  }

.login_as .Menu_collapseIcon_f38, .login_as .Menu_itemExternalIcon_eed {
    color: #e7c2ce;
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.Menu_itemPopover_b2d {
  width: 220px;
}

.Menu_itemPopover_b2d .Menu_menuList_2bf {
    padding: 0 0 4px;
  }

.Menu_itemPopover_b2d .Menu_menuItem_ff9 {
    font-weight: 400;
  }

.Menu_itemPopover_b2d .Menu_menuItem_ff9:hover {
      background-color: #f1f1f1;
      background-color: var(--selectHover);
    }

.Menu_itemPopover_b2d .Menu_itemIcon_09a {
    display: none;
  }

.Menu_itemPopover_b2d .Menu_itemLink_1c1 {
    padding: 4px 16px;
    line-height: 20px;
  }

.Menu_itemPopover_b2d .Menu_itemLink_1c1:hover:not(.Menu_isActive_33b) .Menu_itemLinkContent_3de,
    .Menu_itemPopover_b2d .Menu_itemLink_1c1.Menu_isActive_33b .Menu_itemLinkContent_3de {
      color: currentColor;
      background-color: transparent;
    }

.Menu_itemPopover_b2d .Menu_itemLinkContent_3de {
    padding: 0;
  }

.Menu_itemPopover_b2d .Menu_itemSubtitle_b7d {
    margin: 0;
    padding: 10px 16px 6px;
    font-size: 14px;
    font-weight: 600;
    font-weight: var(--fontWeightBold);
    line-height: 16px;
  }

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

@media screen and (min-width: 768px) {
    .is-collapsed .Menu_itemIcon_09a {
      margin: 0;
      flex-shrink: initial;
    }

    .is-collapsed .Menu_collapseIcon_f38 {
      margin: 1px 0;
    }

    .is-collapsed .Menu_itemLinkContent_3de {
      justify-content: center;
      padding: 8px var(--leftNavSpacing);
    }

    .is-collapsed .Menu_itemText_8b8,
    .is-collapsed .Menu_itemExternalIcon_eed,
    .is-collapsed .Menu_collapseText_a73 {
      display: none;
    }

    .is-collapsed .Menu_collapseIcon_f38 {
      transform: scaleX(-1);
    }
}

.Menu_count_915 {
  color: #ffffff;
  color: var(--white);
  background-color: #4ec375;
  background-color: var(--colorBrandGreen);
  padding: 2px 4px 0 4px;
  min-width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  font-size: 9px;
  line-height: 12px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  border-radius: 8px;
  position: absolute;
  top: -8px;
  right: -8px;
  box-sizing: border-box;
}

.SmartViewList {
  padding: 0 0 24px 0;
  flex-grow: 1;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

.SmartViewList__top {
  margin: 16px 0 12px;
  padding: 0 var(--leftNavSpacing);
}

.SmartViewList__header {
  display: flex;
  column-gap: 16px;
  padding: 8px 0;
}

.SmartViewList__title {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  text-transform: uppercase;
  opacity: 0.5;
}

.SmartViewList__searchIcon {
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  margin-left: auto;
  color: #5e5e5e;
  color: var(--gray-60);
  transition: opacity 50ms ease-in-out;
}

.SmartViewList__searchIcon:hover {
    color: #ffffff;
    color: var(--white);
  }

.login_as .SmartViewList__searchIcon {
    color: #e7c2ce;
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.login_as .SmartViewList__searchIcon:hover {
      opacity: 1;
    }

.SmartViewList__searchBox {
  position: relative;
  margin: 0px -8px;
}

.SmartViewList__searchBoxInput[type='search'] {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  outline: 0;
  border: 0;
  border-radius: 7px;
  margin: 0;
  padding: 0 30px;
  font-size: 14px;
  height: 32px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}

.SmartViewList__searchBoxInput[type='search']:focus {
    box-shadow: none !important;
  }

.SmartViewList__searchBoxInput[type='search']:focus { /* !important needed to override input[type='search']'s box-shadow from styles.less */
  }

.SmartViewList__searchBoxSearchIcon,
.SmartViewList__searchBoxClearIcon {
  position: absolute;
  top: 8px;
  width: 14px;
  height: 14px;
  color: #5e5e5e;
  color: var(--gray-60);
}

.SmartViewList__searchBoxSearchIcon svg, .SmartViewList__searchBoxClearIcon svg {
    width: 14px;
    height: 14px;
  }

.login_as .SmartViewList__searchBoxSearchIcon, .login_as .SmartViewList__searchBoxClearIcon {
    color: #e7c2ce;
    color: var(--loginAsColor);
    opacity: 0.5;
  }

.login_as .SmartViewList__searchBoxSearchIcon:hover, .login_as .SmartViewList__searchBoxClearIcon:hover {
      opacity: 1;
    }

.SmartViewList__searchBoxSearchIcon {
  left: 8px;
}

.SmartViewList__searchBoxClearIcon {
  cursor: pointer;
  right: 8px;
  transition: color 50ms ease-in-out;
}

.SmartViewList__searchBoxClearIcon:hover {
    color: #ffffff;
    color: var(--white);
  }

.SmartViewList__list {
  margin: -4px 0 0 0;
  list-style: none;
}

.SmartViewList__list.is-sorting .SmartViewList__link:hover {
      background-color: transparent;
    }

.SmartViewList__list.is-sorting .SmartViewList__link:hover .SmartViewList__editButton,
      .SmartViewList__list.is-sorting .SmartViewList__link:hover .SmartViewList__dragger {
        display: none;
      }

.SmartViewList__list.is-sorting .SmartViewList__link:hover .SmartViewList__bullet {
        display: flex;
      }

.SmartViewList__loader {
  margin: 0 var(--leftNavSpacing);
}

.SmartViewList__item {
  font-size: 13px;
  line-height: 16px;
}

.SmartViewList__bullet,
.SmartViewList__dragger {
  display: flex;
  align-items: center;
  margin-right: 12px;
  opacity: 0.5;
}

.SmartViewList__bullet svg, .SmartViewList__dragger svg {
    width: 16px;
    height: 16px;
  }

.SmartViewList__emoji {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  letter-spacing: 0;
  margin-right: 8px;
  font-size: 13px;

  /* On retina, emoji's resolution is much better */
  /* so we display it with a bigger font-size */
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

.SmartViewList__emoji {
    font-size: 16px;
    margin-left: 0;
    margin-right: 12px;
}
  }

.SmartViewList__dragger {
  display: none;
  cursor: move;
}

.SmartViewList__link {
  display: flex;
  align-items: center;
  padding-left: var(--leftNavMenuLinkItemPaddingOffset);
  padding-right: var(--leftNavMenuLinkItemPaddingOffset);
}

.SmartViewList__link,
  .SmartViewList__link:hover,
  .SmartViewList__link:focus,
  .SmartViewList__link:active {
    color: #ababab;
    color: var(--gray-30);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.login_as .SmartViewList__link, .login_as .SmartViewList__link:hover, .login_as .SmartViewList__link:focus, .login_as .SmartViewList__link:active {
      color: #e7c2ce;
      color: var(--loginAsColor);
    }

.SmartViewList__link:hover .SmartViewList__linkContent {
    background-color: #303030;
    background-color: var(--gray-80);
  }

.SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__editButton,
    .SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__dragger {
      display: flex;
    }

.SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__bullet {
      display: none;
    }

/* Prevent sorting the list while searching */

.SmartViewList.is-searching .SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__editButton,
      .SmartViewList.is-searching .SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__bullet {
        display: flex;
      }

.SmartViewList.is-searching .SmartViewList__link:hover .SmartViewList__linkContent .SmartViewList__dragger {
        display: none;
      }

.login_as .SmartViewList__link:hover .SmartViewList__linkContent {
      background-color: #451a29;
      background-color: var(--loginAsHover);
    }

.SmartViewList__link.is-active .SmartViewList__linkContent {
    font-weight: 600;
    font-weight: var(--fontWeightBold);
    color: #ffffff;
    color: var(--white);
  }

.SmartViewList__link.is-active .SmartViewList__linkContent .SmartViewList__bullet {
      opacity: 1;
    }

.login_as .SmartViewList__link.is-active .SmartViewList__linkContent {
      color: #e7c2ce;
      color: var(--loginAsColor);
    }

.SmartViewList__linkContent {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px
    calc(
      var(--leftNavSpacing) + var(--leftNavMenuLinkItemContentPaddingOffset) -
        var(--leftNavMenuLinkItemPaddingOffset)
    );
  border-radius: 24px;
}

.SmartViewList__text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SmartViewList__editButton {
  display: none;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  color: #ffffff;
  color: var(--colorIconNeutralWhite);
  opacity: 0.5;
  box-sizing: border-box;
  flex-shrink: 0;
  transition: opacity 200ms;
}

.SmartViewList__editButton svg {
    width: 16px;
    height: 16px;
  }

.SmartViewList__editButton:hover {
    opacity: 1;
  }

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

.SmartViewList__editButton {
    display: flex;
}
  }

.SmartViewList__noResults {
  font-size: 13px;
  padding: 0 calc(var(--leftNavSpacing) - 8px);
  opacity: 0.5;
}

.SmartViewList__emptyState {
  font-size: 13px;
  padding: 0 var(--leftNavSpacing);
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}

Link.SmartViewList__emptyState {
    color: currentColor;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: color 50ms ease-in-out;
  }

Link.SmartViewList__emptyState:hover {
      color: #fff;
    }

.SmartViewList__showAll {
  cursor: pointer;
  margin-left: calc(var(--leftNavSpacing) + 28px);
  font-size: 12px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.SmartViewList__mark {
  background: #474747;
  background: var(--gray-70);
  color: #ffffff;
  color: var(--white);
}

@media screen and (min-width: 768px) {
    .is-collapsed .SmartView__title,
    .is-collapsed .SmartViewList__text,
    .is-collapsed .SmartViewList__showAll,
    .is-collapsed .SmartViewList__emptyState {
      display: none;
    }

    .is-collapsed .SmartViewList__header {
      margin: 16px 0 12px;
      cursor: pointer;
    }

      .is-collapsed .SmartViewList__header:hover .SmartViewList__searchIcon {
        opacity: 1;
      }

    .is-collapsed .SmartViewList__searchIcon {
      margin: 1px auto;
    }

    .is-collapsed .SmartViewList__loader {
      margin: 0 24px;
    }

    .is-collapsed .SmartViewList__link {
      justify-content: center;
    }
        .is-collapsed .SmartViewList__link:hover .SmartViewList__editButton {
          display: none;
        }

    .is-collapsed .SmartViewList__dragger,
    .is-collapsed .SmartViewList__bullet {
      margin: 0;
    }
}

.ProfilePopover {
  min-width: 286px;
  max-width: 286px;
  box-sizing: border-box;
  padding: 12px 0;
}

.ProfilePopover.full-width {
    max-width: none;
  }

.ProfilePopover.has-footer {
    padding-bottom: 0;
  }

.ProfilePopover__selectContainer {
  width: calc(100% - 30px);
  margin: 2px 15px 14px;
}

/* fix specificity for profile links using UnstyledButton */
a.ProfilePopover__link,
button.ProfilePopover__link {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 6px 15px;
  color: currentColor;
}
a.ProfilePopover__link:hover,
  button.ProfilePopover__link:hover,
  a.ProfilePopover__link:active,
  button.ProfilePopover__link:active {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #f1f1f1;
    background-color: var(--bgMenuItemHover);
  }
a.ProfilePopover__link svg, button.ProfilePopover__link svg {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }

.ProfilePopover__separator {
  margin: 4px 0;
  margin: var(--spacing-4) 0;
  border-top-color: #e2e2e2;
  border-top-color: var(--borderDefault);
  border-bottom: none;
}

.ProfilePopover__openApp {
  display: flex;
  align-items: center;
  background-color: #fcfcfc;
  background-color: var(--bgTableCellHover);
  margin-top: 8px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ProfilePopover__openAppLink {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  flex-grow: 1;
}

.ProfilePopover__openAppLink,
  .ProfilePopover__openAppLink:hover {
    color: inherit;
  }

.ProfilePopover__openAppLink svg {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }

.ProfilePopover__openAppLink::after {
    content: '\2192'; /* Represents → */
    position: absolute;
    right: 15px;
    pointer-events: none;
  }

.ProfileDropdown {
  position: sticky;
  top: 0;
  z-index: 3;
}

.TopNav .ProfileDropdown {
    display: none;
  }

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

    .TopNav .ProfileDropdown {
      display: block;
    }
        .TopNav .ProfileDropdown .ProfileDropdown__opener,
        .TopNav .ProfileDropdown .ProfileDropdown__opener:hover {
          background-color: transparent;
          padding: 8px;
          border: 0;
        }

      .TopNav .ProfileDropdown .ProfileDropdown__info {
        display: none;
      }

      .TopNav .ProfileDropdown .ProfileDropdown__avatar {
        border-radius: 3px;
        width: 40px;
        height: 40px;
      }
  }

.ProfileDropdown__opener {
  display: flex;
  margin: 0;
  padding: 12px calc(var(--leftNavSpacing) - 8px);
  border: 0;
  outline: 0;
  width: 100%;
  background: transparent;
  background-color: #000000;
  background-color: var(--black);
  border-bottom: 1px solid #000000;
  border-bottom: 1px solid var(--black);
  color: #e2e2e2;
  color: var(--gray-10);
}

.ProfileDropdown__opener:hover,
  .ProfileDropdown__opener:focus {
    color: #ffffff;
    color: var(--white);
  }

.ProfileDropdown__opener:hover .ProfileDropdown__organization, .ProfileDropdown__opener:focus .ProfileDropdown__organization {
      color: #ababab;
      color: var(--gray-30);
    }

.login_as .ProfileDropdown__opener {
    background-color: #000000;
    background-color: var(--black);
    color: #e7c2ce;
    color: var(--loginAsColor);
  }

.login_as .ProfileDropdown__opener .ProfileDropdown__organization {
      color: rgb(139, 116, 124);
    }

@supports (color: color-mix(in lch, red, blue)) {
.login_as .ProfileDropdown__opener .ProfileDropdown__organization {
      color: color-mix(in srgb, #000 40%, var(--loginAsColor));
    }
}

.login_as .ProfileDropdown__opener:hover,
    .login_as .ProfileDropdown__opener:focus {
      color: #ffffff;
      color: var(--white);
    }

.login_as .ProfileDropdown__opener:hover .ProfileDropdown__organization, .login_as .ProfileDropdown__opener:focus .ProfileDropdown__organization {
        color: #ababab;
        color: var(--gray-30);
      }

.ProfileDropdown__opener::after {
    content: '';
    position: relative;
    right: 0;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid currentColor;
    margin: auto 12px auto auto;
    margin: auto var(--spacing-12) auto auto;
  }

.ProfileDropdown__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  margin: 0 12px;
  margin: 0 var(--spacing-12);
}

.ProfileDropdown__avatar {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ProfileDropdown__organization {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  color: #919191;
  color: var(--gray-40);

  max-width: 100%;
  transition: opacity 50ms ease-in-out;
}

.ProfileDropdown__name {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.ProfileDropdown__organizationName,
.ProfileDropdown__name {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.is-collapsed .ProfileDropdown__opener {
    justify-content: center;
    padding: 12px 0;
  }

.is-collapsed .ProfileDropdown__opener::after {
      display: none;
    }

.is-collapsed .ProfileDropdown__info {
    display: none;
  }

.is-collapsed .ProfileDropdown__avatar {
    margin: 0;
  }

.TopNav {
  display: flex;
  background-color: #ffffff;
  background-color: var(--surfaceBackgroundDefault);
  height: 56px;
  width: 100%;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  color: #5e5e5e;
  color: var(--colorTextMedium);
  padding-left: 8px;
  box-sizing: border-box;
  z-index: 103; /* in front of LeftNav */
}

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

.TopNav {
    z-index: 1010; /* in front of .LeftNav & mobile ActivityActions */
}
  }

:-webkit-full-screen .TopNav {
    display: none;
  }

:fullscreen .TopNav {
    display: none;
  }

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

.TopNav {
    background-color: rgb(22, 22, 22);
    padding: 0;
}

@supports (color: color-mix(in lch, red, blue)) {
.TopNav {
    background-color: color-mix(in srgb, #000 20%, var(--leftNavBg));
}
}

    .login_as .TopNav {
      background-color: rgb(69, 26, 41);
    }

@supports (color: color-mix(in lch, red, blue)) {
.login_as .TopNav {
      background-color: color-mix(in srgb, #000 20%, var(--leftNavLoginAsBg));
    }
}

    .TopNav .TopNav--light {
      background-color: #ffffff;
      background-color: var(--surfaceBackgroundDefault);
      box-shadow: none;
    }

    .TopNav .TopNav__mobileMenuOpener.glyphicons {
      color: #ffffff;
      color: var(--colorIconNeutralWhite);
      display: block;
      cursor: pointer;
      font-size: 16px;
      width: 40px;
      height: 40px;
      padding: 12px;
      margin: 8px 4px;
      box-sizing: border-box;
    }

    .TopNav .TopNav__navigation,
    .TopNav .TopNav__buttons {
      display: none;
    }
  }

.TopNav__mobileMenuOpener.glyphicons {
  display: none;
}

.TopNav__navigation {
  display: flex;
  padding: 8px 8px 8px 0;
}

.TopNav__navigationButton {
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 12px;
  box-sizing: border-box;
}

.TopNav__navigationButton:hover {
    color: #2e2e2e;
    color: var(--colorTextDefault);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px;
  }

.TopNav__navigationButton--forward {
  transform: scaleX(-1);
}

.TopNav__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 8px;
  column-gap: 8px;
  margin: 8px;
  align-items: center;
  justify-items: center;
}

.TopNav_searchBoxContainer_85a {
  flex: 1 0;
  margin: 8px 0;
  position: relative;
  z-index: 4; /* above lead page stuff, but below bootstrap modals */
}.TopNav_searchBoxContainer_85a:first-child {
    margin-left: 16px;
  }

.SearchBox_SearchInput_searchBox_019 {
  --inputHeight: 38px;
  --inputLineHeight: 16px;
  --itemSidePadding: 12px;
  --iconHeight: 16px;
  --iconSmallHeight: 14px;
  --gap: 8px;
  --fadeInOutTransition: opacity 100ms var(--standardCurve);

  position: relative;
  z-index: 1; /* ensure search box sits in front of backdrop */
  width: 500px;
  border: 1px solid transparent;
  background: #f1f1f1;
  background: var(--surfaceBackgroundDark);
  border-radius: 7px;
  border-radius: var(--baseInputBorderRadius);
}

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

.SearchBox_SearchInput_searchBox_019 {
    width: 100%;
}
  }

.SearchBox_SearchInput_searchBox_019.SearchBox_SearchInput_hasKeyboardShortcut_74a:hover .SearchBox_SearchInput_keyboardShortcut_811 {
      opacity: 1;
    }

.SearchBox_SearchInput_searchBox_019.SearchBox_SearchInput_isFocused_c30 {
    border-color: #e2e2e2;
    border-color: var(--borderDefault);
    background: #ffffff;
    background: var(--surfaceBackgroundDefault);
    position: absolute;
  }

.SearchBox_SearchInput_searchBox_019.SearchBox_SearchInput_isFocused_c30 .SearchBox_SearchInput_textarea_447 {
      white-space: inherit;
      max-height: 90vh;
      overflow: auto;
    }

.SearchBox_SearchInput_searchBox_019.SearchBox_SearchInput_isFullWidth_905 {
    width: 100%;
  }

.SearchBox_SearchInput_searchBox_019.SearchBox_SearchInput_hasClearButton_748 .SearchBox_SearchInput_clearButton_426 {
      opacity: 1;
      pointer-events: initial;
    }

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

.SearchBox_SearchInput_searchIcon_343 {
  position: absolute;
  margin-top: calc((32px - var(--iconHeight)) / 2);
  margin-top: calc((var(--inputHeight) - var(--iconHeight)) / 2);
  margin-left: 12px;
  pointer-events: none;
  color: #464a55;
  color: var(--colorMako);
}

.SearchBox_SearchInput_clearButton_426 {
  top: calc((32px - var(--iconSmallHeight)) / 2);
  top: calc((var(--inputHeight) - var(--iconSmallHeight)) / 2);
  right: var(--itemSidePadding);
  position: absolute;
  cursor: pointer;
  color: #464a55;
  color: var(--colorMako);
  opacity: 0;
  pointer-events: none;
  transition: var(--fadeInOutTransition);
}

.SearchBox_SearchInput_keyboardShortcut_811 {
  position: absolute;
  top: calc((32px - var(--iconSmallHeight)) / 2);
  top: calc((var(--inputHeight) - var(--iconSmallHeight)) / 2);
  right: 8px;
  display: grid;
  align-self: center;
  grid-auto-flow: column;
  grid-gap: 4px;
  gap: 4px;
  margin-right: 8px;
  pointer-events: none;
  opacity: 0;
  transition: var(--fadeInOutTransition);
}

.SearchBox_SearchInput_textarea_447 {
  border-color: transparent !important;
}

.SearchBox_SearchInput_textarea_447 {
  min-height: 32px;
  min-height: var(--inputHeight);
  max-height: 32px;
  max-height: var(--inputHeight);
  resize: none;
  padding: calc((32px - var(--inputLineHeight)) / 2) 0;
  padding: calc((var(--inputHeight) - var(--inputLineHeight)) / 2) 0;
  /* make space for search icon and align with items */
  padding-left: calc(var(--iconHeight) + var(--itemSidePadding) + var(--gap));
  border: none;
  outline: none;
  /* we want to shrink the textarea (to make space for the clear button)
     but still fucus when user clicks the textarea */
  border-right: calc(var(--itemSidePadding) + var(--iconHeight) + var(--gap))
    solid;
  line-height: var(--inputLineHeight);
  letter-spacing: 0.25px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  word-break: break-all;
  white-space: nowrap;
  width: 100%;
  margin: 0;
  background: transparent;
  overflow: hidden;
}

.SearchBox_SearchInput_textarea_447:focus {
    box-shadow: none !important;
  }

.SearchBox_SearchInput_textarea_447:focus {
    background: transparent; /* default textarea styles */
  }


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