@charset "UTF-8";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";._snackbar_1ojdi_1 {
  padding: 16px 32px 16px 16px;
  border: 2px solid var(--border-default);
  border-radius: 12px;
  background-color: var(--bg-success-default);
  box-shadow: 0 8px 32px rgba(51, 16, 106, 0.12);
  color: var(--text-inverted-default);
  font: var(--web-base-semibold);
}
._snackbar__content_1ojdi_10 {
  display: flex;
  align-items: center;
  gap: 4px;
}._container_1vtce_1 {
  display: none;
}
@media only screen and (min-width: 1440px) {
  ._container_1vtce_1 {
    display: flex;
    width: 100%;
    background-image: linear-gradient(#33106A, #230F49);
  }
}

._pattern_1vtce_12 {
  display: flex;
  position: fixed;
  flex: 1 0;
  flex-wrap: wrap;
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
}

._circles_1vtce_22 {
  --size: 266px;
  --circle: 180px;
  --mult: .7;
  /* TODO darken the brand color so it's related to a variable */
  --circle-color: #38197a;
  display: flex;
  flex: 1 0;
  width: calc(var(--circle) * 18 * var(--mult));
  min-width: calc(var(--circle) * 18 * var(--mult));
  height: var(--size);
  min-height: var(--size);
  margin: 10px 0;
  animation: _move_1vtce_1 10s linear infinite;
  background: radial-gradient(circle var(--circle) at calc(var(--circle) * var(--mult)) center, var(--circle-color) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 3 * var(--mult)) center, var(--circle-color) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 5 * var(--mult)) center, var(--circle-color) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 7 * var(--mult)) center, rgba(39, 15, 81, 0.49) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 9 * var(--mult)) center, rgba(39, 15, 81, 0.49) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 11 * var(--mult)) center, rgba(39, 15, 81, 0.49) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 13 * var(--mult)) center, rgba(255, 255, 255, 0.01) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 15 * var(--mult)) center, rgba(255, 255, 255, 0.01) 70%, transparent 0%), radial-gradient(circle var(--circle) at calc(var(--circle) * 17 * var(--mult)) center, rgba(255, 255, 255, 0.01) 70%, transparent 0%);
}

@media only screen and (min-width: 1440px) {
  ._circles_1vtce_22:nth-child(odd) {
    animation: _odd_1vtce_1 90s linear infinite;
  }
  ._circles_1vtce_22:nth-child(even) {
    animation: _even_1vtce_1 90s linear infinite;
  }
}
@keyframes _odd_1vtce_1 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@keyframes _even_1vtce_1 {
  from {
    background-position: 1000px 0;
  }
  to {
    background-position: 0;
  }
}._container_1a6pg_1 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  ._container_1a6pg_1 {
    display: flex;
    position: static;
    padding: 0;
  }
}

._back_button_1a6pg_15 {
  display: flex;
  position: absolute;
  z-index: 2;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid var(--border-weak);
  border-radius: 12px;
  cursor: pointer;
}._loading_container_14vqk_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background: var(--bg-bold-default);
}
._loading_image_14vqk_9 {
  width: 50vw;
  height: 50vh;
  animation: _fade-in_14vqk_1 0.8s forwards;
  opacity: 0;
}

@keyframes _fade-in_14vqk_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}._mobile_app_splash_screen_bbmxl_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  gap: 16px;
}
._mobile_app_splash_screen_bbmxl_1 ._mobile_app_splash_screen__subtitle_bbmxl_9 {
  margin: 0;
  color: var(--text-medium);
  font: var(--web-base-semibold);
}
._mobile_app_splash_screen_bbmxl_1 ._mobile_app_splash_screen__title_bbmxl_14 {
  max-width: 240px;
  text-align: center;
}
._mobile_app_splash_screen_bbmxl_1 ._mobile_app_splash_screen__image_bbmxl_18 {
  margin: 32px 0;
}._group_image_3i5rk_1 {
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 180px;
  max-height: 200px;
  border-radius: 30px;
  background-size: cover;
}

._group_image_3i5rk_1[data-group="1"] {
  background: url(./GroupImageDefault-1-f151a553.svg) no-repeat center;
  background-size: cover;
}
._group_image_3i5rk_1[data-group="1"] ._letter_3i5rk_17 {
  text-shadow: -6px 0 0 #3FC9C1;
}

._group_image_3i5rk_1[data-group="2"] {
  background: url(./GroupImageDefault-2-d287fcad.svg) no-repeat center;
  background-size: cover;
}
._group_image_3i5rk_1[data-group="2"] ._letter_3i5rk_17 {
  text-shadow: -6px 0 0 #9D57F4;
}

._group_image_3i5rk_1[data-group="3"] {
  background: url(./GroupImageDefault-3-a512e879.svg) no-repeat center;
  background-size: cover;
}
._group_image_3i5rk_1[data-group="3"] ._letter_3i5rk_17 {
  text-shadow: -6px 0 0 #888EFF;
}

._letter_3i5rk_17 {
  color: white;
  font-size: 120px;
  font-weight: 800;
  text-shadow: -6px 0 0 #9D57F4;
}

._entity_title_3i5rk_44 {
  margin-top: 20px;
}

._message_3i5rk_48 {
  max-width: 250px;
  margin: 0 0 28px;
  color: var(--text-medium);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

._paper_footer_3i5rk_57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 350px;
  margin-top: 40px;
  gap: 8px;
}
._paper_footer_3i5rk_57 ._signin_option_3i5rk_65 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font: var(--paragraph-100-light);
  gap: 8px;
}
._paper_footer_3i5rk_57 ._terms_and_conditions_3i5rk_72 {
  text-align: center;
}
._paper_footer_3i5rk_57 ._terms_and_conditions__phone_3i5rk_75 {
  margin-bottom: 8px;
}
._paper_footer_3i5rk_57 ._terms_and_conditions_3i5rk_72 .MuiLink-root {
  font-size: var(--font-xs);
  font-weight: 400;
  line-height: 14px;
}._social_login__container_do17e_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._social_login__container_do17e_1 ._or_text_do17e_7 {
  font-family: var(--font-family-alt);
  font-size: 14px;
  font-weight: 400;
}
._social_login__container_do17e_1 ._logos_container_do17e_12 {
  display: flex;
  gap: 8px;
}
._social_login__container_do17e_1 ._logos_container_do17e_12 img {
  cursor: pointer;
}

._google_logo_container_do17e_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  background: var(--bg-medium);
}
._google_logo_container_do17e_20 img {
  width: 24px;
  height: 24px;
}._form_container_j8ljk_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px;
}
._form_container_j8ljk_1 .MuiTextField-root {
  width: 100%;
}

._field_and_options_container_j8ljk_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 24px;
}

._option_container_j8ljk_21 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
}

._link_j8ljk_30 {
  color: var(--brand);
  font: var(--web-base-semibold);
  text-decoration: none;
}._signin_title_block_4w4i3_1 {
  max-width: 330px;
  text-align: center;
}

._signin_title_4w4i3_1 {
  margin: 0;
  margin-top: 40px;
  margin-bottom: 6px;
  font: var(--headline-100-heavy);
}

._signin_subtitle_4w4i3_13 {
  margin: 0;
  color: var(--text-medium);
  font: var(--paragraph-200-light);
}

._signup_option_4w4i3_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  gap: 20px;
  font: var(--paragraph-100-light);
}

._signup_option_text_4w4i3_28 {
  display: flex;
  align-items: center;
  gap: 8px;
}._subtitle_1xljl_1 {
  margin-top: 4px;
  margin-bottom: 20px;
  color: var(--text-medium);
}

._input_box_1xljl_7 {
  margin-bottom: 30px;
}
._input_box_1xljl_7 .MuiInputBase-input {
  text-align: center;
}

._submit_code__button_1xljl_14 {
  margin-bottom: 20px;
}

._resend_code__label__default_1xljl_18 {
  margin-bottom: 8px;
  color: var(--text-medium);
  font: var(--label-300);
}

._resend_code__label__message_1xljl_24 {
  visibility: hidden;
  margin-top: 30px;
  color: var(--text-success-default);
  font: var(--label-300);
}
._resend_code__label__message_1xljl_24._visible_1xljl_30 {
  visibility: visible;
}
._resend_code__label__message_1xljl_24._error_1xljl_33 {
  color: var(--text-danger-default);
}._wizard_container_1lgfr_1 {
  margin: auto;
  padding: 10px;
}

._step_container_1lgfr_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 445px;
  text-align: center;
}
@media only screen and (max-width: 1440px) {
  ._step_container_1lgfr_6 {
    width: 100%;
  }
}._half_circle_row_t67g5_1 {
  display: none;
}
@media only screen and (max-width: 1440px) {
  ._half_circle_row_t67g5_1 {
    display: grid;
    position: fixed;
    z-index: -1;
    bottom: 0;
    left: 50%;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform: translateX(-50%);
  }
}

._half_circle_t67g5_1 {
  width: 50vw;
  height: 50vw;
  transform: translateY(50%);
  border-radius: 100%;
  background-color: #F7F8FF;
}
@media only screen and (min-width: 1440px) {
  ._half_circle_t67g5_1 {
    display: none;
    width: 790px;
    height: 790px;
  }
}div._step_layout_j4s0e_1 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 445px;
  margin: 40px 0;
  text-align: center;
}

@media only screen and (min-width: 744px) {
  ._step_layout_j4s0e_1 {
    min-width: 445px;
  }
}div._app_13s1a_1 {
  display: flex;
  align-items: center;
  max-width: none;
  min-height: 100vh;
  padding: 0;
  overflow: hidden;
}
div._app_13s1a_1 ._paper_13s1a_9 {
  width: 50vw;
}
@media only screen and (min-width: 1440px) {
  div._app_13s1a_1 {
    align-items: normal;
  }
}
@media only screen and (max-width: 1440px) {
  div._app_13s1a_1 ._paper_13s1a_9 {
    width: fit-content;
    margin: 0 auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
  }
}

._container_13s1a_26 {
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1440px) {
  ._container_13s1a_26 {
    min-height: 100vh;
  }
}

._wizard_container_13s1a_36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  ._wizard_container_13s1a_36 {
    position: relative;
    align-items: flex-start;
  }
}

._paper_motion_13s1a_49 {
  margin: 0 auto;
}

._error_message_13s1a_53 {
  max-width: 250px;
  color: var(--text-danger-default);
  font: var(--paragraph-400-light);
}._info_form_18a8h_1 {
  width: 100%;
  max-width: 445px;
  margin: 0 auto;
}
._info_form_18a8h_1 ._info_form_container_18a8h_6 {
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
._info_form_18a8h_1 ._info_form_container_18a8h_6 ._option_container_18a8h_11 {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
._info_form_18a8h_1 ._cta_button_container_18a8h_17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  justify-content: center;
  margin-top: 16px;
}

._or_container_18a8h_26 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._or_container_18a8h_26 ._or_text_18a8h_32 {
  font-family: var(--font-family-alt);
  font-size: 14px;
  font-weight: 400;
}
._or_container_18a8h_26 ._logos_container_18a8h_37 {
  display: flex;
  gap: 8px;
}
._or_container_18a8h_26 ._logos_container_18a8h_37 img {
  cursor: pointer;
}

._google_logo_container_18a8h_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  background: var(--bg-medium);
}
._google_logo_container_18a8h_45 img {
  width: 24px;
  height: 24px;
}._confirm_step__container_1n6km_1 {
  max-width: 360px;
  text-align: center;
}

._confirm_step__title_1n6km_6 {
  margin: 0;
  font: var(--headline-300-heavy);
  text-align: center;
}

._confirm_step__subtitle_1n6km_12 {
  margin: 0;
  color: var(--text-medium);
  font: var(--paragraph-100-light);
}

._resend_email__label__default_1n6km_18 {
  margin-bottom: 8px;
  color: var(--text-medium);
  font: var(--label-300);
}

._resend_email__label__message_1n6km_24 {
  visibility: hidden;
  margin-top: 30px;
  color: var(--text-success-default);
  font: var(--label-300);
}
._resend_email__label__message_1n6km_24._visible_1n6km_30 {
  visibility: visible;
}
._resend_email__label__message_1n6km_24._error_1n6km_33 {
  color: var(--text-danger-default);
}

._email__options_1n6km_37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font: var(--label-300);
  gap: 10px;
}._email_confirm__title_container_1rbt3_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

._email_confirm__image_1rbt3_8 {
  margin: 36px 0;
}._danger_icon_r02b6_1 {
  padding: 20px;
  border-radius: 200px;
  background: var(--bg-danger-weak);
  color: var(--text-danger-default);
}

._title_r02b6_8 {
  max-width: 270px;
}

button._resend_email__button_r02b6_12 {
  margin-top: 100px;
}._phone_confirm__title_container_m4djk_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

._phone_confirm__image_m4djk_8 {
  margin: 32px 0;
}

button._phone_confirm__button_m4djk_12 {
  width: 172px;
  height: 52px;
  margin-top: 32px;
}

._qr_container_m4djk_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  gap: 16px;
}

._title_m4djk_26 {
  max-width: 250px;
}._header_nxjf0_1 {
  justify-content: center;
  text-align: center;
  gap: 12px;
}

._title_nxjf0_7 {
  font-size: var(--font-xl);
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 28px;
}

._subtitle_nxjf0_14 {
  max-width: 260px;
  margin: 12px 0 30px;
  text-align: center;
}

._show_password_nxjf0_20 {
  display: flex;
  color: var(--text-medium);
}

._password_form_nxjf0_25 {
  width: 100%;
  max-width: 318px;
  margin: 0 auto;
}
._password_form_nxjf0_25 ._password_form_container_nxjf0_30 {
  flex-direction: column;
  justify-content: center;
  gap: 34px;
}
._password_form_nxjf0_25 ._text_field_container_nxjf0_35 {
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

._cta__container_nxjf0_41 {
  display: flex;
  flex-direction: column;
  align-items: center;
}._subtitle_1xljl_1 {
  margin-top: 4px;
  margin-bottom: 20px;
  color: var(--text-medium);
}

._input_box_1xljl_7 {
  margin-bottom: 30px;
}
._input_box_1xljl_7 .MuiInputBase-input {
  text-align: center;
}

._submit_code__button_1xljl_14 {
  margin-bottom: 20px;
}

._resend_code__label__default_1xljl_18 {
  margin-bottom: 8px;
  color: var(--text-medium);
  font: var(--label-300);
}

._resend_code__label__message_1xljl_24 {
  visibility: hidden;
  margin-top: 30px;
  color: var(--text-success-default);
  font: var(--label-300);
}
._resend_code__label__message_1xljl_24._visible_1xljl_30 {
  visibility: visible;
}
._resend_code__label__message_1xljl_24._error_1xljl_33 {
  color: var(--text-danger-default);
}._birthday_form_1dlgl_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  margin: 0 auto;
  padding: 24px;
}

._collection_info__container_1dlgl_10 {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  background: var(--bg-medium);
  text-align: left;
  gap: 12px;
}
._collection_info__container_1dlgl_10 ._icon_container_1dlgl_19 {
  width: 64px;
  height: 64px;
  padding: 16px;
  border-radius: 100px;
  background: var(--bg-accent-1);
}
._collection_info__container_1dlgl_10 ._icon_container_1dlgl_19 svg {
  fill: var(--brand);
}._wrapper_nx3xu_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: var(--bg-default);
}

._form_nx3xu_9 {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 100%;
  padding: 24px;
  border: 1px solid var(--border-default);
  border-radius: 24px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  gap: 16px;
}
._form_nx3xu_9 .MuiTextField-root {
  margin: 0;
}

._error_nx3xu_25 {
  padding: 0.75rem;
  border-radius: 4px;
  background: var(--bg-danger-weak);
  color: var(--text-danger-default);
  font: var(--web-sm-medium);
  text-align: center;
}

._success_nx3xu_34 {
  padding: 0.75rem;
  border-radius: 4px;
  background: var(--bg-success-weak);
  color: var(--text-success-default);
  text-align: center;
}

._link_nx3xu_42 {
  color: var(--brand);
  font: var(--web-base-semibold);
  text-decoration: none;
}._error__container_s15m7_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding: 0 24px;
  gap: 16px;
}
._error__container_s15m7_1 img {
  width: 400px;
}

._error__cta_s15m7_14.MuiButtonBase-root {
  margin-top: 40px;
  padding: 15px;
  font: var(--web-lg-semibold);
}._overage_message_1k9fn_1 {
  padding: 8px;
  border-radius: 8px;
  background-color: var(--bg-danger-weak);
}
._overage_message__text_1k9fn_6 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-danger-default);
  font: var(--web-xs-medium);
}
._overage_message_1k9fn_1 p {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-danger-default);
  font: var(--web-xs-medium);
}

._warning_message_1k9fn_21 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: var(--border-radius);
  background-color: var(--bg-accent-1);
  color: var(--text-brand-default);
}
._warning_message__text_1k9fn_30 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-warning-default);
  font: var(--web-sm-medium);
}

._upgrade_button_1k9fn_38 {
  padding: 0;
  font: var(--web-sm-semibold);
}._alerts_container_1o562_1:not(:empty) {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--border-weak);
}
._alerts_container_1o562_1:has([data-approachinglimit]) {
  background-color: var(--bg-accent-1);
}
._alerts_container_1o562_1:has([data-overlimit]) {
  background-color: var(--bg-danger-weak);
}._modal_56k14_1 {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  width: 440px;
  height: calc(100vh - 100px);
  min-height: 400px;
  max-height: 700px;
  padding: 24px 0;
  transform: translate(-50%, -50%);
  border-radius: var(--container-radius);
  outline: 0;
  background-color: var(--bg-default);
  font: var(--web-base-medium);
  gap: 12px;
}
._modal__header_56k14_20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 24px;
}
._modal__actions_56k14_27 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 24px;
}
._modal_56k14_1 h3 {
  margin: 0;
  font: var(--web-2x-semibold);
}
._modal_56k14_1 ._close_button_56k14_38 {
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  color: var(--icon-medium);
}
._modal_56k14_1 ._submit_button_56k14_43,
._modal_56k14_1 ._cancel_button_56k14_44 {
  flex: 0 0 auto;
  width: fit-content;
}
._modal_56k14_1 ._disabled_56k14_48 {
  opacity: 0.3;
  pointer-events: none;
}._icon__stack_oyw5b_1 {
  display: grid;
  color: var(--text-brand-default);
}
._icon__stack_oyw5b_1 > * {
  grid-area: 1/-1;
}

._icon_option_oyw5b_9 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 8px;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  color: var(--text-brand-default);
  font: var(--web-sm-semibold);
  cursor: pointer;
  gap: 8px;
}
._icon_option_oyw5b_9 ._icon__fill_oyw5b_22 {
  opacity: 0;
}
._icon_option_oyw5b_9._active_oyw5b_25, ._icon_option_oyw5b_9:hover {
  background-color: var(--bg-strong);
  color: var(--brand);
}
._icon_option_oyw5b_9._active_oyw5b_25 ._icon__fill_oyw5b_22, ._icon_option_oyw5b_9:hover ._icon__fill_oyw5b_22 {
  opacity: 1;
}
._icon_option_oyw5b_9._active_oyw5b_25 ._icon__stack_oyw5b_1, ._icon_option_oyw5b_9:hover ._icon__stack_oyw5b_1 {
  transition: all 0.2s ease-in-out;
  color: var(--brand);
}

._modal_oyw5b_37 {
  width: 880px;
  max-height: 688px;
}
._modal_content_oyw5b_41 {
  display: grid;
  grid-template-columns: 40% 60%;
  width: 100%;
  border-top: 1px solid var(--border-weak);
}
._modal_oyw5b_37 ._left_content_oyw5b_47 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
}
._modal_oyw5b_37 ._left_content_oyw5b_47 h4 {
  margin: 0;
  font: var(--web-3x-semibold);
}
._modal_oyw5b_37 ._left_content_oyw5b_47 h4._welcome_content_title_oyw5b_57 {
  margin-right: -10px;
}
._modal_oyw5b_37 ._left_content_oyw5b_47 ul {
  margin: 0;
  padding: 0 0 0 16px;
  list-style: none;
}
._modal_oyw5b_37 ._left_content_oyw5b_47 ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font: var(--web-base-bold);
}
._modal_oyw5b_37 ._left_content_oyw5b_47 ul li svg {
  color: var(--icon-medium);
}
._modal_oyw5b_37 ._welcome_video_oyw5b_75 {
  width: 100%;
  height: 100%;
  border-radius: 0 0 24px 0;
}
._modal_oyw5b_37 ._button_container_oyw5b_80 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._modal_oyw5b_37 ._learn_more_container_oyw5b_85 {
  display: flex;
  justify-content: center;
  gap: 4px;
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}
._modal_oyw5b_37 ._learn_more_container_oyw5b_85 a {
  font: var(--web-xs-semibold);
}._tooltip_14ibn_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 180px;
  overflow: hidden;
  text-align: center;
  gap: 10px;
  overflow-wrap: anywhere;
}
._tooltip__wide_14ibn_11 {
  max-width: 460px;
}._icon__stack_1dppb_1 {
  display: grid;
  color: var(--icon-medium);
}
._icon__stack_1dppb_1 > * {
  grid-area: 1/-1;
}

._icon_option_1dppb_9 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 8px;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  font: var(--web-sm-semibold);
  cursor: pointer;
  gap: 8px;
}
._icon_option_1dppb_9 ._icon__fill_1dppb_21 {
  opacity: 0;
}
._icon_option_1dppb_9._active_1dppb_24, ._icon_option_1dppb_9:hover {
  background-color: var(--bg-strong);
  color: var(--brand);
}
._icon_option_1dppb_9._active_1dppb_24 ._icon__fill_1dppb_21, ._icon_option_1dppb_9:hover ._icon__fill_1dppb_21 {
  opacity: 1;
}
._icon_option_1dppb_9._active_1dppb_24 ._icon__stack_1dppb_1, ._icon_option_1dppb_9:hover ._icon__stack_1dppb_1 {
  transition: all 0.2s ease-in-out;
  color: var(--brand);
}._icon_button_1c2hs_1 {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 6px;
  border-radius: 8px;
  background-color: var(--bg-default);
  color: var(--icon-medium);
  font: var(--web-base-semibold);
  cursor: pointer;
  gap: 4px;
}
._icon_button_1c2hs_1:hover {
  background-color: var(--bg-strong);
}
._icon_button_1c2hs_1[data-menu-open=true] {
  background-color: var(--bg-strong);
}._notification_count_5bixf_1 {
  display: flex;
  position: absolute;
  top: -8px;
  right: -8px;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border: 2px solid var(--border-weak);
  border-radius: 9px;
  background-color: var(--brand);
  color: var(--icon-inverted-default);
  font: var(--web-2xs-semibold);
}

._notification_pip_5bixf_18 {
  position: absolute;
  top: -2px;
  right: -6px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--border-weak);
  border-radius: 50%;
  background-color: var(--brand);
}@keyframes _placeholder-shimmer_1xcsl_1 {
  to {
    background-position-x: -200%;
  }
}
._loading_wrapper_1xcsl_6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: transparent;
}

._element_loading_1xcsl_13 {
  width: 100%;
  height: 100%;
  animation-name: _placeholder-shimmer_1xcsl_1;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-radius: 8px;
  background: linear-gradient(270deg, var(--bg-medium) 0.2%, var(--bg-strong) 50%, var(--bg-medium) 99.8%);
  background-size: 200% 100%;
  animation-fill-mode: forwards;
}

._element_circle_1xcsl_26 {
  border-radius: 50%;
}._notifications_container_g2ike_1 {
  position: relative;
}
._notifications_container_g2ike_1 [data-menu-open=true] {
  background-color: var(--bg-strong);
}
._notifications_container_g2ike_1 ._notifications_icon_pip_g2ike_7 {
  top: 0;
  right: 0;
}

._notifications_menu_g2ike_12 .MuiPaper-root {
  width: 400px;
  border-radius: 20px;
  background-color: var(--bg-default);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
._notifications_menu_g2ike_12 ._notifications_menu_header_g2ike_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24px;
}
._notifications_menu_g2ike_12 ._notifications_menu_header_g2ike_18 ._notifications_menu_header_title_g2ike_24 {
  font: var(--web-lg-semibold);
}
._notifications_menu_g2ike_12 ._notifications_menu_header_g2ike_18 ._notifications_menu_header_switch_g2ike_27 {
  margin: 0;
  padding: 0;
  font: var(--web-sm-medium);
}
._notifications_menu_g2ike_12 ._notifications_menu_body_g2ike_32 {
  max-height: 300px;
  overflow-y: auto;
}

.MuiMenuItem-root._notification_item_g2ike_37 {
  /* stylelint-disable value-no-vendor-prefix */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-default);
  text-overflow: ellipsis;
  text-wrap: auto;
  gap: 4px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.MuiMenuItem-root._notification_item_g2ike_37:last-child {
  border-bottom: none;
}

._notification_header_g2ike_55 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
}

._notification_title_g2ike_62 {
  font: var(--web-lg-semibold);
}

._notification_meta_g2ike_66 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-medium);
  font: var(--web-2xs-semibold);
}

._notification_body_g2ike_74 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

.MuiMenuItem-root._no_notifications_g2ike_79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 8px;
}
.MuiMenuItem-root._no_notifications_g2ike_79 ._no_notifications_icon_container_g2ike_87 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 50%;
  background-color: var(--bg-strong);
}
.MuiMenuItem-root._no_notifications_g2ike_79 ._no_notifications_icon_container_g2ike_87 ._no_notifications_icon_g2ike_87 {
  color: var(--icon-disabled);
}
.MuiMenuItem-root._no_notifications_g2ike_79 ._no_notifications_text_g2ike_98 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._loading_container_g2ike_103 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 24px;
  gap: 8px;
}._entity_header_yjutp_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-weak);
}
._entity_header__name_and_called_plus_yjutp_9 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._entity_header__name_and_called_plus_yjutp_9 ._icon__stack_yjutp_14 {
  display: grid;
  color: var(--icon-medium);
}
._entity_header__name_and_called_plus_yjutp_9 ._icon__stack_yjutp_14 > * {
  grid-area: 1/-1;
}
._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21 {
  display: flex;
  align-items: center;
  padding: 8px;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  font: var(--web-sm-semibold);
  cursor: pointer;
  gap: 8px;
}
._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21 ._icon__fill_yjutp_32 {
  opacity: 0;
}
._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21._active_yjutp_35, ._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21:hover {
  background-color: var(--bg-strong);
  color: var(--brand);
}
._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21._active_yjutp_35 ._icon__fill_yjutp_32, ._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21:hover ._icon__fill_yjutp_32 {
  opacity: 1;
}
._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21._active_yjutp_35 ._icon__stack_yjutp_14, ._entity_header__name_and_called_plus_yjutp_9 ._icon_option_yjutp_21:hover ._icon__stack_yjutp_14 {
  transition: all 0.2s ease-in-out;
  color: var(--brand);
}
._entity_header_yjutp_1 h1 {
  margin: 0;
  font: var(--web-xl-semibold);
}

._headway_yjutp_51 .HW_badge_cont {
  width: 16px;
  height: 16px;
}
._headway_yjutp_51 .HW_badge {
  top: 0;
  left: 0;
  background-color: var(--bg-brand-default);
  font: var(--web-2xs-semibold);
}

._release_updates_yjutp_62 {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding: 6px 8px;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
  font: var(--web-xs-semibold);
  cursor: pointer;
  gap: 4px;
}
._release_updates_yjutp_62:hover {
  background-color: var(--bg-strong);
}

._pill_yjutp_77 {
  display: flex;
  align-items: center;
  padding: 6px 4px;
  border-radius: var(--border-radius);
  background-color: var(--bg-accent-1);
  color: var(--text-brand-default);
  font: var(--web-xs-semibold);
  gap: 2px;
}

._logo_and_info__container_yjutp_88 {
  display: flex;
  gap: 16px;
  align-items: center;
}
._logo_and_info__container_yjutp_88 ._logo_link_yjutp_93 {
  height: 28px;
}
._logo_and_info__container_yjutp_88 ._logo_yjutp_88 {
  height: 28px;
  margin-left: 5px;
}

._header_right_container_yjutp_101 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._refresh_button_yjutp_107 {
  display: flex;
  gap: 8px;
}.contact_list_groups ._contact__avatar_1kzvg_1 {
  border-radius: 6px;
}
.contact_list_groups ._contact__avatar__dm_1kzvg_4 {
  border-radius: 50%;
}

._avatar_1kzvg_8 {
  position: relative;
}

._active_1kzvg_12,
._offline_1kzvg_13 {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  outline: 3px solid var(--bg-medium);
  background-color: var(--bg-success-default);
}

._offline_1kzvg_13 {
  border: 2px solid var(--icon-disabled);
  background-color: var(--bg-medium);
}._emoji_selector__button_1eaqk_1 {
  max-height: 24px;
  transition: transform 0.2s ease;
  cursor: pointer;
}
._emoji_selector__button_1eaqk_1:hover {
  transform: scale(1.1);
}
._emoji_selector__button_1eaqk_1[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}

._emoji_selector__picker_1eaqk_14 {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

._emoji_placeholder_1eaqk_25 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._emoji_placeholder_1eaqk_25:hover ._emoji_placeholder__icon_1eaqk_34 {
  opacity: 0;
}
._emoji_placeholder_1eaqk_25:hover ._emoji_placeholder__emoji_1eaqk_37 {
  opacity: 1;
}

._emoji_placeholder__icon_1eaqk_34,
._emoji_placeholder__emoji_1eaqk_37 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease;
}

._emoji_placeholder__icon_1eaqk_34 {
  opacity: 1;
}

._emoji_placeholder__emoji_1eaqk_37 {
  width: 22px;
  height: 22px;
  opacity: 0;
}._emoji_placeholder_cckhj_1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._emoji_placeholder_cckhj_1:hover ._emoji_placeholder__icon_cckhj_10 {
  opacity: 0;
}
._emoji_placeholder_cckhj_1:hover ._emoji_placeholder__emoji_cckhj_13 {
  opacity: 1;
}

._emoji_placeholder__icon_cckhj_10,
._emoji_placeholder__emoji_cckhj_13 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease;
}

._emoji_placeholder__icon_cckhj_10 {
  opacity: 1;
  color: var(--icon-medium);
}

._emoji_placeholder__emoji_cckhj_13 {
  top: 2px;
  left: 2px;
  opacity: 0;
}._user_status_bd8nr_1 {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  background-color: var(--bg-default);
  gap: 12px;
}

._user_status__input_bd8nr_13 {
  flex-grow: 1;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--text-default);
  font-size: var(--web-sm-medium);
}

._status_modal_bd8nr_22 {
  height: fit-content;
  min-height: 200px;
}

._status_modal_content_bd8nr_27 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 20px 0;
  border-top: 1px solid var(--border-weak);
  gap: 16px;
}

._status_modal_footer_bd8nr_36 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0 24px;
  gap: 8px;
}

._status_modal_button_group_bd8nr_44 {
  display: flex;
  gap: 16px;
}._user_status_i908h_1 {
  height: 16px;
  cursor: pointer;
  gap: 4px;
}

._emoji_i908h_7 {
  display: block;
  max-height: 16px;
}

._tooltip_content_i908h_12 {
  display: flex;
  align-items: center;
  gap: 8px;
}._actionBar_we6c7_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--border-weak);
  background-color: var(--bg-default);
}
._actionBar_we6c7_1 a {
  text-decoration: none;
}

._actions_we6c7_12 {
  display: flex;
  flex-direction: column;
}

._icon__stack_we6c7_17 {
  display: grid;
  position: relative;
}
._icon__stack_we6c7_17 > * {
  grid-area: 1/-1;
}

._icon_option_we6c7_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-weak);
  color: var(--text-medium);
  font: var(--web-xs-semibold);
  cursor: pointer;
}
._icon_option_we6c7_25 ._icon__fill_we6c7_36 {
  opacity: 0;
}
._icon_option_we6c7_25 svg {
  transition: all 0.2s ease-in-out;
}
._icon_option__active_we6c7_42, ._icon_option_we6c7_25._active_we6c7_42, ._icon_option_we6c7_25:hover {
  background-color: var(--bg-strong);
  color: var(--brand);
}
._icon_option__active_we6c7_42 ._icon__fill_we6c7_36, ._icon_option_we6c7_25._active_we6c7_42 ._icon__fill_we6c7_36, ._icon_option_we6c7_25:hover ._icon__fill_we6c7_36 {
  opacity: 1;
}
._icon_option__active_we6c7_42 svg:first-child, ._icon_option_we6c7_25._active_we6c7_42 svg:first-child, ._icon_option_we6c7_25:hover svg:first-child {
  opacity: 0;
}

._bottom_container_we6c7_53 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 16px;
}
._bottom_container_we6c7_53 ._create_explore_container_we6c7_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}

._avatar_menu_we6c7_70 {
  margin-left: 8px;
}

._menu_item_we6c7_74 {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--text-default);
  text-decoration: none;
  gap: 8px;
}

._avatar_we6c7_70 {
  transition: all 0.2s ease-in-out;
  border: 3px solid transparent;
  cursor: pointer;
}
._avatar_we6c7_70._active_we6c7_42, ._avatar_we6c7_70:hover {
  border-color: var(--brand);
}

._status_wrapper_we6c7_92 {
  position: relative;
  min-height: 16px;
  margin-bottom: 4px;
}

._status_element_we6c7_98:empty ~ ._fallback_element_we6c7_98 {
  display: block;
}

._status_element_we6c7_98:not(:empty) ~ ._fallback_element_we6c7_98 {
  display: none;
}

._fallback_element_we6c7_98 {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
}

._emoji_placeholder_we6c7_114 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._emoji_placeholder_we6c7_114:hover ._emoji_placeholder__icon_we6c7_123 {
  opacity: 0;
}
._emoji_placeholder_we6c7_114:hover ._emoji_placeholder__emoji_we6c7_126 {
  opacity: 1;
}

._emoji_placeholder__icon_we6c7_123,
._emoji_placeholder__emoji_we6c7_126 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease;
}

._emoji_placeholder__icon_we6c7_123 {
  opacity: 1;
  color: var(--icon-medium);
}

._emoji_placeholder__emoji_we6c7_126 {
  opacity: 0;
}._form_1brvz_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 0;
  gap: 16px;
}

._form_container_1brvz_10 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 4px;
  overflow-y: auto;
  gap: 16px;
}

._form_row_1brvz_19 {
  display: flex;
  gap: 16px;
  width: 100%;
}
._form_row_1brvz_19 > * {
  flex: 1;
}

._error_message_1brvz_28 {
  color: var(--text-danger-default);
  font: var(--web-sm-medium);
}

._add_row_button_1brvz_33 {
  align-self: center;
}._modal_1c4bs_1 {
  width: initial;
  padding: 24px;
}

._header_1c4bs_6 {
  padding: 0;
}

._description_1c4bs_10 {
  width: 100%;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._form_1c4bs_16 {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  overflow-y: auto;
  border: 1px solid var(--border-weak);
  border-right: none;
  border-left: none;
  gap: 24px;
}

._contact_support_1c4bs_27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--bg-accent-1);
  gap: 16px;
}

._contact_support_text_1c4bs_38 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._contact_support_title_1c4bs_44 {
  font: var(--web-sm-semibold);
}

._contact_support_description_1c4bs_48 {
  font: var(--web-sm-medium);
}

._contact_support_button_1c4bs_52 {
  background-color: transparent;
  color: var(--brand);
}._modal_15iv0_1 {
  position: relative;
  width: 100%;
  max-width: 580px;
  min-height: initial;
}
._modal_15iv0_1 h2 {
  font: var(--web-3x-semibold);
}
._modal_15iv0_1 form {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
._modal_15iv0_1 form ._next_button_container_15iv0_16 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--border-weak);
}
._modal_15iv0_1 ._create_join_button_15iv0_24 {
  align-self: center;
  width: fit-content;
  padding: 10px 20px;
}

._step_container_15iv0_30 {
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  height: 0;
  gap: 16px;
}
._step_container_15iv0_30 ._step_container_content_15iv0_38 {
  flex: 1;
  height: 0;
  padding: 0 24px 24px;
}
._step_container_15iv0_30 ._step_container_content_15iv0_38 ._step_container_content_description_15iv0_43 {
  margin-top: 8px;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
._step_container_15iv0_30 ._step_container_content_15iv0_38 ._form_field_15iv0_48 {
  width: 100%;
  margin: 20px 0;
}

._overlay_15iv0_53 {
  display: flex;
  position: absolute;
  z-index: 10;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--container-radius);
  background-color: rgb(255, 255, 255);
  inset: 0 0 0 0;
}
._overlay_15iv0_53 p {
  margin-top: 16px;
  color: var(--text-medium);
  font: var(--web-md-medium);
}._grid_container_1nzpg_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
  gap: 16px;
}

._type_option_1nzpg_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30%;
  height: 120px;
  padding: 16px;
  transition: all 0.2s;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  cursor: pointer;
}
._type_option_1nzpg_9:hover {
  transform: scale(1.05);
}
._type_option_1nzpg_9._selected_1nzpg_25 {
  background-color: var(--brand);
  color: var(--icon-inverted-default);
}

._icon_1nzpg_30 {
  transition: all 0.2s;
}

._icon_selected_1nzpg_34 {
  color: var(--icon-inverted-default);
}

._type_label_1nzpg_38 {
  margin-top: 8px;
  font: var(--web-lg-semibold);
  text-align: center;
}.MuiFormGroup-root._radio_group_1uiq3_1 {
  display: flex;
  flex-flow: row nowrap;
  gap: 12px;
}
.MuiFormGroup-root._radio_group_1uiq3_1 .MuiFormControlLabel-label {
  color: var(--text-default);
  font: var(--web-sm-semibold);
}
.MuiFormGroup-root._radio_group_1uiq3_1 label {
  margin-right: 0;
}

._radio_option_1uiq3_14 {
  display: flex;
  align-items: center;
  margin: 0;
  transition: border-color 0.2s;
  border: 1.5px solid var(--border-weak);
  border-radius: 10px;
  background: var(--bg-default);
  cursor: pointer;
}

._radio_option_selected_1uiq3_25 {
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(112, 53, 255, 0.08);
}

._radio_option_1uiq3_14:focus-within {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}._org_rep_container_1jeuu_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._org_rep_container_1jeuu_1 ._org_rep_field_container_1jeuu_6 {
  margin-top: 40px;
}
._org_rep_container_1jeuu_1 ._org_rep_email__legend_1jeuu_9 {
  color: var(--text-default);
  font: var(--web-lg-semibold);
}

._org_rep_description_1jeuu_14 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}._content_v22av_1 {
  display: flex;
  flex-direction: column;
}._wizard_header_1l6oh_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  color: var(--text-medium);
}
._wizard_header_1l6oh_1 svg {
  color: var(--text-medium);
}
._wizard_header_1l6oh_1 ._close_button_1l6oh_11 {
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  color: var(--icon-medium);
}

._step_counter_1l6oh_17 {
  display: flex;
  align-items: center;
}
._step_counter_1l6oh_17 span {
  margin-right: 10px;
}

._logo_1l6oh_25 {
  width: auto;
  height: 30px;
}._birthday_modal_f5xsb_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: fit-content;
  padding: 20px;
  gap: 20px;
}

._modal__header_f5xsb_10 {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-weak);
  text-align: center;
}

._collection_info__container_f5xsb_17 {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  background: var(--bg-medium);
  gap: 12px;
}
._collection_info__container_f5xsb_17 ._icon_container_f5xsb_25 {
  width: 64px;
  height: 64px;
  padding: 16px;
  border-radius: 100px;
  background: var(--bg-accent-1);
}
._collection_info__container_f5xsb_17 ._icon_container_f5xsb_25 svg {
  fill: var(--brand);
}

._birthday_flag_text_f5xsb_36 {
  color: var(--text-danger-default);
  font: var(--web-sm-medium);
  text-align: center;
}._name_modal_31d6x_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: fit-content;
  min-height: revert;
  padding: 20px;
  gap: 20px;
}

._modal__header_31d6x_11 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-weak);
  text-align: center;
}

._modal__subtext_31d6x_20 {
  margin: 8px 0;
  color: var(--text-medium);
  text-align: center;
}

._name_error_31d6x_26 {
  margin-top: 8px;
  color: var(--text-danger-default);
  font: var(--web-sm-medium);
  text-align: center;
}._avatar_container_cd7sw_1 {
  position: relative;
}

._hidden_cd7sw_5 {
  visibility: hidden;
  width: 0;
  height: 0;
}

._avatar_cd7sw_1,
._no_avatar_cd7sw_12 {
  display: block;
  object-fit: cover;
}
._avatar_cd7sw_1._active_cd7sw_16,
._no_avatar_cd7sw_12._active_cd7sw_16 {
  border: 3px solid var(--brand);
  outline: 0;
}

._no_avatar_cd7sw_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-accent-1-dark);
  color: var(--bg-default);
}._table_header_1mfhb_1 th,
._table_header_1mfhb_1 td,
._table_body_1mfhb_3 th,
._table_body_1mfhb_3 td {
  padding: 4px 16px;
  border-right: 1px solid var(--border-weak);
  border-color: var(--border-weak);
  font: var(--web-sm-medium);
}
._table_header_1mfhb_1 th:last-child,
._table_header_1mfhb_1 td:last-child,
._table_body_1mfhb_3 th:last-child,
._table_body_1mfhb_3 td:last-child {
  border-right: 0;
}
._table_header_1mfhb_1 th,
._table_body_1mfhb_3 th {
  padding: 16px;
  border-bottom: 1px solid var(--border-weak);
  font: var(--web-sm-semibold);
}
._table_header_1mfhb_1 th ._column_header_1mfhb_22,
._table_body_1mfhb_3 th ._column_header_1mfhb_22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._table_header_1mfhb_1 th ._sort_label_1mfhb_29,
._table_body_1mfhb_3 th ._sort_label_1mfhb_29 {
  text-transform: none;
}
._table_header_1mfhb_1 th ._sort_label_1mfhb_29 .MuiTableSortLabel-icon,
._table_body_1mfhb_3 th ._sort_label_1mfhb_29 .MuiTableSortLabel-icon {
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}
._table_header_1mfhb_1 th._sortable_1mfhb_38,
._table_body_1mfhb_3 th._sortable_1mfhb_38 {
  cursor: pointer;
}
._table_header_1mfhb_1 th._sortable_1mfhb_38:hover .MuiTableSortLabel-icon,
._table_body_1mfhb_3 th._sortable_1mfhb_38:hover .MuiTableSortLabel-icon {
  opacity: 1;
}
._table_header_1mfhb_1 th._sortable_1mfhb_38:has(.Mui-active) .MuiTableSortLabel-icon,
._table_body_1mfhb_3 th._sortable_1mfhb_38:has(.Mui-active) .MuiTableSortLabel-icon {
  opacity: 1;
}
._table_header_1mfhb_1 tr:hover,
._table_header_1mfhb_1 tr:has([data-menu-open=true]),
._table_body_1mfhb_3 tr:hover,
._table_body_1mfhb_3 tr:has([data-menu-open=true]) {
  background-color: var(--bg-medium);
}
._table_header_1mfhb_1 tr:hover ._action_column_1mfhb_56,
._table_header_1mfhb_1 tr:has([data-menu-open=true]) ._action_column_1mfhb_56,
._table_body_1mfhb_3 tr:hover ._action_column_1mfhb_56,
._table_body_1mfhb_3 tr:has([data-menu-open=true]) ._action_column_1mfhb_56 {
  opacity: 1;
}
._table_header_1mfhb_1 tr._active_row_1mfhb_62,
._table_body_1mfhb_3 tr._active_row_1mfhb_62 {
  background-color: var(--bg-medium);
}

._table_container_1mfhb_67 {
  --search-height: 0px;
  --pagination-height: 54px;
  height: calc(100% - var(--pagination-height) - var(--search-height));
  overflow: auto;
  border-bottom: 1px solid var(--border-weak);
}
._table_container_1mfhb_67[data-search-enabled=true] {
  --search-height: 54px;
}

._flex_row_1mfhb_78 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._greyed_out_1mfhb_84 {
  color: var(--text-medium);
}

._action_column_1mfhb_56 {
  display: flex;
  justify-content: flex-end;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}

._table_controls_1mfhb_95 {
  border-bottom: 1px solid var(--border-weak);
}
._table_controls_1mfhb_95 ._table_search_1mfhb_98 {
  display: flex;
  padding: 8px;
}
._table_controls_1mfhb_95 ._table_search_1mfhb_98 ._search_input_1mfhb_102 {
  width: 100%;
  max-width: 600px;
}

.MuiTablePagination-root._table_pagination_1mfhb_107 {
  overflow: initial;
  border-top: 1px solid var(--border-weak);
}
.MuiTablePagination-root._table_pagination_1mfhb_107 .MuiTablePagination-select {
  padding-right: 24px;
}
.MuiTablePagination-root._table_pagination_1mfhb_107 .MuiTablePagination-selectIcon {
  right: 0;
}

._raised_button_1mfhb_118 {
  border: 1px solid var(--border-weak);
  border-radius: 6px;
  background: var(--bg-default);
  box-shadow: 0 8px 16px 0 rgba(51, 16, 106, 0.08);
  color: var(--icon-default);
}._minor_badge_15vqv_1 {
  position: absolute;
  right: -4px;
  bottom: -4px;
  fill: white;
}
._minor_badge_15vqv_1 [opacity="0.2"] {
  opacity: 1;
  fill: var(--brand);
}._modal_1ogwp_1 {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 360px;
  padding: 24px;
  gap: 24px;
  transform: translate(-50%, -50%);
  border-radius: var(--container-radius);
  background-color: var(--bg-default);
  font: var(--web-base-medium);
}
._modal_1ogwp_1 h3 {
  margin: 0 0 4px 0;
  font: var(--web-xl-semibold);
}
._modal_1ogwp_1 ._cancel_button_1ogwp_19 {
  margin-right: 12px;
  font: var(--web-base-semibold);
}
._modal__buttons_1ogwp_23 {
  display: flex;
  justify-content: flex-end;
}
._modal_1ogwp_1 button[disabled] {
  opacity: 0.3;
  pointer-events: none;
}._report_person_dialog_body_l2gfh_1 {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 16px;
}[data-menu-open=true] ._menu_anchor_1551w_1 {
  background-color: var(--bg-strong);
}

._menu_item_1551w_5 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._menu_danger_1551w_11 {
  color: var(--text-danger-default);
}
._menu_danger_1551w_11 svg {
  fill: var(--text-danger-default);
}

button:has(._menu_item_1551w_5) {
  width: 100%;
}._button_group_sq8sa_1 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}._member_tags_container_13so1_1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._member_tags_13so1_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-height: 32px;
  overflow: hidden;
  gap: 8px;
}

._tag_pill_13so1_18 {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 16px;
  color: var(--text-tags);
  font: var(--web-sm-medium);
  white-space: nowrap;
}

._additional_tags_13so1_28 {
  display: flex;
  visibility: visible;
  position: absolute;
  right: 0;
  align-items: center;
  padding: 4px 8px;
  border-radius: 16px;
  opacity: 1;
  background: var(--bg-strong);
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
tr:hover ._additional_tags_13so1_28, tr:has([data-menu-open=true]) ._additional_tags_13so1_28 {
  visibility: hidden;
  opacity: 0;
}

._menu_content_13so1_46 {
  min-width: 200px;
  padding: 8px 16px;
  color: var(--text-default);
  font: var(--web-sm-medium);
}

._tag_menu_item_13so1_53 {
  width: 100%;
  padding: 8px 16px;
}

._no_tags_menu_item_13so1_58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
._no_tags_menu_item_13so1_58 p {
  font: var(--web-xs-medium);
}
._no_tags_menu_item_13so1_58 a {
  color: var(--brand);
  font: var(--web-sm-semibold);
  text-decoration: none;
}

._no_tags_13so1_58 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._tag_menu_item_content_13so1_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
._tag_menu_item_content_13so1_79 svg {
  color: var(--icon-success);
}

._menu_tag_pill_13so1_90 {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 16px;
  color: var(--text-tags);
  font: var(--web-sm-medium);
  cursor: pointer;
  gap: 8px;
}
._menu_tag_pill_13so1_90 ._remove_icon_13so1_100 {
  transition: opacity 0.2s ease;
  opacity: 0.6;
}

._menu_section_13so1_105 {
  padding: 12px 16px;
}

._assigned_tags_13so1_109 {
  display: flex;
  flex-wrap: wrap;
  width: 340px;
  padding: 8px 14px;
  padding-bottom: 12px;
  border: 1px solid var(--border-default);
  border-radius: 10px;
  gap: 8px;
}
._assigned_tags_13so1_109 ._menu_tag_pill_13so1_90:hover {
  opacity: 0.8;
}
._assigned_tags_13so1_109 ._menu_tag_pill_13so1_90:hover ._remove_icon_13so1_100 {
  opacity: 1;
}

._unassigned_tags_13so1_126 label {
  padding: 8px 16px;
  color: var(--text-medium);
  font: var(--web-sm-semibold);
}

._go_to_settings_13so1_132 {
  color: var(--brand);
  font: var(--web-sm-semibold);
}._role_container_1xe0o_1 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._role_menu_1xe0o_9 ._learn_more_menu_item_1xe0o_9 a._learn_more_link_1xe0o_9 {
  color: var(--brand);
  font: var(--web-sm-semibold);
  text-decoration: none;
}
._role_menu_1xe0o_9 ._selected_role_1xe0o_14 {
  font: var(--web-base-semibold);
}._container_1iem9_1 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 24px;
  gap: 8px;
}

._leader_1iem9_9 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}

._avatar_1iem9_16 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

._name_1iem9_23 {
  overflow: hidden;
  color: var(--text-primary);
  font: var(--web-sm-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._leader_menu_item_1iem9_31 {
  display: flex;
  align-items: center;
  min-width: 230px;
}
._leader_menu_item_1iem9_31._selected_leader_1iem9_36 {
  background-color: var(--surface-selected);
}

label {
  padding: 8px 16px;
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}

._empty_message_1iem9_46 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}._tag_filter_en81k_1 {
  display: flex;
  align-items: center;
}
._tag_filter_en81k_1 ._filter_icon_en81k_5 {
  transition: color 0.2s ease;
  color: var(--icon-default);
  cursor: pointer;
}
._tag_filter_en81k_1 ._filter_icon_en81k_5:hover {
  color: var(--brand);
}
._tag_filter_en81k_1 ._filter_icon_en81k_5._active_en81k_13 {
  color: var(--brand);
}

._tags_menu_en81k_17 ._menu_content_en81k_17 {
  min-width: 250px;
  padding: 16px;
}
._tags_menu_en81k_17 ._menu_content_en81k_17 label {
  display: block;
  margin-bottom: 12px;
  color: var(--text-secondary);
  font-size: 14px;
}
._tags_menu_en81k_17 ._menu_content_en81k_17 ._tag_select_en81k_27 {
  width: 100%;
  font-size: 14px;
}

._tag_pill_en81k_32 {
  padding: 4px 12px;
  border-radius: 16px;
  color: var(--text-default);
  font-size: 14px;
}._manage_container_nos7l_1 {
  --entity-header-height: 71px;
  padding: 0;
}

._manage__actions_nos7l_6 {
  justify-content: space-between;
}

._manage__tab_header_nos7l_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
}

._header_actions_nos7l_17 {
  display: flex;
  gap: 4px;
}

._role_column_nos7l_22 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._role_column_nos7l_22 ._icon_nos7l_27 {
  display: block;
  color: var(--icon-medium);
}

._avatar_nos7l_32 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

._date_column_nos7l_38._pending_nos7l_38 {
  color: var(--brand);
}._leader_filter_8p1rs_1 {
  display: flex;
  align-items: center;
}
._leader_filter_8p1rs_1 ._filter_icon_8p1rs_5 {
  transition: color 0.2s ease;
  color: var(--icon-default);
  cursor: pointer;
}
._leader_filter_8p1rs_1 ._filter_icon_8p1rs_5:hover {
  color: var(--brand);
}
._leader_filter_8p1rs_1 ._filter_icon_8p1rs_5._active_8p1rs_13 {
  color: var(--brand);
}

._leaders_menu_8p1rs_17 ._menu_content_8p1rs_17 {
  min-width: 250px;
  padding: 16px;
}
._leaders_menu_8p1rs_17 ._menu_content_8p1rs_17 label {
  display: block;
  margin-bottom: 12px;
  color: var(--text-secondary);
  font-size: 14px;
}
._leaders_menu_8p1rs_17 ._menu_content_8p1rs_17 ._leader_select_8p1rs_27 {
  width: 100%;
  font-size: 14px;
}

._leader_item_8p1rs_32 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
._leader_item_8p1rs_32 ._avatar_8p1rs_38 {
  flex-shrink: 0;
}
._leader_item_8p1rs_32 span {
  font-size: 14px;
}._modal_18fxg_1 {
  min-width: 590px;
  height: 80vh;
  transition: all 0.2s ease;
}

._modal_content_18fxg_7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100% - 24px);
  padding: 24px;
  border-top: 1px solid var(--border-weak);
}

._search_container_18fxg_16 {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

._members_list_18fxg_22 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  gap: 16px;
}

._member_item_18fxg_30 {
  display: flex;
  align-items: center;
  padding: 8px;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  gap: 12px;
}
._member_item_18fxg_30:hover {
  background-color: var(--bg-medium);
}

._avatar_18fxg_42 {
  width: 40px;
  height: 40px;
}

._memberName_18fxg_47 {
  color: var(--text-default);
  font: var(--web-base-medium);
}._invite_link_2d6i4_1 {
  display: flex;
  gap: 4px;
  font: var(--web-sm-semibold);
}._contact_item_wfa3t_1 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--text-default);
  font: var(--web-sm-medium);
  gap: 8px;
}
._contact_item_wfa3t_1 svg {
  color: var(--icon-medium);
}
._contact_item_wfa3t_1 a {
  text-decoration: none;
}
._contact_item_wfa3t_1 a[href^="mailto:"] {
  color: var(--text-default);
}._image_container_1exv6_1 {
  display: block;
  object-fit: cover;
  overflow: hidden;
  border-radius: 12px;
}
._image_container_1exv6_1._active_1exv6_7 {
  border: 3px solid var(--brand);
  outline: 0;
}._rsvp_menu_i2twk_1 .MuiPaper-root.MuiPopover-paper.MuiMenu-paper {
  min-width: 200px;
  padding: 0 8px;
}
._rsvp_menu_i2twk_1 .MuiButtonBase-root.MuiMenuItem-root.Mui-selected {
  border-radius: 8px;
  color: var(--text-medium);
  font: var(--web-base-medium);
}
._rsvp_menu_i2twk_1 .MuiButtonBase-root.MuiMenuItem-root.Mui-selected._rsvp_GOING_i2twk_10 {
  background: var(--bg-success-weak);
  color: var(--text-success-default);
}
._rsvp_menu_i2twk_1 .MuiButtonBase-root.MuiMenuItem-root.Mui-selected._rsvp_MAYBE_i2twk_14 {
  background: var(--bg-accent-1-light);
  color: var(--text-brand-default);
}
._rsvp_menu_i2twk_1 .MuiButtonBase-root.MuiMenuItem-root.Mui-selected._rsvp_NOT_GOING_i2twk_18 {
  background: var(--bg-danger-weak);
  color: var(--text-danger-default);
}

.MuiButtonBase-root.MuiButton-root._rsvp_GOING_i2twk_10 {
  background: var(--bg-success-weak);
  color: var(--text-success-default);
}
.MuiButtonBase-root.MuiButton-root._rsvp_MAYBE_i2twk_14 {
  background: var(--bg-accent-1-light);
  color: var(--text-brand-default);
}
.MuiButtonBase-root.MuiButton-root._rsvp_NOT_GOING_i2twk_18 {
  background: var(--bg-danger-weak);
  color: var(--text-danger-default);
}
.MuiButtonBase-root.MuiButton-root._rsvp_blank_i2twk_35 {
  background: var(--bg-strong);
  color: var(--text-medium);
}

._rsvp_content_i2twk_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  font: var(--paragraph-200-heavy);
}._event_boost__container_cr6mb_1 {
  display: flex;
  flex-direction: column;
  width: 380px;
  padding: 16px;
  padding-top: 20px;
  border-radius: 20px;
  background-color: var(--event-boost-polls-bg-default);
  color: var(--event-boost-polls-text-default);
  gap: 28px;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 {
  display: flex;
  justify-content: space-between;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 {
  display: flex;
  position: relative;
  gap: 8px;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__image_cr6mb_21 {
  flex: none;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__indicator_cr6mb_24 {
  flex: none;
  width: 8px;
  border-radius: 12px;
  background: var(--event-boost-polls-bg-medium);
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__info_cr6mb_30 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__info_cr6mb_30 ._name_cr6mb_35 {
  color: inherit;
  font: var(--web-xl-semibold);
  text-decoration: none;
  word-break: break-word;
  white-space: pre-line;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__info_cr6mb_30 ._name_cr6mb_35:hover {
  text-decoration: underline;
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__main_cr6mb_16 ._event_boost__info_cr6mb_30 ._date_cr6mb_45 {
  font: var(--web-sm-medium);
}
._event_boost__container_cr6mb_1 ._event_boost__top_cr6mb_12 ._event_boost__action_cr6mb_48 {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
._event_boost__container_cr6mb_1 ._event_boost__rsvp_cr6mb_53 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._event_boost__container_cr6mb_1 ._event_boost__rsvp_cr6mb_53 ._rsvp_data_cr6mb_58 {
  font: var(--web-xs-semibold);
}[data-menu-open=true] ._menu_anchor_p3tol_1 {
  background-color: var(--bg-strong);
}

._menu_item_p3tol_5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._menu_item_p3tol_5._menu_danger_p3tol_10 {
  color: var(--text-danger-default);
}._event_1ryl2_1 {
  height: fit-content;
  border: 1px solid var(--border-weak);
  background-color: var(--bg-default);
  color: var(--text-default);
}
._event_1ryl2_1 ._rsvp_data_1ryl2_7 {
  color: var(--text-medium);
}

._event_list_1ryl2_11 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: left;
}

._icon_1ryl2_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._icon_1ryl2_18 svg {
  fill: var(--icon-disabled);
}

._no_events_1ryl2_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._view_all_events_1ryl2_38 {
  display: inline-block;
  margin-top: 24px;
  color: var(--brand);
  font: var(--web-lg-semibold);
  text-decoration: none;
}
._view_all_events_1ryl2_38:hover {
  text-decoration: underline;
}._skeleton_3cxfs_1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

._view_details_3cxfs_7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
._view_details__content_3cxfs_13 {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 64px;
  max-width: 1400px;
}

._section__title_3cxfs_20 {
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  color: var(--text-medium);
  font: var(--web-lg-semibold);
}

._description_3cxfs_28 {
  margin: 24px 0;
}

._actions_3cxfs_32 {
  display: flex;
  gap: 8px;
}
._actions_3cxfs_32 .MuiButton-root {
  min-width: 120px;
}

._content_blocks_3cxfs_40 {
  display: flex;
  gap: 16px;
  max-height: 250px;
}

._separator_3cxfs_46 {
  margin: 20px 0;
}

._container_3cxfs_50,
._outlined_container_3cxfs_51 {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

._container_3cxfs_50 {
  min-width: 500px;
}

._empty_welcome_msg_3cxfs_61 {
  font-style: italic;
}

._outlined_container_3cxfs_51 {
  padding: 32px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}

._stats__header_3cxfs_71 {
  margin-bottom: 8px;
  font: var(--web-base-semibold);
}

._stats_item_3cxfs_76 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--text-default);
  font: var(--web-sm-medium);
  gap: 8px;
}
._stats_item_3cxfs_76 svg {
  color: var(--icon-medium);
}
._stats_item_3cxfs_76 ._stats_item_link_3cxfs_87 {
  color: var(--text-default);
  font: var(--web-sm-medium);
}
._stats_item_3cxfs_76 ._stats_item_link_3cxfs_87:hover {
  text-decoration: underline;
}

._events_link_3cxfs_95 {
  text-decoration: none;
}
._events_link_3cxfs_95:hover {
  text-decoration: underline;
}
._events_link_3cxfs_95:active {
  color: var(--text-medium);
}._news_list_pnyns_1 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: left;
}

._news_item_pnyns_8 {
  display: flex;
  flex-direction: column;
  width: calc(50% - 8px);
  max-width: 400px;
  color: inherit;
  text-decoration: none;
}
._news_item_pnyns_8:hover ._news_title_pnyns_16 {
  text-decoration: underline;
}

._news_image_pnyns_20 {
  width: 100%;
  max-width: 230px;
  height: 140px;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: 16px;
}
._news_image_pnyns_20 img {
  width: 100%;
  max-width: 400px;
  height: 100%;
  object-fit: cover;
}

._news_title_pnyns_16 {
  margin: 0;
  font: var(--web-xl-semibold);
}

._no_news_pnyns_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._no_news_pnyns_40 ._icon_pnyns_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._no_news_pnyns_40 ._icon_pnyns_46 svg {
  fill: var(--icon-disabled);
}

._view_all_news_pnyns_59 {
  display: inline-block;
  margin-top: 24px;
  color: var(--brand);
  font: var(--web-lg-semibold);
  text-decoration: none;
}
._view_all_news_pnyns_59:hover {
  text-decoration: underline;
}._container_utery_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
  gap: 8px;
}

._title_utery_11 {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}

._content_utery_16 {
  overflow-x: hidden;
  overflow-y: auto;
}._socials_urx27_1 {
  display: flex;
  margin-bottom: 24px;
  color: var(--icon-medium);
  gap: 8px;
}
._socials_urx27_1 a {
  color: var(--icon-medium);
}._details_z4s2j_1 {
  padding: 20px 24px;
}
._details__header_content_z4s2j_4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._details__header_z4s2j_4 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._details__content_z4s2j_14 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
  max-width: 800px;
}
._details__actions_z4s2j_21 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 800px;
  height: fit-content;
  gap: 8px;
}
._details__image_z4s2j_29 {
  width: 132px;
  height: 132px;
  border-radius: 16px;
}
._details__name_z4s2j_34 {
  font: var(--web-3x-semibold);
}
._details__member_count_z4s2j_37 {
  color: var(--text-medium);
  font: var(--web-sm-regular);
}
._details__section_content_z4s2j_41, ._details__contact_info_z4s2j_41 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin-top: 24px;
  border-radius: 20px;
  background: var(--bg-medium);
  gap: 16px;
}
._details__button_z4s2j_50 {
  display: flex;
  gap: 4px;
}

._tabs_container_z4s2j_55 {
  width: 100%;
}

._tabs_z4s2j_55 {
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-border);
}._toggle_button_group_1b2fq_1 {
  position: relative;
}
._toggle_button_group_1b2fq_1 ._toggle_button_1b2fq_1 {
  display: flex;
  gap: 8px;
}
._toggle_button_group_1b2fq_1 ._slider_overlay_1b2fq_8 {
  position: absolute;
  height: 100%;
  transform: translateX(0%);
  transition: transform 300ms;
  border: 1.5px solid var(--border-default);
  border-radius: 8px;
  background-color: var(--bg-brand-default);
}._place_options__container_o45lo_1 {
  display: flex;
  align-items: center;
  padding: 8px;
  transition: background-color 0.2s ease-in-out;
  font: var(--web-base-semibold);
  cursor: pointer;
  gap: 8px;
}
._place_options__container_o45lo_1:hover {
  background-color: var(--bg-strong);
}
._place_options__container_o45lo_1._selected_o45lo_13 {
  background-color: var(--bg-strong);
}

._place_option__icon_o45lo_17 {
  width: 44px;
  color: var(--brand);
}
._place_option__address_o45lo_21 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 44px);
  font: var(--web-base-medium);
  word-wrap: break-word;
}._qleditor_container_16iz0_1 {
  position: relative;
}

._quilleditor_loading_overlay_16iz0_5 {
  display: flex;
  position: absolute;
  z-index: 1000;
  inset: 0 0 0 0;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(1px);
}

._quilleditor_loading_overlay_content_16iz0_17 {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: var(--text-default);
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
}

._quilleditor_loading_overlay_content_spinner_16iz0_30 {
  width: 16px;
  height: 16px;
  animation: _spin_16iz0_1 1s linear infinite;
  border: 2px solid var(--border-default);
  border-top: 2px solid var(--brand);
  border-radius: 50%;
}

.ql-toolbar > .ql-formats > .ql-ai-cleanup {
  position: relative;
  min-width: fit-content;
  transition: all 0.3s ease;
  border-radius: 4px;
  background: transparent;
}
.ql-toolbar > .ql-formats > .ql-ai-cleanup:hover:not(._loading_16iz0_46) {
  color: var(--brand);
}
.ql-toolbar > .ql-formats > .ql-ai-cleanup._loading_16iz0_46 {
  opacity: 0.5;
  background: var(--bg-weak, #f0f0f0);
  pointer-events: none;
}

@keyframes _spin_16iz0_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}._overlay_dz0r1_1 {
  display: flex;
  position: absolute;
  z-index: 1000;
  inset: 0 0 0 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}

._logoContainer_dz0r1_11 {
  width: 100px;
  height: 100px;
}

._logo_dz0r1_11 {
  width: 100%;
  height: 100%;
}._delete_confirmation_1bowq_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._delete_confirmation__entity_preview_1bowq_6 {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--bg-medium);
  gap: 12px;
}
._delete_confirmation__entity_preview__avatar_1bowq_14 {
  border-radius: 4px;
}
._delete_confirmation__entity_preview__info_1bowq_17 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._delete_confirmation__entity_preview__info_1bowq_17 ._entity_name_1bowq_22 {
  font: var(--web-base-semibold);
}
._delete_confirmation__entity_preview__info_1bowq_17 ._entity_member_count_1bowq_25 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}._content_block_1v6bf_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
._content_block__title_1v6bf_7 {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}
._content_block_1v6bf_1 .ql-container {
  height: 170px;
}._form_container_w8h2w_1 {
  padding: 0;
}
._form_container_w8h2w_1 ._delete_button_w8h2w_4 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 200px;
  height: 40px;
}
._form_container_w8h2w_1 ._delete_button_w8h2w_4:hover {
  background: var(--bg-danger-hover);
}
._form_container_w8h2w_1 ._error_message_w8h2w_15 {
  color: var(--text-danger-default);
  font: var(--web-xs-medium);
}

._edit__actions_w8h2w_20 {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

._edit__actions__buttons_w8h2w_26 {
  display: flex;
  gap: 8px;
}

._image_edit__container_w8h2w_31 {
  position: relative;
  width: fit-content;
  cursor: pointer;
}
._image_edit__container_w8h2w_31 ._image_edit__logo_w8h2w_36 {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 44px;
  height: 44px;
  padding: 12px;
  transform: translate(50%, -50%);
  border-radius: 100px;
  background: rgba(10, 10, 13, 0.5);
}
._image_edit__container_w8h2w_31 ._image_edit__logo_w8h2w_36 svg {
  fill: var(--icon-inverted-default);
}

._quill_editor_w8h2w_51 .ql-editor {
  min-height: 200px;
}

._extra_section__container_w8h2w_55 {
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
  gap: 16px;
}

._toggle__header_w8h2w_64 {
  margin-bottom: 4px;
  font: var(--web-base-semibold);
}

._toggle__helper_text_w8h2w_69 {
  margin-bottom: 16px;
  color: var(--text-medium);
  font: var(--web-sm-semibold);
}

._content_blocks_w8h2w_75 {
  display: flex;
  gap: 16px;
}._existing_communities_list_ume3w_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: calc(100% - 60px);
  padding: 20px 24px 0 24px;
}

._search_field_ume3w_10 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-weak);
  border-radius: 4px;
  font: var(--web-md-regular);
}

._communities_list_ume3w_18 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
}

._community_item_ume3w_25 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  transition: background-color 0.2s ease;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  background-color: var(--bg-default);
  color: var(--text-default);
  text-align: left;
  cursor: pointer;
}
._community_item_ume3w_25:not(:last-child) {
  margin-bottom: 8px;
}
._community_item_ume3w_25:hover {
  background-color: var(--bg-medium);
}
._community_item_ume3w_25 ._join_button_ume3w_44 {
  width: fit-content;
  height: 40px;
  margin-top: 8px;
  padding: 0 32px;
}

._community_image_ume3w_51 {
  flex-shrink: 0;
  margin-right: 12px;
  object-fit: cover;
  border-radius: 8px;
}
._community_image_ume3w_51:hover {
  transform: scale(1.05);
  transition: all 0.2s;
}

._community_info_ume3w_62 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._community_info_ume3w_62._skeleton_info_ume3w_67 {
  margin-left: 12px;
  gap: 8px;
}

._community_name_ume3w_72 {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: var(--web-md-medium);
  text-align: left;
  cursor: pointer;
}
._community_name_ume3w_72:hover {
  text-decoration: underline;
}

._community_welcome_msg_ume3w_85 {
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-medium);
  font: var(--web-sm-regular);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._loading_ume3w_96 {
  padding: 20px;
  color: var(--text-medium);
  font: var(--web-md-medium);
  text-align: center;
}

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

._modal_ume3w_110 {
  width: fit-content;
  min-width: 80%;
  gap: 0;
}
._modal_ume3w_110 ._modal_title_ume3w_115 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._modal_ume3w_110 ._modal_content_ume3w_120 {
  width: 100%;
  overflow: auto;
}
._modal_ume3w_110 ._modal_header_ume3w_124 {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-weak);
}
._modal_ume3w_110 ._modal_header_ume3w_124 h3 {
  font: var(--web-base-medium);
}

._avatar_ume3w_132 {
  border-radius: 6px;
}._mobile_app_banner_1twy8_1 {
  display: flex;
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: var(--bg-accent-1);
  gap: 16px;
  font: var(--web-lg-semibold);
}

._mobile_app_banner__text_1twy8_16 {
  flex: 1;
}

._mobile_app_banner__link_1twy8_20 {
  color: var(--brand);
  text-decoration: none;
}.MuiMenuItem-root._menu_item__red_3odys_1 {
  color: var(--text-danger-default);
}._contact_rkco9_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
  padding: 8px;
  transition: background-color 0.2s ease-in-out;
  border-radius: 8px;
  font: var(--web-base-medium);
  text-align: left;
  cursor: pointer;
  gap: 8px;
}
._contact__container_rkco9_15 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 90%;
  gap: 8px;
}
._contact_rkco9_1:hover {
  background-color: var(--bg-strong);
}
._contact__avatar_rkco9_25 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--bg-medium);
  object-fit: cover;
}
._contact__name_rkco9_32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._contact__name__unread_rkco9_37 {
  font: var(--web-base-semibold);
}
._contact__notification_container_rkco9_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
}
._contact__notifications_rkco9_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 16px;
  padding: 3px 0;
  border-radius: 50%;
  background-color: var(--brand);
  color: var(--icon-inverted-default);
  font: var(--web-2xs-semibold);
}
._contact__pip_rkco9_58 {
  width: 12px;
  height: 12px;
  border: 2px solid var(--border-weak);
  border-radius: 50%;
  background-color: var(--brand);
  color: var(--icon-inverted-default);
}
._contact__avatar_container_rkco9_66 {
  position: relative;
  width: 32px;
  height: 32px;
}
._contact__mute_icon_rkco9_71 {
  display: flex;
  position: absolute;
  right: -2px;
  bottom: -2px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--border-default);
  border-radius: 50%;
  background-color: var(--bg-default);
  color: var(--text-default);
}
._contact_rkco9_1._muted_rkco9_85 ._contact__name_rkco9_32 {
  color: var(--text-medium);
}

._selected_rkco9_89 {
  background-color: var(--bg-strong);
}._loading_1l693_1 {
  display: flex;
  align-items: center;
  margin: 8px;
  gap: 8px;
}._contact_header_1w43w_1 {
  display: flex;
  position: sticky;
  z-index: 1;
  top: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0 0 8px;
  background: var(--bg-medium);
}
._contact_header__title_1w43w_12 {
  transition: opacity 0.3s ease;
  font: var(--web-xl-semibold);
}
._contact_header__icon_1w43w_16 {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 8px;
  background-color: transparent;
  cursor: pointer;
}
._contact_header__icon_1w43w_16:hover {
  background-color: var(--bg-strong);
}
._contact_header_1w43w_1 ._member_search_1w43w_27 {
  display: flex;
  width: 100%;
  background: var(--bg-medium);
}
._contact_header_1w43w_1 ._member_search__input_1w43w_32 {
  width: 100%;
  background: var(--bg-default);
}.contact_list__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.contact_list__content {
  flex: 1;
  min-height: 0;
  overflow-y: hidden;
}
.contact_list__no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  color: var(--text-medium);
  font: var(--web-body-medium);
  text-align: center;
}
.contact_list__divider {
  margin: 8px 16px;
  border: none;
  border-top: 1px solid var(--border-default);
  opacity: 0.5;
}
.contact_list__pinned_heading {
  display: flex;
  align-items: center;
  margin: 20px 0 0 8px;
  color: var(--icon-medium);
  font: var(--web-xs-light);
  gap: 4px;
}._skeleton_overlay_1ljkt_1 {
  display: flex;
  position: absolute;
  z-index: 1;
  flex: 1;
  flex-direction: column;
  padding: 0 24px;
  overflow-y: hidden;
  background-color: var(--bg-default);
  pointer-events: none;
  user-select: none;
  inset: 69px 0 136px 0;
}._message_content_1rjna_1 {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  padding: 8px;
  border-radius: 12px;
  gap: 8px;
}
._message_content_1rjna_1._chained_1rjna_9 {
  padding-left: 48px;
}
._message_content_1rjna_1:hover, ._message_content_1rjna_1._active_1rjna_12 {
  background-color: var(--bg-medium);
}
._message_content_1rjna_1:hover ._message_icons_1rjna_15, ._message_content_1rjna_1._active_1rjna_12 ._message_icons_1rjna_15 {
  visibility: visible;
  border-radius: 8px;
  background-color: var(--bg-medium);
}
._message_content__editing_1rjna_20 {
  background-color: var(--bg-medium);
}
._message_content_1rjna_1 ._icon_1rjna_23 {
  padding: 4px;
  background-color: var(--bg-medium);
}
._message_content_1rjna_1 ._icon__emoji_1rjna_27 {
  padding: 4px 8px;
}
._message_content_1rjna_1 ._icon_1rjna_23:hover, ._message_content_1rjna_1 ._icon_1rjna_23._active_1rjna_12 {
  background-color: var(--bg-strong);
}
._message_content__middle_1rjna_33 {
  display: flex;
  flex: 1;
  flex-direction: column;
  font: var(--chat-message-content);
  word-break: break-word;
  gap: 4px;
}
._message_content__middle_1rjna_33 ._message_top_1rjna_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: var(--web-lg-semibold);
}
._message_content__middle_1rjna_33 ._message_top_1rjna_41._chained_1rjna_9 {
  position: absolute;
  top: -24px;
  right: 80px;
}

._message_actions_1rjna_53 {
  display: flex;
  align-items: center;
  text-align: right;
  gap: 10px;
}

._message_icons_1rjna_15 {
  display: flex;
  visibility: hidden;
}

._timestamp_1rjna_65 {
  width: 7ch;
  color: var(--text-medium);
  font: var(--web-xs-medium);
}

.MuiMenuItem-root {
  gap: 8px;
}
.MuiMenuItem-root._menu_item__delete_1rjna_74 {
  color: var(--text-danger-default);
}

._pending_1rjna_78 {
  width: 100%;
  text-align: center;
}

._edit_input_container_1rjna_83 {
  width: 100%;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background-color: var(--bg-default);
}

._edit_textarea_1rjna_90 {
  width: 100%;
  padding: 12px;
  overflow: hidden;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  outline: none;
  background-color: transparent;
  color: var(--text-default);
  font: var(--web-base-medium);
  resize: none;
}
._edit_textarea_1rjna_90:focus {
  border-color: var(--primary);
}

._edit_actions_1rjna_106 {
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  gap: 12px;
}._header_k6d3i_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-weak);
}
._header__title_k6d3i_8 {
  display: flex;
  align-items: center;
  overflow: hidden;
  font: var(--web-xl-semibold);
  gap: 8px;
}
._header_k6d3i_1 ._icon_k6d3i_15 {
  position: absolute;
  right: 16px;
}

._channel_avatar_k6d3i_20 {
  min-width: 32px;
}

._channel_name_k6d3i_24 {
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._active_k6d3i_31 {
  background-color: var(--bg-strong);
}._emoji_list_2e21s_1 {
  display: flex;
  padding: 0 8px;
  font: var(--web-xl-medium);
  gap: 8px;
}
._emoji_list_2e21s_1 ._emoji_2e21s_1 {
  width: 28px;
  height: 28px;
  border-radius: var(--border-radius);
  text-align: center;
  cursor: pointer;
}
._emoji_list_2e21s_1 ._emoji_2e21s_1:hover {
  background-color: var(--bg-medium);
}._message_reactions_p5eao_1 {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

._reaction__container_p5eao_7 {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  transition: border 0.2s ease-in-out;
  border: 1.5px solid var(--bg-strong);
  border-radius: 28px;
  background-color: var(--bg-strong);
  font: var(--web-base-medium);
  gap: 8px;
}
._reaction__container_p5eao_7:hover {
  border-color: var(--border-default);
}
._reaction__container_p5eao_7 em-emoji > span {
  display: flex;
  padding: 4px;
}
._reaction__container_p5eao_7._user_reaction_p5eao_28 {
  border-color: var(--border-brand-default);
}
._reaction__container_p5eao_7._user_reaction_p5eao_28:hover {
  border-color: var(--border-brand-hover);
}

._reaction_counter_p5eao_35 {
  min-width: 1ch;
  font: var(--web-xs-medium);
}

._tooltip__emoji_p5eao_40 {
  width: fit-content;
  padding: 4px 10px;
  border: 2px solid var(--border-default);
  border-radius: 100px;
  background: var(--bg-default);
  font: var(--web-4x-medium);
}._image_preview__container_2qfj4_1 {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: calc(100vw - 140px);
  height: calc(100vh - 100px);
  transform: translate(-50%, -50%);
  border-radius: 24px;
  background: var(--bg-inverted-default);
}
._image_preview__container_2qfj4_1 ._buttons_container_2qfj4_14 {
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  gap: 8px;
}
._image_preview__container_2qfj4_1 ._buttons_container_2qfj4_14 ._button_2qfj4_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--icon-inverted-default);
  cursor: pointer;
}
._image_preview__container_2qfj4_1 ._buttons_container_2qfj4_14 ._button_2qfj4_14:hover {
  background: var(--border-inverted-default);
}
._image_preview__container_2qfj4_1 ._buttons_container_2qfj4_14 ._button_2qfj4_14:active {
  background: var(--border-inverted-default);
}
._image_preview__container_2qfj4_1 ._buttons_container_2qfj4_14 ._button_2qfj4_14:focus-visible {
  outline: 2px solid var(--border-inverted-default);
  outline-offset: 2px;
}
._image_preview__container_2qfj4_1 ._image_preview_2qfj4_1 {
  max-width: calc(100% - 300px);
  max-height: calc(100% - 180px);
  object-fit: contain;
  border-radius: 16px;
  background-color: var(--bg-medium);
}._image_container_kfzs5_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-height: 200px;
  border-radius: 12px;
}
._image_container_kfzs5_1 ._image_message_kfzs5_9 {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
  cursor: pointer;
  object-fit: contain;
}._poll_option__vote_count_uuo66_1 {
  width: fit-content;
  color: var(--text-weak);
}._poll__container_3hpof_1 {
  display: flex;
  gap: 8px;
  position: relative;
  flex-direction: column;
  width: 380px;
  padding: 16px;
  padding-top: 20px;
  border-radius: 20px;
  background-color: var(--event-boost-polls-bg-default);
  color: var(--text-inverted-default);
}
._poll__container_3hpof_1 ._poll__title_3hpof_13 {
  max-width: 300px;
  margin-bottom: 8px;
  font: var(--web-xl-semibold);
  overflow-wrap: anywhere;
}
._poll__container_3hpof_1 ._poll__info_3hpof_19 {
  font: var(--web-xs-semibold);
}

._poll__options__container_3hpof_23 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  gap: 8px;
  --scroll-width: 2px;
  transition: --thumb-color 0.75s;
}
._poll__options__container_3hpof_23 ._poll_option__radio_group_3hpof_32 {
  gap: 8px;
}
._poll__options__container_3hpof_23 ._poll__option__group_3hpof_35 {
  position: relative;
  height: 56px;
  margin: 0;
  padding: 12px;
  padding-left: 8px;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--event-boost-polls-bg-medium);
  color: var(--text-inverted-default);
}
._poll__options__container_3hpof_23 ._poll__option__group_3hpof_35::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--overlay-width-percentage, 0%);
  height: 100%;
  transition: width 0.3s ease;
  background-color: var(--event-boost-polls-bg-strong);
}
._poll__options__container_3hpof_23 ._poll__option__group_3hpof_35 .MuiTypography-root {
  z-index: 1;
  font: var(--web-base-semibold);
}
._poll__options__container_3hpof_23 ._poll__option__group_3hpof_35 svg {
  color: var(--icon-inverted-default);
}
._poll__options__container_3hpof_23 ._poll__option__group_3hpof_35._poll_option__preview_3hpof_63 {
  pointer-events: none;
}
._poll__options__container_3hpof_23::-webkit-scrollbar {
  width: calc(var(--scroll-width) * 2);
}
._poll__options__container_3hpof_23::-webkit-scrollbar-track {
  background-color: transparent;
}
._poll__options__container_3hpof_23::-webkit-scrollbar-thumb {
  border: var(--scroll-width) solid var(--thumb-color);
  background-color: var(--thumb-color);
}
._poll__options__container_3hpof_23:hover {
  --thumb-color: var(--border-down);
}._half_circle_row_e1yar_1 {
  display: grid;
  position: absolute;
  bottom: 0;
  left: 50%;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translateX(-50%);
}

._half_circle_e1yar_1 {
  width: 127px;
  height: 127px;
  transform: translateY(50%);
  border-radius: 100%;
  background-color: var(--announcement-boost-bg-default);
}._announcement__container_1350i_1 {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 380px;
  height: 200px;
  padding: 36px 20px 40px 20px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--announcement-boost-bg-medium);
  color: var(--text-inverted-default);
  gap: 24px;
}
._announcement__container_1350i_1:not(:has(button)) {
  padding-bottom: 60px;
}
._announcement__title_1350i_19 {
  font: var(--web-xl-semibold);
  text-align: center;
}
._prayer__container_1lz4m_2 {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: 450px;
  padding: 20px;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--bg-accent-1), var(--bg-accent-1-light));
  box-shadow: 0 0 20px rgba(200, 180, 255, 0.2);
}
._prayer__container_1lz4m_2::before, ._prayer__container_1lz4m_2::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-repeat: no-repeat;
}
._prayer__container_1lz4m_2::before {
  top: -50px;
  left: -50px;
  width: 200px;
  height: 200px;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
}
._prayer__container_1lz4m_2::after {
  right: -75px;
  bottom: -75px;
  width: 250px;
  height: 250px;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 70%);
}

._prayer__text_1lz4m_34 {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
  padding: 20px 35px;
  border-radius: 12px;
  background-color: var(--bg-medium);
  font: var(--web-base-medium);
  font-style: italic;
}
._prayer__text_1lz4m_34::before, ._prayer__text_1lz4m_34::after {
  position: absolute;
  color: rgb(var(--text-default-rgb) 0.2);
  font: var(--web-4x-medium);
  line-height: 0;
}
._prayer__text_1lz4m_34::before {
  content: "“";
  top: 20px;
  left: 10px;
}
._prayer__text_1lz4m_34::after {
  content: "”";
  right: 10px;
  bottom: 5px;
}

._prayer__actions_1lz4m_61 {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  margin-top: auto;
  gap: 8px;
}

._thank_you_overlay_1lz4m_70 {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  border-radius: 12px;
  opacity: 0;
  background-color: var(--bg-default);
  inset: 0;
  backdrop-filter: blur(4px);
}

._thank_you_overlay_1lz4m_70._visible_1lz4m_80 {
  z-index: 2;
  opacity: 0.85;
}

._thank_you_content_1lz4m_85 {
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  text-align: center;
  inset: 0;
}

._thank_you_content_1lz4m_85._visible_1lz4m_80 {
  z-index: 3;
  opacity: 1;
}

._thank_you_title_1lz4m_102 {
  margin-top: 16px;
  margin-bottom: 4px;
  font: var(--web-lg-semibold);
}

._thank_you_subtitle_1lz4m_108 {
  opacity: 0.8;
  font: var(--web-base-medium);
}._og_preview_fvr9a_1 {
  display: flex;
  flex-direction: column;
  max-width: 480px;
  margin-top: 8px;
  padding: 12px;
  transition: background-color 0.2s ease;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--bg-medium);
  color: inherit;
  gap: 12px;
}
._og_preview_fvr9a_1:hover {
  background-color: var(--bg-strong);
  text-decoration: none;
}
._og_preview_fvr9a_1 ._og_content_fvr9a_18 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._og_preview_fvr9a_1 ._og_title_fvr9a_23 {
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--text-default);
  font: var(--web-base-semibold);
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._og_preview_fvr9a_1 ._og_title_fvr9a_23:hover {
  text-decoration: underline;
}
._og_preview_fvr9a_1 ._og_description_fvr9a_38 {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font: var(--web-sm-medium);
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
._og_preview_fvr9a_1 ._og_image_container_fvr9a_47 {
  width: 100%;
  max-height: unset;
  overflow: hidden;
  border-radius: 4px;
}
._og_preview_fvr9a_1 ._og_image_fvr9a_47 {
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: cover;
}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attr,.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-class .hljs-title,.hljs-title.class_{color:#fff}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}._mention_1wiz3_1 {
  color: var(--text-interactive);
  font-weight: 700;
}

._link_1wiz3_6 {
  color: var(--text-interactive);
  text-decoration: none;
}
._link_1wiz3_6:hover {
  text-decoration: underline;
}

._blockquote_1wiz3_14 {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 2px solid var(--brand);
  white-space: normal;
}

._pre_1wiz3_21 {
  padding: 16px;
  overflow-x: auto;
  border-radius: 8px;
  background-color: var(--bg-medium);
  font-family: monospace;
  word-wrap: break-word;
  white-space: pre-wrap;
}
._pre_1wiz3_21 code {
  display: block;
  padding: 4px;
  overflow-x: auto;
  background-color: transparent;
  line-height: 1.2;
  white-space: inherit;
}

._ul_1wiz3_39,
._ol_1wiz3_40 {
  margin: 0;
  padding-left: 26px;
}

code {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--bg-medium);
  font-family: monospace;
  white-space: pre-wrap;
}

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

._h1_1wiz3_57 {
  margin: 0.67rem 0;
  font-size: 2rem;
}

._h2_1wiz3_62 {
  margin: 0.83rem 0;
  font-size: 1.5rem;
}

._h3_1wiz3_67 {
  margin: 1rem 0;
  font-size: 1.17rem;
}

._h4_1wiz3_72 {
  margin: 1.33rem 0;
  font-size: 1rem;
}

._h5_1wiz3_77 {
  margin: 1.67rem 0;
  font-size: 0.83rem;
}

._edited_indicator_1wiz3_82 {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}._invite_container_1aw9x_1 {
  max-width: 500px;
  padding: 16px;
  border-radius: 16px;
  background-color: var(--bg-strong);
}

._invite_title_1aw9x_8 {
  margin: 0 0 16px 0;
  color: var(--text-medium);
  font: var(--web-sm-semibold);
}

._invite_content_1aw9x_14 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._community_image_1aw9x_20 {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  object-fit: cover;
}

._community_name_1aw9x_28 {
  flex-grow: 1;
  font: var(--web-lg-semibold);
}

._invite_button_1aw9x_33 {
  flex-shrink: 0;
}

._invite_link_1aw9x_37 {
  flex-grow: 1;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
._invite_link_1aw9x_37:hover ._community_name_1aw9x_28 {
  text-decoration: underline;
}
._invite_link_1aw9x_37:focus {
  outline: none;
}
._invite_link_1aw9x_37:focus ._community_name_1aw9x_28 {
  text-decoration: underline;
}._message_link_eapjo_1 {
  width: fit-content;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--bg-strong);
  color: var(--text-medium);
  text-decoration: none;
}
._message_link_eapjo_1:hover {
  filter: brightness(0.9);
}

._message_link_content_container_eapjo_13 {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  border-left: 5px solid var(--border-default);
  color: var(--text-medium);
  gap: 4px;
}
._message_link_content_container_eapjo_13 ._message_link_content_eapjo_13 {
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-default);
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
._message_link_content_container_eapjo_13 ._message_link_timestamp_eapjo_30 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._message_link_content_container_eapjo_13 ._message_link_timestamp_eapjo_30 a {
  color: var(--brand);
  text-decoration: none;
}
._message_link_content_container_eapjo_13 ._message_link_timestamp_eapjo_30 a:hover {
  text-decoration: underline;
}._video_message_10tcz_1 {
  max-width: 50%;
  max-height: 400px;
  margin: 8px 0;
  border-radius: 8px;
  background: #000;
}._auto_event_message_7bp0m_1 {
  font: var(--web-sm-medium);
}._avatar_8v6aq_1 {
  width: 32px;
  text-align: center;
}
._avatar_8v6aq_1 ._admin_avatar_8v6aq_5 {
  width: 32px;
  height: 32px;
  padding: 2px;
  border-radius: 50%;
  background-color: var(--bg-bold-default);
}._recipient_container_cftvj_1 {
  display: flex;
  position: relative;
  min-height: 64px;
  padding: 16px 24px;
  border-bottom: solid 1px var(--border-weak);
  gap: 8px;
}
._recipient_container_cftvj_1 ._recipient_container__prefix_cftvj_9 {
  padding-top: 2px;
  color: var(--text-medium);
}

._new_message_placeholder_cftvj_14 {
  display: flex;
  flex: 1;
  align-items: flex-end;
  padding: 14px 24px;
  background-color: transparent;
  color: var(--text-medium);
}

._option_cftvj_23 {
  padding: 8px;
  transition: background-color 0.2s ease-in-out;
  font: var(--web-base-semibold);
  cursor: pointer;
}
._option_cftvj_23 ._option__avatar_cftvj_29 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._option_cftvj_23:hover {
  background-color: var(--bg-strong);
}
._option_cftvj_23._selected_cftvj_38 {
  background-color: var(--bg-strong);
}

._member_name_list_cftvj_42 {
  align-self: flex-start;
  padding-top: 2px;
}

._message_input_cftvj_47 {
  padding: 20px 24px;
  border-top: 1px solid var(--border-weak);
}

._chip_cftvj_52 svg {
  fill: var(--icon-inverted-default);
}._char_counter_4cm7u_1 {
  visibility: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--brand);
  font: var(--web-xs-semibold);
  user-select: none;
}

.Mui-focused ._char_counter_4cm7u_1 {
  visibility: visible;
}._message_input__container_1tvni_1 {
  --input-padding: 24px;
  display: flex;
  flex-direction: column;
  padding: 0 var(--input-padding);
  gap: 8px;
}
._message_input__container_1tvni_1 ._message_input__wrapper_1tvni_8 {
  display: flex;
  align-items: center;
  padding: 16.5px 14px;
  border: 1px solid var(--border-default);
  border-radius: 10px;
}
._message_input__container_1tvni_1 ._message_input__wrapper_1tvni_8:focus-within {
  border: 1px solid var(--border-down);
}
._message_input__container_1tvni_1 ._message_input__wrapper_1tvni_8._drag_over_1tvni_18 {
  border: 2px dashed var(--border-down);
  background-color: var(--bg-weak);
}
._message_input__container_1tvni_1 ._message_input__wrapper_1tvni_8 ._input_adornment_1tvni_22 {
  display: flex;
  position: relative;
  align-items: center;
  gap: 8px;
}
._message_input__container_1tvni_1 ._message_input__wrapper_1tvni_8 ._input_adornment_1tvni_22 ._emoji_picker_1tvni_28 {
  top: initial;
  right: -190px;
  bottom: -175px;
  left: initial;
}
._message_input__container_1tvni_1 ._message_input_actions_1tvni_34 {
  justify-content: space-between;
  width: 100%;
}
._message_input__container_1tvni_1 ._icon_group_1tvni_38 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._message_input__container_1tvni_1 ._icon_group_1tvni_38 ._icon_button_1tvni_43 {
  padding: 4px;
  border-radius: 8px;
  color: var(--icon-medium);
}
._message_input__container_1tvni_1 ._icon_group_1tvni_38 ._icon_button_1tvni_43:hover {
  background-color: var(--bg-strong);
}
._message_input__container_1tvni_1 ._ai_action_indicator_1tvni_51 {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 100%;
  color: var(--text-medium);
  font: var(--web-sm-medium);
  gap: 8px;
}
._message_input__container_1tvni_1 ._ai_action_indicator_1tvni_51 ._MuiCircularProgress-root_1tvni_60 {
  color: var(--brand);
}

._message_input_1tvni_1 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  overflow: auto;
  transition: --thumb-color 0.75s;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text-default);
  font: var(--web-sm-medium);
  font-weight: 400;
  letter-spacing: inherit;
  resize: none;
  overflow-wrap: break-word;
}
._message_input_1tvni_1::placeholder {
  opacity: 1;
  color: var(--text-medium);
}
._message_input_1tvni_1:hover {
  overflow: auto;
  scrollbar-gutter: stable;
  --thumb-color: var(--border-down);
}
._message_input_1tvni_1::-webkit-scrollbar {
  width: 16px;
}
._message_input_1tvni_1::-webkit-scrollbar-thumb {
  background-color: var(--thumb-color);
}

._leader_only_1tvni_97 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 614px;
  padding: 0 24px;
  color: var(--text-medium);
  font: var(--web-base-medium);
  gap: 8px;
}
._leader_only_1tvni_97 p {
  margin-top: 5px;
}

.sendbird-conversation__footer:has(._leader_only_1tvni_97) {
  background-color: var(--bg-medium);
}

._chat_input_picker_1tvni_115 {
  display: flex;
  position: absolute;
  z-index: 1000;
  bottom: 90%;
  left: var(--input-padding);
  flex-wrap: wrap;
  max-width: 300px;
  padding: 8px;
  border: 2px solid var(--bg-strong);
  border-radius: 8px;
  background-color: var(--bg-medium);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  gap: 4px;
}

._mentions_picker_1tvni_131 {
  flex-flow: column nowrap;
  max-height: 200px;
  padding: 8px;
  overflow: hidden;
  scrollbar-gutter: stable;
}
._mentions_picker_1tvni_131::-webkit-scrollbar-thumb {
  border-color: var(--bg-medium);
}
._mentions_picker_1tvni_131:has(._scrollable_1tvni_141) {
  overflow-y: auto;
}

._picker_result_1tvni_145,
._picker_mention_result_1tvni_146 {
  padding: 4px;
  border: none;
  border-radius: 4px;
  background: none;
  font-size: 1.2em;
  cursor: pointer;
}
._picker_result_1tvni_145:hover,
._picker_mention_result_1tvni_146:hover {
  background: var(--bg-strong);
}
._picker_result_1tvni_145._selected_1tvni_158,
._picker_mention_result_1tvni_146._selected_1tvni_158 {
  background: var(--bg-strong);
}

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

._picker_item_1tvni_169 {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
._picker_item_1tvni_169:hover, ._picker_item_1tvni_169._selected_1tvni_158 {
  background-color: var(--background-hover);
}

._picker_avatar_1tvni_180 {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  object-fit: cover;
}

._picker_nickname_1tvni_188 {
  color: var(--text-primary);
  font-size: 14px;
}

._calledplus_options_1tvni_193 {
  display: flex;
  position: relative;
  margin-left: 16px;
  padding: 0 0 0 16px;
  gap: 4px;
}
._calledplus_options_1tvni_193 ._options_wrapper_1tvni_200 {
  display: flex;
  padding: 4px;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
}
._calledplus_options_1tvni_193::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--border-weak);
}
._calledplus_options_1tvni_193:hover ._called_plus_icon_1tvni_215 {
  animation: _star-pulse-scale_1tvni_1 0.5s ease-in-out;
  color: var(--brand);
}
._calledplus_options_1tvni_193 ._called_plus_icon_wrapper_1tvni_219 {
  position: absolute;
  z-index: 5;
  width: 16px;
  height: 16px;
  padding: 2px;
  transform: translate(-12px, 6px);
  border-radius: 50%;
  background-color: var(--bg-default);
}
._calledplus_options_1tvni_193 ._called_plus_icon_1tvni_215 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s ease;
  color: var(--icon-medium);
}
._calledplus_options_1tvni_193 .MuiIconButton-root,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43 {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
._calledplus_options_1tvni_193 .MuiIconButton-root:hover,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43:hover {
  background: var(--bg-weak);
}
._calledplus_options_1tvni_193 .MuiIconButton-root:hover svg,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43:hover svg {
  transition: all 0.3s ease;
}
._calledplus_options_1tvni_193 .MuiIconButton-root:hover svg path,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43:hover svg path {
  animation: _svg-color-pulse_1tvni_1 2s ease-in-out infinite;
}
._calledplus_options_1tvni_193 .MuiIconButton-root svg, ._calledplus_options_1tvni_193 .MuiIconButton-root img,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43 svg,
._calledplus_options_1tvni_193 ._icon_button_1tvni_43 img {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

@keyframes _svg-color-pulse_1tvni_1 {
  0% {
    fill: var(--icon-medium);
  }
  50% {
    fill: var(--brand);
  }
  100% {
    fill: var(--icon-medium);
  }
}
@keyframes _star-pulse-scale_1tvni_1 {
  0% {
    transform: translate(-50%, -50%);
    fill: var(--icon-medium);
  }
  50% {
    transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1);
    fill: var(--star-color);
  }
  100% {
    transform: translate(-50%, -50%);
    fill: var(--icon-medium);
  }
}._form__container_7b0nn_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center;
}
._form__container_7b0nn_1 ._poll_question_7b0nn_10 {
  width: 100%;
  padding: 0 24px 12px 24px;
  border-bottom: 1px solid var(--border-weak);
  border-radius: 0;
}
._form__container_7b0nn_1 ._poll_question_7b0nn_10 ::placeholder {
  opacity: 1;
  color: var(--text-medium);
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px;
  padding-top: 16px;
  overflow: auto;
  gap: 10px;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 button {
  flex: 0 0 auto;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 ._field_option__group_7b0nn_34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 ._field_option__group_7b0nn_34 button {
  padding: 0;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 ._field_option__group_7b0nn_34 ._first_option__delete_7b0nn_44 {
  visibility: hidden;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 ._field_option__group_7b0nn_34 ._field_option_7b0nn_20 {
  width: 100%;
}
._form__container_7b0nn_1 ._field_option__container_7b0nn_20 ._field_option__group_7b0nn_34 ._field_option_7b0nn_20 ::placeholder {
  opacity: 1;
  color: var(--text-medium);
}
._form__container_7b0nn_1 ._checkbox_group_7b0nn_54 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 0 8px;
  border-top: 1px solid var(--border-weak);
  border-radius: 0;
  user-select: none;
}
._form__container_7b0nn_1 ._checkbox_group_7b0nn_54 .MuiTypography-root {
  color: var(--icon-medium);
  font: var(--web-sm-semibold);
}
._form__container_7b0nn_1 hr {
  width: 100%;
}
._form__container_7b0nn_1 button {
  width: fit-content;
}._container_1fukc_1 {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--border-weak);
  border-radius: 12px;
  cursor: pointer;
  gap: 12px;
}
._container_1fukc_1 ._details_1fukc_10 {
  flex: 1;
}
._container_1fukc_1 ._title_1fukc_13 {
  color: var(--text-default);
  font: var(--headline-500-heavy);
}
._container_1fukc_1 ._date_info_1fukc_17 {
  display: flex;
  align-items: center;
  color: var(--text-medium);
  font: var(--paragraph-200-light);
  gap: 12px;
}
._container_1fukc_1 ._date_info_1fukc_17 span {
  display: inline-block;
}._container_1y4mt_1 {
  width: 100%;
  height: 100%;
  overflow: auto;
  border-top: 1px solid var(--border-weak);
  border-bottom: 1px solid var(--border-weak);
}
._container_1y4mt_1 ._events_container_1y4mt_8 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: min-content;
  padding: 12px;
  overflow: auto;
  gap: 12px;
}
._container_1y4mt_1 ._events_container_1y4mt_8 button {
  flex: 0 0 auto;
}

._no_events_1y4mt_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--border-weak);
  text-align: center;
  gap: 16px;
}
._no_events_1y4mt_21 ._icon_1y4mt_32 {
  display: flex;
  align-items: center;
  max-width: 80px;
  max-height: 80px;
  padding: 24px;
  border-radius: 100%;
  background-color: var(--bg-strong);
  color: var(--icon-disabled);
}
._no_events_1y4mt_21 ._heading_1y4mt_42 {
  color: var(--text-medium);
  font: var(--web-lg-semibold);
}
._no_events_1y4mt_21 ._body_1y4mt_46 {
  max-width: 320px;
  color: var(--text-medium);
  font: var(--web-base-medium);
}._preview_item_bzc9c_1 {
  display: flex;
  position: relative;
  user-select: none;
}
._preview_item_bzc9c_1._preview_item__file_bzc9c_6 {
  justify-content: center;
  width: 220px;
  height: 200px;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--bg-weak);
}

._remove_bzc9c_15 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 6px;
  border-radius: 100px;
  background-color: var(--bg-strong);
  color: var(--icon-default);
  cursor: pointer;
  pointer-events: all;
}._preview__container_19wza_1 {
  display: flex;
  position: relative;
  max-height: 300px;
  padding: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: var(--bg-medium);
  gap: 10px;
}

._file_preview_19wza_12 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}
._file_preview_19wza_12 svg {
  align-self: center;
  fill: var(--icon-default);
}
._file_preview__file_name_19wza_22 {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
}._form__container_1nzyo_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
._form__container_1nzyo_1 ._optional__label_1nzyo_9 {
  padding: 0 24px;
  color: var(--text-medium);
  font: var(--web-base-semibold);
  text-align: left;
}
._form__container_1nzyo_1 ._field_option_1nzyo_15 {
  width: 100%;
  padding: 0 24px;
}
._form__container_1nzyo_1 ._field_option_1nzyo_15 svg {
  margin-right: 8px;
  color: var(--text-medium);
}
._form__container_1nzyo_1 ._field_option_1nzyo_15 ::placeholder {
  opacity: 1;
  color: var(--text-medium);
}
._form__container_1nzyo_1 hr {
  width: 100%;
}
._form__container_1nzyo_1 hr:last-child {
  margin-top: auto;
}.MuiList-root ._menu_item_oqr9s_1 {
  justify-content: space-between;
}

._menu_item_content_oqr9s_5 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._shortcut_key_oqr9s_11 {
  opacity: 0.7;
  font: var(--web-xsregular);
}

@keyframes _text-shimmer_oqr9s_1 {
  0%, 100% {
    background-position: -200% 0;
  }
  50% {
    background-position: 200% 0;
  }
}
@keyframes _icon-shimmer_oqr9s_1 {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}._giphy_container_ll7ss_1 {
  width: 350px;
  height: 450px;
  gap: 16px;
  padding: 16px;
}
._giphy_container_ll7ss_1 > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}
._giphy_container_ll7ss_1 > div ._giphy_grid_ll7ss_13 {
  height: 100%;
  overflow-y: auto;
}

._giphy_search_bar_ll7ss_18 {
  border: 1px solid var(--border-default);
}
._giphy_search_bar_ll7ss_18 div {
  transition: filter 0.2s ease-in-out;
  border-radius: 0 4px 4px 0;
  background: var(--brand);
}
._giphy_search_bar_ll7ss_18 div:hover {
  filter: brightness(0.9);
}
._giphy_search_bar_ll7ss_18 div ::before {
  animation: none;
  background-image: none;
}
._giphy_search_bar_ll7ss_18 input {
  color: var(--text-tags);
  font: var(--web-base-medium);
}

._giphy_overlay_ll7ss_38 {
  display: flex;
  position: absolute;
  inset: 0 0 0 0;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
}

._giphy_logo_ll7ss_47 {
  align-self: flex-end;
  width: 160px;
}._modal_1tzti_1 {
  height: fit-content;
  min-height: initial;
}

._form__container_1tzti_6 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
._form__container_1tzti_6 ._optional__label_1tzti_14 {
  padding: 0 24px;
  color: var(--text-medium);
  font: var(--web-base-semibold);
  text-align: left;
}
._form__container_1tzti_6 ._field_option_1tzti_20 {
  width: 100%;
  padding: 0 24px;
}
._form__container_1tzti_6 ._field_option_1tzti_20 svg {
  margin-right: 8px;
  color: var(--text-medium);
}
._form__container_1tzti_6 ._field_option_1tzti_20 ::placeholder {
  opacity: 1;
  color: var(--text-medium);
}
._form__container_1tzti_6 hr {
  width: 100%;
}
._form__container_1tzti_6 hr:last-child {
  margin-top: auto;
}
._form__container_1tzti_6 ._character_counter_1tzti_38 {
  align-self: flex-end;
}._message_container_40wjt_1 {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
._message_body_40wjt_11 {
  flex-grow: 1;
  padding: 0 24px;
  overflow: hidden;
}
._message_body_40wjt_11:hover {
  overflow-y: auto;
}._chat_container_1ftsz_1 {
  padding-left: 0;
}.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown__trigger {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 4px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--surface-default);
  cursor: pointer;
  gap: 8px;
}
.dropdown__trigger:hover {
  border-color: var(--border-hover);
}
.dropdown__trigger:active, .dropdown__trigger:focus {
  border-color: transparent;
  outline: 2px solid var(--mui-palette-primary-main);
}
.dropdown__container {
  display: flex;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  flex-direction: column;
  min-width: 240px;
  margin-top: 4px;
  border: 1px solid var(--border-default);
  border-radius: 12px;
  background: var(--bg-default);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.dropdown__content {
  max-height: 400px;
  padding: 8px;
  overflow-y: auto;
}
.dropdown__caret {
  width: 24px;
  height: 24px;
  fill: var(--text-default);
}
.dropdown__caret--open {
  transform: rotate(180deg);
}
.dropdown__permanent-option {
  padding: 8px;
  border-top: 1px solid var(--border-default);
}._group_xwl2v_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
  padding: 8px;
  transition: background-color 0.2s ease-in-out;
  border-radius: 8px;
  font: var(--web-base-medium);
  text-align: left;
  cursor: pointer;
  gap: 8px;
}
._group_xwl2v_1:hover {
  background-color: var(--bg-strong);
}
._group__avatar_xwl2v_18 {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
._group__name_xwl2v_23 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._group__name__unread_xwl2v_29 {
  font: var(--web-base-semibold);
}
._group__notifications_xwl2v_32 {
  width: 26px;
  padding: 3px 0;
  border-radius: 6px;
  background-color: var(--bg-accent-2-light);
  font: var(--web-2xs-semibold);
  text-align: center;
}

._selected_xwl2v_41 {
  background-color: var(--bg-strong);
}.group_list__wrapper {
  display: flex;
  position: static;
  flex-direction: column;
}

.group_list__avatar {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}

.group_list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-medium);
}

.group_list__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  font: var(--web-base-light);
}._stat_card_ro79q_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  overflow: hidden;
}
._stat_card_ro79q_1 ._button_ro79q_9 {
  font: var(--web-xs-medium);
}

._gauge_ro79q_13 .MuiGauge-valueText {
  font: var(--web-xl-semibold);
}

._gauge_danger_ro79q_17 .MuiGauge-valueArc {
  fill: var(--bg-danger-default);
}

._gauge_warning_ro79q_21 .MuiGauge-valueArc {
  fill: var(--bg-warning-default);
}

._gauge_success_ro79q_25 .MuiGauge-valueArc {
  fill: var(--bg-success-default);
}

._description_ro79q_29 {
  margin-top: 8px;
  font: var(--web-xs-medium);
  text-align: center;
}._stat_row_14jua_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  border: 1px solid var(--border-weak);
  border-radius: var(--container-radius);
}._task_item_1hul5_1 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-bottom: 1px solid var(--border-weak);
  gap: 12px;
}

._task_header_1hul5_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._task_left_1hul5_16 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
}

._task_right_1hul5_23 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._task_user_1hul5_29 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

._task_avatar_1hul5_35 {
  border-radius: 50%;
}

._task_avatar_placeholder_1hul5_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

._task_title_1hul5_48 {
  color: var(--text-default);
  font: var(--web-base-medium);
  line-height: 1.25;
}

._task_age_1hul5_54 {
  color: var(--text-medium);
  font: var(--web-xs-medium);
}

._task_status_1hul5_59 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

._task_content_1hul5_65 {
  display: flex;
  align-items: flex-start;
}

._task_action_button_1hul5_70 {
  font: var(--web-base-medium);
  text-transform: none;
}._tasks_container_1nod3_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--bg-default);
}

._tasks_tabs_container_1nod3_10 {
  border-bottom: 1px solid var(--border-weak);
}

._tasks_header_1nod3_14 {
  background-color: var(--bg-default);
}

._tasks_tabs_1nod3_10 {
  min-height: auto;
}

._tasks_tab_1nod3_10 {
  min-height: 48px;
  padding: 12px 16px;
  color: var(--text-secondary);
  font: var(--web-base-semibold);
  text-transform: none;
}
._tasks_tab_1nod3_10._Mui-selected_1nod3_29 {
  color: var(--brand);
}
._tasks_tab_1nod3_10:hover {
  color: var(--text-default);
}

._tasks_list_1nod3_36 {
  flex: 1;
  overflow-y: auto;
  background-color: var(--bg-default);
}

._empty_state_1nod3_42 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-secondary);
  font: var(--web-base-medium);
  text-align: center;
}

._loading_1nod3_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-secondary);
  font: var(--web-base-medium);
}._paragraph_1ak9x_1 {
  margin-bottom: 12px;
  color: var(--text-default);
  font: var(--web-base-medium);
  line-height: 1.6;
}
._paragraph_1ak9x_1:last-child {
  margin-bottom: 0;
}

._h1_1ak9x_11 {
  margin: 16px 0 8px 0;
  color: var(--text-strong);
  font: var(--web-xl-semibold);
}

._h2_1ak9x_17 {
  margin: 14px 0 6px 0;
  color: var(--text-strong);
  font: var(--web-lg-semibold);
}

._h3_1ak9x_23 {
  margin: 12px 0 4px 0;
  color: var(--text-strong);
  font: var(--web-base-semibold);
}

._h4_1ak9x_29 {
  margin: 10px 0 4px 0;
  color: var(--text-strong);
  font: var(--web-sm-semibold);
}

._h5_1ak9x_35 {
  margin: 8px 0 2px 0;
  color: var(--text-strong);
  font: var(--web-xs-semibold);
}

._blockquote_1ak9x_41 {
  margin: 12px 0;
  padding: 8px 16px;
  border-left: 3px solid var(--border-brand-default);
  background-color: var(--bg-medium);
  color: var(--text-medium);
  font: var(--web-base-medium);
  font-style: italic;
}

._ul_1ak9x_51 {
  margin: 8px 0;
  padding-left: 20px;
  color: var(--text-default);
}

._ol_1ak9x_57 {
  margin: 8px 0;
  padding-left: 20px;
  color: var(--text-default);
}

._link_1ak9x_63 {
  color: var(--text-brand-default);
  text-decoration: none;
}
._link_1ak9x_63:hover {
  color: var(--text-brand-hover);
  text-decoration: underline;
}

._hr_1ak9x_72 {
  margin: 16px 0;
  border: none;
  border-top: 1px solid var(--border-weak);
}._summary_container_1kyos_1 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  background-color: var(--bg-default);
}

._summary_header_1kyos_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

._summary_title_1kyos_17 {
  margin: 0;
  color: var(--text-strong);
  font: var(--web-lg-semibold);
}

._refresh_button_1kyos_23 {
  min-width: auto;
}
._refresh_button_1kyos_23:hover {
  background-color: var(--bg-medium);
}

._error_alert_1kyos_30 {
  margin-bottom: 16px;
}

._summary_content_1kyos_34 {
  display: flex;
  flex: 1;
  flex-direction: column;
}

._loading_container_1kyos_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px;
  color: var(--text-medium);
}

._loading_text_1kyos_49 {
  font: var(--web-base-medium);
}

._summary_text_1kyos_53 {
  flex: 1;
  overflow-y: auto;
}

._empty_state_1kyos_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
}

._empty_text_1kyos_66 {
  margin: 0;
  color: var(--text-medium);
  font: var(--web-base-medium);
}

._summary_footer_1kyos_72 {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border-weak);
}

._last_updated_1kyos_78 {
  color: var(--text-medium);
  font: var(--web-xs-medium);
}._event_item__container_vsgoq_1 {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--border-weak);
  border-radius: 5px;
  gap: 10px;
}

._event_item__avatar_vsgoq_10 {
  border-radius: 8px;
}

._event_item__info_vsgoq_14 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

._event_item__date_vsgoq_20 {
  color: var(--text-medium);
}

._event_item__name_vsgoq_24 {
  font: var(--web-lg-semibold);
}

._event_item__rsvps_vsgoq_28 {
  align-self: flex-end;
  margin-left: auto;
  color: var(--text-medium);
}._events_container_cpoqf_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--bg-default);
}

._events_header_cpoqf_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--bg-default);
}

._events_tabs_cpoqf_18 {
  min-height: auto;
}

._events_tab_cpoqf_18 {
  min-height: 48px;
  padding: 12px 16px;
  color: var(--text-secondary);
  font: var(--web-base-semibold);
  text-transform: none;
}
._events_tab_cpoqf_18._Mui-selected_cpoqf_29 {
  color: var(--brand);
}
._events_tab_cpoqf_18:hover {
  color: var(--text-default);
}

._events_list_cpoqf_36 {
  flex: 1;
  overflow-y: auto;
  background-color: var(--bg-default);
}

._empty_state_cpoqf_42 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-medium);
  font: var(--web-base-medium);
  text-align: center;
}
._empty_state_text_cpoqf_53 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._loading_cpoqf_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-secondary);
  font: var(--web-base-medium);
}.main_panel._dashboard_main_jiscn_1 {
  gap: 12px;
  padding: 12px;
}

.content_container.scrollable._dashboard_main__content_jiscn_6 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - (var(--main-header-height) + var(--entity-header-height) + 36px));
}

.content_header._dashboard_main__header_jiscn_13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  padding: 0;
  border: none;
}

._dashboard_main__header_buttons_jiscn_23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

._dashboard_row_jiscn_30 {
  display: flex;
  flex-direction: row;
  background: var(--bg-default);
  gap: 16px;
}
._dashboard_row_jiscn_30:last-child {
  flex: 1;
}

._dashboard_column_jiscn_40 {
  display: flex;
  flex: 1;
  flex-direction: column;
}

._row_description_jiscn_46 {
  color: var(--text-medium);
  font: var(--web-xs-medium);
  text-align: center;
}

._dashboard_stat_card_jiscn_52 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 16px;
  border-radius: 24px;
  font: var(--web-base-medium);
}

.panel.dashboard_panel._dashboard_panel_jiscn_63 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.panel.dashboard_panel ._dashboard_task_panel_jiscn_68 {
  height: 50%;
}
.panel.dashboard_panel ._dashboard_task_panel_jiscn_68 ._dashboard_panel_title_jiscn_71 {
  margin-bottom: 16px;
  font: var(--web-xl-semibold);
}
.panel.dashboard_panel ._dashboard_task_panel_jiscn_68 ._dashboard_panel_content_jiscn_75 {
  flex: 1 1 0;
  overflow-y: auto;
}.content_header._header_x7bnw_1 {
  border-bottom: none;
}

._tabs_container_x7bnw_5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid var(--border-weak);
}

._tabs_x7bnw_5 {
  min-height: 48px;
}

._container_x7bnw_17 {
  padding: 24px;
  --entity-header-height: 88px;
}._badge_container_ifzti_1 {
  display: flex;
  position: relative;
}
._badge_container_ifzti_1._show_on_hover_ifzti_5 ._badge_ifzti_1 {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
._badge_container_ifzti_1._show_on_hover_ifzti_5:hover ._badge_ifzti_1 {
  opacity: 1;
}

._badge_ifzti_1 {
  display: flex;
  position: absolute;
  z-index: 10;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  background-color: var(--bg-default);
}
._badge_ifzti_1:hover {
  transform: scale(1.1);
}
._badge_ifzti_1._badge_small_ifzti_26 {
  width: 12px;
  height: 12px;
  padding: 1px;
}
._badge_ifzti_1._badge_medium_ifzti_31 {
  width: 16px;
  height: 16px;
  padding: 2px;
}
._badge_ifzti_1._badge_large_ifzti_36 {
  width: 20px;
  height: 20px;
  padding: 2px;
}
._badge_ifzti_1._badge_left_ifzti_41 {
  top: 50%;
  left: calc(var(--badge-size) * -1 - var(--badge-margin));
  transform: translateY(-50%);
}
._badge_ifzti_1._badge_right_ifzti_46 {
  top: 50%;
  right: calc(var(--badge-size) * -1 - var(--badge-margin));
  transform: translateY(-50%);
}
._badge_ifzti_1._badge_top_right_ifzti_51 {
  top: -4px;
  right: -4px;
}
._badge_ifzti_1._badge_top_left_ifzti_55 {
  top: -4px;
  left: -4px;
}
._badge_ifzti_1._badge_bottom_right_ifzti_59 {
  right: -4px;
  bottom: -4px;
}
._badge_ifzti_1._badge_bottom_left_ifzti_63 {
  bottom: -4px;
  left: -4px;
}

._badge_icon_ifzti_68 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}._groups_absvj_1 {
  display: flex;
  gap: 2px;
}
._groups_absvj_1 svg {
  margin-right: 12px;
  color: var(--icon-disabled);
}

._group__avatar_absvj_10,
._overflowGroups_absvj_11 {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}

._overflowGroups_absvj_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-strong);
  font: var(--web-sm-medium);
}._notes_q1rm5_1 {
  width: 100%;
}

._note_q1rm5_1 {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-weak);
}
._note_q1rm5_1:hover ._heading__delete_q1rm5_11 {
  opacity: 1;
}
._note_q1rm5_1 ._heading_q1rm5_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
._note_q1rm5_1 ._heading_q1rm5_11 ._user_info_q1rm5_20 {
  display: flex;
  gap: 8px;
  font: var(--web-base-semibold);
}
._note_q1rm5_1 ._heading__delete_q1rm5_11 {
  opacity: 0;
}
._note_q1rm5_1 ._delete__icon_button_q1rm5_28 {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--bg-default);
  color: var(--icon-medium);
  cursor: pointer;
}
._note_q1rm5_1 ._delete__icon_button_q1rm5_28:hover {
  background-color: var(--bg-strong);
}
._note_q1rm5_1 ._body_q1rm5_41 {
  margin: 0 0 8px 32px;
  font: var(--web-sm-medium);
}
._note_q1rm5_1 ._footer_q1rm5_45 {
  margin-left: 32px;
  color: var(--text-medium);
  font: var(--web-xs-medium);
}._member_note_container_4f7tz_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 12px 0;
  border-top: 1px solid var(--border-weak);
  border-bottom: 1px solid var(--border-weak);
  gap: 8px;
}
._member_note_container_4f7tz_1 ._form_4f7tz_11 {
  display: flex;
  width: 100%;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: flex-start;
  gap: 8px;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._note_4f7tz_15 {
  flex-grow: 1;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._note_4f7tz_15 .MuiInputBase-root {
  padding: 0;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._note_4f7tz_15 ::placeholder {
  opacity: 1;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._public_note_4f7tz_38 {
  height: 0;
  margin-left: 0;
  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  opacity: 0;
  gap: 6px;
  pointer-events: none;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._public_note_4f7tz_38._show_4f7tz_46 {
  height: auto;
  margin-top: 8px;
  opacity: 1;
  pointer-events: all;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._public_note_4f7tz_38 .MuiCheckbox-root {
  width: 12px;
  height: 12px;
  padding: 0;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._note_container_4f7tz_22 ._public_note_4f7tz_38 .MuiFormControlLabel-label {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._submit_4f7tz_61 {
  padding: 0;
  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
._member_note_container_4f7tz_1 ._note_row_4f7tz_15 ._submit_4f7tz_61._show_submit_4f7tz_67 {
  opacity: 1;
  pointer-events: all;
}

._avatar_4f7tz_72 {
  border-radius: 50%;
}._member_row_sjwyy_1 {
  display: grid;
  grid-template-columns: 0.33fr 1fr;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
}
._member_row_sjwyy_1 ._action_column_sjwyy_8 {
  opacity: 1;
}
@media (width <= 1350px) {
  ._member_row_sjwyy_1 {
    gap: 16px;
  }
}

._editable_sjwyy_17:hover {
  background-color: var(--bg-strong);
  cursor: pointer;
}

._label_sjwyy_22 {
  color: var(--text-medium);
  font: var(--web-xs-medium);
}

._value_sjwyy_27 {
  position: relative;
  font: var(--web-sm-medium);
}
._value_sjwyy_27._empty_sjwyy_31 {
  color: var(--text-medium);
}

._edit_icon_container_sjwyy_35 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 6px;
}

._edit_icon_sjwyy_35 {
  color: var(--icon-medium);
}

._input_container_sjwyy_46 {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}

._check_icon_sjwyy_53 {
  position: absolute;
  right: 8px;
  color: var(--icon-brand-default);
  cursor: pointer;
}
._check_icon_sjwyy_53:hover {
  color: var(--icon-brand-hover);
}

._input_sjwyy_46 {
  width: 100%;
  padding: 4px 4px;
  padding-right: 36px; /* Make room for the check icon */
  border: 1px solid var(--border-brand-default);
  border-radius: 4px;
  outline: none;
  background-color: var(--bg-default);
  color: var(--text-strong);
  font: var(--web-sm-medium);
}
._input_sjwyy_46:focus {
  border-color: var(--border-brand-default);
  box-shadow: 0 0 0 2px var(--primary-subtle);
}._details_panel_member_f63rc_1 ._visible_option_f63rc_1 {
  width: 36px;
  height: 36px;
  border: none;
  opacity: 1;
  background-color: transparent;
  box-shadow: none;
}
._details_panel_member_f63rc_1 ._visible_option_f63rc_1 svg {
  width: 24px;
  height: 24px;
  fill: var(--icon-medium);
}

._details__top_f63rc_15 {
  display: flex;
  justify-content: space-between;
}

._avatar_f63rc_20 {
  position: relative;
  border-radius: 50%;
}

._user_bio_f63rc_25 {
  color: var(--text-medium);
  font: var(--web-xs-medium);
}

._user_actions_f63rc_30 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._close_f63rc_36 {
  color: var(--icon-medium);
  cursor: pointer;
}

._user_primary_info_f63rc_41 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._userName_f63rc_47 {
  margin: 0 0 16px 0;
  font: var(--web-xl-semibold);
}

._lead_source_f63rc_52 {
  display: flex;
  align-items: center;
  gap: 4px;
  font: var(--web-xs-medium);
}

._lastActive_f63rc_59 {
  display: flex;
  align-items: center;
  margin-top: 16px;
  color: var(--text-medium);
  font: var(--web-xs-medium);
  gap: 4px;
}

._member_details_f63rc_68 {
  width: 100%;
  margin: 24px 0;
  padding: 12px 0;
  border-radius: 24px;
  background-color: var(--bg-medium);
  font: var(--web-sm-medium);
}

._member_details__container_f63rc_77 {
  max-height: calc(100vh - 270px);
  overflow-y: auto;
}

._member_rows_f63rc_82 {
  display: flex;
  flex-direction: column;
}._container_25qiy_1 {
  display: flex;
  flex-direction: column;
  height: 256px;
  gap: 20px;
}

._chart_container_25qiy_8 {
  overflow: hidden;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}

._subcontainer_25qiy_14 {
  position: relative;
  height: 100%;
}

._overlay_25qiy_19 {
  position: absolute;
}._chart_overlay__container_s6vgh_1 {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
}
._chart_overlay__container_s6vgh_1 ._data_row_s6vgh_6 {
  display: flex;
  gap: 10px;
  align-items: center;
}
._chart_overlay__container_s6vgh_1 ._data_row_s6vgh_6 ._big_number_s6vgh_11 {
  font-size: 54px;
  font-weight: 600;
  line-height: 54px;
}
._chart_overlay__container_s6vgh_1 ._data_row_s6vgh_6 ._percent_change_s6vgh_16 {
  padding: 4px 8px;
  border-radius: 100px;
  background-color: var(--bg-success-default);
  color: var(--text-inverted-default);
  font: var(--web-lg-semibold);
}
._chart_overlay__container_s6vgh_1 ._data_row_s6vgh_6 ._percent_change_s6vgh_16._negative_s6vgh_23 {
  background-color: var(--bg-danger-default);
}
._chart_overlay__container_s6vgh_1 ._chart_label_s6vgh_26 {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}._tagline_ovcoa_1 {
  padding: 12px;
  font: var(--web-2x-semibold);
}._chart_container_10x7k_1 {
  max-height: 180px;
}

._avatar_10x7k_5 {
  border-radius: 6px;
}:root {
  --min-card-width: 300px;
}

._content_1vilh_5 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, minmax(var(--min-card-width), 1fr));
  align-items: center;
  padding: 20px 24px;
}

._tabs_container_1vilh_13 {
  display: flex;
  flex-direction: column;
  height: 100%;
}._active_data_gvvrg_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._active_data_gvvrg_1 ._active_percentage_gvvrg_7 {
  width: 6ch;
}
._active_data_gvvrg_1 ._active_progress_gvvrg_10 {
  flex: 1;
  max-width: 100px;
  height: 12px;
  border-radius: 8px;
  background-color: var(--bg-strong);
}._members__list_1wt28_1 {
  overflow: auto;
}
._members__list_1wt28_1 ._member_row_1wt28_4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
}
._members__list_1wt28_1 ._member_row_1wt28_4:hover ._icon_button_1wt28_10 {
  display: inline-flex;
  background-color: var(--bg-strong);
}
._members__list_1wt28_1 ._member_row_1wt28_4 ._member_info_1wt28_14 {
  display: flex;
  align-items: center;
  gap: 12px;
  font: var(--web-sm-semibold);
}
._members__list_1wt28_1 ._member_row_1wt28_4 ._member_info_1wt28_14 ._avatar_1wt28_20 {
  border-radius: 50%;
}
._members__list_1wt28_1 ._member_row_1wt28_4 ._icon_button_1wt28_10 {
  display: none;
  transition: background-color 0.2s ease-in-out;
  color: var(--icon-brand-default);
}._title_ffbka_1 {
  padding: 0 8px;
}

._base_card_ffbka_5 {
  display: flex;
  flex-direction: column;
  min-width: var(--min-card-width);
  height: 256px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}

hr {
  grid-column: span 2;
}

._card_container_ffbka_18 {
  display: flex;
  flex-direction: column;
  height: 256px;
  gap: 20px;
}._container_4rytj_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-medium);
  color: var(--text-medium);
  text-align: center;
  gap: 16px;
}
._container_4rytj_1 ._icon_4rytj_11 {
  width: 80px;
  height: 80px;
  padding: 24px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._container_4rytj_1 ._icon_4rytj_11 svg {
  fill: var(--icon-disabled);
}
._container_4rytj_1 ._info_4rytj_21 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 300px;
}
._container_4rytj_1 ._info_4rytj_21 ._title_4rytj_27 {
  font: var(--web-lg-semibold);
}
._container_4rytj_1 ._info_4rytj_21 ._subtitle_4rytj_30 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}._members_olvqr_1 {
  padding: 12px 20px 0 20px;
}
._members_olvqr_1 ._members__header_olvqr_4 {
  padding-bottom: 10px;
}
._members_olvqr_1 ._members__header_olvqr_4 ._members__title_olvqr_7 {
  font: var(--web-xl-semibold);
}._tooltip_1wnci_1 {
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--bg-inverted-medium);
  color: var(--text-inverted-default);
  font: var(--web-sm-semibold);
  text-align: center;
}._container_bxzmv_1 {
  display: flex;
  grid-column: span 2;
  flex-direction: column;
  height: 310px;
  gap: 20px;
}

._chart_container_bxzmv_9 {
  padding: 10px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}._data_container_1mt5h_1 {
  display: flex;
  position: relative;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}
._data_container_1mt5h_1 ._icon_container_1mt5h_11 {
  display: flex;
  position: absolute;
  top: 50%;
  right: -30px;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-width: 218px;
  height: 218px;
  transform: translateY(-50%);
  border-radius: 100px;
  background-color: var(--bg-accent-2-light);
  filter: brightness(1.3);
}
._data_container_1mt5h_1 svg {
  width: 96px;
  height: 96px;
  fill: var(--bg-accent-2-light);
  filter: brightness(0.8);
}._card_p7y5w_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 256px;
  padding: 12px 20px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
  background-color: var(--bg-medium);
}
._card_p7y5w_1 ._heading_p7y5w_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._card_p7y5w_1 ._heading_p7y5w_11 ._title_p7y5w_16 {
  font: var(--web-xl-semibold);
}
._card_p7y5w_1 ._heading_p7y5w_11 ._logo_p7y5w_19 {
  padding: 6px 8px;
  border-radius: 24px;
  background-color: var(--bg-accent-2-light);
}
._card_p7y5w_1 ._description_p7y5w_24 {
  max-width: 60%;
  margin-top: 10px;
  color: var(--text-medium);
  font: var(--web-lg-medium);
  white-space: pre-line;
}
._card_p7y5w_1 ._cta_p7y5w_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 64px;
  margin-bottom: 4px;
  padding: 12px 16px;
  border: 1px solid var(--border-weak);
  border-radius: 12px;
  background-color: var(--bg-default);
  box-shadow: var(--elevation-4);
}
._card_p7y5w_1 ._cta_p7y5w_31 ._text_p7y5w_44 {
  width: 50%;
  color: var(--text-default);
  font: var(--web-sm-medium);
}
._card_p7y5w_1 ._cta_p7y5w_31 ._button_p7y5w_49 {
  display: flex;
  gap: 4px;
  align-items: center;
}._members_8bd4m_1 {
  padding: 12px 20px 0 20px;
}
._members_8bd4m_1 ._members__header_8bd4m_4 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
._members_8bd4m_1 ._members__header_8bd4m_4 ._members__title_8bd4m_9 {
  font: var(--web-xl-semibold);
}._contact__container_1l0kx_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._contact__container_1l0kx_1 ._title_1l0kx_7 {
  color: var(--text-medium);
  font: var(--web-xs-semibold);
}
._contact__container_1l0kx_1 ._contact_1l0kx_1 {
  display: flex;
  gap: 8px;
  align-items: center;
  font: var(--web-sm-semibold);
}
._contact__container_1l0kx_1 img {
  border-radius: 4px;
}._called_plus_upsell_1ti7i_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  background: var(--bg-medium);
}
._called_plus_upsell__link_1ti7i_9 {
  color: var(--brand);
  font: var(--web-md-semibold);
  text-decoration: none;
}
._called_plus_upsell__icon_1ti7i_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100px;
  background: var(--bg-strong);
  color: var(--brand);
}._details_1snqe_1 {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 24px;
  align-self: stretch;
  padding: 20px 24px;
}
._details__content_1snqe_9 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
._details__actions_1snqe_18 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._details__image_1snqe_23 {
  width: 132px;
  height: 132px;
  border-radius: 16px;
}
._details__name_1snqe_28 {
  font: var(--web-xl-semibold);
}
._details__contact_info_1snqe_31 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin-top: 24px;
  padding: 20px;
  border-radius: 20px;
  background: var(--bg-medium);
  gap: 16px;
}
._details__button_1snqe_41 {
  display: flex;
  gap: 4px;
}

._image_edit__container_1snqe_46 {
  position: relative;
  width: fit-content;
  cursor: pointer;
}
._image_edit__container_1snqe_46 ._image_edit__logo_1snqe_51 {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 44px;
  height: 44px;
  padding: 12px;
  transform: translate(50%, -50%);
  border-radius: 100px;
  background: rgba(10, 10, 13, 0.5);
}
._image_edit__container_1snqe_46 ._image_edit__logo_1snqe_51 svg {
  fill: var(--icon-inverted-default);
}

._quill_editor_1snqe_66 {
  margin-bottom: 40px;
}
._quill_editor_1snqe_66 .ql-editor {
  min-height: 200px;
}

._form_control__container_1snqe_73 {
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
}

._form_control__header_1snqe_81 {
  margin-bottom: 4px;
  font: var(--web-base-semibold);
}

._form_control__helper_text_1snqe_86 {
  margin-bottom: 16px;
  color: var(--text-medium);
  font: var(--web-sm-semibold);
}

._date_time_picker__container_1snqe_92 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
._date_time_picker__picker_1snqe_97.MuiFormControl-root {
  flex: 1;
  min-width: 240px;
}
._date_time_picker__picker_1snqe_97.MuiFormControl-root svg {
  color: var(--icon-medium);
}

._checkbox_form_control_1snqe_105 {
  width: fit-content;
}

._menu_item_1snqe_109 {
  display: flex;
  gap: 8px;
}
._menu_item__hosted_by__avatar_1snqe_113 {
  border-radius: 4px;
}
._menu_item__event_contact__avatar_1snqe_116 {
  border-radius: 100px;
}

._event_contact__container_1snqe_120 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._event_contact__container_1snqe_120 ._label_1snqe_125 {
  font: var(--web-sm-semibold);
}._rsvp_header_cjhm4_1 {
  border-bottom: 1px solid var(--border-weak);
}
._rsvp_header_cjhm4_1 ._rsvp_option_cjhm4_4 {
  text-transform: capitalize;
}

._rsvp_contacts_cjhm4_8 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._rsvp_contact_cjhm4_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  font: var(--web-sm-semibold);
}
._rsvp_contact__pfp_cjhm4_20 {
  border-radius: 100px;
}._accordion_container_1yhrb_1 {
  margin-bottom: 20px;
}

._accordion_1yhrb_1 {
  border-bottom: 1px solid var(--border-weak);
}
._accordion_1yhrb_1:last-child {
  border-bottom: none;
}
._accordion_1yhrb_1::before {
  display: none;
}

._accordion_summary_1yhrb_15 {
  min-height: 48px;
  padding: 0 16px;
}

._accordion_title_1yhrb_20 {
  font: var(--web-sm-semibold);
  text-transform: capitalize;
}

._accordion_details_1yhrb_25 {
  padding: 0 16px 16px;
}

._rsvp_contact_1yhrb_29 {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font: var(--web-sm-medium);
  gap: 8px;
}
._rsvp_contact_1yhrb_29:last-child {
  margin-bottom: 0;
}
._rsvp_contact__pfp_1yhrb_39 {
  border-radius: 100px;
}._header_fpby9_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 0 10px;
}

._icons_fpby9_9 {
  display: flex;
  gap: 10px;
}

._menu_item_fpby9_14 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 180px;
  color: var(--text-default);
  font: var(--web-base-medium);
}
._menu_item_fpby9_14:hover {
  color: var(--text-accent-1);
}._container_1kon0_1 {
  height: 100%;
  padding: 20px 24px 0 24px;
  container-type: inline-size;
}

._details_1kon0_7 {
  display: flex;
  flex: 1 0 0;
  align-self: stretch;
  justify-content: space-between;
  padding: 20px 24px;
}
._details__content_1kon0_14 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  gap: 16px;
}
._details__content__header_1kon0_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@container (width <= 400px) {
  ._details__content__header_1kon0_23 {
    flex-direction: column-reverse;
  }
}
._details__content__header_details_1kon0_34 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@container (width <= 400px) {
  ._details__content__header_details_1kon0_34 {
    align-items: center;
  }
}
._details__name_1kon0_45 {
  margin-bottom: 8px;
  font: var(--web-xl-semibold);
}
@container (width <= 400px) {
  ._details__name_1kon0_45 {
    font: var(--web-xl-semibold);
    text-align: center;
  }
}
._details__rsvp_text_1kon0_55 {
  margin-bottom: 24px;
  font: var(--web-sm-medium);
}
._details__image_1kon0_59 {
  border-radius: 16px;
}
@container (width <= 400px) {
  ._details__image_1kon0_59 {
    align-self: center;
    width: 100px;
    height: 100px;
  }
}
._details__description_1kon0_69 {
  font: var(--web-base-medium);
}
._details__contact_info_1kon0_72 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin-top: 24px;
  padding: 20px;
  border-radius: 20px;
  background: var(--bg-medium);
  font: var(--web-sm-medium);
  gap: 16px;
}
@container (width <= 400px) {
  ._details__contact_info_1kon0_72 {
    padding: 16px;
  }
}

._contacts__row_1kon0_89 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@container (width <= 400px) {
  ._contacts__row_1kon0_89 {
    flex-direction: column;
  }
}
._contacts__row_1kon0_89 ._event_contact__pfp_1kon0_99 {
  border-radius: 100px;
}._panel__content_1pze1_1 {
  --event-header-height: 84px;
  max-height: calc(100vh - (var(--event-header-height)));
  padding: 20px 0;
}._search_container_1kf9g_1 {
  display: flex;
  align-items: center;
  min-width: 240px;
}

._search_input_1kf9g_7 {
  width: 100%;
}
._search_input_1kf9g_7 .MuiInputBase-root {
  border-radius: 8px;
}._container_2s204_1 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 24px;
  gap: 8px;
}

._status_2s204_9 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}

._empty_message_2s204_16 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._status_menu_item_2s204_21 {
  min-width: 150px;
}._modal_15fw2_1 {
  min-width: 600px;
}

._content_15fw2_5 {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 0;
  padding: 12px 24px;
  gap: 24px;
  border: 1px solid var(--border-weak);
  border-right: none;
  border-left: none;
}

._description_15fw2_18 {
  width: 100%;
  padding: 0 24px;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._contact_support_15fw2_25 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--bg-accent-1);
  gap: 16px;
}

._contact_support_text_15fw2_36 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._contact_support_title_15fw2_42 {
  font: var(--web-sm-semibold);
}

._contact_support_description_15fw2_46 {
  font: var(--web-sm-medium);
}

._contact_support_button_15fw2_50 {
  background-color: transparent;
  color: var(--brand);
}._no_tags_container_1dgnp_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: var(--text-secondary);
  font-size: 1rem;
  text-align: center;
}._tag_modal_rsubw_1 {
  height: 655px;
}
._tag_modal_rsubw_1 label {
  font: var(--web-xs-medium);
}

._form__container_rsubw_8 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
  border-top: 1px solid var(--border-weak);
  user-select: none;
}
._form__container_rsubw_8 ._tag_name_rsubw_17 {
  width: 100%;
  padding: 12px 24px;
}
._form__container_rsubw_8 ._color_section_rsubw_21 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  gap: 16px;
}
._form__container_rsubw_8 ._tag_pill_rsubw_28 {
  display: flex;
  align-items: center;
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 16px;
  color: var(--text-tags);
  font: var(--web-sm-medium);
  gap: 10px;
}
._form__container_rsubw_8 ._preset_colors_rsubw_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0;
  padding: 4px 8px 4px 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
._form__container_rsubw_8 ._preset_colors_rsubw_38:hover {
  border-radius: 6px;
  background-color: var(--bg-medium);
}
._form__container_rsubw_8 ._preset_color_options_rsubw_51 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._form__container_rsubw_8 ._preset_color_options_rsubw_51 label {
  font: var(--web-sm-medium);
}
._form__container_rsubw_8 ._selected_color_rsubw_59 {
  border: 1px solid var(--border-weak);
  border-radius: 6px;
  background-color: var(--bg-medium);
}

._preset_color_swatch_rsubw_65 {
  width: 24px;
  height: 24px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
}._tag_management_6puni_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._table_6puni_7 {
  border-top: 1px solid var(--border-weak);
}

._header_actions_6puni_11 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  border-bottom: 1px solid var(--border);
}

._tag_pill_6puni_18 {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 16px;
  color: var(--text-tags);
  font: var(--web-sm-medium);
  gap: 10px;
}

._tag_row_6puni_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._tag_actions_6puni_35 {
  gap: 8px;
}._empty_state__container_esq84_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 318px;
  height: 100%;
  margin: auto;
  color: var(--text-medium);
  text-align: center;
  gap: 16px;
}

._icon_esq84_14 {
  width: 80px;
  height: 80px;
  padding: 24px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._icon_esq84_14 svg {
  fill: var(--icon-disabled);
}

._title_esq84_25 {
  font: var(--web-base-semibold);
}

._subtitle_esq84_29 {
  color: var(--text-medium);
}._calendar_1im23_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

._calendar__header_1im23_8 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

._month_title_1im23_16 {
  min-width: 300px;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

._arrow_button_1im23_24 {
  position: absolute;
  color: var(--text-default);
}
._arrow_button_1im23_24:first-child {
  left: 0;
}
._arrow_button_1im23_24:last-child {
  right: 0;
}

._calendar__grid_1im23_35 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._weekdays_1im23_41 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-bottom: 8px;
}

._weekday_1im23_41 {
  font-weight: bold;
  text-align: center;
}

._days_1im23_53 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  flex-grow: 1;
  gap: 8px;
}

._day_1im23_53 {
  display: flex;
  flex-direction: column;
  min-height: 100px;
  padding: 8px;
  border: 1px solid var(--border-default);
}

._today_1im23_68 {
  border-color: var(--bg-accent-1-light);
}

._day_number_1im23_72 {
  margin-bottom: 4px;
  font-weight: bold;
}

._other_month_1im23_77 {
  border: 1px solid var(--border-weak);
  opacity: 0.8;
}

._event__container_1im23_82 {
  flex-grow: 1;
  max-height: 200px;
  overflow-y: auto;
}

._event_1im23_82 {
  display: block;
  margin-top: 4px;
  padding: 4px 8px;
  transition: opacity 0.2s ease-in-out;
  border: 1px solid var(--border-default);
  border-left: 6px solid var(--event-boost-polls-bg-medium);
  border-radius: 4px;
  background-color: var(--bg-default);
  color: var(--text-default);
  font: var(--web-lg-semibold);
  text-decoration: none;
  cursor: pointer;
}
._event_1im23_82:hover {
  opacity: 0.8;
}

._past_event_1im23_106 {
  border-left: 6px solid var(--bg-weak);
  color: var(--text-medium);
}

._event__name_1im23_111 {
  font-size: 12px;
  word-wrap: break-word;
  white-space: normal;
}._events_header_138iy_1 {
  justify-content: space-between;
}

._title_138iy_5 {
  padding: 0 8px;
}

._content_138iy_9 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  align-content: baseline;
  height: 100%;
  padding: 20px 24px;
}

._calendar_content_138iy_18 {
  padding: 20px 24px;
}

._event_138iy_1 {
  width: auto;
  height: fit-content;
  border: 1px solid var(--border-weak);
  background-color: var(--bg-default);
  color: var(--text-default);
}
._event_138iy_1 ._rsvp_data_138iy_29 {
  color: var(--text-medium);
}

._controls_138iy_33 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

._select_138iy_40 {
  min-width: 120px;
}

._calendarControls_138iy_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  gap: 16px;
}

._active_138iy_52 {
  background-color: var(--bg-strong);
}._header_1sdn7_1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

._icons_1sdn7_7 {
  display: flex;
  gap: 10px;
}._title_19aa3_1 {
  margin-bottom: 8px;
  font: var(--web-2x-semibold);
}

._info_19aa3_6 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}

._unpublished_text_19aa3_11 {
  color: var(--text-danger-default);
}[data-menu-open=true] ._menu_anchor_p3tol_1 {
  background-color: var(--bg-strong);
}

._menu_item_p3tol_5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._menu_item_p3tol_5._menu_danger_p3tol_10 {
  color: var(--text-danger-default);
}._icon_row_59tga_1 {
  display: flex;
  align-items: center;
  color: var(--text-medium);
  gap: 8px;
}
._icon_row_59tga_1 ._likes__container_59tga_7 {
  display: flex;
  gap: 10px;
  align-items: center;
}
._icon_row_59tga_1 ._likes__container_59tga_7._pending_59tga_12 {
  opacity: 0.5;
}
._icon_row_59tga_1 ._like_count_59tga_15 {
  min-width: 2ch;
}._details_ln500_1 {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 24px;
  align-self: stretch;
  padding: 20px 24px;
}
._details__content_ln500_9 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
._details__actions_ln500_18 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._details__image_ln500_23 {
  border-radius: 16px;
}
._details__button_ln500_26 {
  display: flex;
  gap: 4px;
}

._image_edit__container_ln500_31 {
  position: relative;
  width: fit-content;
  cursor: pointer;
}
._image_edit__container_ln500_31 ._image_edit__logo_ln500_36 {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 44px;
  height: 44px;
  padding: 12px;
  transform: translate(50%, -50%);
  border-radius: 100px;
  background: rgba(10, 10, 13, 0.5);
}
._image_edit__container_ln500_31 ._image_edit__logo_ln500_36 svg {
  fill: var(--icon-inverted-default);
}

._date_time_picker__picker_ln500_51.MuiFormControl-root {
  min-width: 240px;
}
._date_time_picker__picker_ln500_51.MuiFormControl-root svg {
  color: var(--icon-medium);
}

._form_control__container_ln500_58 {
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--border-weak);
  border-radius: 20px;
  gap: 16px;
}

._form_control__header_ln500_67 {
  margin-bottom: 4px;
  font: var(--web-md-semibold);
}

._form_control__helper_text_ln500_72 {
  margin-bottom: 16px;
  color: var(--text-medium);
  font: var(--web-sm-semibold);
}

._form_control__checkbox_ln500_78 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._menu_item_ln500_84 {
  display: flex;
  gap: 8px;
}
._menu_item__hosting_group__avatar_ln500_88 {
  border-radius: 4px;
}
._menu_item__author__avatar_ln500_91 {
  border-radius: 100px;
}

._quill_editor_ln500_95 .ql-editor {
  min-height: 200px;
}._container_18znf_1 {
  height: 100%;
  padding: 16px 24px 0 24px;
}

._details_18znf_6 {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  width: 500px;
  margin: 0 auto;
}
._details_18znf_6 ._image_18znf_13 {
  margin-bottom: 16px;
  border-radius: 16px;
}
._details_18znf_6 ._info__container_18znf_17 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._details_18znf_6 ._content_18znf_22 {
  margin-top: 24px;
}._container_mer2h_1 {
  --max-width-sm-screen: 350px;
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px 20px;
  border-bottom: 1px solid var(--border-weak);
}
@media only screen and (width <= 1000px) {
  ._container_mer2h_1 {
    flex-direction: column;
    max-width: var(--max-width-sm-screen);
    padding: 24px 0;
  }
}
@media only screen and (width <= 1000px) {
  ._container_mer2h_1 {
    padding: 12px;
  }
}
._container_mer2h_1 ._image_mer2h_22 {
  width: var(--max-width-sm-screen);
  height: 190px;
  border-radius: 16px;
  object-fit: cover;
}

._content_and_image__container_mer2h_29 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 40px;
}
@media only screen and (width <= 1000px) {
  ._content_and_image__container_mer2h_29 {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 10px;
  }
}

._content_mer2h_29 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (width <= 1200px) {
  ._content_mer2h_29 {
    gap: 8px;
  }
}
._content_mer2h_29 ._button_mer2h_54 {
  width: fit-content;
}
._content_mer2h_29 ._link_mer2h_57 {
  font: var(--web-sm-semibold);
}

._description_mer2h_61 {
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-medium);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}._empty_state__container_1l8k9_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 280px;
  height: 100%;
  margin: auto;
  color: var(--text-medium);
  text-align: center;
  gap: 16px;
}

._icon_1l8k9_14 {
  width: 80px;
  height: 80px;
  padding: 24px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._icon_1l8k9_14 svg {
  fill: var(--icon-disabled);
}

._title_1l8k9_25 {
  font: var(--web-base-semibold);
}

._subtitle_1l8k9_29 {
  color: var(--text-medium);
}._news_header_1da8i_1 {
  justify-content: space-between;
}

._news_articles_1da8i_5 {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 2500px;
  padding: 40px 40px;
}
@media only screen and (width >= 2000px) {
  ._news_articles_1da8i_5 {
    grid-template-columns: 1fr 1fr;
  }
}

._title_1da8i_17 {
  padding: 0 8px;
}

._content_1da8i_21 {
  padding-left: 20px;
}
@media only screen and (width >= 1200px) {
  ._content_1da8i_21 {
    grid-template-columns: 1fr 1fr;
  }
}._no_results_v9uxv_1 {
  padding: 16px;
  text-align: center;
}

._pending_v9uxv_6 {
  color: var(--brand);
}._avatar_1t1sc_1 {
  border-radius: 6px;
  cursor: pointer;
}

._sort_label_1t1sc_6 {
  text-transform: none;
}
._sort_label_1t1sc_6 .MuiTableSortLabel-icon {
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}

._date_column_1t1sc_14 {
  white-space: nowrap;
}

._action_column_1t1sc_18 {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
._action_column_1t1sc_18 button {
  min-width: 80px;
}

._sortable_1t1sc_27 {
  cursor: pointer;
}
._sortable_1t1sc_27:hover .MuiTableSortLabel-icon {
  opacity: 1;
}
._sortable_1t1sc_27:has(.Mui-active) .MuiTableSortLabel-icon {
  opacity: 1;
}

._modal_1t1sc_37 {
  width: 80%;
  gap: 0;
  transition: width 200ms ease-in-out;
}
._modal_1t1sc_37 ._modal_title_1t1sc_42 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._modal_1t1sc_37 ._modal_content_1t1sc_47 {
  width: 100%;
  overflow: auto;
}
._modal_1t1sc_37 ._modal_header_1t1sc_51 {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-weak);
}
._modal_1t1sc_37 ._modal_header_1t1sc_51 h3 {
  font: var(--web-base-medium);
}

._name_column_1t1sc_59 {
  display: flex;
  position: relative;
  align-items: center;
  gap: 8px;
}
._name_column_1t1sc_59 ._group_name_1t1sc_65 {
  flex: 1;
  text-align: left;
}._empty_state_1ugux_1 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: var(--bg-medium);
}
._empty_state_1ugux_1 ._footer_1ugux_9 {
  margin-top: 24px;
  padding: 24px;
  border-radius: 32px;
  background: var(--bg-accent-1);
}
._empty_state_1ugux_1 ._footer__title_1ugux_15 {
  margin-bottom: 16px;
  font: var(--web-sm-semibold);
}
._empty_state_1ugux_1 ._footer__button_1ugux_19 {
  margin-top: 16px;
}

._content_1ugux_23 {
  width: 100%;
  max-width: 500px;
  padding: 40px;
  border-radius: 32px;
  background: var(--bg-default);
  text-align: center;
}

._title_1ugux_32 {
  margin: 0;
  margin-bottom: 24px;
  font: var(--web-2x-semibold);
}

._features_1ugux_38 {
  display: flex;
  flex-direction: column;
}

._feature_item_1ugux_43 {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--border-weak);
  text-align: left;
  gap: 1rem;
}
._feature_item_1ugux_43:last-child {
  border-bottom: none;
}
._feature_item__icon_1ugux_54 {
  flex-shrink: 0;
}
._feature_item__text_1ugux_57 h3 {
  margin: 0;
  font: var(--web-lg-semibold);
}
._feature_item__text_1ugux_57 p {
  color: var(--text-secondary);
}._entity_wrapper_18szu_1 {
  --entity-header-height: 14px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

._entity_header_18szu_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 12px 16px;
}
._entity_header__name_and_called_plus_18szu_15 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
._entity_header__name_and_called_plus_18szu_15 ._icon__stack_18szu_21 {
  display: grid;
  color: var(--icon-medium);
}
._entity_header__name_and_called_plus_18szu_15 ._icon__stack_18szu_21 > * {
  grid-area: 1/-1;
}
._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28 {
  display: flex;
  align-items: center;
  padding: 8px;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--border-weak);
  border-radius: 8px;
  font: var(--web-sm-semibold);
  cursor: pointer;
  gap: 8px;
}
._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28 ._icon__fill_18szu_39 {
  opacity: 0;
}
._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28._active_18szu_42, ._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28:hover {
  background-color: var(--bg-strong);
  color: var(--brand);
}
._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28._active_18szu_42 ._icon__fill_18szu_39, ._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28:hover ._icon__fill_18szu_39 {
  opacity: 1;
}
._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28._active_18szu_42 ._icon__stack_18szu_21, ._entity_header__name_and_called_plus_18szu_15 ._icon_option_18szu_28:hover ._icon__stack_18szu_21 {
  transition: all 0.2s ease-in-out;
  color: var(--brand);
}
._entity_header_18szu_8 h1 {
  margin: 0;
  font: var(--web-xl-semibold);
}

._entity_content_18szu_58 {
  display: flex;
  flex: 1;
  background: var(--bg-medium);
}

._community_content_18szu_64 {
  display: flex;
  flex: 1;
  flex-direction: column;
}

._headway_18szu_70 .HW_badge_cont {
  width: 16px;
  height: 16px;
}
._headway_18szu_70 .HW_badge {
  top: 0;
  left: 0;
  background-color: var(--bg-brand-default);
  font: var(--web-2xs-semibold);
}

._pill_18szu_81 {
  display: flex;
  align-items: center;
  padding: 6px 4px;
  border-radius: var(--border-radius);
  background-color: var(--bg-accent-1);
  color: var(--text-brand-default);
  font: var(--web-xs-semibold);
  gap: 2px;
}

._beta_notification_18szu_92 {
  display: flex;
  align-items: center;
  padding: 10px;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--bg-accent-1);
  font: var(--web-sm-semibold);
  gap: 8px;
}
._beta_notification_18szu_92 svg {
  flex-shrink: 0;
  color: var(--brand);
}
._beta_notification_18szu_92 ._full_text_18szu_106 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._beta_notification_18szu_92 ._learn_more_18szu_111 {
  color: var(--text-brand-default);
  font: var(--web-sm-semibold);
  text-decoration: none;
  white-space: nowrap;
}
._beta_notification_18szu_92 ._close_18szu_117 {
  margin-left: auto;
  color: var(--icon-medium);
  cursor: pointer;
}
@media (width <= 1200px) {
  ._beta_notification_18szu_92 ._full_text_18szu_106 {
    max-width: 300px;
  }
}
@media (width <= 840px) {
  ._beta_notification_18szu_92 ._full_text_18szu_106 {
    display: none;
  }
}._title_1gzfr_1 {
  font: var(--web-2x-semibold);
}

._navigation_container_1gzfr_5 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 24px;
}

._header_1gzfr_13 {
  margin: 0 0 24px 16px;
}

._nav_item_1gzfr_17,
._sub_nav_title_1gzfr_18 {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  padding: 12px;
  border-radius: 8px;
  font: var(--web-base-semibold);
  gap: 16px;
}
._nav_item_1gzfr_17 svg,
._sub_nav_title_1gzfr_18 svg {
  width: 24px;
  height: 24px;
  color: var(--icon-medium);
}
._nav_item_1gzfr_17:not(:has(svg)),
._sub_nav_title_1gzfr_18:not(:has(svg)) {
  padding-left: 54px;
}

._nav_item_1gzfr_17 {
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}
._nav_item_1gzfr_17._active_1gzfr_42, ._nav_item_1gzfr_17:hover {
  background-color: var(--bg-strong);
}

a._nav_item_1gzfr_17 {
  color: var(--text-default);
  text-decoration: none;
}

._sub_nav_title_1gzfr_18 {
  color: var(--text-disabled);
}

._sub_nav_1gzfr_18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  gap: 24px;
}._logout_9v77g_1 {
  width: 100%;
  color: var(--text-brand-default);
}
._logout_9v77g_1 svg {
  width: 24px;
  height: 24px;
  color: var(--text-brand-default);
}

._menu_9v77g_11 {
  width: 286px;
  padding: 24px;
}

._title_9v77g_16 {
  margin-top: 0;
  font: var(--web-xl-semibold);
}

._actions_9v77g_21 {
  text-align: right;
}

._cancel_button_9v77g_25 {
  margin-right: 12px;
  font: var(--web-base-semibold);
}._theme_toggle_1tb3q_1 {
  position: relative;
}

._theme_button_1tb3q_5 {
  color: var(--icon-default);
}
._theme_button_1tb3q_5:hover {
  color: var(--icon-strong);
}

._theme_menu_item_1tb3q_12 {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 16px;
  font: var(--web-sm-medium);
}
._theme_menu_item_1tb3q_12:hover {
  background-color: var(--bg-medium);
}
._theme_menu_item_1tb3q_12.Mui-selected {
  background-color: var(--bg-strong);
}
._theme_menu_item_1tb3q_12.Mui-selected:hover {
  background-color: var(--bg-strong);
}._action_bar_x57nw_1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16px;
  padding: 24px;
  gap: 16px;
}

._edit_profile_x57nw_10 {
  --edit-profile-height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: calc(100vh - var(--edit-profile-height));
  overflow-y: auto;
}
._edit_profile_x57nw_10 ._profile__content_x57nw_18, ._edit_profile__content_x57nw_18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 360px;
}
._edit_profile_x57nw_10 ._bio_editor_x57nw_24 {
  width: 100%;
}

._edit_profile__content_x57nw_18 {
  gap: 16px;
}

._outlined_x57nw_32 {
  border: 1px solid var(--border-weak);
}

._user_content_x57nw_36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 28px 0;
  gap: 4px;
}
._user_content_x57nw_36 h2 {
  margin: 0;
  color: var(--text-default);
}
._user_content_x57nw_36 p {
  margin: 0;
  color: var(--text-medium);
  font: var(--web-base-medium);
  text-align: center;
}
._user_content__loading_x57nw_53 {
  min-width: 250px;
}

._email_block_x57nw_57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 12px;
  background-color: var(--bg-medium);
  color: var(--text-medium);
  font: var(--web-sm-medium);
  gap: 4px;
}

._email_x57nw_57 {
  color: var(--text-default);
  font: var(--web-base-semibold);
}

._preferences_x57nw_75 {
  display: flex;
  gap: 8px;
  align-items: center;
}._blocked_content_1lcvl_1 {
  padding: 56px;
}
._blocked_content_1lcvl_1 h1 {
  margin: 0 0 8px;
  font: var(--web-2x-semibold);
}
._blocked_content_1lcvl_1 p {
  max-width: 450px;
  margin: 0;
  color: var(--text-medium);
  font: var(--web-base-medium);
}
._blocked_content_1lcvl_1 hr {
  margin: 24px 0 20px;
  border: none;
  border-top: 1px solid var(--bg-strong);
}

._blocked_list_1lcvl_20 {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

._user_row_1lcvl_26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 12px;
  border-bottom: 1px solid var(--bg-strong);
}

._user_info_1lcvl_35 {
  display: flex;
  align-items: center;
  gap: 12px;
}._parent_group__container_1rqxw_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 24px;
  background-color: var(--bg-medium);
  color: var(--text-medium);
  font: var(--web-sm-medium);
  text-align: center;
  gap: 12px;
}
._parent_group__container_1rqxw_1 ._icon_1rqxw_14 {
  width: 80px;
  height: 80px;
  padding: 24px;
  border-radius: 100px;
  background-color: var(--bg-strong);
}
._parent_group__container_1rqxw_1 ._icon_1rqxw_14 svg {
  fill: var(--icon-disabled);
}
._parent_group__container_1rqxw_1 ._title_1rqxw_24 {
  font: var(--web-lg-semibold);
}
._parent_group__container_1rqxw_1 ._support_1rqxw_27 {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 8px;
}
._parent_group__container_1rqxw_1 ._support_1rqxw_27 a {
  text-decoration: none;
}._community_1mgbf_1 h1 {
  font: var(--web-lg-semibold);
}
._community_1mgbf_1 ._avatar_1mgbf_4 {
  border: 1px solid var(--border-weak);
  border-radius: var(--border-radius);
}
._community__header_1mgbf_8 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
._community_1mgbf_1 ._plan_details_1mgbf_14 {
  padding: 16px;
  border: 1px solid var(--border-weak);
  border-radius: var(--border-radius);
}
._community_1mgbf_1 ._plan_details_1mgbf_14 h2 {
  font: var(--web-2x-semibold);
}
._community_1mgbf_1 ._plan_details_1mgbf_14 ._details_text_1mgbf_22 {
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
._community_1mgbf_1 ._plan_details_1mgbf_14 ._support_1mgbf_26 {
  margin-top: 32px;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
._community_1mgbf_1 ._plan_details_1mgbf_14 ._support_1mgbf_26 a {
  color: var(--text-brand-default);
  text-decoration: none;
}
._community_1mgbf_1 ._plan_details_1mgbf_14 ._subscription_actions_1mgbf_35 {
  display: flex;
  gap: 8px;
}
._community_1mgbf_1 ._member_and_pricing_1mgbf_39 {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
  gap: 8px;
}
._community_1mgbf_1 ._member_count_1mgbf_45 {
  color: var(--text-success-default);
}
._community_1mgbf_1 ._member_count_over_1mgbf_48 {
  color: var(--text-danger-default);
}
._community_1mgbf_1 ._upgrade_button_1mgbf_51 {
  padding: 0;
  font: var(--web-sm-semibold);
}
._community_1mgbf_1 ._button_1mgbf_55 {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 16px;
}

._info_icon_1mgbf_62 {
  display: inline-flex;
  margin-left: 4px;
  vertical-align: middle;
  cursor: help;
}._manage_plans_u79dc_1 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  padding: 20px 24px 0 24px;
  overflow: auto;
  gap: 28px;
}

._manage_plans__details_u79dc_10 {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 {
  display: grid;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 14px;
  border-radius: 20px;
  background-color: var(--bg-accent-1);
  gap: 16px;
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__called_u79dc_26 {
  width: fit-content;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: var(--bg-brand-default);
  color: var(--text-inverted-default);
  font: var(--web-lg-semibold);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._info_u79dc_38 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 12px;
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._info_u79dc_38 h1 {
  margin: 0 0 4px 0;
  font: var(--web-xl-semibold);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._info_u79dc_38 p {
  font: var(--web-sm-medium);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._subTitle_u79dc_51 {
  font: var(--web-sm-medium);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._features_u79dc_54 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: var(--text-medium);
  font: var(--web-sm-medium);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._features_u79dc_54 li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__info_u79dc_34 ._features_u79dc_54 li svg {
  fill: var(--brand);
}
._manage_plans__details_u79dc_10 ._manage_card_u79dc_15 ._manage_card__learn_more_u79dc_70 {
  color: var(--text-brand-default);
  font: var(--web-lg-semibold);
  text-decoration: none;
}

._manage_plans__list_u79dc_76 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-bottom: 12px;
  gap: 20px;
}
._manage_plans__list_u79dc_76 ._title_u79dc_83 {
  margin-bottom: 20px;
  font: var(--web-2x-semibold);
}
._manage_plans__list_u79dc_76 ._community_list_u79dc_87 hr {
  padding: 16px 0;
}/* Style overrides for Sendbird UI components */
body .app .sendbird-message-input--textarea.sendbird-message-input-text-field {
  border-radius: 8px;
  border-color: var(--border-weak);
}
body .app .sendbird-message-input {
  background-color: transparent;
}
body .app .sendbird-message-input .sendbird-message-input-text-field {
  background-color: transparent;
  color: var(--text-default);
}
body .app .sendbird-message-input .sendbird-message-input-text-field:focus {
  border-color: var(--border-down);
  box-shadow: none;
  color: var(--text-default);
}
body .app .sendbird-conversation__scroll-bottom-button {
  background-color: var(--bg-medium);
}
body .app .sendbird-conversation__scroll-bottom-button:hover {
  background-color: var(--bg-inverted-medium);
}
body .app .sendbird-message-input--placeholder {
  color: var(--text-medium);
}
body .app .sendbird-icon-color--content-inverse [class*=fill] {
  fill: var(--text-medium);
}
body .app .sendbird-iconbutton .sendbird-iconbutton__inner svg {
  fill: var(--brand);
}
body .app .sendbird-conversation {
  border: inherit;
  border-radius: inherit;
  background-color: inherit;
}
body .app .sendbird-conversation__footer {
  padding: 20px 0;
  border-top: 1px solid var(--border-weak);
}
body .app .sendbird-channel-list {
  display: block;
  width: 100%;
  background-color: inherit;
}
body .app .sendbird-channel-list.hidden {
  display: none;
}
body .app .sendbird-channel-list__header {
  height: 40px;
  min-height: 40px;
  margin-bottom: 8px;
}
body .app .sendbird-channel-list__header:has(.chat-list-seperator) {
  height: fit-content;
  padding-top: 4px;
  padding-right: 8px;
}
body .app .sendbird-separator__left {
  background-color: var(--border-weak);
}
body .app .sendbird-separator__right {
  background-color: var(--border-weak);
}
body .app .sendbird-separator__text .sendbird-label {
  color: var(--text-medium);
  font: var(--web-xs-medium);
}
body .app .sendbird-channel-list__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  transition: --thumb-color 0.75s;
}
body .app .sendbird-channel-list__body::-webkit-scrollbar-thumb {
  border: 4px solid var(--bg-medium);
  border-radius: 10px;
  background-color: var(--thumb-color);
}
body .app .sendbird-channel-list__body:hover {
  --thumb-color: var(--border-down);
}
body .app .chat-list-seperator {
  width: 100%;
  height: 0;
  border-bottom: var(--border-weak) 1px solid;
}
body .app .sendbird-loader {
  display: none;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  outline: revert;
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
p {
  margin: 0;
}
a {
  color: var(--text-brand-default);
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body {
  overflow: hidden;
}
body:has(.app__auth) {
  overflow: auto;
}
.app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: var(--bg-default);
  color: var(--text-default);
}
.app__auth {
  min-height: 100vh;
}
.app__content {
  display: flex;
  flex: 1;
}
@property --thumb-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  border: 4px solid var(--bg-default);
  border-radius: 10px;
  background-color: var(--thumb-color);
}
.scrollable {
  transition: --thumb-color 0.75s;
}
.scrollable:hover {
  overflow: auto;
  --thumb-color: var(--border-down);
}
.scrollable::-webkit-scrollbar-thumb {
  background-color: var(--thumb-color);
}
:root {
  --global-alert-height: 0px;
}
.community_layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.community_panels,
.content_panels {
  display: grid;
  position: relative;
  grid-template-columns: minmax(50px, 302px) minmax(300px, auto);
  flex-grow: 1;
  background: var(--bg-medium);
  view-transition-name: "fade";
}
.community_panels .list_panel,
.content_panels .list_panel {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 76px);
  padding-left: 16px;
  overflow-y: auto;
}
.community_panels .list_panel:not(.scrollable),
.content_panels .list_panel:not(.scrollable) {
  margin-right: 16px;
}
.community_panels .list_panel.scrollable::-webkit-scrollbar-thumb,
.content_panels .list_panel.scrollable::-webkit-scrollbar-thumb {
  border: 5px solid var(--bg-medium);
}
.community_panels .list_panel.scrollable::-webkit-scrollbar,
.content_panels .list_panel.scrollable::-webkit-scrollbar {
  width: 16px;
}
.community_panels .list_panel.scrollable,
.content_panels .list_panel.scrollable {
  overflow: auto;
  scrollbar-gutter: stable;
}
.community_panels .list_panel:has(.profile_actions),
.content_panels .list_panel:has(.profile_actions) {
  max-height: inherit;
}
.community_panels .list_panel__header,
.content_panels .list_panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  margin: 0 20px 8px 8px;
}
.community_panels .list_panel__header__title,
.content_panels .list_panel__header__title {
  font: var(--web-xl-semibold);
}
.main_panel,
.details_panel {
  --main-header-height: 130px;
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  margin-bottom: 10px;
  border-radius: var(--container-radius);
  background: var(--bg-default);
  box-shadow: -1px 2px 14px rgb(from var(--bg-bold-default) r g b/0.08);
}
.details_panel {
  padding: 20px 24px;
}
.page_container {
  display: grid;
  flex-grow: 1;
  gap: 12px;
  padding: 16px 16px 0 16px;
  transition: grid-template-columns 0.3s ease-in-out;
}
.page_container:has(.panel) {
  grid-template-columns: minmax(1px, 1fr) minmax(300px, 700px);
}
.page_container:has(.panel):has(.dashboard_panel) {
  grid-template-columns: minmax(1px, 1fr) minmax(300px, 500px);
}
::view-transition-old("fade") {
  animation: leave 0.25s;
}
::view-transition-new("fade") {
  animation: enter 0.25s;
}
.content_container {
  height: 100%;
  max-height: calc(100vh - (var(--main-header-height) + var(--entity-header-height) + var(--global-alert-height)));
  overflow-y: auto;
  view-transition-name: "fade";
}
@keyframes enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes leave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.content_header,
.content_header__actions {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid var(--border-weak);
  font: var(--web-base-semibold);
}
.content_header__actions {
  justify-content: space-between;
}
.panel {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.panel__close {
  width: 0;
  opacity: 0;
  pointer-events: none;
}
.panel__close img {
  width: 0;
  transition: all 0.2s ease-in-out;
}
.panel__close * {
  padding: 0;
  transition: all 0.2s ease-in-out;
  font-size: 0;
}:root {
    /* Color Names - https://chir.ag/projects/name-that-color/ */
    --bright-red:       #B40000;
    --red-berry:        #930000;
    --thunderbird:      #D31510;
    --fair-pink:        #FFEBE7;
    --mint-tulip:       #CEF7F3;
    --puerto-rico:      #3FC9C1;
    --eden:             #0C4F4C;
    --persian-green:    #00A19A;
    --pine-green:       #007772;
    --blue-stone:       #00635F;
    --melrose:          #C1C4FF;
    --zircon:           #F7F8FF;
    --snuff:            #D6D7E9;
    --trout:            #505164;
    --dolphin:          #64657D;
    --cadet-blue:       #B4B5CD;
    --waterloo:         #7B7C96;
    --white-lilac:      #EBEBF7;
    --black-russian:    #0E0024;
    --shark:            #181820;
    --woodsmoke:        #0A0A0D;
    --violet:           #230F49;
    --violet-dark:      #15062E;
    --persian-indigo:   #33106A;
    --purple-heart:     #7326D3;
    --purple-heart-2:   #6B25C3;
    --purple-heart-3:   #7A2DDA;
    --blue-gem:         #5D13B7;
    --blue-gem-2:       #5911B1;
    --jagger:           #2A0D57;
    --blue-chalk:       #E5DDFF;
    --fog:              #E2CAFF;
    --heliotrope:       #BE8BFF;
    --heliotrope-2:     #AC6FF9;
    --cornflower-blue:   #686DF4;
    --royal-blue:       #555BE7;

    /* Color Aliases */
    --brand:                    var(--purple-heart);
    --bg-accent-1:              var(--blue-chalk);
    --bg-accent-1-light:        var(--fog);
    --bg-accent-1-dark:         var(--purple-heart-2);
    --bg-accent-2-light:        var(--melrose);
    --bg-weak:                  var(--text-weak);
    --bg-default:               #fff;
    --bg-medium:                var(--zircon);
    --bg-strong:                var(--white-lilac);
    --bg-disabled:              var(--dolphin);
    --bg-brand-default:         var(--purple-heart);
    --bg-brand-hover:           var(--blue-gem);
    --bg-brand-down:            var(--persian-indigo);
    --bg-bold-default:          var(--persian-indigo);
    --bg-bold-weak:             var(--blue-gem);
    --bg-bold-hover:            var(--blue-gem);
    --bg-bold-strong:           var(--violet);
    --bg-bold-down:             var(--violet);
    --bg-danger-default:        var(--thunderbird);
    --bg-danger-hover:          var(--bright-red);
    --bg-danger-down:           var(--red-berry);
    --bg-danger-weak:           var(--fair-pink);
    --bg-warning-default:       #E46F00;
    --bg-success-default:       var(--persian-green);
    --bg-success-hover:         var(--blue-stone);
    --bg-success-down:          var(--eden);
    --bg-success-weak:          var(--mint-tulip);
    --bg-inverted-default:      var(--black-russian);
    --bg-inverted-medium:       var(--violet-dark);
    --text-weak:                var(--cadet-blue);
    --text-default:             var(--shark);
    --text-medium:              var(--dolphin);
    --text-strong:              var(--woodsmoke);
    --text-disabled:            var(--dolphin);
    --text-inverted-default:    #fff;
    --text-inverted-weak:       var(--cadet-blue);
    --text-inverted-disabled:   var(--waterloo);
    --text-brand-default:       var(--purple-heart);
    --text-brand-hover:         var(--blue-gem);
    --text-brand-down:          var(--persian-indigo);
    --text-accent-default:      var(--puerto-rico);
    --text-danger-default:      var(--thunderbird);
    --text-danger-weak:         var(--fair-pink);
    --text-danger-hover:        var(--bright-red);
    --text-danger-down:         var(--red-berry);
    --text-success-default:     var(--persian-green);
    --text-success-weak:        var(--mint-tulip);
    --text-success-hover:       var(--blue-stone);
    --text-success-down:        var(--eden);
    --icon-default:             var(--trout);
    --icon-medium:              var(--waterloo);
    --icon-strong:              var(--shark);
    --icon-disabled:            var(--cadet-blue);
    --icon-danger-default:      var(--thunderbird);
    --icon-brand-default:       var(--purple-heart);
    --icon-brand-hover:         var(--blue-gem);
    --icon-brand-down:          var(--persian-indigo);
    --icon-inverted-default:  #fff;
    --icon-inverted-weak:       var(--waterloo);
    --icon-accent-1:            var(--fog);
    --icon-accent-2:            var(--heliotrope);
    --border-default:           var(--snuff);
    --border-hover:             var(--trout);
    --border-down:              var(--waterloo);
    --border-weak:              var(--white-lilac);
    --border-negative:          var(--zircon);
    --border-brand-default:     var(--purple-heart);
    --border-brand-hover:       var(--blue-gem);
    --border-brand-down:        var(--persian-indigo);
    --border-danger-default:    var(--thunderbird);
    --border-danger-hover:      var(--bright-red);
    --border-danger-down:       var(--red-berry);
    --border-success-default:   var(--persian-green);
    --border-success-hover:     var(--blue-stone);
    --border-success-down:      var(--eden);
    --border-inverted-default:  var(--persian-indigo);

    /* component color aliases */
    --event-boost-polls-bg-default:  var(--blue-gem-2);
    --event-boost-polls-bg-medium:  var(--purple-heart-3);
    --event-boost-polls-bg-strong:  var(--jagger);
    --event-boost-polls-text-default:  #fff;

    --announcement-boost-bg-default:  var(--cornflower-blue);
    --announcement-boost-bg-medium:  var(--royal-blue);

    --crm-lead-organic-color: #7E84FC;

    /* tags */
    --text-tags: var(--text-default);

    /* breakpoints */
    --xs: 0;
    --sm: 394px;
    --md: 744px;
    --lg: 1024px;
    --xl: 1440px;

    /* typography */
    --font-family: 'Plus Jakarta Sans', sans-serif;
    --font-family-alt: 'Poppins', sans-serif;

    /* TODO: refactor invite app to use the new web defined typography */
    --font-base: 16px;
    --font-xs: 10px;
    --font-sm: 12px;
    --font-md: 14px;
    --font-lg: 16px;
    --font-xl: 24px;
    --font-xxl: 28px;
    --font-xxxl: 40px;

    --headline-100-heavy: 600 var(--font-xxxl) / 48px var(--font-family);
    --headline-300-heavy: 600 var(--font-xl) / 30px var(--font-family);
    --paragraph-100-light: 500 var(--font-base) / 24px var(--font-family);
    --paragraph-200-light: 500 var(--font-md) / 20px var(--font-family);
    --paragraph-200-heavy: 600 var(--font-md) / 20px var(--font-family);
    --paragraph-300-light: 500 var(--font-sm) / 16px var(--font-family);
    --paragraph-400-light: 500 var(--font-xs) / 14px var(--font-family);
    --label-300: 600 var(--font-sm) / 12px var(--font-family);

    --input-base: 14px;

    /* Web Typography */
    --font-size-2xs: 10px;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-xl: 20px;
    --font-size-2x: 24px;
    --font-size-3x: 28px;
    --font-size-4x: 40px;

    --font-weight-light: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    --web-2xs-semibold: var(--font-weight-semibold) var(--font-size-2xs) / 14px var(--font-family);
    --web-xs-light: var(--font-weight-light) var(--font-size-xs) / 16px var(--font-family);
    --web-xs-medium: var(--font-weight-medium) var(--font-size-xs) / 16px var(--font-family);
    --web-xs-semibold: var(--font-weight-semibold) var(--font-size-xs) / 16px var(--font-family);
    --web-sm-medium: var(--font-weight-medium) var(--font-size-sm) / 20px var(--font-family);
    --web-sm-semibold: var(--font-weight-semibold) var(--font-size-sm) / 20px var(--font-family);
    --web-base-medium: var(--font-weight-medium) var(--font-size-base) / 24px var(--font-family);
    --web-base-light: var(--font-weight-light) var(--font-size-base) / 22px var(--font-family);
    --web-base-semibold: var(--font-weight-semibold) var(--font-size-base) / 24px var(--font-family);
    --web-lg-semibold: var(--font-weight-semibold) var(--font-size-base) / 20px var(--font-family);
    --web-xl-medium: var(--font-weight-medium) var(--font-size-xl) / 24px var(--font-family);
    --web-xl-semibold: var(--font-weight-semibold) var(--font-size-xl) / 24px var(--font-family);
    --web-2x-semibold: var(--font-weight-semibold) var(--font-size-2x) / 30px var(--font-family);
    --web-3x-semibold: var(--font-weight-semibold) var(--font-size-3x) / 34px var(--font-family);
    --web-4x-medium: var(--font-weight-medium) var(--font-size-4x) / 48px var(--font-family);

    /* Chat Message Content */
    --chat-message-content: var(--web-base-medium);
    --text-interactive: var(--brand);

    /* borders */
    --border-radius: 8px;
    --container-radius: 24px;

    /* elevation */
    --elevation-1: 0px 2px 8px 0px rgb(51 16 106 / 0.10);
    --elevation-2: 0px 4px 12px 0px rgb(51 16 106 / 0.10);
    --elevation-3: 0px 8px 16px 0px rgb(51 16 106 / 0.08);
    --elevation-4: 0px 8px 32px 0px rgb(51 16 106 / 0.12);
}

/* Dark Mode Theme - Move outside :root */
[data-theme="dark"] {
    --brand-down: #e7c5ff;
    --light-gray: #ececec;

    /* Background colors */
    --bg-default: var(--black-russian);
    --bg-medium: var(--violet-dark);
    --bg-strong: var(--violet);
    --bg-weak: var(--waterloo);
    --bg-accent-1: var(--persian-indigo);
    --bg-accent-1-light: var(--jagger);
    --bg-accent-1-dark: var(--blue-gem);
    --bg-accent-2-light: var(--blue-gem-2);
    --bg-inverted-medium: var(--brand);

    /* Text colors */
    --text-default: #f0f0f0;
    --text-medium: var(--cadet-blue);
    --text-weak: var(--light-gray);
    --text-strong: var(--white-lilac);
    --text-brand-default: var(--heliotrope);
    --text-brand-hover: var(--heliotrope-2);
    --text-brand-down: var(--fog);
    --text-inverted-default: #fff;
    --text-tags: #0A1A2C;
    --text-interactive: var(--text-strong);

    /* Border colors */
    --border-default: var(--jagger);
    --border-hover: var(--persian-indigo);
    --border-down: var(--blue-gem);
    --border-weak: var(--violet);
    --border-negative: var(--violet-dark);

    /* Icon colors */
    --icon-default: var(--cadet-blue);
    --icon-medium: var(--light-gray);
    --icon-strong: #fff;
    --icon-brand-default: var(--heliotrope-2);
    --icon-brand-hover: var(--heliotrope);
    --icon-brand-down: var(--fog);

    /* Override MUI's CSS variables */
    --mui-palette-text-primary: var(--text-default);
    --mui-palette-text-secondary: var(--text-medium);
    --mui-palette-background-default: var(--bg-default);
    --mui-palette-background-paper: var(--bg-medium);
    --mui-palette-primary-main: var(--brand);

    /* Chat Message Content */
    --chat-message-content: var(--web-base-light);
}

/* Dark Blue Theme */
[data-theme="dark-blue"] {
    --brand: #2563EB;
    --brand-hover: #1D4ED8;
    --brand-down: #93C5FD;

    /* Base color redefinitions */
    --black-russian: #0A1A2C;
    --violet-dark: #0D2B4B;
    --violet: #153E6B;
    --persian-indigo: #1A4B82;
    --blue-gem: #1E5494;
    --blue-gem-2: #2563B3;
    --jagger: #102C4C;
    --cadet-blue: #64A5FF;
    --waterloo: #dfecfd;
    --white-lilac: #B4D4FF;
    --heliotrope: #2D8FF5;
    --heliotrope-2: #1B7FE5;
    --fog: #A3D0FF;
    --royal-blue: #2563EB;
    --cornflower-blue: #60A5FA;
    --melrose: #93C5FD;

    /* Then use these redefined colors in the theme */
    --bg-default: var(--black-russian);
    --bg-medium: var(--violet-dark);
    --bg-strong: var(--violet);
    --bg-brand-default: var(--brand);
    --bg-brand-hover: var(--brand-hover);
    --bg-brand-down: var(--brand-down);
    --bg-weak: var(--waterloo);
    --bg-accent-1: var(--persian-indigo);
    --bg-accent-1-light: var(--jagger);
    --bg-accent-1-dark: var(--blue-gem);
    --bg-accent-2-light: var(--blue-gem-2);
    --bg-inverted-default: var(--waterloo);
    --bg-inverted-medium: var(--brand);


    /* Text colors */
    --text-default: #FFF;
    --text-medium: var(--cadet-blue);
    --text-weak: var(--waterloo);
    --text-strong: var(--white-lilac);
    --text-brand-default: var(--heliotrope);
    --text-brand-hover: var(--brand-hover);
    --text-brand-down: var(--fog);
    --text-disabled: rgb(255 255 255 / 0.2);
    --text-inverted-default: #fff;
    --text-tags: #0A1A2C;
    --text-danger-default: #fd2525;
    --text-interactive: var(--brand);

    /* Border colors */
    --border-brand-default: var(--cadet-blue);
    --border-brand-hover: var(--fog);
    --border-brand-down: var(--blue-gem);
    --border-default: var(--violet);
    --border-hover: var(--persian-indigo);
    --border-down: var(--blue-gem);
    --border-weak: var(--violet-dark);
    --border-negative: var(--black-russian);

    /* Icon colors */
    --icon-default: var(--cadet-blue);
    --icon-medium: var(--waterloo);
    --icon-strong: #FFF;
    --icon-brand-default: var(--heliotrope);
    --icon-brand-hover: var(--brand-hover);
    --icon-brand-down: var(--fog);

    /* component color aliases */
    --event-boost-polls-bg-default: var(--persian-indigo);
    --event-boost-polls-bg-medium: var(--brand);
    --event-boost-polls-bg-strong: var(--jagger);
    --event-boost-polls-text-default: #fff;

    /* Chat Message Content */
    --chat-message-content: var(--web-base-light);
}

/* Dark Purple Theme */
[data-theme="dark-purple"] {
    --brand: #7326D3;
    --brand-hover: #5D13B7;
    --brand-down: #D6BCFB;

    /* Base color redefinitions */
    --black-russian: #1A0B2E;
    --violet-dark: #2D1647;
    --violet: #3D1C5F;
    --persian-indigo: #4C2277;
    --blue-gem: #5D13B7;
    --blue-gem-2: #7326D3;
    --jagger: #33106A;
    --cadet-blue: #D6BCFB;
    --waterloo: #ebdfff;
    --white-lilac: #F3E8FF;
    --heliotrope: #9B6BF8;
    --heliotrope-2: #8257E5;
    --fog: #E2CCF8;

    /* Then use these redefined colors in the theme */
    --bg-default: var(--black-russian);
    --bg-medium: var(--violet-dark);
    --bg-strong: var(--violet);
    --bg-brand-default: var(--brand);
    --bg-brand-hover: var(--brand-hover);
    --bg-brand-down: var(--brand-down);
    --bg-weak: var(--waterloo);
    --bg-accent-1: var(--persian-indigo);
    --bg-accent-1-light: var(--jagger);
    --bg-accent-1-dark: var(--blue-gem);
    --bg-accent-2-light: var(--blue-gem-2);
    --bg-inverted-default: var(--waterloo);
    --bg-inverted-medium: var(--brand);

    /* Text colors */
    --text-default: #FFF;
    --text-medium: var(--cadet-blue);
    --text-weak: var(--waterloo);
    --text-strong: var(--white-lilac);
    --text-brand-default: var(--heliotrope);
    --text-brand-hover: var(--brand-hover);
    --text-brand-down: var(--fog);
    --text-disabled: rgb(255 255 255 / 0.2);
    --text-inverted-default: #ececec;
    --text-tags: #0A1A2C;
    --text-interactive: var(--brand-down);

    /* Border colors */
    --border-brand-default: var(--cadet-blue);
    --border-brand-hover: var(--fog);
    --border-brand-down: var(--blue-gem);
    --border-default: var(--violet);
    --border-hover: var(--persian-indigo);
    --border-down: var(--blue-gem);
    --border-weak: var(--violet-dark);
    --border-negative: var(--black-russian);

    /* Icon colors */
    --icon-default: var(--cadet-blue);
    --icon-medium: var(--waterloo);
    --icon-strong: #FFF;
    --icon-brand-default: var(--heliotrope);
    --icon-brand-hover: var(--brand-hover);
    --icon-brand-down: var(--fog);

    /* component color aliases */
    --event-boost-polls-bg-default: var(--persian-indigo);
    --event-boost-polls-bg-medium: var(--brand);
    --event-boost-polls-bg-strong: var(--jagger);
    --event-boost-polls-text-default: #fff;

    /* Chat Message Content */
    --chat-message-content: var(--web-base-light);
}

/* Light Blue Theme */
[data-theme="light-blue"] {
    --brand: #2563EB;
    --brand-hover: #1D4ED8;
    --brand-down: #93C5FD;

    /* Base color redefinitions */
    --black-russian: #F7FAFC;
    --violet-dark: #F0F7FF;
    --violet: #E6F0FF;
    --persian-indigo: #1A4B82;
    --blue-gem: #1E5494;
    --blue-gem-2: #2563B3;
    --jagger: #102C4C;
    --cadet-blue: #64A5FF;
    --waterloo: #4B95FF;
    --white-lilac: #B4D4FF;
    --heliotrope: #2D8FF5;
    --heliotrope-2: #1B7FE5;
    --fog: #A3D0FF;
    --royal-blue: #2563EB;
    --cornflower-blue: #60A5FA;
    --melrose: #93C5FD;

    /* Then use these redefined colors in the theme */
    --bg-default: #FFF;
    --bg-medium: var(--violet-dark);
    --bg-strong: var(--violet);
    --bg-brand-default: var(--brand);
    --bg-brand-hover: var(--brand-hover);
    --bg-brand-down: var(--brand-down);
    --bg-weak: var(--waterloo);
    --bg-inverted-default: var(--blue-gem-2);
    --bg-inverted-medium: var(--persian-indigo);
    --bg-accent-1: var(--white-lilac);
    --bg-accent-1-light: var(--jagger);
    --bg-accent-1-dark: var(--blue-gem);
    --bg-accent-2-light: var(--blue-gem-2);

    /* Text colors */
    --text-default: #1A365D;
    --text-medium: #4A5568;
    --text-weak: #718096;
    --text-strong: #2D3748;
    --text-brand-default: var(--heliotrope);
    --text-brand-hover: var(--brand-hover);
    --text-brand-down: var(--fog);
    --text-disabled: rgb(0 0 0 / 0.5);
    --text-interactive: var(--brand);

    /* Border colors */
    --border-brand-default: var(--cadet-blue);
    --border-brand-hover: var(--fog);
    --border-brand-down: var(--blue-gem);
    --border-default: #E2E8F0;
    --border-hover: #CBD5E0;
    --border-down: #A0AEC0;
    --border-weak: #EDF2F7;
    --border-negative: #F7FAFC;

    /* Icon colors */
    --icon-default: #4A5568;
    --icon-medium: #718096;
    --icon-strong: #2D3748;
    --icon-brand-default: var(--heliotrope);
    --icon-brand-hover: var(--brand-hover);
    --icon-brand-down: var(--fog);

    /* component color aliases */
    --event-boost-polls-bg-default: var(--persian-indigo);
    --event-boost-polls-bg-medium: var(--brand);
    --event-boost-polls-bg-strong: var(--jagger);
    --event-boost-polls-text-default: #fff;
}

/* Light Purple Theme */
[data-theme="light-purple"] {
    /* Background colors */
    --bg-default: #fff;
    --bg-medium: #FAF5FF;
    --bg-strong: #F3E8FF;
    --bg-weak: var(--waterloo);
    --bg-accent-1: #E9D8FD;
    --bg-accent-1-light: var(--fog);
    --bg-accent-1-dark: var(--heliotrope);
    --bg-accent-2-light: var(--blue-chalk);

    /* Text colors */
    --text-default: #44337A;
    --text-medium: #553C9A;
    --text-weak: #805AD5;
    --text-strong: #322659;
    --text-brand-default: var(--purple-heart);
    --text-brand-hover: var(--heliotrope);
    --text-brand-down: var(--fog);
    --text-disabled: rgb(0 0 0 / 0.5);

    /* Border colors */
    --border-default: #E9D8FD;
    --border-hover: #D6BCFA;
    --border-down: #B794F4;
    --border-weak: #FAF5FF;
    --border-negative: #F7FAFC;

    /* Icon colors */
    --icon-default: #553C9A;
    --icon-medium: #805AD5;
    --icon-strong: #322659;
    --icon-brand-default: var(--purple-heart);
    --icon-brand-hover: var(--heliotrope);
    --icon-brand-down: var(--fog);
}

/* Dark Green Theme */
[data-theme="dark-green"] {
    --brand: #38A169;
    --brand-hover: #2F855A;
    --brand-down: #9AE6B4;

    /* Base color redefinitions */
    --black-russian: #002B20;
    --violet-dark: #014737;
    --violet: #03543F;
    --persian-indigo: #046C4E;
    --blue-gem: #057A55;
    --blue-gem-2: #38A169;
    --jagger: #014E3D;
    --cadet-blue: #9AE6B4;
    --waterloo: #68D391;
    --white-lilac: #C6F6D5;
    --heliotrope: #4FD1C5;
    --heliotrope-2: #38B2AC;
    --fog: #81E6D9;
    --persian-green: #38A169;
    --puerto-rico: #48BB78;
    --mint-tulip: #9AE6B4;
    --eden: #2F855A;

    /* Then use these redefined colors in the theme */
    --bg-default: var(--black-russian);
    --bg-medium: var(--violet-dark);
    --bg-strong: var(--violet);
    --bg-brand-default: var(--persian-green);
    --bg-brand-hover: var(--brand-hover);
    --bg-brand-down: var(--brand-down);
    --bg-weak: var(--waterloo);
    --bg-accent-1: var(--persian-indigo);
    --bg-accent-1-light: var(--jagger);
    --bg-accent-1-dark: var(--blue-gem);
    --bg-accent-2-light: var(--blue-gem-2);
    --bg-inverted-default: var(--waterloo);
    --bg-inverted-medium: var(--brand);

    /* Text colors */
    --text-default: #FFF;
    --text-medium: #9AE6B4;
    --text-weak: #91f5b8;
    --text-strong: #F0FFF4;
    --text-brand-default: #4FD1C5;
    --text-brand-hover: #38A169;
    --text-brand-down: #9AE6B4;
    --text-disabled: rgb(255 255 255 / 0.2);
    --text-inverted-default: #F0FFF4;
    --text-tags: #0A1A2C;
    --text-danger-default: #ffaf03;
    --text-interactive: var(--brand);

    /* Border colors */
    --border-brand-default: #68D391;
    --border-brand-hover: #9AE6B4;
    --border-brand-down: #057A55;
    --border-default: #03543F;
    --border-hover: #046C4E;
    --border-down: #057A55;
    --border-weak: #014737;
    --border-negative: #002B20;

    /* Icon colors */
    --icon-default: #9AE6B4;
    --icon-medium: #68D391;
    --icon-strong: #FFF;
    --icon-brand-default: #4FD1C5;
    --icon-brand-hover: #38A169;
    --icon-brand-down: #9AE6B4;

    /* component color aliases */
    --event-boost-polls-bg-default:  #046C4E;
    --event-boost-polls-bg-medium:  var(--brand);
    --event-boost-polls-bg-strong:  var(--jagger);
    --event-boost-polls-text-default:  #fff;

    /* Chat Message Content */
    --chat-message-content: var(--web-base-light);
}

html, body {
    font-size: var(--font-base);
}
body {
    margin:0;
    padding: 0;
}
/* Typography */
h2, h3 {
    margin: 12px 0 0;
    font-weight: 600;
}
h2 {
    font-size: var(--font-xxl);
}
h3 {
    font-size: var(--font-xl);
}
small {
    color: var(--text-medium);
    font-size: var(--font-xs);
    font-weight: 400;
    line-height: 14px;
}
hr {
    margin: 10px 0;
    border: 0;
    border-bottom: var(--border-weak) 1px solid;
}
.error_message {
    color: var(--text-danger-default);
    font: var(--paragraph-300-light);
}
/* Loading */
@keyframes shimmer {
    to {
        background-position-x: -200%;
    }
}
.loading_wrapper {
    background-color: #fff;
}
.sendbird-word {
  display: inline;
  height: -moz-fit-content;
  height: fit-content;
}

.sendbird-word__url {
  display: inline;
  color: inherit;
  word-break: break-all;
}

.sendbird-openchannel-conversation-header {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 120px);
}

.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  position: absolute;
  left: 20px;
  top: 16px;
}

.sendbird-openchannel-conversation-header__left__title {
  position: absolute;
  left: 60px;
  top: 12px;
}

.sendbird-openchannel-conversation-header__left__sub-title {
  position: absolute;
  left: 60px;
  top: 36px;
}

.sendbird-openchannel-conversation-header__right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 64px;
  height: 64px;
}

.sendbird-openchannel-conversation-header__right__trigger {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-openchannel-conversation-header__left__cover-image--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-open-channel-preview {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 264px;
  height: 58px;
  min-width: 264px;
  min-height: 58px;
  box-sizing: border-box;
}

.sendbird--mobile-mode .sendbird-open-channel-preview {
  width: 100%;
}

.sendbird-theme--light .sendbird-open-channel-preview {
  background-color: var(--sendbird-light-background-50);
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-open-channel-preview {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-open-channel-preview:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-open-channel-preview:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-open-channel-preview.selected {
  background-color: var(--sendbird-light-primary-100);
  border-left: solid 4px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-open-channel-preview.selected {
  background-color: var(--sendbird-dark-primary-300);
  border-left: solid 4px var(--sendbird-dark-primary-200);
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
  position: relative;
  margin-top: 8px;
  margin-left: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context {
  position: relative;
  margin-top: 8px;
  margin-left: 16px;
  display: inline-flex;
  flex-direction: column;
  width: calc(100% - 100px);
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 16px;
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
  position: relative;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow-x: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
  max-width: calc(100% - 20px);
}

.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
  overflow-y: hidden;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
  position: relative;
  margin-left: 4px;
  display: inline-flex;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 14px;
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
  position: relative;
  display: inline-flex;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
}

.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  position: relative;
  margin-left: 4px;
  display: inline-flex;
  width: 160px;
  max-width: 160px;
  height: 12px;
  box-sizing: border-box;
  overflow-x: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
  overflow-y: hidden;
}

.sendbird-create-open-channel-ui {
  position: relative;
  display: inline-flex;
}

.sendbird-create-open-channel-ui__profile-input {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
  position: relative;
  margin-top: 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}

.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
  position: relative;
  margin-left: 18px;
  display: inline-flex;
}

.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
  position: relative;
  margin-top: 8px;
  display: inline-flex;
  flex-direction: row;
}

.sendbird-open-channel-list,
.sendbird-open-channel-list-ui {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 256px;
  min-width: 256px;
  height: 100%;
  box-sizing: border-box;
}

.sendbird--mobile-mode .sendbird-open-channel-list,
.sendbird--mobile-mode .sendbird-open-channel-list-ui {
  width: 100%;
}

.sendbird-theme--light .sendbird-open-channel-list,
.sendbird-theme--light .sendbird-open-channel-list-ui {
  border-right: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-open-channel-list,
.sendbird-theme--dark .sendbird-open-channel-list-ui {
  border-right: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  background-color: var(--sendbird-light-background-50);
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
  position: relative;
  margin-left: 24px;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}

.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
  position: absolute;
  top: 16px;
  right: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 64px);
  box-sizing: border-box;
  overflow-y: scroll;
}

.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  position: relative;
  min-height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
  background-color: var(--sendbird-dark-background-500);
}

:root {
  --sendbird-light-primary-500: #491389;
  --sendbird-light-primary-400: #6211c8;
  --sendbird-light-primary-300: #742ddd;
  --sendbird-light-primary-200: #c2a9fa;
  --sendbird-light-primary-100: #dbd1ff;
  --sendbird-light-secondary-500: #066858;
  --sendbird-light-secondary-400: #027d69;
  --sendbird-light-secondary-300: #259c72;
  --sendbird-light-secondary-200: #69c085;
  --sendbird-light-secondary-100: #a8e2ab;
  --sendbird-light-information-100: #adc9ff;
  --sendbird-highlight-100: #fff2b6;
  --sendbird-light-error-500: #9d091e;
  --sendbird-light-error-400: #bf0711;
  --sendbird-light-error-300: #de360b;
  --sendbird-light-error-200: #f66161;
  --sendbird-light-error-100: #fdaaaa;
  --sendbird-light-background-700: #000000;
  --sendbird-light-background-600: #161616;
  --sendbird-light-background-500: #2C2C2C;
  --sendbird-light-background-400: #393939;
  --sendbird-light-background-300: #bdbdbd;
  --sendbird-light-background-200: #e0e0e0;
  --sendbird-light-background-100: #eeeeee;
  --sendbird-light-background-50: #FFFFFF;
  --sendbird-light-overlay-01: rgba(0, 0, 0, 0.55);
  --sendbird-light-overlay-02: rgba(0, 0, 0, 0.32);
  --sendbird-light-onlight-01: rgba(0, 0, 0, 0.88);
  --sendbird-light-onlight-02: rgba(0, 0, 0, 0.50);
  --sendbird-light-onlight-03: rgba(0, 0, 0, 0.38);
  --sendbird-light-onlight-04: rgba(0, 0, 0, 0.12);
  --sendbird-light-onlight-05: rgba(0, 0, 0, 0.44);
  --sendbird-light-ondark-01: rgba(255, 255, 255, 0.88);
  --sendbird-light-ondark-02: rgba(255, 255, 255, 0.50);
  --sendbird-light-ondark-03: rgba(255, 255, 255, 0.38);
  --sendbird-light-ondark-04: rgba(255, 255, 255, 0.12);
  --sendbird-light-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

:root {
  --sendbird-dark-primary-500: #491389;
  --sendbird-dark-primary-400: #6211c8;
  --sendbird-dark-primary-300: #742ddd;
  --sendbird-dark-primary-200: #c2a9fa;
  --sendbird-dark-primary-100: #dbd1ff;
  --sendbird-dark-secondary-500: #066858;
  --sendbird-dark-secondary-400: #027d69;
  --sendbird-dark-secondary-300: #259c72;
  --sendbird-dark-secondary-200: #69c085;
  --sendbird-dark-secondary-100: #a8e2ab;
  --sendbird-dark-information-100: #adc9ff;
  --sendbird-highlight-100: #fff2b6;
  --sendbird-dark-error-500: #9d091e;
  --sendbird-dark-error-400: #bf0711;
  --sendbird-dark-error-300: #de360b;
  --sendbird-dark-error-200: #f66161;
  --sendbird-dark-error-100: #fdaaaa;
  --sendbird-dark-background-700: #000000;
  --sendbird-dark-background-600: #161616;
  --sendbird-dark-background-500: #2C2C2C;
  --sendbird-dark-background-400: #393939;
  --sendbird-dark-background-300: #bdbdbd;
  --sendbird-dark-background-200: #e0e0e0;
  --sendbird-dark-background-100: #eeeeee;
  --sendbird-dark-background-50: #FFFFFF;
  --sendbird-dark-overlay-01: rgba(0, 0, 0, 0.55);
  --sendbird-dark-overlay-02: rgba(0, 0, 0, 0.32);
  --sendbird-dark-onlight-01: rgba(0, 0, 0, 0.88);
  --sendbird-dark-onlight-02: rgba(0, 0, 0, 0.50);
  --sendbird-dark-onlight-03: rgba(0, 0, 0, 0.38);
  --sendbird-dark-onlight-04: rgba(0, 0, 0, 0.12);
  --sendbird-dark-ondark-01: rgba(255, 255, 255, 0.88);
  --sendbird-dark-ondark-02: rgba(255, 255, 255, 0.50);
  --sendbird-dark-ondark-03: rgba(255, 255, 255, 0.38);
  --sendbird-dark-ondark-04: rgba(255, 255, 255, 0.12);
  --sendbird-dark-ondark-05: rgba(255, 255, 255, 0.44);
  --sendbird-dark-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12);
  --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  --sendbird-dark-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

:root {
  --sendbird-iconbutton-color: #825eeb;
  --sendbird-message-input-border-active: #7B53EF;
  --sendbird-selected-reaction-button-border-hover: #9E8CF5;
  --sendbird-add-reaction-button-border-hover: #9E8CF5;
  --sendbird-tooltip-background: #000000;
  --sendbird-tooltip-text-color: rgba(255, 255, 255, 0.88);
  --sendbird-button-border-focus: #FFFFFF;
  --sendbird-file-message-icon-background: #FFFFFF;
  --sendbird-font-family-default: "Roboto", sans-serif;
  --sendbird-message-balloon-width: 404px;
}

.sendbird-experimental__rem__units .sendbird-label--h-1 {
  font-size: 1.25rem;
}

.sendbird-experimental__rem__units .sendbird-label--h-2 {
  font-size: 1.125rem;
}

.sendbird-experimental__rem__units .sendbird-label--subtitle-1 {
  font-size: 1rem;
}

.sendbird-experimental__rem__units .sendbird-label--subtitle-2 {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-label--body-1 {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-label--body-2 {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-label--button-1 {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-label--button-2 {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-label--caption-1 {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-label--caption-2 {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-label--caption-3 {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-checkbox {
  font-size: 1.375rem;
}

.sendbird-experimental__rem__units .sendbird-mention-user-label {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-mention-user-label.purple {
  font-size: 1.125rem;
}

.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--textarea,
.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--placeholder {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-input .sendbird-input__input,
.sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder {
  font-size: 0.875rem;
}

.sendbird-experimental__rem__units .sendbird-tooltip__text {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  font-size: 0.75rem;
}

.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message {
  font-size: 0.75rem;
}

.sendbird-modal--full-mobile .sendbird-modal__content {
  width: 100vw;
  max-width: 100%;
  height: 100%;
}

.sendbird-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-modal__backdrop--clickoutside {
  cursor: pointer;
}

.sendbird-modal__content {
  width: 480px;
  border-radius: 4px;
  z-index: 10001;
  padding: 18px 24px 24px 24px;
  position: relative;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-modal__content {
  background-color: var(--sendbird-light-background-50);
  box-shadow: var(--sendbird-light-shadow-04);
}

.sendbird-theme--dark .sendbird-modal__content {
  background-color: var(--sendbird-dark-background-500);
  box-shadow: var(--sendbird-dark-shadow-04);
}

.sendbird-modal__content .sendbird-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-modal__content .sendbird-modal__close path {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-modal__content .sendbird-modal__close path {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-modal__content .sendbird-modal__header {
  margin-bottom: 16px;
}

.sendbird-modal__content .sendbird-modal__body {
  height: calc(100% - 116px);
}

.sendbird-modal__content .sendbird-modal__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 32px;
  text-align: right;
}

.sendbird--mobile-mode .sendbird-modal__content .sendbird-modal__footer {
  position: sticky;
  bottom: 24px;
}

.sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child {
  margin-left: 8px;
  min-width: 80px;
  height: 40px;
}

.sendbird-modal__backdrop {
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.sendbird-theme--light .sendbird-modal__backdrop {
  background-color: var(--sendbird-light-overlay-02);
}

.sendbird-theme--dark .sendbird-modal__backdrop {
  background-color: var(--sendbird-dark-overlay-02);
}

.sendbird-iconbutton {
  color: var(--sendbird-iconbutton-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0px;
}

.sendbird-iconbutton .sendbird-iconbutton__inner {
  height: 100%;
}

.sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-iconbutton:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-iconbutton:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-iconbutton:active {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-iconbutton:active {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-iconbutton:disabled {
  cursor: not-allowed !important;
}

.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
  fill: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path {
  fill: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-iconbutton--pressed {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-iconbutton--pressed {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-button {
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  font-family: var(--sendbird-font-family-default);
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.sendbird-button:hover {
  box-shadow: none;
}

.sendbird-button:focus {
  outline: none;
}

.sendbird-button:active {
  box-shadow: none;
}

.sendbird-button.sendbird-button__disabled {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-button.sendbird-button__disabled {
  background-color: var(--sendbird-light-background-200);
  border: none;
}

.sendbird-theme--dark .sendbird-button.sendbird-button__disabled {
  background-color: var(--sendbird-dark-background-400);
  border: none;
}

.sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-button.sendbird-button__disabled:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-button--big {
  height: 40px;
}

.sendbird-button--big .sendbird-button__text {
  margin: 10px 16px;
}

.sendbird-button--small {
  height: 32px;
}

.sendbird-button--small .sendbird-button__text {
  margin: 6px 16px;
}

.sendbird-theme--light .sendbird-button--primary {
  background-color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--primary {
  background-color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-button--primary .sendbird-button__text {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-button--primary .sendbird-button__text {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-button--primary:hover {
  background-color: var(--sendbird-light-primary-400);
  border-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-button--primary:hover {
  background-color: var(--sendbird-dark-primary-300);
  border-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-button--primary:focus {
  border: 1px solid var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--primary:focus {
  border: 1px solid var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-button--primary:active {
  background-color: var(--sendbird-light-primary-500);
}

.sendbird-theme--dark .sendbird-button--primary:active {
  background-color: var(--sendbird-dark-primary-400);
}

.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover {
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover {
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active {
  box-shadow: 0 0 0 2px var(--sendbird-light-primary-500);
}

.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active {
  box-shadow: 0 0 0 2px var(--sendbird-dark-primary-400);
}

.sendbird-button--secondary {
  background-color: transparent;
}

.sendbird-theme--light .sendbird-button--secondary {
  border: 1px solid var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-button--secondary {
  border: 1px solid var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-button--secondary .sendbird-button__text {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-button--secondary .sendbird-button__text {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-button--secondary:hover {
  background-color: transparent;
}

.sendbird-theme--light .sendbird-button--secondary:hover {
  border: 1px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--secondary:hover {
  border: 1px solid var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-button--secondary.sendbird-button__disabled {
  border: none;
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-button--secondary.sendbird-button__disabled:hover {
  border: none;
}

.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-button--secondary:focus {
  background-color: transparent;
  border: 1px solid transparent;
}

.sendbird-theme--light .sendbird-button--secondary:focus {
  box-shadow: var(--sendbird-light-primary-300) 0 0 0 2px;
}

.sendbird-theme--dark .sendbird-button--secondary:focus {
  box-shadow: var(--sendbird-dark-primary-200) 0 0 0 2px;
}

.sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-button--secondary:focus .sendbird-button__text {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-button--secondary:active {
  box-shadow: none;
}

.sendbird-theme--light .sendbird-button--secondary:active {
  border: 1px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--secondary:active {
  border: 1px solid var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-button--secondary:active .sendbird-button__text {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-button--secondary:active .sendbird-button__text {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-button--warning {
  background-color: transparent;
  border: 1px solid var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-button--warning {
  background-color: transparent;
  border: 1px solid var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-button--warning .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-button--warning .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-button--warning:hover {
  border-color: var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-button--warning:hover {
  border-color: var(--sendbird-dark-error-100);
}

.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}

.sendbird-theme--light .sendbird-button--warning:focus {
  border-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--dark .sendbird-button--warning:focus {
  border-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus {
  border-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}

.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus {
  border-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text {
  color: var(--sendbird-dark-error-100);
}

.sendbird-theme--light .sendbird-button--danger {
  background-color: var(--sendbird-light-error-300);
  border: 1px solid var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-button--danger {
  background-color: var(--sendbird-dark-error-200);
  border: 1px solid var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-button--danger .sendbird-button__text {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-button--danger .sendbird-button__text {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-button--danger:hover {
  background-color: var(--sendbird-light-error-400);
  border-color: var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-button--danger:hover {
  background-color: var(--sendbird-dark-error-400);
  border-color: var(--sendbird-dark-error-400);
}

.sendbird-theme--light .sendbird-button--danger:focus {
  border-color: var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-button--danger:focus {
  border-color: var(--sendbird-button-border-focus);
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-300);
}

.sendbird-button--danger:active {
  box-shadow: none;
}

.sendbird-theme--light .sendbird-button--danger:active {
  background-color: var(--sendbird-light-error-500);
}

.sendbird-theme--dark .sendbird-button--danger:active {
  background-color: var(--sendbird-dark-error-500);
}

.sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-light-error-400);
}

.sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-400);
}

.sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-light-error-500);
}

.sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus {
  box-shadow: 0 0 0 2px var(--sendbird-dark-error-500);
}

.sendbird-button--disabled {
  border: 1px solid transparent;
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-button--disabled {
  background-color: var(--sendbird-light-background-200);
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-button--disabled {
  background-color: var(--sendbird-dark-background-400);
  color: var(--sendbird-dark-onlight-01);
}

.sendbird--mobile-mode .sendbird-label {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

[class*=sendbird-label] {
  font-family: var(--sendbird-font-family-default);
}

.sendbird-label--h-1 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.2px;
}

.sendbird-label--h-2 {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.2px;
}

.sendbird-label--subtitle-1 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.2px;
}

.sendbird-label--subtitle-2 {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: -0.2px;
}

.sendbird-label--body-1 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.sendbird-label--body-2 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

.sendbird-label--button-1 {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.sendbird-label--button-2 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.sendbird-label--button-3 {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.sendbird-label--caption-1 {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.sendbird-label--caption-2 {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}

.sendbird-label--caption-3 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
}

.sendbird-theme--light .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-label--color-onbackground-4 {
  color: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-label--color-onbackground-4 {
  color: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-light-ondark-02);
}

.sendbird-theme--dark .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-dark-onlight-02);
}

.sendbird-theme--light .sendbird-label--color-oncontent-inverse-1 {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-1 {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-label--color-oncontent-inverse-5 {
  color: var(--sendbird-light-onlight-05);
}

.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-5 {
  color: var(--sendbird-dark-ondark-05);
}

.sendbird-theme--light .sendbird-label--color-primary {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-label--color-primary {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-label--color-error {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-label--color-error {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-label--color-secondary-3 {
  color: var(--sendbird-light-secondary-300);
}

.sendbird-theme--dark .sendbird-label--color-secondary-3 {
  color: var(--sendbird-dark-secondary-200);
}

.sendbird-icon {
  display: inline-block;
}

.sendbird-icon:focus {
  outline: none;
}

.sendbird-theme--light .sendbird-icon-color--primary [class*=fill] {
  fill: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-icon-color--primary [class*=fill] {
  fill: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-icon-color--primary-2 [class*=fill] {
  fill: var(--sendbird-light-primary-200);
}

.sendbird-theme--dark .sendbird-icon-color--primary-2 [class*=fill] {
  fill: var(--sendbird-dark-primary-400);
}

.sendbird-theme--light .sendbird-icon-color--primary [class*=stroke] {
  stroke: var(--sendbird-light-primary-300);
  stroke-width: 2px;
  stroke-linejoin: round;
}

.sendbird-theme--dark .sendbird-icon-color--primary [class*=stroke] {
  stroke: var(--sendbird-dark-primary-200);
  stroke-width: 2px;
  stroke-linejoin: round;
}

.sendbird-theme--light .sendbird-icon-color--secondary [class*=fill] {
  fill: var(--sendbird-light-secondary-300);
}

.sendbird-theme--dark .sendbird-icon-color--secondary [class*=fill] {
  fill: var(--sendbird-dark-secondary-200);
}

.sendbird-theme--light .sendbird-icon-color--content [class*=fill] {
  fill: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-icon-color--content [class*=fill] {
  fill: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-icon-color--content-inverse [class*=fill] {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-icon-color--content-inverse [class*=fill] {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-icon-color--content-inverse-5 [class*=fill] {
  fill: var(--sendbird-light-onlight-05);
}

.sendbird-theme--dark .sendbird-icon-color--content-inverse-5 [class*=fill] {
  fill: var(--sendbird-dark-ondark-05);
}

.sendbird-icon-color--white [class*=fill] {
  fill: #ffffff;
}

.sendbird-icon-color--gray [class*=fill] {
  fill: var(--sendbird-light-onlight-04);
}

.sendbird-icon-color--thumbnail-icon [class*=fill] {
  fill: var(--sendbird-light-onlight-02);
}

.sendbird-theme--light .sendbird-icon-color--sent [class*=fill] {
  fill: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-icon-color--sent [class*=fill] {
  fill: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-icon-color--read [class*=fill] {
  fill: var(--sendbird-light-secondary-300);
}

.sendbird-theme--dark .sendbird-icon-color--read [class*=fill] {
  fill: var(--sendbird-dark-secondary-200);
}

.sendbird-theme--light .sendbird-icon-color--on-background-1 [class*=fill] {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-icon-color--on-background-1 [class*=fill] {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-icon-color--on-background-2 [class*=fill] {
  fill: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-icon-color--on-background-2 [class*=fill] {
  fill: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-icon-color--on-background-3 [class*=fill] {
  fill: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-icon-color--on-background-3 [class*=fill] {
  fill: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-icon-color--on-background-4 [class*=fill] {
  fill: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-icon-color--on-background-4 [class*=fill] {
  fill: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-icon-color--background-3 [class*=fill] {
  fill: var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-icon-color--background-3 [class*=fill] {
  fill: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-icon-color--error [class*=fill] {
  fill: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-icon-color--error [class*=fill] {
  fill: var(--sendbird-dark-error-200);
}

.sendbird-context-menu {
  display: inline;
}

.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item {
  cursor: not-allowed;
}

.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete {
  cursor: pointer;
}

.sendbird-dropdown__menu {
  z-index: 99999;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 140px;
  margin: 0px;
  padding: 8px 0px;
  border-radius: 4px;
  list-style: none;
}

.sendbird-theme--light .sendbird-dropdown__menu {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-dropdown__menu {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-dropdown__menu .sendbird-dropdown__menu-item {
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 16px;
}

.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-dropdown__reaction-bar {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 44px;
  max-width: 352px;
  max-height: 208px;
  overflow-y: scroll;
  margin: 0px;
  padding: 8px;
  border-radius: 8px;
  list-style: none;
}

.sendbird-theme--light .sendbird-dropdown__reaction-bar {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-dropdown__reaction-bar {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button, .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected {
  margin: 4px;
}

.sendbird-dropdown__menu-backdrop {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sendbird-sort-by-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-conversation {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-conversation {
  background-color: var(--sendbird-light-background-50);
  border: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-conversation {
  background-color: var(--sendbird-dark-background-600);
  border: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-conversation__messages {
  overflow: hidden;
  flex: 1 1 0;
}

.sendbird-conversation__messages-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}

.sendbird-conversation__footer {
  width: 100%;
  padding: 0px 0px 24px 0px;
}

.sendbird-msg-hoc__animated .sendbird-message-content {
  animation: bounce 1s ease;
}

@keyframes bounce {
  50% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.sendbird-conversation__scroll-container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
}

.sendbird-conversation__scroll-container .sendbird-conversation__padding {
  flex: 1 1 0;
}

.sendbird-conversation__footer {
  position: relative;
  box-sizing: border-box;
  margin-top: 6px;
}

.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator {
  position: absolute;
  display: inline-flex;
  bottom: 8px;
}

.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text {
  margin-left: 24px;
  margin-right: 10px;
}

.sendbird-connection-status {
  display: flex;
  align-items: center;
  padding-top: 5px;
}

.sendbird-place-holder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.sendbird-place-holder .sendbird-place-holder__body {
  display: flex;
  flex-direction: column;
  height: 104px;
  align-items: center;
}

.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon {
  margin-bottom: 10px;
}

.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text {
  margin-top: 10px;
}

.sendbird-place-holder .sendbird-place-holder__body__reconnect {
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
  margin-right: 4px;
}

.sendbird-place-holder .sendbird-place-holder__body--align-top {
  position: absolute;
  top: 24px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}

.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
  display: flex;
  min-width: 60px;
  margin-right: 2px;
}

.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name {
  display: block;
  max-width: calc(100% - 62px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching,
.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result {
  display: flex;
  justify-content: center;
}

.sendbird-loader {
  display: inline-block;
  animation: 1s infinite linear;
  animation-name: rotate;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-chat-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  min-height: 64px;
  padding-left: 20px;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-chat-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-chat-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-chat-header__left {
  margin-right: 24px;
}

.sendbird-chat-header__left, .sendbird-chat-header__right {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sendbird-chat-header .sendbird-chat-header__left__title {
  margin-left: 8px;
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 780px;
}

.sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title {
  max-width: calc(100vw - 240px);
}

.sendbird-chat-header .sendbird-chat-header__left__subtitle {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-chat-header .sendbird-chat-header__right__mute {
  margin-right: 18px;
}

.sendbird-chat-header .sendbird-iconbutton--pressed {
  background-color: inherit;
}

.sendbird-chat-header .sendbird-chat-header__right__info {
  margin-left: 16px;
}

.sendbird-chat-header__icon_back {
  margin-right: 8px;
}

.sendbird-chat-header--default-avatar {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-chat-header--default-avatar {
  background-color: var(--sendbird-light-secondary-300);
}

.sendbird-theme--dark .sendbird-chat-header--default-avatar {
  background-color: var(--sendbird-dark-secondary-200);
}

.sendbird-image-renderer {
  overflow: hidden;
  position: relative;
}

.sendbird-image-renderer__hidden-image-loader {
  display: none;
}

.sendbird-image-renderer,
.sendbird-image-renderer__image {
  width: 320px;
  height: 180px;
}

.sendbird-multiple-files-image-renderer__image-cover {
  position: absolute;
  top: 0px;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: var(--sendbird-light-overlay-01);
}

.sendbird-image-renderer:hover .sendbird-multiple-files-image-renderer__image-cover {
  display: inline-flex;
}

.sendbird-multiple-files-image-renderer__icon-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
  z-index: 2;
}

.sendbird-avatar {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.sendbird-avatar:focus {
  outline: none;
}

.sendbird-avatar .sendbird-avatar-img {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img {
  background-color: var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child {
  transform: translate(2%, -50%);
}

.sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child {
  transform: translate(-102%, -50%);
}

.sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child {
  transform: translate(-50%, -102%);
}

.sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child {
  transform: translate(-77%, -23%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child {
  transform: translate(-23%, -23%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child {
  transform: translate(-77%, -77%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) {
  transform: translate(-23%, -77%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) {
  transform: translate(-77%, -23%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child {
  transform: translate(-23%, -23%) scale(0.5);
}

.sendbird-avatar .sendbird-avatar-img--default {
  align-items: center;
  display: flex;
  justify-content: center;
}

.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default {
  background-color: var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default.text {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default.text {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-avatar .sendbird-avatar-text {
  font-family: Roboto;
  font-size: 8px;
  font-style: normal;
  font-weight: bold;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
}

.sendbird-theme--light .sendbird-avatar .sendbird-avatar-text {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-text {
  color: var(--sendbird-dark-ondark-02);
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-conversation__messages {
  position: relative;
}

.sendbird-conversation__messages .sendbird-conversation__messages-padding {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  padding: 0px 24px;
}

.sendbird--mobile-mode .sendbird-conversation__messages .sendbird-conversation__messages-padding {
  padding: 0px 12px;
}

.sendbird-conversation__messages .sendbird-separator,
.sendbird-conversation__messages .sendbird-admin-message {
  padding-top: 8px;
  padding-bottom: 8px;
}

.sendbird-conversation__messages__notification {
  position: fixed;
  top: 0px;
  width: calc(100% - 50px);
  margin-left: 25px;
}

.sendbird-conversation__scroll-bottom-button {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 30px;
  left: calc(100% - 65px);
  width: 40px;
  height: 40px;
  border-radius: 24px;
}

.sendbird-theme--light .sendbird-conversation__scroll-bottom-button {
  background-color: var(--sendbird-light-background-50);
  box-shadow: var(--sendbird-light-shadow-05);
}

.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button {
  background-color: var(--sendbird-dark-background-400);
  box-shadow: var(--sendbird-dark-shadow-05);
}

.sendbird-conversation__scroll-bottom-button:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:active {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:active {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-conversation__scroll-bottom-button:focus {
  outline: none;
}

.sendbird-separator {
  width: 100%;
  display: flex;
  align-items: center;
}

.sendbird-separator .sendbird-separator__left {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}

.sendbird-separator .sendbird-separator__right {
  border: none;
  height: 1px;
  display: inline-block;
  width: 100%;
}

.sendbird-separator .sendbird-separator__text {
  margin: 0px 16px;
  display: flex;
  white-space: nowrap;
}

.sendbird-theme--light .sendbird-color--onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-color--onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-color--onbackground-1--background-color {
  background-color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-color--onbackground-1--background-color {
  background-color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-color--onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-color--onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-color--onbackground-2--background-color {
  background-color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-color--onbackground-2--background-color {
  background-color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-color--onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-color--onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-color--onbackground-3--background-color {
  background-color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-color--onbackground-3--background-color {
  background-color: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-color--onbackground-4 {
  color: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-color--onbackground-4 {
  color: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-color--onbackground-4--background-color {
  background-color: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-color--onbackground-4--background-color {
  background-color: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-color--oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-color--oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-color--oncontent-1--background-color {
  background-color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-color--oncontent-1--background-color {
  background-color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-color--primary {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-color--primary {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-color--primary--background-color {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-color--primary--background-color {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-color--error {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-color--error {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-color--error--background-color {
  background-color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-color--error--background-color {
  background-color: var(--sendbird-dark-error-300);
}

.sendbird-message-input {
  display: inline-block;
  width: 100%;
  position: relative;
}

.sendbird-message-input .sendbird-message-input--textarea {
  position: relative;
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  height: 56px;
  overflow-y: scroll;
  letter-spacing: normal;
  padding: 18px 64px 18px 16px;
  box-sizing: border-box;
  resize: none;
  font-family: var(--sendbird-font-family-default);
  background-color: inherit;
  white-space: pre-wrap;
}

.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea {
  color: var(--sendbird-light-onlight-01);
  caret-color: var(--sendbird-light-primary-300);
  border: solid 1px var(--sendbird-light-onlight-03);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea {
  color: var(--sendbird-dark-ondark-01);
  caret-color: var(--sendbird-dark-primary-200);
  border: solid 1px var(--sendbird-dark-ondark-03);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message-input .sendbird-message-input--textarea:focus {
  outline: none;
}

.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus {
  color: var(--sendbird-light-onlight-01);
  border: solid 1px var(--sendbird-light-primary-300);
  box-shadow: var(--sendbird-light-shadow-message-input);
}

.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:focus {
  color: var(--sendbird-dark-ondark-01);
  border: solid 1px var(--sendbird-dark-primary-200);
  box-shadow: var(--sendbird-dark-shadow-message-input);
}

.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:active {
  border: solid 1px var(--sendbird-message-input-border-active);
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:active {
  border: solid 1px var(--sendbird-message-input-border-active);
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-message-input .sendbird-message-input--placeholder {
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 16px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  line-height: 1.43;
}

.sendbird-message-input .sendbird-message-input--attach {
  position: absolute;
  padding: 6px;
  right: 16px;
  bottom: 14px;
}

.sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
  right: 48px;
}

.sendbird-message-input .sendbird-message-input--voice-message {
  position: absolute;
  padding: 6px;
  right: 16px;
  bottom: 14px;
}

.sendbird-message-input .sendbird-message-input--send {
  position: absolute;
  padding: 6px;
  right: 16px;
  bottom: 14px;
}

.sendbird-message-input .sendbird-message-input--attach-input {
  display: none;
}

.sendbird-message-input__edit {
  padding: 16px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-message-input__edit {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-message-input__edit {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-message-input--edit-action {
  text-align: right;
  margin-top: 4px;
}

.sendbird-message-input--edit-action button:last-child {
  margin-left: 8px;
}

.sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  width: 80px;
}

.sendbird-theme--light .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  border: solid 1px var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel {
  border: solid 1px var(--sendbird-dark-ondark-03);
}

.sendbird-message-input--edit-action .sendbird-message-input--edit-action__save {
  width: 80px;
}

.sendbird-message-input-form__disabled {
  cursor: not-allowed;
}

.sendbird-message-input__disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-message-input__disabled .sendbird-message-input--textarea {
  color: var(--sendbird-light-onlight-04);
  border: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-message-input__disabled .sendbird-message-input--textarea {
  color: var(--sendbird-dark-ondark-04);
  border: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-message-content {
  display: inline-flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

.sendbird-message-content.incoming {
  justify-content: flex-start;
}

.sendbird-message-content.outgoing {
  justify-content: flex-end;
}

.sendbird-message-content .sendbird-message-content__middle {
  max-width: 400px;
}

.sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle {
  max-width: calc(100vw - 140px);
}

.sendbird--mobile-mode .sendbird-message-content .ui_container_type__wide {
  max-width: 100%;
}

.sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote {
  bottom: -8px;
  margin-top: -8px;
}

.sendbird-message-content__middle__quote-message__quote {
  width: 100%;
}

.sendbird-message-content.incoming .sendbird-message-content__left {
  display: inline-flex;
  min-width: 40px;
  position: relative;
}

.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar {
  bottom: 2px;
  left: 0;
  position: absolute;
}

.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border: 2px solid;
}

.sendbird-theme--light .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple {
  border-color: var(--sendbird-dark-background-600);
}

.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.use-thread-replies {
  bottom: 35px;
}

.sendbird-message-content.incoming .sendbird-message-content__middle {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  bottom: 6px;
  display: flex;
  flex-direction: row;
  min-width: 80px;
  position: absolute;
  right: -84px;
  white-space: nowrap;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -16px;
  left: 2px;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -16px;
  right: 2px;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
  margin-bottom: 4px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 100%;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message {
  display: inline-flex;
  position: relative;
  width: 100%;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming {
  justify-content: flex-start;
}

.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message:hover {
  cursor: pointer;
}

.sendbird-message-content.incoming .sendbird-message-content__right {
  display: inline-flex;
  margin-left: 4px;
  padding-top: 18px;
  position: relative;
  width: 50px;
}

.sendbird-message-content.incoming .sendbird-message-content__right.use-reactions {
  width: 70px;
}

.sendbird-message-content.incoming .sendbird-message-content__right.chain-top {
  padding-top: 2px;
}

.sendbird-message-content.incoming .sendbird-message-content__right.chain-top.use-quote {
  padding-top: 18px;
}

.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu {
  display: none;
  flex-direction: row;
  height: 32px;
  position: relative;
}

.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}

.sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: inline-flex;
}

.sendbird-message-content.incoming:hover .sendbird-message-content__right .sendbird-message-content-menu {
  display: inline-flex;
}

.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: none;
}

.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
  display: flex;
}

.sendbird-message-content.outgoing .sendbird-message-content__left {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
  width: 50px;
}

.sendbird-message-content.outgoing .sendbird-message-content__left.use-reactions {
  width: 70px;
}

.sendbird-message-content.outgoing .sendbird-message-content__left.use-quote .sendbird-message-content-menu {
  top: 18px;
}

.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu {
  display: none;
  flex-direction: row;
  position: absolute;
  right: 4px;
  top: 2px;
}

.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message {
  display: inline-flex;
  position: relative;
  width: 100%;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming {
  justify-content: flex-start;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container {
  position: relative;
  width: 100%;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  bottom: 2px;
  box-sizing: content-box;
  display: flex;
  justify-content: flex-end;
  left: -84px;
  min-height: 16px;
  min-width: 80px;
  position: absolute;
  white-space: nowrap;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at .sendbird-message-content__middle__body-container__created-at__component-container {
  display: inline-flex;
  position: relative;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -20px;
  left: 2px;
}

.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
  min-width: -moz-fit-content;
  min-width: fit-content;
  bottom: -20px;
  left: 2px;
}

.sendbird-message-content.outgoing .sendbird-message-content__right {
  display: none;
}

.sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: inline-flex;
}

.sendbird-message-content.outgoing:hover .sendbird-message-content__left .sendbird-message-content-menu {
  display: inline-flex;
}

.sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
  display: none;
}

.sendbird-message-content__middle__body-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body {
  box-sizing: border-box;
  width: 100%;
}

.sendbird-message-content-reactions {
  border-radius: 0 0 16px 16px;
  max-width: 400px;
  position: relative;
  width: 100%;
}

.sendbird-theme--light .sendbird-message-content-reactions {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-message-content-reactions {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-message-content-reactions.primary {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-message-content-reactions.primary {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-message-content-reactions:hover {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-message-content-reactions:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-message-content-reactions:hover.primary {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-message-content-reactions:hover.primary {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-message-content-reactions.image-grid {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-message-content-reactions.image-grid {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message-content__middle__thread-replies {
  margin-top: 4px;
}

.sendbird-message-content__middle__feedback-buttons {
  margin-top: 4px;
}

.sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body {
  height: 50px;
  min-width: 136px;
}

.sendbird-message-content__middle__body-container__feedback-buttons-container {
  margin-top: 4px;
  position: relative;
  display: flex;
  gap: 4px;
}

.sendbird-message-content__middle__for_template_message {
  width: 100%;
}

.sendbird-message-status {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.sendbird-message-status .sendbird-message-status__icon {
  position: relative;
  display: inline-block;
  top: -2px;
}

.sendbird-message-status .sendbird-message-status__icon.hide-icon {
  display: none;
}

.sendbird-message-status .sendbird-message-status__text {
  position: relative;
  display: inline-block;
  margin-left: 4px;
}

.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again {
  text-decoration: underline;
}

.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover {
  cursor: pointer;
}

.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete {
  text-decoration: underline;
}

.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover {
  cursor: pointer;
}

.sendbird-message-item-menu__list__menu-item:focus-visible {
  outline: none;
}

.sendbird-text {
  color: var(--primary-1);
}

.sendbird-reaction-button {
  border-radius: 8px;
  display: inline-block;
  border: solid 1px transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-reaction-button:hover {
  border: solid 1px var(--sendbird-light-background-100);
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-reaction-button:hover {
  border: solid 1px var(--sendbird-dark-background-400);
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-reaction-button__inner {
  margin: 3px;
}

.sendbird-reaction-button--selected {
  cursor: pointer;
  border-radius: 8px;
  display: inline-block;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-reaction-button--selected {
  border: solid 1px var(--sendbird-light-primary-100);
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-reaction-button--selected {
  border: solid 1px var(--sendbird-dark-primary-400);
  background-color: var(--sendbird-dark-primary-400);
}

.sendbird-reaction-button--selected:hover {
  border: solid 1px var(--sendbird-selected-reaction-button-border-hover);
}

.sendbird-reaction-button--selected__inner {
  margin: 3px;
}

.sendbird-reaction-button--selected.sendbird-reactions--pressed {
  display: block !important;
}

.sendbird-emoji-reactions {
  display: inline-block;
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--sendbird-message-balloon-width);
  min-height: 24px;
  padding: 7px 5px 3px 5px;
}

.sendbird-theme--light .sendbird-emoji-reactions {
  background-color: var(--sendbird-light-background-50);
  border: 1px solid var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-emoji-reactions {
  background-color: var(--sendbird-dark-background-600);
  border: 1px solid var(--sendbird-dark-background-500);
}

.sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge {
  margin-left: 2px;
  margin-right: 1px;
  margin-bottom: 4px;
}

.sendbird-emoji-reactions:focus {
  outline: none;
}

.sendbird-emoji-reactions .sendbird-context-menu {
  height: 26px;
}

.sendbird-emoji-reactions__add-reaction-badge {
  position: relative;
  top: -4px;
  display: inline-flex;
  width: 36px;
  height: 24px;
}

.sendbird-emoji-reactions .sendbird-context-menu {
  margin-left: 2px;
}

.sendbird-reaction-badge {
  display: inline-block;
  border-radius: 15px;
  width: 50px;
  height: 24px;
}

.sendbird-theme--light .sendbird-reaction-badge {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-reaction-badge {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-background-500);
}

.sendbird-reaction-badge:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-reaction-badge:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-reaction-badge:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}

.sendbird-reaction-badge--is-add {
  display: inline-block;
  border-radius: 15px;
  width: 36px;
  height: 24px;
}

.sendbird-theme--light .sendbird-reaction-badge--is-add {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-reaction-badge--is-add {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-background-500);
}

.sendbird-reaction-badge--is-add:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-reaction-badge--is-add:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-reaction-badge--is-add:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}

.sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  left: 8px;
}

.sendbird-reaction-badge--selected {
  display: inline-block;
  border-radius: 15px;
  width: 50px;
  height: 24px;
}

.sendbird-theme--light .sendbird-reaction-badge--selected {
  background-color: var(--sendbird-light-primary-100);
  border: solid 1px var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-reaction-badge--selected {
  background-color: var(--sendbird-dark-primary-400);
  border: solid 1px var(--sendbird-dark-primary-400);
}

.sendbird-reaction-badge--selected:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-reaction-badge--selected:hover {
  border: solid 1px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-reaction-badge--selected:hover {
  border: solid 1px var(--sendbird-dark-primary-200);
}

.sendbird-reaction-badge__inner {
  position: relative;
  display: flex;
  height: 24px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 4px;
}

.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon {
  position: absolute;
  top: 2px;
  left: 4px;
}

.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count {
  margin-left: 4px;
}

.sendbird-message__bottomsheet__reacted-members {
  position: relative;
  padding: 0px 16px;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  overflow-x: scroll;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
}

.sendbird-message__bottomsheet__reacted-members__item {
  position: relative;
  height: 100%;
  display: inline-flex;
  gap: 4px;
  flex-direction: row;
  align-items: center;
}

.sendbird-message__bottomsheet__reactor-list {
  position: relative;
  padding: 0px 16px;
  width: 100%;
  height: 216px;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  overflow-y: scroll;
}

.sendbird-message__bottomsheet__reactor-list__item.sendbird-user-list-item {
  border-bottom: 0px;
  min-height: 48px;
}

.sendbird-bottomsheet {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sendbird-bottomsheet__content {
  z-index: 10001;
  position: fixed;
  bottom: 0;
  left: 0;
}

.sendbird-bottomsheet__backdrop {
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.sendbird-theme--light .sendbird-bottomsheet__backdrop {
  background-color: var(--sendbird-light-overlay-02);
}

.sendbird-theme--dark .sendbird-bottomsheet__backdrop {
  background-color: var(--sendbird-dark-overlay-02);
}

.sendbird-user-list-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 432px;
  height: 56px;
}

.sendbird--mobile-mode .sendbird-user-list-item {
  width: 100%;
}

.sendbird-theme--light .sendbird-user-list-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-user-list-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-user-list-item .sendbird-user-list-item__avatar {
  position: absolute;
  top: 8px;
  left: 0px;
  cursor: pointer;
  z-index: 0;
}

.sendbird-user-list-item .sendbird-muted-avatar {
  position: absolute;
  top: 8px;
  left: 0px;
  pointer-events: none;
  z-index: 1;
}

.sendbird-user-list-item .sendbird-user-list-item__title {
  position: absolute;
  top: 17px;
  left: 56px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__title {
  max-width: 62%;
}

.sendbird-user-list-item .sendbird-user-list-item__subtitle {
  position: absolute;
  top: 23px;
  left: 140px;
  max-width: 237px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__subtitle {
  max-width: 40%;
}

.sendbird-user-list-item .sendbird-user-list-item__checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
}

.sendbird-user-list-item .sendbird-user-list-item__action {
  position: absolute;
  right: 0;
  top: 10px;
}

.sendbird-user-list-item .sendbird-user-list-item__operator {
  position: absolute;
  right: 40px;
  top: 22px;
}

.sendbird-user-list-item .sendbird-user-list-item__operator.checkbox {
  right: 66px;
}

.sendbird-muted-avatar {
  border-radius: 50%;
  display: inline-block;
}

.sendbird-muted-avatar .sendbird-muted-avatar__icon {
  position: relative;
}

.sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon {
  position: absolute;
  top: 4px;
  left: 4px;
}

.sendbird-muted-avatar .sendbird-muted-avatar__bg {
  opacity: 0.5;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-muted-avatar .sendbird-muted-avatar__bg {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sendbird-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sendbird-checkbox--checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  background-color: inherit;
}

.sendbird-theme--light .sendbird-checkbox--checkmark {
  border: solid 2px var(--sendbird-light-background-400);
}

.sendbird-theme--dark .sendbird-checkbox--checkmark {
  border: solid 2px var(--sendbird-dark-background-300);
}

.sendbird-theme--light .sendbird-checkbox--checkmark.disabled {
  border: solid 2px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-checkbox--checkmark.disabled {
  border: solid 2px var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
  box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
  box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark {
  background-color: var(--sendbird-light-primary-300);
  border: solid 2px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark {
  background-color: var(--sendbird-dark-primary-200);
  border: solid 2px var(--sendbird-dark-primary-200);
}

.sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  cursor: default;
}

.sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  background-color: var(--sendbird-light-onlight-04);
  border: solid 2px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled {
  background-color: var(--sendbird-dark-ondark-04);
  border: solid 2px var(--sendbird-dark-ondark-04);
}

.sendbird-checkbox--checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark:after {
  display: block;
}

.sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after {
  left: 5px;
  top: -0.5px;
  width: 7px;
  height: 12px;
  border: solid var(--sendbird-light-background-50);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after {
  left: 5px;
  top: -0.5px;
  width: 7px;
  height: 12px;
  border: solid var(--sendbird-dark-background-600);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.sendbird__user-profile {
  width: 320px;
  border-radius: 4px;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}

.sendbird-theme--light .sendbird__user-profile {
  box-shadow: var(--sendbird-light-shadow-02);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird__user-profile {
  box-shadow: var(--sendbird-dark-shadow-02);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird__user-profile .sendbird__user-profile-avatar {
  margin: 8px 0px;
}

.sendbird__user-profile .sendbird__user-profile-name {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-name {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-name {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird__user-profile .sendbird__user-profile-message {
  margin-top: 20px;
}

.sendbird__user-profile .sendbird__user-profile-message button {
  width: 272px;
}

.sendbird__user-profile .sendbird__user-profile-separator {
  margin: 24px 0px;
  height: 1px;
}

.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-separator {
  background-color: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-separator {
  background-color: var(--sendbird-dark-ondark-04);
}

.sendbird__user-profile .sendbird__user-profile-userId--label,
.sendbird__user-profile .sendbird__user-profile-userId--value {
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
}

.sendbird__user-profile .sendbird__user-profile-userId--label {
  margin-bottom: 8px;
}

.sendbird-tooltip {
  position: relative;
  display: inline-flex;
  justify-content: center;
  max-width: 200px;
  border-radius: 8px;
  padding: 8px 16px;
}

.sendbird-theme--light .sendbird-tooltip {
  background-color: var(--sendbird-light-background-700);
}

.sendbird-theme--dark .sendbird-tooltip {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-tooltip::after {
  content: "";
  position: absolute;
  bottom: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.sendbird-theme--light .sendbird-tooltip::after {
  background-color: var(--sendbird-light-background-700);
}

.sendbird-theme--dark .sendbird-tooltip::after {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-tooltip__text {
  font-family: var(--sendbird-font-family-default);
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  word-break: keep-all;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-tooltip-wrapper {
  position: relative;
  display: inline-flex;
}

.sendbird-tooltip-wrapper__hover-tooltip {
  position: absolute;
  display: inline-flex;
  width: 200px;
}

.sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container {
  position: relative;
  display: inline-flex;
}

.sendbird-admin-message {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendbird-admin-message .sendbird-admin-message__text {
  display: flex;
  text-align: center;
}

.sendbird-quote-message {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
}

.sendbird-quote-message.incoming {
  align-items: flex-start;
}

.sendbird-quote-message.outgoing {
  align-items: flex-end;
}

.sendbird-quote-message .sendbird-quote-message__replied-to {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 16px;
  padding: 0px 12px;
  width: 100%;
}

.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon {
  position: relative;
  margin-bottom: 4px;
  margin-right: 4px;
}

.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text {
  position: relative;
  max-width: 360px;
  overflow: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  font-size: 12px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname {
  display: inline-block;
  max-width: 148px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text {
  margin: 0px 4px;
}

.sendbird-quote-message .sendbird-quote-message__replied-message {
  position: relative;
  display: inline-flex;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  position: relative;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 12px;
  padding: 8px 12px 16px 12px;
  border-radius: 16px;
  opacity: 0.5;
}

.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word {
  position: relative;
  display: inline-flex;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  position: relative;
  width: 144px;
  height: 108px;
  border-radius: 6.4px;
  overflow: hidden;
}

.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video,
.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image {
  position: absolute;
  top: 0px;
  display: inline-flex;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder {
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0px;
}

.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  background-color: rgba(255, 255, 255, 0.4);
}

.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover {
  background-color: rgba(255, 255, 255, 0.4);
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  background-color: rgb(255, 255, 255);
}

.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon {
  background-color: rgb(255, 255, 255);
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  font-size: 12px;
  padding: 8px 12px 16px 12px;
  border-radius: 16px;
  opacity: 0.5;
}

.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon {
  margin-right: 2px;
}

.sendbird-quote-message:hover {
  cursor: pointer;
}

.sendbird-quote-message.unavailable:hover {
  cursor: default;
}

.sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
  flex-direction: row-reverse;
  padding-right: 0px;
}

.sendbird-message-content.incoming .sendbird-quote-message__replied-to {
  padding-left: 0px;
}

.sendbird-message__mobile-context-menu {
  border-radius: 8px;
  width: 180px;
}

.sendbird-message__contextmenu--hyperlink {
  display: flex;
  justify-content: space-between;
}

.sendbird-message__bottomsheet--hyperlink {
  display: block;
}

.sendbird-message__bottomsheet--hyperlink,
.sendbird-message__contextmenu--hyperlink {
  width: 100%;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
}

.sendbird-message__mobile-context-menu-item .sendbird-dropdown__menu-item__text {
  display: flex;
  justify-content: space-between;
}

.sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-message__bottomsheet {
  width: 100vw;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 16px;
}

.sendbird-theme--light .sendbird-message__bottomsheet {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message__bottomsheet {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-message__bottomsheet-reaction-bar {
  padding-left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
  margin-top: 0;
}

.sendbird-message__bottomsheet-reaction-bar__row {
  display: inline-block;
}

.sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.sendbird-message__bottomsheet--action {
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 16px;
}

.sendbird-message__bottomsheet--action .sendbird-icon {
  margin-right: 24px;
}

.sendbird-message__bottomsheet--action-disabled {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-message__bottomsheet--action-disabled {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-ui-thread-replies {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  min-height: 20px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  border-radius: 16px;
}

.sendbird-theme--light .sendbird-ui-thread-replies {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-ui-thread-replies {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-ui-thread-replies:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-ui-thread-replies:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-ui-thread-replies:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-ui-thread-replies__user-profiles {
  position: relative;
  width: 100%;
  height: 100%;
  gap: 4px;
  display: inline-flex;
  flex-direction: row;
}

.sendbird-ui-thread-replies__user-profiles__avatar {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.sendbird-ui-thread-replies__user-profiles__avatar__image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
}

.sendbird-ui-thread-replies__user-profiles__avatar__cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--sendbird-light-overlay-01);
}

.sendbird-ui-thread-replies__user-profiles__avatar__plus {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.sendbird-ui-thread-replies__reply-counts {
  position: relative;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 12px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}

.sendbird-ui-thread-replies__icon {
  position: relative;
  display: inline-flex;
}

.sendbird-og-message-item-body {
  position: relative;
  display: inline-block;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
}

.sendbird--mobile-mode .sendbird-og-message-item-body {
  min-width: 160px;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble {
  position: relative;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 16px 16px 0px 0px;
  word-break: break-word;
  white-space: pre-line;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble .sendbird-og-message-item-body__text-bubble__message {
  display: inline;
  margin: 0px 2px;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail {
  position: relative;
  overflow: hidden;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail .sendbird-og-message-item-body__og-thumbnail__image {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendbird-og-message-item-body.reactions .sendbird-og-message-item-body__description {
  border-radius: 0px;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 16px 16px;
}

.sendbird-theme--light .sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-og-message-item-body .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__title,
.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__description {
  margin-bottom: 4px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__url {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: 4px 0px;
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail:hover,
.sendbird-og-message-item-body .sendbird-og-message-item-body__description:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-primary-300);
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-primary-200);
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-background-100);
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-background-500);
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--light .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--dark .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-og-message-item-body .sendbird-og-message-item-body__cover {
  display: none;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 0px 0px;
}

div.sendbird-og-message-item-body__text-bubble {
  margin: 0px;
}

.sendbird-word {
  white-space: break-spaces;
}

.sendbird-word .sendbird-word__mention {
  display: inline-block;
}

.sendbird-word .sendbird-word__mention:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
  background-color: var(--sendbird-highlight-100);
}

.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
  background-color: var(--sendbird-highlight-100);
}

.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-link-label {
  text-decoration: unset;
}

.sendbird-link-label:hover {
  cursor: pointer;
  text-decoration: underline;
}

.sendbird-link-label:focus {
  outline: none;
}

.sendbird-link-label__label {
  display: inline;
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-light-ondark-02);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
  color: var(--sendbird-dark-onlight-02);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
  color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
  color: var(--sendbird-dark-error-200);
}

.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
  color: var(--sendbird-light-secondary-300);
}

.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
  color: var(--sendbird-dark-secondary-200);
}

.sendbird-text-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  padding: 8px 12px;
  border-radius: 16px;
  white-space: pre-line;
  word-break: break-word;
}

.sendbird-text-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}

.sendbird-theme--light .sendbird-text-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-text-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-text-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-text-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
  display: inline;
  margin: 0px 2px;
}

div.sendbird-text-message-item-body {
  margin: 0px;
}

.sendbird-file-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  align-items: center;
  border-radius: 16px;
}

.sendbird-file-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}

.sendbird-theme--light .sendbird-file-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-file-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-file-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-file-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-file-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 8px;
}

.sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-file-message-item-body .sendbird-file-message-item-body__file-name {
  position: relative;
  top: -6px;
}

.sendbird-textbutton {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}

.sendbird-textbutton--not-underline {
  text-decoration: none;
  cursor: pointer;
}

.sendbird-textbutton--disabled {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-textbutton--disabled {
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-textbutton--disabled {
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-image-grid-wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.sendbird-image-grid {
  border-radius: 12px;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, 1fr);
  padding: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.sendbird-theme--light .sendbird-image-grid {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-image-grid {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-image-grid.reactions {
  border-radius: 12px 12px 0 0;
}

.sendbird-fileviewer__header__right__actions__download,
.sendbird-fileviewer__header__right__actions__delete,
.sendbird-fileviewer__header__right__actions__close {
  width: 64px;
  padding: 21px;
  box-sizing: border-box;
  cursor: pointer;
}

.sendbird-fileviewer__header__right__actions__download .disabled,
.sendbird-fileviewer__header__right__actions__delete .disabled,
.sendbird-fileviewer__header__right__actions__close .disabled {
  cursor: not-allowed;
}

.sendbird-fileviewer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}

.sendbird-theme--light .sendbird-fileviewer {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-fileviewer {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-fileviewer .sendbird-fileviewer__header {
  height: 64px;
  min-height: 64px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 64px;
  padding: 16px 20px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  margin-right: 8px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  margin-left: 8px;
  padding-top: 5px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right {
  display: flex;
  width: 160px;
  justify-content: flex-end;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  right: 0;
  display: flex;
  flex-direction: row;
}

.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-fileviewer .sendbird-fileviewer__content {
  position: relative;
  height: calc(100% - 72px);
  margin-top: 4px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video {
  max-width: 100%;
  max-height: 100%;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img {
  max-width: 90%;
  max-height: 90%;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi {
  max-width: calc(100% - 64px - 56px);
  max-height: calc(100% - 64px);
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendbird-file-viewer-arrow--left,
.sendbird-file-viewer-arrow--right {
  cursor: pointer;
  position: absolute;
  height: 32px;
  width: 32px;
  top: calc(50% - 16px);
}

.sendbird-file-viewer-arrow--left {
  left: 14px;
}

.sendbird-file-viewer-arrow--right {
  right: 14px;
  transform: rotate(180deg);
}

.sendbird-multiple-files-image-renderer-wrapper {
  cursor: pointer;
  width: 100%;
}

.sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  border-radius: 16px;
  align-items: center;
}

.sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
}

.sendbird-voice-message-item-body {
  position: relative;
  display: inline-flex;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.sendbird-voice-message-item-body.is-reactions-contained {
  border-radius: 16px 16px 0px 0px;
}

.sendbird-voice-message-item-body__progress-bar {
  position: absolute;
  width: 100%;
  height: 50px;
}

.sendbird-voice-message-item-body__status-button {
  position: relative;
  top: 8px;
  left: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}

.sendbird-voice-message-item-body__status-button__button {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-voice-message-item-body__playback-time {
  position: absolute;
  top: 15px;
  right: 12px;
}

.sendbird-voice-message-item-body__status-button__button__pause {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 13.75px;
  height: 13.75px;
}

.sendbird-voice-message-item-body__status-button__button__pause__inner {
  position: relative;
  display: inline-flex;
  width: 4.38px;
  height: 13.75px;
  border-radius: 2px;
}

.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-progress-bar, .sendbird-progress-bar__fill {
  display: inline-flex;
  width: 100%;
  height: 100%;
}

.sendbird-progress-bar {
  justify-content: flex-start;
}

.sendbird-theme--light .sendbird-progress-bar__fill {
  background-color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-progress-bar__fill {
  background-color: var(--sendbird-dark-ondark-03);
}

.sendbird-theme--light .progress-bar-color--primary {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .progress-bar-color--primary {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--light .progress-bar-color--gray {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--dark .progress-bar-color--gray {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill {
  background-color: transparent;
}

.sendbird-thumbnail-message-item-body {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  min-width: 360px;
  max-width: 400px;
  height: 270px;
  border-radius: 16px;
}

.sendbird--mobile-mode .sendbird-thumbnail-message-item-body {
  min-width: 160px;
}

.sendbird-thumbnail-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}

.sendbird-theme--light .sendbird-thumbnail-message-item-body {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-thumbnail-message-item-body {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--light .sendbird-thumbnail-message-item-body:hover {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail {
  position: absolute;
  border-radius: 16px;
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder {
  position: absolute;
  width: 100%;
  height: 270px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-background-50);
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover {
  position: absolute;
  top: 0px;
  display: none;
  width: 100%;
  height: 270px;
  border-radius: 16px;
  background-color: var(--sendbird-light-overlay-01);
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video {
  position: absolute;
  width: 100%;
  height: 270px;
  border-radius: 16px;
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper {
  position: absolute;
  width: 100%;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--sendbird-light-ondark-01);
}

.sendbird-thumbnail-message-item-body:hover {
  cursor: pointer;
}

.sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover {
  display: inline-flex;
}

.sendbird-unknown-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 16px;
}

.sendbird-unknown-message-item-body.reactions {
  border-radius: 16px 16px 0px 0px;
}

.sendbird-theme--light .sendbird-unknown-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-unknown-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-unknown-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
  display: block;
}

.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
  display: block;
}

.sendbird-template-message-item-body {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  background-color: transparent;
  white-space: pre-line;
  word-break: break-word;
}

.sendbird-template-message-item-body__fallback_message {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  padding: 8px 12px;
  border-radius: 16px;
  white-space: pre-line;
  word-break: break-word;
}

.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.incoming {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.incoming {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.outgoing {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__header {
  display: block;
}

.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__description {
  display: block;
}

.sendbird-template-loading-message-item-body {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  border-radius: 16px;
  height: 274px;
  width: 100%;
}

.sendbird-theme--light .sendbird-template-loading-message-item-body.incoming {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-template-loading-message-item-body.incoming {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-template-loading-message-item-body.outgoing {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-template-loading-message-item-body.outgoing {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.incoming {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.incoming {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.outgoing {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.outgoing {
  background-color: var(--sendbird-dark-primary-300);
}

.sb-message-template__border {
  position: relative;
}

.sb-message-template__border::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-radius: var(--border-radius);
}

.sb-message-template__action {
  cursor: pointer;
}

.sb-message-template__parent {
  font-family: 'Roboto';
}

.sendbird-theme--light .sb-message-template__box {
}

.sendbird-theme--dark .sb-message-template__box {
}

.sendbird-theme--light .sb-message-template__text {
}

.sendbird-theme--dark .sb-message-template__text {
}

.sb-message-template__text {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
}

.sendbird-theme--light .sb-message-template__text-button {
}

.sendbird-theme--dark .sb-message-template__text-button {
}

.sb-message-template__text-button {
  padding: 10px 20px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  /* opacity: 0.8; */
}

.sb-message-template__text-button:hover {
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.sb-message-template__text-button,
.sb-message-template__image-button {
  cursor: pointer;
  border-style: none;
}

.sb-message-template__parent {
  border-radius: unset;
  background-color: transparent;
  overflow: hidden;
}

.sb-message-template__parent * {
  box-sizing: border-box;
}

.sb-message-template__carousel {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  touch-action: pan-y;
}

.sb-message-template__parent.sb-message-template__parent_for_carousel {
  overflow: visible;
}

.sendbird-message-template__root * {
  box-sizing: border-box;
}

.sendbird-message-template__root {
  border-radius: 0;
  font-family: var(--sendbird-font-family-default);
}

.sendbird-iconbutton__feedback {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  border-radius: 18px;
  border: 1px solid;
  padding: 5px 8px;
}

.sendbird-theme--light .sendbird-iconbutton__feedback {
  border-color: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback {
  border-color: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-iconbutton__feedback:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled {
  cursor: not-allowed;
}

.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover {
  background-color: transparent;
}

.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover {
  background-color: transparent;
}

.sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
  border-color: var(--sendbird-light-primary-300);
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed {
  border-color: var(--sendbird-dark-primary-200);
  background-color: var(--sendbird-dark-primary-200);
}

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

.sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path {
  fill: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path {
  fill: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
  fill: var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path {
  fill: var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path {
  fill: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path {
  fill: var(--sendbird-dark-onlight-01);
}

.sendbird-message__bottomsheet--feedback-options-menu {
  width: 100vw;
  border-radius: 8px 8px 0 0;
}

.sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message__bottomsheet--feedback-options-menu :first-child {
  border-radius: 8px 8px 0 0;
}

.sendbird-message__bottomsheet--feedback-option {
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}

.sendbird-input {
  display: inline-block;
  width: 100%;
  height: 40px;
  position: relative;
}

.sendbird-input .sendbird-input__input {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  padding: 10px 16px;
  box-sizing: border-box;
  background-color: inherit;
}

.sendbird-theme--light .sendbird-input .sendbird-input__input {
  color: var(--sendbird-light-onlight-01);
  caret-color: var(--sendbird-light-primary-300);
  border: solid 1px var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-input .sendbird-input__input {
  color: var(--sendbird-dark-ondark-01);
  caret-color: var(--sendbird-dark-primary-200);
  border: solid 1px var(--sendbird-dark-ondark-03);
}

.sendbird-input .sendbird-input__input:focus {
  outline: none;
}

.sendbird-theme--light .sendbird-input .sendbird-input__input:focus {
  box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-light-onlight-01);
  border: solid 2px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-input .sendbird-input__input:focus {
  box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-dark-ondark-01);
  border: solid 2px var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-input .sendbird-input__input:active {
  box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-light-onlight-01);
  border: solid 1px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-input .sendbird-input__input:active {
  box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--sendbird-dark-ondark-01);
  border: solid 1px var(--sendbird-dark-primary-200);
}

.sendbird-input .sendbird-input__input:disabled {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-input .sendbird-input__input:disabled {
  background-color: var(--sendbird-light-background-100);
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-input .sendbird-input__input:disabled {
  background-color: var(--sendbird-dark-background-500);
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-input .sendbird-input__placeholder {
  position: absolute;
  pointer-events: none;
  top: 10px;
  left: 16px;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  line-height: 1.43;
}

.sendbird-theme--light .sendbird-input .sendbird-input__placeholder {
  color: var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-input .sendbird-input__placeholder {
  color: var(--sendbird-dark-ondark-03);
}

.sendbird-input-label {
  margin: 4px 0;
}

.sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile {
  max-width: 280px;
  padding: 16px;
}

.sendbird-message-feedback-modal-footer__root {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sendbird-message-feedback-modal-footer__root_failed {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 48px;
}

.sendbird-message-feedback-modal-footer__right-content {
  display: flex;
  gap: 8px;
}

.sendbird-message-feedback-modal-body__root {
  margin: 21px 0;
}

.sendbird--mobile-mode .sendbird-message-feedback-modal-header {
  font-size: 18px;
  line-height: 1.33;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-suggested-replies {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 8px;
  margin-top: 16px;
  flex-direction: column;
}

.sendbird-theme--light .sendbird-suggested-replies {
  font-family: var(--sendbird-font-family-default);
}

.sendbird-theme--dark .sendbird-suggested-replies {
  font-family: var(--sendbird-font-family-default);
}

.sendbird-suggested-replies__option {
  white-space: nowrap;
  height: 32px;
  font-size: 12px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  border-radius: 18px;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-suggested-replies__option {
  color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-suggested-replies__option {
  color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-suggested-replies__option:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-suggested-replies__option:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-suggested-replies__option:active {
  background-color: var(--sendbird-light-primary-300);
  color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-suggested-replies__option:active {
  background-color: var(--sendbird-dark-primary-200);
  color: var(--sendbird-dark-background-600);
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-mention-suggest-list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 56px);
  max-height: 260px;
  overflow: scroll;
  margin-left: 28px;
  margin-right: 28px;
}

.sendbird-theme--light .sendbird-mention-suggest-list {
  border: 1px solid var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-mention-suggest-list {
  border: 1px solid var(--sendbird-dark-background-500);
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 8px;
}

.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar {
  position: relative;
  display: inline-block;
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  position: relative;
  display: inline-block;
  margin-left: 16px;
  max-width: calc(100% - 250px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: calc(100% - 150px);
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  position: absolute;
  display: inline-block;
  right: 16px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 100px;
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 8px;
}

.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
  margin-right: 4px;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-fileviewer__header__right__actions__download,
.sendbird-fileviewer__header__right__actions__delete,
.sendbird-fileviewer__header__right__actions__close {
  width: 64px;
  padding: 21px;
  box-sizing: border-box;
  cursor: pointer;
}

.sendbird-fileviewer__header__right__actions__download .disabled,
.sendbird-fileviewer__header__right__actions__delete .disabled,
.sendbird-fileviewer__header__right__actions__close .disabled {
  cursor: not-allowed;
}

.sendbird-fileviewer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}

.sendbird-theme--light .sendbird-fileviewer {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-fileviewer {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-fileviewer .sendbird-fileviewer__header {
  height: 64px;
  min-height: 64px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header {
  position: relative;
}

.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 64px;
  padding: 16px 20px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar {
  margin-right: 8px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
  position: absolute;
  left: 64px;
  top: 10px;
  display: block;
  max-width: calc(100vw - 240px);
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  margin-left: 8px;
  padding-top: 5px;
}

.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name {
  position: absolute;
  left: 56px;
  top: 24px;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right {
  display: flex;
  width: 160px;
  justify-content: flex-end;
}

.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions {
  right: 0;
  display: flex;
  flex-direction: row;
}

.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close {
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-fileviewer .sendbird-fileviewer__content {
  height: calc(100% - 72px);
  margin-top: 4px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video {
  max-width: 100%;
  max-height: 100%;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img {
  max-width: 90%;
  max-height: 90%;
}

.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-notification--hide,
.sendbird-notification {
  position: absolute;
}

.sendbird-notification {
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 4px;
  padding: 0px 2px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-theme--light .sendbird-notification {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-notification {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-notification:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-notification:hover {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-notification:hover {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-light-information-100);
}

.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-dark-information-100);
}

.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-notification .sendbird-notification__text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.sendbird-notification--hide {
  display: none;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-notification {
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 4px;
  padding: 0px 2px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-theme--light .sendbird-notification {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-notification {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-notification:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-notification:hover {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-notification:hover {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-light-information-100);
}

.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen {
  background-color: var(--sendbird-dark-information-100);
}

.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-notification .sendbird-notification__text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.typing-dots-container {
  align-items: center;
  border-radius: 16px;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 16px 12px;
}

.sendbird-theme--light .typing-dots-container {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .typing-dots-container {
  background-color: var(--sendbird-dark-background-400);
}

.typing-dots-container span {
  animation: blink 1.4s infinite;
  animation-fill-mode: both;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.sendbird-theme--light .typing-dots-container span {
  background-color: var(--sendbird-light-background-700);
}

.sendbird-theme--dark .typing-dots-container span {
  background-color: var(--sendbird-dark-background-50);
}

.typing-dots-container span:nth-child(1) {
  animation-delay: 0.4s;
}

.typing-dots-container span:nth-child(2) {
  animation-delay: 0.6s;
}

.typing-dots-container span:nth-child(3) {
  animation-delay: 0.8s;
}

@keyframes blink {
  0% {
    opacity: 0.12;
    transform: scale(1);
  }
  21.43% {
    opacity: 0.38;
    transform: scale(1.2);
  }
  42.86% {
    opacity: 0.12;
    transform: scale(1);
  }
  100% {
    opacity: 0.12;
    transform: scale(1);
  }
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-message-input-wrapper--voice-message,
.sendbird-message-input-wrapper {
  position: relative;
  width: 100%;
}

.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  position: relative;
  width: 100%;
}

.sendbird-theme--light .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-theme--light .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  border-top: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input,
.sendbird-theme--dark .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {
  border-top: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input,
.sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 24px;
}

.sendbird--mobile-mode .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input,
.sendbird--mobile-mode .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input {
  padding: 0px 16px;
}

.sendbird-theme--light .sendbird-message-input-wrapper--voice-message {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-quote_message_input {
  position: relative;
  padding: 16px 80px 16px 40px;
  width: 100%;
  height: 76px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

.sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendbird-theme--light .sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-quote_message_input .sendbird-quote_message_input__avatar {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-quote_message_input .sendbird-quote_message_input__body {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__sender-name {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__message-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.sendbird-quote_message_input .sendbird-quote_message_input__close-button {
  position: absolute;
  top: 26px;
  right: 40px;
}

.sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover {
  cursor: pointer;
}

/**
 * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
 * So keep in mind that you should consider both components when you make changes in this file.
 */

.sendbird-voice-message-input-wrapper .sendbird-voice-message-input__indicator {
  height: 40px;
}

.sendbird-voice-message-input-wrapper-alert__body {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 74px;
}

.sendbird-voice-message-input-wrapper-alert__body__ok-button {
  width: 74px;
}

.sendbird-voice-message-input {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 110px;
  padding-top: 22px;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.sendbird-voice-message-input__indicator {
  position: relative;
  display: inline-flex;
  width: 100%;
}

.sendbird-voice-message-input__indicator__progress-bar {
  position: relative;
  display: inline-flex;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
}

.sendbird-voice-message-input__indicator__on-rec {
  position: absolute;
  top: 14px;
  right: 53px;
}

.sendbird-voice-message-input__indicator__playback-time {
  position: absolute;
  top: 10px;
  right: 16px;
}

.sendbird-voice-message-input__controler {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  height: 34px;
  min-height: 34px;
}

.sendbird-voice-message-input__controler__main {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-voice-message-input__controler__main {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-voice-message-input__controler__main {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-voice-message-input__controler__main:hover {
  cursor: pointer;
}

.sendbird-voice-message-input__controler__submit {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-voice-message-input__controler__submit {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-voice-message-input__controler__submit {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-voice-message-input__controler__submit:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-voice-message-input__controler__submit.voice-message--disabled {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-voice-message-input__controler__submit.voice-message--disabled {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-voice-message-input__controler__submit.voice-message--disabled:hover {
  cursor: default;
}

@keyframes flickerAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.sendbird-voice-message-input__indicator__on-rec {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
  animation: flickerAnimation 1s infinite;
}

.sendbird-theme--light .sendbird-voice-message-input__indicator__on-rec {
  background-color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-voice-message-input__indicator__on-rec {
  background-color: var(--sendbird-dark-error-300);
}

.sendbird-voice-message-input__indicator__progress-bar__bar {
  height: 40px;
}

.sendbird-controler-icon {
  position: relative;
  display: inline-block;
}

.sendbird-controler-icon.record-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-controler-icon.record-icon {
  background-color: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-controler-icon.record-icon {
  background-color: var(--sendbird-dark-error-300);
}

.sendbird-controler-icon.stop-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  border-radius: 2px;
}

.sendbird-theme--light .sendbird-controler-icon.stop-icon {
  background-color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-controler-icon.stop-icon {
  background-color: var(--sendbird-dark-ondark-01);
}

.sendbird-controler-icon.pause-icon {
  display: inline-flex;
  width: 100%;
  gap: 3.75px;
  width: 13.75px;
  height: 13.75px;
  min-width: 13.75px;
  min-height: 13.75px;
}

.sendbird-controler-icon.pause-icon-inner {
  display: inline-flex;
  min-width: 4.38px;
  border-radius: 2px;
}

.sendbird-theme--light .sendbird-controler-icon.pause-icon-inner {
  background-color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-controler-icon.pause-icon-inner {
  background-color: var(--sendbird-dark-ondark-01);
}

/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListUI`
    2. `~/modules/ChannelList/components/ChannelListUI`
  So must to keep the same structure with the component when you make a change on the one component of them
*/

.sendbird-channel-list {
  width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-channel-list {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-channel-list {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird--mobile-mode .sendbird-channel-list {
  width: 100%;
}

.sendbird-channel-list__header {
  height: 64px;
  min-height: 64px;
}

.sendbird-channel-list__body {
  flex: 1 1 0;
  -ms-flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListHeader`
    2. `~/modules/ChannelList/components/ChannelListHeader`
  So must to keep the same structure with the component when you make a change on the one component of them
*/

.sendbird-channel-header {
  position: relative;
  height: 64px;
  min-height: 64px;
  width: 320px;
  padding: 8px 64px 8px 8px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-channel-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-channel-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird--mobile-mode .sendbird-channel-header {
  width: 100%;
}

.sendbird-channel-header.sendbird-channel-header--allow-edit .sendbird-channel-header__title {
  cursor: pointer;
}

.sendbird-channel-header .sendbird-channel-header__title {
  display: flex;
  flex-direction: row;
  width: 260px;
  height: 48px;
  border-radius: 4px;
}

.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:hover {
  background: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:hover {
  background: var(--sendbird-dark-background-500);
}

.sendbird-channel-header .sendbird-channel-header__title:focus {
  outline: none;
}

.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus {
  background: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus {
  background: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active {
  border: solid 2px var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:active {
  border: solid 2px var(--sendbird-dark-primary-200);
}

.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__left {
  width: 48px;
  padding: 8px;
  box-sizing: border-box;
}

.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right {
  margin-left: 4px;
  padding-top: 8px;
}

.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__name,
.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__user-id {
  display: block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-channel-header .sendbird-channel-header__right-icon {
  position: absolute;
  right: 16px;
  top: 16px;
}

.sendbird-edit-user-profile section {
  margin-top: 16px;
}

.sendbird-edit-user-profile section .sendbird-input-label {
  display: block;
  margin-bottom: 12px;
}

.sendbird-edit-user-profile .sendbird-edit-user-profile__img .sendbird-input-label {
  margin-bottom: 12px;
}

.sendbird-edit-user-profile__img {
  position: relative;
}

.sendbird-edit-user-profile__img__avatar-button {
  position: absolute;
  top: 50px;
  left: 96px;
}

.sendbird-edit-user-profile__theme__theme-icon .sendbird-icon {
  cursor: pointer;
}

/*
  We are sharing the same CSS file
  * the same components
    1. `~/modules/GroupChannelList/components/GroupChannelListItem`
    2. `~/modules/ChannelList/components/ChannelPreview`
  So must to keep the same structure with the component when you make a change on the one component of them
*/

.sendbird-channel-preview__leave--mobile .sendbird-modal__content {
  max-width: calc(100% - 80px);
}

.sendbird-channel-preview__leave--mobile .sendbird-modal__close {
  display: none;
}

.sendbird-channel-preview__leave--mobile .sendbird-channel-preview__leave-label--mobile {
  text-decoration: none;
}

.sendbird-channel-preview__leave--mobile .sendbird-modal__header span {
  display: inline-block;
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird__offline .sendbird-channel-preview {
  cursor: not-allowed;
}

.sendbird-channel-preview {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  width: 320px;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 16px 12px 16px;
}

.sendbird-theme--light .sendbird-channel-preview {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-channel-preview {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird--mobile-mode .sendbird-channel-preview {
  width: 100%;
}

.sendbird-channel-preview:focus {
  outline: none;
}

.sendbird-channel-preview .sendbird-channel-preview__avatar {
  width: 56px;
  height: 56px;
}

.sendbird-channel-preview .sendbird-channel-preview__content {
  width: 100%;
  height: 100%;
  margin-left: 16px;
}

.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content {
  position: relative;
  max-width: calc(100% - 72px);
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper {
  display: flex;
  justify-content: space-between;
  width: 216px;
  height: 16px;
}

.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper {
  width: auto;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon {
  padding-right: 4px;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__channel-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 128px;
  word-break: break-all;
  white-space: nowrap;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members {
  margin-top: 2px;
  margin-left: 4px;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon {
  padding-left: 4px;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at {
  margin-left: 4px;
  margin-bottom: 4px;
  white-space: nowrap;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status {
  max-width: 74px;
  justify-content: flex-end;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower {
  margin-top: 8px;
  width: 216px;
  height: 32px;
  display: flex;
  justify-content: space-between;
}

.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower {
  width: 100%;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__last-message {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-bottom: 12px;
}

.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
}

.sendbird-channel-preview .sendbird-channel-preview__action {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-block;
}

.sendbird-channel-preview .sendbird-channel-preview__action .sendbird-iconbutton {
  display: none;
}

.sendbird-theme--light .sendbird-channel-preview:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-channel-preview:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-channel-preview:hover .sendbird-channel-preview__action .sendbird-iconbutton {
  display: inline-block;
}

.sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at {
  display: none;
}

.sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count {
  display: none;
}

.sendbird-channel-preview--active {
  padding: 12px 16px 12px 12px;
}

.sendbird-theme--light .sendbird-channel-preview--active {
  border-left: solid 4px var(--sendbird-light-primary-300);
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-channel-preview--active {
  border-left: solid 4px var(--sendbird-dark-primary-200);
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
  color: var(--sendbird-dark-primary-200);
}

.sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count {
  position: absolute;
  right: 0;
}

.sendbird-badge {
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.sendbird-theme--light .sendbird-badge {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-badge {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-badge .sendbird-badge__text {
  margin: 0px 6px;
}

.sendbird-mention-user-label {
  display: inline-block;
  font-family: var(--sendbird-font-family-default);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  white-space: pre-line;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 16px;
}

.sendbird-mention-user-label:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-mention-user-label {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-mention-user-label {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-mention-user-label.reverse {
  color: var(--sendbird-light-ondark-01);
}

.sendbird-theme--dark .sendbird-mention-user-label.reverse {
  color: var(--sendbird-dark-onlight-01);
}

.sendbird-mention-user-label.purple {
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.sendbird-theme--light .sendbird-mention-user-label.purple {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-mention-user-label.purple {
  color: var(--sendbird-dark-primary-200);
}

.sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content {
  margin: 0 40px;
}

.sendbird-add-channel__rectangle-wrap {
  margin-top: 26px;
}

.sendbird-add-channel__rectangle-footer {
  text-align: right;
  margin-top: 32px;
}

.sendbird-add-channel__rectangle {
  width: 432px;
  height: 72px;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 25px 72px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

.sendbird--mobile-mode .sendbird-add-channel__rectangle {
  min-width: 288px;
  width: 100%;
  padding-right: 0;
}

.sendbird-theme--light .sendbird-add-channel__rectangle {
  border: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-add-channel__rectangle {
  border: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-add-channel__rectangle .sendbird-icon {
  position: absolute;
  left: 22px;
  top: 24px;
}

.sendbird-create-channel--content {
  width: 480px;
  max-height: 552px;
}

.sendbird-create-channel--scroll {
  height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sendbird-channel-settings {
  height: 100%;
  width: 320px;
  display: inline-block;
  box-sizing: border-box;
}

.sendbird--mobile-mode .sendbird-channel-settings {
  width: 100%;
}

.sendbird-theme--light .sendbird-channel-settings {
  background-color: var(--sendbird-light-background-50);
  border-left: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-channel-settings {
  background-color: var(--sendbird-dark-background-600);
  border-left: 1px solid var(--sendbird-dark-background-600);
}

.sendbird-channel-settings .sendbird-channel-settings__header-icon {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}

.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-channel-settings .sendbird-channel-settings__members .sendbird-badge__text {
  margin-top: -2px;
}

.sendbird-channel-settings .sendbird-channel-settings__header {
  height: 64px;
  min-height: 64px;
  position: relative;
  padding: 20px 24px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-channel-settings .sendbird-channel-settings__scroll-area {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: calc(100% - 64px);
  overflow-y: auto;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-item {
  cursor: pointer;
  position: relative;
  padding: 12px 22px 10px 56px;
}

.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-channel-settings .sendbird-channel-settings__panel-item:focus {
  outline: none;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-item.sendbird-channel-settings__panel-item__disabled {
  cursor: not-allowed;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left,
.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
  position: absolute;
  top: 10px;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left {
  left: 16px;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right {
  right: 16px;
}

.sendbird-channel-settings .sendbird-channel-settings__panel-icon--open {
  transform: rotate(90deg);
}

.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-channel-profile {
  position: relative;
  text-align: center;
  padding: 32px 40px 27px 40px;
}

.sendbird-theme--light .sendbird-channel-profile {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-channel-profile {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-channel-profile .sendbird-channel-profile--inner {
  height: 92px;
}

.sendbird-channel-profile .sendbird-channel-profile__avatar {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}

.sendbird-channel-profile .sendbird-channel-profile__title {
  display: block;
  max-width: 240px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 18px;
}

.sendbird--mobile-mode .sendbird-channel-profile .sendbird-channel-profile__title {
  max-width: 100%;
}

.sendbird-channel-profile .sendbird-channel-profile__edit {
  position: absolute;
  top: 10px;
  right: 16px;
}

.channel-profile-form .channel-profile-form__img-section {
  position: relative;
}

.channel-profile-form .channel-profile-form__avatar-button {
  position: absolute;
  top: 54px;
  left: 96px;
}

.channel-profile-form .channel-profile-form__avatar {
  margin-top: 16px;
}

.channel-profile-form .channel-profile-form__name-section {
  margin-top: 12px;
}

.channel-profile-form .channel-profile-form__name-section .sendbird-input {
  height: 40px;
}

.sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon {
  position: absolute;
  left: 14px;
}

.sendbird-channel-settings__operator .sendbird-accordion__panel-heder {
  position: relative;
}

.sendbird-more-members__popup-scroll {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sendbird--mobile-mode .sendbird-more-members__popup-scroll {
  max-height: 100%;
}

.sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  right: 72px;
}

.sendbird-more-members__popup-scroll .sendbird-user-list-item__title {
  max-width: 240px;
}

.sendbird-channel-settings__empty-list {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 4px;
  display: block;
}

.sendbird-channel-settings-accordion__footer {
  padding-top: 16px;
  display: flex;
  justify-content: left;
  padding-left: 12px;
}

.sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) {
  margin-left: 8px;
}

.sendbird-channel-settings__freeze {
  max-width: 320px;
  position: relative;
  padding: 12px 22px 10px 56px;
}

.sendbird--mobile-mode .sendbird-channel-settings__freeze {
  max-width: 100%;
}

.sendbird-theme--light .sendbird-channel-settings__freeze {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-channel-settings__freeze {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-channel-settings__frozen-icon {
  position: absolute;
  right: 20px;
  top: 12px;
}

.sendbird-channel-settings__frozen-icon .sendbird-icon {
  cursor: pointer;
}

.sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-channel-settings__members .sendbird-badge {
  position: absolute;
  right: 44px;
  top: 12px;
}

.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge,
.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label,
.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge .sendbird-label {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label,
.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed {
  border-bottom: 0px;
}

.sendbird-theme--dark .sendbird-accordion.sendbird-accordion--closed {
  border-bottom: 0px;
}

.sendbird-accordion {
  position: relative;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-accordion {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-accordion {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-accordion .sendbird-accordion__member {
  position: relative;
  padding: 12px 0px 12px 44px;
  height: 40px;
  box-sizing: border-box;
}

.sendbird-accordion .sendbird-accordion__footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}

.sendbird-accordion__list {
  padding-top: 8px;
  padding-bottom: 16px;
}

.sendbird-accordion__panel-header {
  cursor: pointer;
  position: relative;
  padding: 12px 22px 10px 56px;
}

.sendbird-theme--light .sendbird-accordion__panel-header {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-accordion__panel-header {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-accordion__panel-header:focus {
  outline: none;
}

.sendbird-accordion__panel-header.sendbird-accordion__panel-item__disabled {
  cursor: not-allowed;
}

.sendbird-accordion__panel-icon-left,
.sendbird-accordion__panel-icon-right {
  position: absolute;
  top: 10px;
}

.sendbird-accordion__panel-icon-left {
  left: 16px;
}

.sendbird-accordion__panel-icon-right {
  right: 16px;
}

.sendbird-accordion__panel-icon--open {
  transform: rotate(90deg);
}

.sendbird-theme--light .sendbird-accordion__panel-icon--chevron path {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-accordion__panel-icon--chevron path {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-theme--light .sendbird-accordion__panel-icon__leave path {
  fill: var(--sendbird-light-error-300);
}

.sendbird-theme--dark .sendbird-accordion__panel-icon__leave path {
  fill: var(--sendbird-dark-error-300);
}

.sendbird-input-toggle-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-input-toggle-button--checked {
  background-color: var(--sendbird-light-primary-300);
  border: 1px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-input-toggle-button--checked {
  background-color: var(--sendbird-dark-primary-200);
  border: 1px solid var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-input-toggle-button--unchecked {
  background-color: var(--sendbird-light-background-300);
  border: 1px solid var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
  background-color: var(--sendbird-dark-background-400);
  border: 1px solid var(--sendbird-dark-background-400);
}

.sendbird-input-toggle-button--disabled {
  cursor: not-allowed;
}

.sendbird-theme--light .sendbird-input-toggle-button--disabled {
  background-color: var(--sendbird-light-background-200);
  border: 1px solid var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-input-toggle-button--disabled {
  background-color: var(--sendbird-dark-background-400);
  border: 1px solid var(--sendbird-dark-background-400);
}

.sendbird-input-toggle-button input {
  position: absolute;
  display: none;
}

.sendbird-input-toggle-button__inner-dot {
  position: absolute;
  border-radius: 50%;
  animation-iteration-count: 1;
}

.sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
  background-color: var(--sendbird-dark-background-600);
}

/* Manage animation and position by status */

@keyframes sendbirdMoveToRight {
  0% {
    right: 60%;
  }
  100% {
    right: 10%;
  }
}

@keyframes sendbirdMoveToLeft {
  0% {
    right: 10%;
  }
  100% {
    right: 60%;
  }
}

.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToRight;
}

.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToLeft;
}

.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
  right: 60%;
}

.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
  right: 10%;
}

.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToLeft;
}

.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
  animation-name: sendbirdMoveToRight;
}

.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
  right: 10%;
}

.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
  right: 60%;
}

.sendbird-user-list-item--small {
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 40px;
  padding-left: 12px;
}

.sendbird-user-list-item--small__avatar {
  cursor: pointer;
  position: absolute;
  top: 10px;
}

.sendbird-user-list-item--small .sendbird-muted-avatar {
  position: absolute;
  top: 10px;
  left: 12px;
  pointer-events: none;
}

.sendbird-user-list-item--small__title {
  position: absolute;
  top: 10px;
  left: 54px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-user-list-item--small__subtitle {
  position: absolute;
  top: 23px;
  left: 140px;
  max-width: 237px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird--mobile-mode .sendbird-user-list-item--small__subtitle {
  max-width: 40%;
}

.sendbird-user-list-item--small__checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
}

.sendbird-user-list-item--small__action {
  display: none;
  position: absolute;
  right: 10px;
  top: 4px;
}

.sendbird-user-list-item--small__operator {
  position: absolute;
  right: 24px;
  top: 10px;
}

.sendbird-theme--light .sendbird-user-list-item--small:hover, .sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-user-list-item--small:hover, .sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__action, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__action {
  display: block;
}

.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__operator, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__operator {
  display: none;
}

.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-channel-settings__leave-label--mobile {
  text-decoration: none;
}

.sendbird-channel-settings__leave--mobile .sendbird-modal__content {
  max-width: calc(100% - 80px);
}

.sendbird-channel-settings__leave--mobile .sendbird-modal__close {
  display: none;
}

.sendbird-channel-settings__leave--mobile .sendbird-channel-preview__leave-label--mobile {
  text-decoration: none;
}

.sendbird-channel-settings__leave--mobile .sendbird-modal__header span {
  display: inline-block;
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-more-members__popup-scroll {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sendbird--mobile-mode .sendbird-more-members__popup-scroll {
  max-height: 100%;
}

.sendbird-more-members__popup-scroll .sendbird-user-list-item__operator {
  right: 72px;
}

.sendbird-more-members__popup-scroll .sendbird-user-list-item__title {
  max-width: 240px;
}

.sendbird-channel-settings__badge {
  position: absolute;
  right: 48px;
}

.sendbird-theme--light .sendbird-channel-settings__badge {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-channel-settings__badge {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-channel-settings__badge .sendbird-label {
  color: var(--sendbird-light-onlight-02);
}

.sendbird-theme--dark .sendbird-channel-settings__badge .sendbird-label {
  color: var(--sendbird-dark-ondark-02);
}

.sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer {
  padding-left: 14px;
  padding-top: 14px;
}

.sendbird-message-search-pannel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 100%;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-message-search-pannel {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-search-pannel {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird--mobile-mode .sendbird-message-search-pannel {
  width: 100%;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  position: absolute;
  top: 14px;
  left: 48px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: none;
  font-size: 14px;
  width: calc(100% - 90px);
}

.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  color: var(--sendbird-light-onlight-01);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area {
  color: var(--sendbird-dark-ondark-01);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__header {
  position: relative;
  display: flex;
  width: 100%;
  height: 64px;
  min-height: 64px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-message-search-pannel__header__title {
  position: absolute;
  top: 20px;
  left: 24px;
  width: calc(100% - 74px);
  overflow-x: hidden;
  word-break: keep-all;
  text-overflow: ellipsis;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-message-search-pannel__header__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input {
  display: flex;
  position: relative;
  padding: 16px;
  box-sizing: border-box;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 44px;
}

.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  border: 1px solid var(--sendbird-light-onlight-03);
}

.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container {
  border: 1px solid var(--sendbird-dark-ondark-03);
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon {
  position: absolute;
  top: 10px;
  left: 16px;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner {
  position: absolute;
  top: 12px;
  right: 12px;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button {
  position: absolute;
  top: 12px;
  right: 12px;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button:hover {
  cursor: pointer;
}

.sendbird-message-search-pannel .sendbird-message-search-pannel__message-search {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

.sendbird-message-search {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sendbird-theme--light .sendbird-message-search {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-search {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-message-search-item {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 80px;
  position: relative;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-message-search-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-search-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-message-search-item:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-message-search-item:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message-search-item .sendbird-message-search-item__left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 80px;
}

.sendbird-message-search-item .sendbird-message-search-item__right {
  display: flex;
  flex-direction: column;
  width: calc(100% - 106px);
}

.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__sender-name {
  position: absolute;
  top: 12px;
  display: inline;
  max-width: 150px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-text {
  box-sizing: border-box;
  display: flex;
  width: inherit;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 36px;
  word-break: break-word;
}

.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at {
  position: absolute;
  top: 12px;
  right: 18px;
}

.sendbird-message-search-item .sendbird-message-search-item__right-footer {
  width: 16px;
}

.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left {
  border-left: 4px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left {
  border-left: 4px solid var(--sendbird-dark-primary-200);
}

.sendbird-message-search-file-item {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 80px;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-message-search-file-item {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-message-search-file-item {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-message-search-file-item:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-message-search-file-item:hover {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 80px;
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 106px);
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__sender-name {
  position: absolute;
  top: 12px;
  display: inline-block;
  max-width: 146px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content {
  position: absolute;
  top: 36px;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  position: relative;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__url {
  height: 16px;
  position: relative;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at {
  position: absolute;
  top: 12px;
  right: 18px;
}

.sendbird-message-search-file-item .sendbird-message-search-file-item__right-footer {
  width: 16px;
}

.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-left: 4px solid var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left {
  border-left: 4px solid var(--sendbird-dark-primary-200);
}

.sendbird-thread-ui {
  position: relative;
  max-width: 320px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.sendbird-theme--light .sendbird-thread-ui {
  border-right: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-thread-ui {
  border-right: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-thread-ui__header {
  width: 100%;
}

.sendbird-theme--light .sendbird-thread-ui__header {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-thread-ui__header {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-thread-ui--scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sendbird-theme--light .sendbird-thread-ui__parent-message-info {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-thread-ui__parent-message-info {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-thread-ui__reply-counts {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 11px;
}

.sendbird-theme--light .sendbird-thread-ui__reply-counts {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-thread-ui__reply-counts {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-thread-ui__thread-list {
  padding: 16px;
}

.sendbird-thread-ui__message-input {
  padding: 0px 16px;
  margin-bottom: 24px;
}

.sendbird-thread-ui__thread-list.sendbird-place-holder {
  box-sizing: border-box;
}

.sendbird-parent-message-info {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 12px 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
}

.sendbird-parent-message-info__sender {
  position: relative;
  min-width: 40px;
  min-height: 40px;
}

.sendbird-parent-message-info__content {
  position: relative;
  margin-left: 12px;
  display: inline-flex;
  flex-direction: column;
}

.sendbird-parent-message-info__content__info {
  position: relative;
  max-width: 188px;
  height: 16px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sendbird-parent-message-info__content__info__sender-name,
.sendbird-parent-message-info__content__info__sender-name--use-reaction {
  position: relative;
  margin-right: 6px;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-parent-message-info__content__info__sender-name {
  max-width: 142px;
}

.sendbird-parent-message-info__content__info__sender-name--use-reaction {
  max-width: 110px;
}

.sendbird-parent-message-info__content__info__sent-at {
  position: relative;
  max-width: 52px;
  height: 12px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  word-break: keep-all;
}

.sendbird-parent-message-info__content__body {
  position: relative;
  max-width: 210px;
  overflow: hidden;
}

.sendbird-parent-message-info__content__body.sendbird-thumbnail-message-item-body.incoming {
  min-width: 200px;
  height: 148px;
}

.sendbird-parent-message-info__content__reactions {
  position: relative;
  max-width: 240px;
  width: 100%;
  height: 100%;
}

.sendbird-parent-message-info__context-menu {
  position: absolute;
  top: 6px;
  right: 12px;
  display: none;
}

.sendbird-parent-message-info__context-menu.use-reaction {
  right: 44px;
}

.sendbird-parent-message-info__reaction-menu {
  position: absolute;
  top: 6px;
  right: 12px;
  display: none;
}

.sendbird-parent-message-info .sendbird-text-message-item-body.reactions {
  border-radius: 16px;
}

.sendbird-theme--light .sendbird-parent-message-info .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-parent-message-info .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-dark-background-600);
}

.sendbird-parent-message-info:hover .sendbird-parent-message-info__context-menu,
.sendbird-parent-message-info:hover .sendbird-parent-message-info__reaction-menu,
.sendbird-parent-message-info__context-menu.sendbird-mouse-hover,
.sendbird-parent-message-info__reaction-menu.sendbird-mouse-hover {
  display: inline-flex;
}

.sendbird-theme--light .sendbird-parent-message-info .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-parent-message-info .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-parent-message-info:hover,
.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-parent-message-info:hover,
.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover {
  background-color: transparent;
}

.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-light-background-100);
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-emoji-reactions {
  border: 1px solid var(--sendbird-dark-background-500);
  background-color: var(--sendbird-dark-background-500);
}

.parent-message-info--suggested-mention-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 200px;
}

.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}

.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 166px;
}

.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 68px;
}

.sendbird-parent-message-info-item {
  margin-top: 8px;
  position: relative;
}

.sendbird-parent-message-info-item__text-message,
.sendbird-parent-message-info-item__og-field {
  display: inline-block;
  padding-right: 4px;
  white-space: pre-line;
  word-break: break-all;
}

.sendbird-parent-message-info-item__og-field {
  display: inline-flex;
  flex-direction: column;
  margin-top: 4px;
}

.sendbird-parent-message-info-item__og-field__content {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
}

.sendbird-parent-message-info-item__file-message {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
}

.sendbird-parent-message-info-item__file-message__file-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sendbird-parent-message-info-item__thumbnail-message {
  display: block;
  height: 148px;
  position: relative;
  width: 200px;
}

.sendbird-parent-message-info-item__multiple-files-message-wrapper {
  padding: 0;
}

.sendbird-theme--light .sendbird-parent-message-info-item__multiple-files-message-wrapper {
  background-color: transparent;
}

.sendbird-theme--dark .sendbird-parent-message-info-item__multiple-files-message-wrapper {
  background-color: transparent;
}

.sendbird-parent-message-info-item__thumbnail-message__thumbnail {
  border-radius: 16px;
  position: absolute;
}

.sendbird-parent-message-info-item__thumbnail-message__placeholder {
  align-items: center;
  display: flex;
  height: 148px;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.sendbird-parent-message-info-item__thumbnail-message__placeholder__icon {
  align-items: center;
  background-color: var(--sendbird-light-background-50);
  border-radius: 50%;
  display: flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.sendbird-parent-message-info-item__thumbnail-message__image-cover {
  background-color: var(--sendbird-light-overlay-01);
  border-radius: 16px;
  display: none;
  height: 148px;
  position: absolute;
  top: 0;
  width: 100%;
}

.sendbird-parent-message-info-item__thumbnail-message__video {
  border-radius: 16px;
  height: 148px;
  position: absolute;
  width: 100%;
}

.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper {
  align-items: center;
  display: flex;
  height: 148px;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon {
  align-items: center;
  background-color: var(--sendbird-light-ondark-01);
  border-radius: 50%;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.sendbird-parent-message-info-item__thumbnail-message:hover {
  cursor: pointer;
}

.sendbird-parent-message-info-item__thumbnail-message:hover .sendbird-parent-message-info-item__thumbnail-message__image-cover {
  display: inline-flex;
}

.sendbird-parent-message-info-item__voice-message__item {
  height: 50px;
  min-width: 136px;
}

.sendbird-thread-header {
  position: relative;
  min-width: 320px;
  width: 320px;
  min-height: 64px;
  height: 64px;
  display: inline;
  padding: 13px 24px;
  box-sizing: border-box;
}

.sendbird-thread-header__title {
  position: relative;
  max-width: 254px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-thread-header__channel-name {
  position: relative;
  max-width: 254px;
  height: 12px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-thread-header__action {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 56px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sendbird-thread-list-item .sendbird-separator {
  margin: 4px 0px;
}

.sendbird-thread-list .sendbird-message-content__middle__sender-name {
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-thread-list .sendbird-message-content.incoming .sendbird-message-content__middle {
  max-width: 200px;
}

.sendbird-thread-list .sendbird-thumbnail-message-item-body.outgoing {
  min-width: 200px;
  min-height: 148px;
  height: 148px;
}

.sendbird-thread-list .sendbird-message-content .sendbird-message-content__middle {
  max-width: 230px;
}

.sendbird-thread-list .sendbird-message-status__icon.sendbird-message-status--sent {
  display: none;
}

.sendbird-thread-list .sendbird-mention-suggest-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.sendbird-thread-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}

.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 134px;
}

.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 46px;
}

.sendbird-thread-list-item-content {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.sendbird-thread-list-item-content.incoming {
  justify-content: flex-start;
}

.sendbird-thread-list-item-content.outgoing {
  justify-content: flex-end;
}

.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle {
  max-width: 200px;
}

.sendbird--mobile-mode .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle {
  max-width: calc(100vw - 100px);
}

.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.use-quote {
  margin-top: -8px;
  bottom: -8px;
}

.sendbird-thread-list-item-content__middle__body-container {
  width: 100%;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left {
  position: relative;
  display: inline-flex;
  min-width: 40px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar {
  position: absolute;
  left: 0px;
  bottom: 2px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  position: absolute;
  bottom: 6px;
  right: -84px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  min-width: 80px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name {
  position: relative;
  margin-left: 12px;
  margin-bottom: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message {
  position: relative;
  width: 100%;
  display: inline-flex;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming {
  justify-content: flex-start;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message:hover {
  cursor: pointer;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right {
  position: relative;
  display: inline-flex;
  width: 50px;
  margin-left: 4px;
  padding-top: 18px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.use-reactions {
  width: 70px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top {
  padding-top: 2px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top.use-quote {
  padding-top: 18px;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu {
  position: relative;
  flex-direction: row;
  height: 32px;
  display: none;
}

.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}

.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu {
  display: inline-flex;
}

.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  display: none;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: flex-end;
  width: 50px;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-reactions {
  width: 70px;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-quote .sendbird-thread-list-item-content-menu {
  top: 18px;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  position: absolute;
  top: 2px;
  right: 4px;
  flex-direction: row;
  display: none;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu.sendbird-mouse-hover {
  display: inline-flex;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message {
  position: relative;
  width: 100%;
  display: inline-flex;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing {
  justify-content: flex-end;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming {
  justify-content: flex-start;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container {
  position: relative;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  position: absolute;
  bottom: 2px;
  left: -84px;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  box-sizing: content-box;
  min-width: 80px;
  min-height: 16px;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover {
  display: none;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at .sendbird-thread-list-item-content__middle__body-container__created-at__component-container {
  position: relative;
  display: inline-flex;
}

.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__right {
  display: none;
}

.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu {
  display: inline-flex;
}

.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at {
  display: none;
}

.sendbird-thread-list-item-content__middle__body-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body {
  width: 100%;
  box-sizing: border-box;
}

.sendbird-thread-list-item-content-reactions {
  position: relative;
  width: 100%;
  max-width: 400px;
  border-radius: 0px 0px 16px 16px;
}

.sendbird-theme--light .sendbird-thread-list-item-content-reactions {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-thread-list-item-content-reactions {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-thread-list-item-content-reactions.primary {
  background-color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.primary {
  background-color: var(--sendbird-dark-primary-200);
}

.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover.primary {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover.primary {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-thread-list-item-content__middle__thread-replies {
  margin-top: 4px;
}

.sendbird-thread-list-item-content__middle__message-item-body.sendbird-og-message-item-body,
.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body {
  min-width: 200px;
  max-width: 200px;
}

.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body {
  height: 148px;
}

.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__placeholder,
.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper,
.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__video {
  height: 148px;
}

.sendbird-voice-message-item-body.sendbird-thread-list-item-content__middle__message-item-body {
  min-width: 136px;
  height: 50px;
}

.sendbird-thread-message-input .sendbird-mention-suggest-list {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
  padding-left: 16px;
  padding-right: 16px;
}

.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
  max-width: 134px;
}

.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
  max-width: 46px;
}

.sendbird-theme--light .sendbird-thread-message-input--voice-message {
  border-top: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-thread-message-input--voice-message {
  border-top: 1px solid var(--sendbird-dark-ondark-04);
}

.sb_mobile {
  height: 100%;
}

.sb_mobile__panelwrap {
  height: 100%;
}

.sb-show-main {
  padding: 0 !important;
}

.sb_mobile__panelwrap .sendbird-thread {
  width: 100%;
  height: 100%;
}

.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui {
  max-width: 100%;
}

.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui .sendbird-thread-ui__header {
  width: 100%;
}

.sendbird-app__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
}

.sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  width: 320px;
  min-width: 320px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-right: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-right: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}

.sendbird-app__wrap .sendbird-app__conversation-wrap {
  flex: 1;
  position: relative;
  width: calc(100% - 320px);
}

.sendbird-app__wrap .sendbird-app__channellist-wrap {
  max-width: 320px;
}

.sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-left: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-left: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}

.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-app__wrap .sendbird-chat-header__search {
  margin-right: 16px;
}

.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-app__wrap .sendbird-channel-settings {
  border-left: none;
}

.sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings {
  border-top: 1px solid var(--sendbird-light-onlight-04);
  border-right: 1px solid var(--sendbird-light-onlight-04);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings {
  border-top: 1px solid var(--sendbird-dark-background-600);
  border-right: 1px solid var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-background-600);
}

.sendbird-app__wrap .sendbird-channel-settings .sendbird-channel-settings__header {
  height: 64px;
}

.sendbird-openchannel-conversation {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.sendbird-theme--light .sendbird-openchannel-conversation {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-openchannel-conversation {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll {
  overflow-y: auto;
  flex: 1 1 0;
  width: 100%;
}

.sendbird-openchannel-conversation .sendbird-openchannel-footer {
  padding: 12px 24px 24px 24px;
}

.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
}

.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding {
  flex: 1 1 0;
}

.sendbird-frozen-channel-notification {
  position: relative;
  margin-top: 8px;
  margin-right: 24px;
  margin-left: 24px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.sendbird-theme--light .sendbird-frozen-channel-notification {
  background-color: var(--sendbird-light-information-100);
}

.sendbird-theme--dark .sendbird-frozen-channel-notification {
  background-color: var(--sendbird-dark-information-100);
}

.sendbird-oepnchannel-header__icon_back {
  position: absolute;
  left: 12px;
  top: 18px;
}

.sendbird-openchannel-conversation-header {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
}

.sendbird-theme--light .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-header {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 120px);
}

.sendbird--mobile-mode .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
  max-width: calc(100% - 160px);
}

.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  position: absolute;
  left: 20px;
  top: 16px;
}

.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
  left: 50px;
}

.sendbird-openchannel-conversation-header__left__title {
  position: absolute;
  left: 60px;
  top: 12px;
}

.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title {
  left: 90px;
}

.sendbird-openchannel-conversation-header__left__sub-title {
  position: absolute;
  left: 60px;
  top: 36px;
}

.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title {
  left: 90px;
}

.sendbird-openchannel-conversation-header__right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 64px;
  height: 64px;
}

.sendbird-openchannel-conversation-header__right__trigger {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sendbird-openchannel-conversation-header__left__cover-image--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-light-background-300);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
  background-color: var(--sendbird-dark-background-300);
}

.sendbird-openchannel-conversation-scroll {
  position: relative;
  width: 100%;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container {
  position: sticky;
  width: 100%;
  bottom: 0px;
  height: 100%;
  overflow: hidden;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding {
  height: 8px;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages {
  width: 100%;
  height: 100%;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder {
  width: 100%;
  height: 100%;
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 8px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 24px;
  z-index: 1;
}

.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  background-color: var(--sendbird-light-primary-300);
  box-shadow: var(--sendbird-light-shadow-05);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button {
  background-color: var(--sendbird-dark-primary-200);
  box-shadow: var(--sendbird-dark-shadow-05);
}

.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  background-color: var(--sendbird-light-primary-400);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover {
  background-color: var(--sendbird-dark-primary-300);
}

.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
  background-color: var(--sendbird-light-primary-500);
}

.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active {
  background-color: var(--sendbird-dark-primary-400);
}

.sendbird-openchannel-user-message {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.sendbird-theme--light .sendbird-openchannel-user-message:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-user-message:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-openchannel-user-message:hover .sendbird-openchannel-user-message__context-menu {
  display: block;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar {
  position: relative;
  display: flex;
  margin-top: 8px;
  margin-left: 24px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 8px 24px 8px 12px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top {
  position: relative;
  display: flex;
  margin-bottom: 2px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sender-name {
  position: relative;
  display: flex;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at {
  position: relative;
  display: flex;
  margin-left: 4px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom {
  position: relative;
  display: flex;
  width: 100%;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom .sendbird-openchannel-user-message__right__bottom__message {
  position: relative;
  word-break: break-all;
  white-space: pre-line;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__tail {
  position: relative;
  top: 2px;
}

.sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu {
  position: absolute;
  right: 16px;
  display: none;
}

.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-openchannel__mobile-menu-hyperlink {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
}

.sendbird-openchannel-admin-message {
  position: relative;
  margin: 16px 24px;
  padding: 12px 16px;
  border-radius: 4px;
}

.sendbird-theme--light .sendbird-openchannel-admin-message {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-admin-message {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-openchannel-admin-message:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-admin-message:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-openchannel-admin-message .sendbird-openchannel-admin-message__text {
  word-wrap: break-word;
}

.sendbird-openchannel-og-message {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sendbird-theme--light .sendbird-openchannel-og-message:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-og-message:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-openchannel-og-message:hover .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  display: block;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar {
  position: absolute;
  display: flex;
  top: 8px;
  left: 24px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  margin: 8px 24px 8px 12px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title {
  position: relative;
  display: flex;
  margin-bottom: 2px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sender-name {
  position: relative;
  display: flex;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at {
  position: relative;
  display: flex;
  margin-left: 4px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message {
  position: relative;
  display: inline;
  white-space: pre-wrap;
  word-break: break-all;
}

.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu {
  position: absolute;
  right: 16px;
  display: none;
}

.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom {
  position: relative;
  display: inline;
  margin-bottom: 8px;
  width: 100%;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 64px);
  max-width: 360px;
  left: 64px;
  padding: 12px 12px 4px 12px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  border: solid 1px var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag {
  border: solid 1px var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__url {
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  max-width: 336px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title {
  position: relative;
  display: inline-block;
  white-space: pre-wrap;
  overflow-wrap: normal;
  margin-bottom: 8px;
  max-width: 336px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  cursor: pointer;
}

.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  color: var(--sendbird-light-primary-300);
}

.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover {
  color: var(--sendbird-dark-primary-200);
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__description {
  position: relative;
  display: block;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-height: 32px;
  margin-bottom: 8px;
  width: 100%;
  max-width: 336px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail {
  box-sizing: border-box;
  position: relative;
  display: block;
  margin-top: 4px;
  margin-bottom: 8px;
  width: 100%;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail:hover {
  cursor: pointer;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image {
  border-radius: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 336px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder {
  border-radius: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 336px;
}

.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail {
  position: relative;
  left: 64px;
  top: 2px;
}

.sendbird-openchannel-og-message--word {
  display: inline;
  margin: 0px 2px;
  word-break: break-all;
}

.sendbird-openchannel-thumbnail-message {
  position: relative;
  display: flex;
  flex-direction: row;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu {
  display: block;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar {
  position: absolute;
  display: inline;
  margin-top: 8px;
  margin-left: 28px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 12px;
  width: calc(100% - 64px);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title {
  position: relative;
  display: inline;
  margin-bottom: 4px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name {
  position: relative;
  display: inline;
  margin-right: 4px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sent-at {
  position: relative;
  display: inline;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body {
  position: relative;
  display: flex;
  border-radius: 8px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body:hover .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  opacity: 1;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap {
  position: relative;
  box-sizing: content-box;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  max-width: 360px;
  top: 0px;
  left: 0px;
  border-radius: 8px;
  cursor: pointer;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  background-color: var(--sendbird-light-overlay-02);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
  background-color: var(--sendbird-dark-overlay-02);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video {
  max-width: 360px;
  max-height: 360px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover {
  cursor: pointer;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video {
  max-width: 360px;
  max-height: 360px;
  border-radius: 8px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon {
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image {
  border-radius: 8px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  padding: 107px 152px 107px 152px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__tail {
  position: relative;
  top: 2px;
}

.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu {
  position: absolute;
  display: none;
  top: 8px;
  right: 16px;
}

.sendbird-openchannel-file-message {
  position: relative;
  display: flex;
  flex-direction: row;
}

.sendbird-theme--light .sendbird-openchannel-file-message:hover {
  background-color: var(--sendbird-light-background-100);
}

.sendbird-theme--dark .sendbird-openchannel-file-message:hover {
  background-color: var(--sendbird-dark-background-400);
}

.sendbird-openchannel-file-message:hover .sendbird-openchannel-file-message__context-menu {
  display: block;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left {
  position: relative;
  display: flex;
  width: 52px;
  min-width: 52px;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar {
  position: absolute;
  display: block;
  margin-top: 8px;
  margin-left: 24px;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  margin-bottom: 4px;
  width: calc(100% - 64px);
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title {
  position: relative;
  display: flex;
  margin-top: 8px;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sender-name {
  position: relative;
  display: flex;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at {
  position: relative;
  display: flex;
  margin-left: 4px;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  position: relative;
  display: flex;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 8px;
}

.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  background-color: var(--sendbird-light-background-100);
  border: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body {
  background-color: var(--sendbird-dark-background-500);
  border: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  position: relative;
  display: inline-block;
  margin: 8px;
  border-radius: 8.6px;
}

.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name {
  position: relative;
  display: flex;
  margin-top: 22px;
  margin-right: 16px;
  margin-left: 4px;
  overflow: hidden;
  height: 20px;
  max-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu {
  position: absolute;
  display: none;
  top: 8px;
  right: 16px;
}

.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon {
  background-color: var(--sendbird-light-background-200);
}

.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon {
  background-color: var(--sendbird-dark-background-500);
}

.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover {
  background-color: var(--sendbird-light-primary-100);
}

.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover {
  background-color: var(--sendbird-dark-background-700);
}

.sendbird-openchannel-settings {
  height: 100%;
  width: 320px;
  display: inline-block;
  overflow-y: scroll;
  position: relative;
}

.sendbird--mobile-mode .sendbird-openchannel-settings {
  width: 100%;
}

.sendbird-theme--light .sendbird-openchannel-settings {
  background-color: var(--sendbird-light-background-50);
  border-left: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-settings {
  background-color: var(--sendbird-dark-background-600);
  border-left: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-settings .sendbird-participants-accordion__footer {
  text-align: left;
  padding-top: 16px;
  padding-left: 16px;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon {
  position: absolute;
  left: 14px;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,
.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete {
  position: absolute;
  left: 16px;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__participant {
  height: 100%;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participant-list {
  padding-top: 64px;
  height: calc(100% - 64px);
  overflow-y: scroll;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header {
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-openchannel-settings .sendbird-participants-accordion,
.sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel {
  text-align: left;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text {
  margin-top: -2px;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  height: 64px;
  min-height: 64px;
  position: relative;
  padding: 20px 24px;
  box-sizing: border-box;
  text-align: left;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header {
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 16px;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
  fill: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path {
  fill: var(--sendbird-dark-ondark-01);
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder {
  margin-top: 40%;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  padding: 16px;
  box-sizing: border-box;
  position: relative;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon {
  display: inline-block;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon {
  cursor: pointer;
  position: absolute;
  display: none;
  top: 10px;
  right: 18px;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  margin-top: 8px;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  color: var(--sendbird-light-onlight-01);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value {
  color: var(--sendbird-dark-ondark-01);
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,
.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label {
  text-align: left;
  display: block;
  word-wrap: break-word;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 12px 22px 10px 56px;
}

.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  background-color: var(--sendbird-light-background-50);
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
}

.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item {
  background-color: var(--sendbird-dark-background-600);
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus {
  outline: none;
}

.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled {
  cursor: not-allowed;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member {
  position: relative;
  padding: 12px 0px 12px 56px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  text-align: left;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label {
  max-width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id {
  position: absolute;
  right: 16px;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action {
  display: none;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.operator,
.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.user-id {
  display: none;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__action {
  display: inline-block;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar {
  position: absolute;
  left: 16px;
  top: 10px;
  cursor: pointer;
}

.sendbird-openchannel-settings .sendbird-participants-accordion__member__action {
  position: absolute;
  display: none;
  top: 4px;
  right: 8px;
  cursor: pointer;
}

.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,
.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,
.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,
.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer {
  padding-top: 16px;
  display: flex;
  justify-content: left;
  padding-left: 12px;
}

.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),
.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),
.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),
.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) {
  margin-left: 8px;
}

.sendbird-participants-accordion__member-avatar__avatar {
  position: absolute;
}

.sendbird-more-users__popup-scroll {
  max-height: 420px;
  overflow: scroll;
}

.sendbird-openchannel-profile {
  position: relative;
  text-align: center;
  padding: 32px 40px 27px 40px;
}

.sendbird-theme--light .sendbird-openchannel-profile {
  border-bottom: 1px solid var(--sendbird-light-onlight-04);
  background-color: var(--sendbird-light-background-50);
}

.sendbird-theme--dark .sendbird-openchannel-profile {
  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
  background-color: var(--sendbird-dark-background-600);
}

.sendbird-openchannel-profile .sendbird-openchannel-profile--inner {
  height: 116px;
}

.sendbird-openchannel-profile .sendbird-openchannel-profile__avatar {
  margin-bottom: 16px;
  text-align: center;
}

.sendbird-openchannel-profile .sendbird-openchannel-profile__title {
  display: inline-block;
  max-width: 240px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 18px;
}

.sendbird-openchannel-profile .sendbird-openchannel-profile__edit {
  position: absolute;
  top: 10px;
  right: 16px;
}
/*# sourceMappingURL=index.css.map *//*!
 * Quill Editor v2.0.0-rc.1
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/.ql-editor-container {
   --ql-border-radius: 8px;

   .ql-editor {
      font: var(--web-sm-medium);
   }

   ::before {
      font: var(--web-sm-medium);
      font-style: normal;
   }
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
   color: var(--icon-strong);
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
   stroke: var(--icon-strong);
}

.ql-toolbar {
    border-top-left-radius: var(--ql-border-radius);
    border-top-right-radius: var(--ql-border-radius);
    border-color: var(--border-default);
    background-color: var(--bg-medium);
 }

 .ql-container {
    height: fit-content;
    border-bottom-right-radius: var(--ql-border-radius);
    border-bottom-left-radius: var(--ql-border-radius);
    border-color: var(--border-default);
    background-color: var(--bg-default);
 }

 /*
    Quill always has at least a linebreak, this hides the container if there is only a as a direct descendent of the container
    BUT if it has more than one, well then we show it :shrug: this covers the "empty" case at least
 */
 .ql-display-container > p > br:only-child {
   display: none;
 }

 .ql-editor {
   overflow-y: scroll;
   color: var(--text-default);
   resize: vertical;
 }

 .ql-editor.ql-blank::before {
    color: var(--text-weak);
 }

 .ql-toolbar button {
    color: var(--icon-default);
 }

 .ql-toolbar button:hover {
    color: var(--icon-strong);
 }

 .ql-snow .ql-stroke {
   stroke: var(--icon-default);
 }

 .ql-snow .ql-stroke:hover {
   stroke: var(--icon-strong);
 }.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}