@import "titles.css";
@import "inputs.css";
@import "buttons.css";
@import "links.css";
@import "tables.css";
@import "checkbox-switch.css";
@import "choices.css";
@import "timeline.css";
@import "chat_ui.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

@import "shadcn.css";
.breadcrumb li a {
  color: #484A4D;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
nav.breadcrumb ol.list-none li:first-child a {
  font-weight: 700;
  color: #484A4D;
}

nav.breadcrumb ol.list-none li:last-child a {
  color: #A8A8A8;
}

nav.breadcrumb ol.list-none li:last-child span {
  display: none;
}
@layer components {
  .submit-btn {
    @apply flex justify-center rounded-xl bg-primary h-11 px-4 py-2.5 text-white text-base font-bold font-Lato leading-normal shadow-sm hover:bg-primary-800 cursor-pointer;
  }

  .user-profile {
    @apply w-full h-[178px] bg-white rounded-xl shadow border border-neutral-100 flex-col justify-center items-center gap-3 inline-flex hover:border-neutral-700 transition duration-200 mb-5 relative z-10;
  }

  .btn-default-xs {
    @apply block w-full h-11 px-4 py-2.5 bg-primary rounded-xl shadow justify-center items-center gap-2 text-white text-base font-bold font-Lato hover:bg-primary-800 transition duration-200;
  }

  .btn-secondary-xs {
    @apply block h-11 px-4 py-2.5 bg-neutral-100 rounded-xl shadow justify-center items-center gap-2 text-base font-bold font-Lato hover:bg-bodyColor transition duration-200;
  }

  .btn-secondary-outline {
    @apply h-11 px-4 py-2.5 bg-white rounded-xl shadow border border-neutral-300 justify-center items-center gap-2 inline-flex text-neutral-500 text-base font-bold font-['Lato'] leading-normal;
  }

  .account-links {
    @apply text-center block text-primary font-bold hover:text-primary-800 transition duration-200;
  }

  .alert {
    @apply bg-[#FFFAE5];
  }
  .alert svg path,
  .alert .close svg path {
    fill: #FFCC00;
  }

  .notice {
    @apply bg-[#EAF7F9];
  }
  .notice svg path,
  .notice .close svg path {
    fill: #30B0C7;
  }

  .error {
    @apply bg-[#FFEBEA];
  }
  .error svg path,
  .error .close svg path {
    fill: #FF3B30;
  }
  
  .success {
    @apply bg-[#EBF9EE];
  }
  .success svg path,
  .success .close svg path {
    fill: #34C759;
  }

  .filter-button {
    @apply text-base font-bold text-white !bg-transparent hover:bg-primary-600 !p-0;
  }
  
  @keyframes fadeInOut {
    0% {
      opacity: 1;
      height: auto;
    }
    99% {
      opacity: 0;
      height: 0px;
    }
    100% {
      display: none;
      height: 0px;
    }
  }
  
  .fade-in-out {
    animation: fadeInOut .3s ease-in-out forwards;
    animation-delay: 7s;
  }
}

.nested_add-disabled {
  @apply opacity-50 cursor-not-allowed pointer-events-none;
}
@layer components {
  .profile-component {
    @apply flex items-center space-x-2 border-solid border-b h-full pl-5;
  }
  
  .profile-name {
    @apply truncate;
  }
  .profile-text {
    max-width: 80%;
  }

  .badge {
    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-normal transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 truncate
  }

  .bid_view_badge {
    @apply bg-TealLight text-white hover:bg-TealLight/90 badge;
  }
  
  .declined_badge, .closed_badge {
    @apply bg-Thunderbird text-white hover:bg-Thunderbird/90 badge;
  }
  
  .pending_badge {
    @apply bg-primary-400 text-white hover:bg-primary-400/90 badge;
  }

  .rejected_badge {
    @apply bg-RedLight text-white hover:bg-RedLight/90 badge;
  }

  .accepted_badge {
    @apply bg-orangeLight text-white hover:bg-orangeLight/90 badge;
  }

  .completed_badge {
    @apply bg-greenLight text-white hover:bg-greenLight/90 badge;
  }

  .in_progress_badge {
    @apply bg-primary-800 text-white hover:bg-primary-800/90 badge;
  }

  .expired_badge {
    @apply bg-neutral-700 text-white hover:bg-neutral-700/90 badge;
  }

  .lapsed_badge, .term_change_draft_badge, .rate_change_draft_badge {
    @apply bg-neutral-500 text-white hover:bg-neutral-500/90 badge;
  }

  .draft_view_badge {
    @apply bg-neutral-500 text-white hover:bg-neutral-300/90 badge;
  }

  .rate_change_badge {
    @apply bg-secondary-600 text-white hover:bg-secondary-600/90 badge;
  }

  .term_change_badge {
    @apply bg-secondary-500 text-white hover:bg-secondary-500/90 badge;
  }
  
  .open_view_badge {
    @apply bg-TealLight text-white hover:bg-TealLight/90 badge;
  }
}

.channel-profile-form__name-section {
  display: none !important;
}
.sendbird-channel-settings__panel-item__leave-channel {
  display: none !important;
}
.sendbird-modal {
  z-index: 99;
}
.sendbird-user-list-item--small__action {
  display: none !important;
}

#quotation_bid-conversation .sendbird-chat-header__right__info{
  display: none !important;
}

.sendbird-channel-preview__action {
  display: none !important;
}

.sendbird-conversation {
  background-color: #F9F9F9 !important;
}

.sendbird-text-message-item-body.incoming {
  color: black;
}
@layer base {

  .admin-termials {
    @apply checked:focus:bg-none checked:hover:bg-orange-600 checked:indeterminate:bg-none checked:focus:bg-orange-600;
    @apply checked:focus:border-white checked:hover:border-white checked:indeterminate:border-white;
  }
  .label-check-box {
    @apply flex items-start h-6 relative text-neutral-800 text-base font-bold font-['Lato'] leading-normal;
  }

  .check-box[type="checkbox"] {
    @apply w-11 h-0 cursor-pointer inline-block;
    @apply focus:outline-0 dark:focus:outline-0;
    @apply border-0 dark:border-0;
    @apply focus:ring-offset-transparent dark:focus:ring-offset-transparent;
    @apply focus:ring-transparent dark:focus:ring-transparent;
    @apply focus-within:ring-0 dark:focus-within:ring-0;
    @apply focus:shadow-none dark:focus:shadow-none;
    
    @apply after:absolute before:absolute;
    @apply after:top-0 before:top-0;
    @apply after:block before:inline-block;
    @apply before:rounded-full after:rounded-full;

    @apply after:content-[''] after:w-5 after:h-5 after:mt-0.5 after:ml-0.5;
    @apply after:shadow-md after:duration-100;

    @apply before:content-[''] before:w-10 before:h-full;
    @apply before:shadow-[inset_0_0_#000];

    @apply after:bg-primary-100 dark:after:bg-primary-100;
    @apply before:bg-primary-300 dark:before:bg-primary-300;
    @apply before:checked:bg-slate-950 dark:before:checked:bg-slate-950;
    @apply checked:after:duration-300 checked:after:translate-x-4;

    @apply disabled:after:bg-opacity-75 disabled:cursor-not-allowed;
    @apply disabled:checked:before:bg-opacity-40;
  }
}
/* ===============================
=            Choices            =
=============================== */
.choices {
  @apply input p-0 flex items-center;
  position: relative;
  overflow: hidden;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333 transparent;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner {
  padding: 5px;
  display: flex;
  align-items: center;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}



.choices[data-type*=select-multiple] .choices__input {
  background: transparent;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 700;
  padding-bottom: 0 !important;
  padding-left: 14px;
}

.choices[data-type*=select-multiple] .choices__input::placeholder {
  color: rgba(145, 145, 145, 0.7);
}

.choices[data-type*=select-multiple] .choices__input:focus {
  box-shadow: none;
}

.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
  @apply truncate h-full;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

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

.choices__list.choices__list--dropdown {
  margin-top: 5px !important;
}

.choices__list--single {
  display: inline-block;
  width: 100%;
  @apply h-full;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: flex;
  overflow-y: auto;
}

.choices__list--multiple::-webkit-scrollbar {
  height: 1px;
}

.choices__list--multiple::-webkit-scrollbar-track {
  background: #CCDBF0;
}

.choices__list--multiple::-webkit-scrollbar-thumb {
  background: #CCDBF0;
}

.wrap-select {
  flex-wrap: wrap;
}

.wrap-select .choices__list--multiple {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  width: 100%;
}

.wrap-select.choices[data-type*=select-multiple] .choices__inner {
  display: inline-block;
  position: relative;
}

.choices__list--multiple .choices__item {
  display: inline-flex;
  vertical-align: middle;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  margin: 2px;
  margin-right: 5px;
  line-height: 24px;
  background: #3570C1;
  height: 48px;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #3570C1;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  overflow: hidden;
  border-radius: 4px;
  border: none;
  word-break: break-all;
  z-index: 60;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 16px;
  color: #606164;
  font-weight: 400;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
  }
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #E6EDF7;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
@layer components {
  .input {
    @apply block text-base w-full border-0 h-14 pl-4 py-1 rounded-xl shadow-sm ring-1 ring-inset ring-neutral-700 placeholder:text-neutral-400 focus:ring-inset focus:ring-primary-600 sm:leading-6 font-bold text-neutral-950 font-Lato;
  }

  .checkbox-input {
    @apply w-4 h-4 relative bg-white rounded border border-neutral-300 mb-1 checked:text-primary-700 checked:bg-primary-700 focus:ring-primary-200;
  }

  .label-input {
    @apply block text-neutral-900 text-sm font-normal leading-tight mb-1 ;
  }

  .with-asterisk {
    @apply after:content-['*'] after:ml-0.5 after:text-red-500;
  }

  .input-error-message {
    @apply text-red-500 text-sm font-normal leading-tight mt-[4px] flex;
  }

  .input[readonly]{
    @apply bg-zinc-100;
  }

  .form-content .nested-form-wrapper:nth-last-child(2) {
    border-bottom: 0;
  }
  .input-right-wrapper > .slim-select, .input-right-wrapper > .choices{
    @apply h-full rounded-md border-0 ring-0 bg-transparent py-0 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm
   }

   .button-actions {
      @apply flex justify-center items-center bg-white rounded-xl border-[1px] border-primary-300 p-4;
   }

   .custom-select-gray .custom-select-value{
      @apply text-neutral-600;
   }
   .nested-form-wrapper .finish-point-label:before {
      counter-increment: finish-point;
      content: "Range " counter(finish-point) " ";
   }
   .nested-form-wrapper .start-point-label:before {
      counter-increment: start-point;
      content: "Range " counter(start-point) " ";
   }

   .address-form-row .destination-class:before {
    counter-increment: origin-point;
    content: "Destination " counter(origin-point, lower-alpha);
    text-transform: capitalize;
   }

  .inner-table {
    counter-reset: destination-counter;
  }
  
  .destination::before {
    counter-increment: destination-counter;
    content: "Destination " counter(destination-counter, upper-alpha);
    font-weight: bold;
    color: #111827; /* Ajusta este valor según tu clase .text-neutral-950 */
    font-size: 0.875rem; /* Ajusta este valor según tu clase .font-sm */
  }

   .broker-accordion .parameters-list .destination-order:before {
      @apply text-neutral-300 font-normal;
   }

   .parameters-list .destination-order span {
      display: none;
   }

   .parameters-list .destination-order:before {
    counter-increment: origin-point;
    content: "Destination " counter(origin-point, lower-alpha) ":";
    text-transform: capitalize;
    @apply text-neutral-600 text-sm font-semibold;
  }

  .two-selects .slim-select, .two-selects .choices{
      @apply ring-0;
   }

  .two-selects .ss-main {
      @apply bg-transparent;
   }
   
   .two-selects .slim-select {
     box-shadow: none !important;
   }

   .gray-field {
      @apply bg-transparent !text-neutral-500 placeholder:!text-neutral-500 border-[1px] border-neutral-500 focus:border-neutral-500 !text-sm placeholder:font-normal;
    }

    .gray-field .choices__placeholder {
      @apply !opacity-100;
    } 
}
@layer components {
  .tab-link {
    @apply px-1 pb-4 justify-center items-center gap-2 inline-flex w-full h-full text-primary-700 text-lg font-semibold font-Lato leading-7;

  }

  .tab-disabled {
    @apply text-primary-200 pointer-events-none;
  }

  .active-tab {
    @apply text-primary-700 hover:text-primary-700;
  }

  .active-link {
    @apply bg-white bg-opacity-20 font-semibold;
  }

  .active-link .icon-wrapper {
    @apply text-secondary-600;
  }

}
@import"https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sendbird-word{display:inline;height:-moz-fit-content;height:fit-content}.sendbird-word__url{display:inline;color:inherit;word-break:break-all}.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)}[dir=rtl] .sendbird-theme--light .sendbird-open-channel-preview.selected{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-preview.selected{border-left:none;border-right: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}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image{margin-left:0;margin-right:16px}.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}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context{margin-left:0;margin-right:16px}.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;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}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen{margin-left:0;margin-right:4px}.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}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{margin-left:0;margin-right:4px}.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}[dir=rtl] .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{margin-left:0;margin-right:18px}.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)}[dir=rtl] .sendbird-theme--light .sendbird-open-channel-list,[dir=rtl] .sendbird-theme--light .sendbird-open-channel-list-ui{border-right:none;border-left: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)}[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-list,[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-list-ui{border-right:none;border-left: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}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title{margin-left:0;margin-right:24px}.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}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh{right:auto;left:56px}.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}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel{right:auto;left:16px}.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, .55);--sendbird-light-overlay-02: rgba(0, 0, 0, .32);--sendbird-light-onlight-01: rgba(0, 0, 0, .88);--sendbird-light-onlight-02: rgba(0, 0, 0, .5);--sendbird-light-onlight-03: rgba(0, 0, 0, .38);--sendbird-light-onlight-04: rgba(0, 0, 0, .12);--sendbird-light-ondark-01: rgba(255, 255, 255, .88);--sendbird-light-ondark-02: rgba(255, 255, 255, .5);--sendbird-light-ondark-03: rgba(255, 255, 255, .38);--sendbird-light-ondark-04: rgba(255, 255, 255, .12);--sendbird-light-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, .04), 0 0 3px 0 rgba(0, 0, 0, .08), 0 2px 1px 0 rgba(0, 0, 0, .12);--sendbird-light-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, .04), 0 3px 14px 2px rgba(0, 0, 0, .08), 0 8px 10px 1px rgba(0, 0, 0, .12);--sendbird-light-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, .04), 0 6px 30px 5px rgba(0, 0, 0, .08), 0 16px 24px 2px rgba(0, 0, 0, .12);--sendbird-light-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, .04), 0 9px 46px 8px rgba(0, 0, 0, .08), 0 24px 38px 3px rgba(0, 0, 0, .12);--sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .12);--sendbird-light-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, .12), 0 0 1px 0 rgba(33, 34, 66, .16), 0 2px 1px 0 rgba(33, 34, 66, .08), 0 1px 5px 0 rgba(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, .55);--sendbird-dark-overlay-02: rgba(0, 0, 0, .32);--sendbird-dark-onlight-01: rgba(0, 0, 0, .88);--sendbird-dark-onlight-02: rgba(0, 0, 0, .5);--sendbird-dark-onlight-03: rgba(0, 0, 0, .38);--sendbird-dark-onlight-04: rgba(0, 0, 0, .12);--sendbird-dark-ondark-01: rgba(255, 255, 255, .88);--sendbird-dark-ondark-02: rgba(255, 255, 255, .5);--sendbird-dark-ondark-03: rgba(255, 255, 255, .38);--sendbird-dark-ondark-04: rgba(255, 255, 255, .12);--sendbird-dark-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, .04), 0 0 3px 0 rgba(0, 0, 0, .08), 0 2px 1px 0 rgba(0, 0, 0, .12);--sendbird-dark-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, .04), 0 3px 14px 2px rgba(0, 0, 0, .08), 0 8px 10px 1px rgba(0, 0, 0, .12);--sendbird-dark-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, .04), 0 6px 30px 5px rgba(0, 0, 0, .08), 0 16px 24px 2px rgba(0, 0, 0, .12);--sendbird-dark-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, .04), 0 9px 46px 8px rgba(0, 0, 0, .08), 0 24px 38px 3px rgba(0, 0, 0, .12);--sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .12);--sendbird-dark-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, .12), 0 0 1px 0 rgba(33, 34, 66, .16), 0 2px 1px 0 rgba(33, 34, 66, .08), 0 1px 5px 0 rgba(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, .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,.sendbird-experimental__rem__units .sendbird-label--body-1{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--body-2{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-label--button-1,.sendbird-experimental__rem__units .sendbird-label--button-2,.sendbird-experimental__rem__units .sendbird-label--caption-1{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--caption-2,.sendbird-experimental__rem__units .sendbird-label--caption-3{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-checkbox{font-size:1.375rem}.sendbird-experimental__rem__units .sendbird-mention-user-label{font-size:.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,.sendbird-experimental__rem__units .sendbird-input .sendbird-input__input,.sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-tooltip__text,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message{font-size:.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}[dir=rtl] .sendbird-modal{left:auto;right:0}.sendbird-modal__backdrop--clickoutside{cursor:pointer}.sendbird-modal__content{width:480px;border-radius:4px;z-index:10001;padding:18px 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}[dir=rtl] .sendbird-modal__content .sendbird-modal__close{right:auto;left:16px}.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}[dir=rtl] .sendbird-modal__content .sendbird-modal__footer{text-align:left}.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}[dir=rtl] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child{margin-left:0;margin-right:8px}.sendbird-modal__backdrop{position:fixed;z-index:10000;height:100%;width:100%;top:0;left:0}[dir=rtl] .sendbird-modal__backdrop{left:auto;right: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;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:-.2px}.sendbird-label--h-2{font-size:18px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.2px}.sendbird-label--subtitle-1{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.38;letter-spacing:-.2px}.sendbird-label--subtitle-2{font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:-.2px}.sendbird-label--body-1{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal}.sendbird-label--body-2{font-size:12px;font-weight:400;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:400;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:700;font-style:normal;line-height:1;letter-spacing:normal}.sendbird-label--caption-3{font-size:12px;font-weight:400;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-3{color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-3{color:var(--sendbird-dark-ondark-03)}.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-3 [class*=fill]{fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--content-inverse-3 [class*=fill]{fill:var(--sendbird-dark-ondark-03)}.sendbird-icon-color--white [class*=fill]{fill:#fff}.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%;min-width:140px;margin:0;padding:8px 0;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:0;padding:8px;border-radius:8px;list-style:none}[dir=rtl] .sendbird-dropdown__reaction-bar{left:auto;right:0}.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%}[dir=rtl] .sendbird-dropdown__menu-backdrop{left:auto;right:0}.sendbird-sort-by-row{display:flex;justify-content:flex-start;align-items:center}.sendbird__offline .sendbird-menu-item{cursor:not-allowed}.sendbird-menu-item{cursor:pointer;white-space:nowrap;padding:8px 16px;display:flex}.sendbird-menu-item.disable{cursor:not-allowed}.sendbird-theme--light .sendbird-menu-item.disable:hover{background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-menu-item.disable:hover{background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-menu-item:hover{background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-menu-item:hover{background-color:var(--sendbird-dark-background-400)}.sendbird-menu-item>*{width:100%;display:flex;justify-content:space-between;align-items:center}.sendbird-menu-item__text{display:flex;justify-content:space-between}.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:0 0 24px}.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)}to{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}[dir=rtl] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text{margin-right:24px;margin-left: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}[dir=rtl] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon{margin-right:0;margin-left: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}[dir=rtl] .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{margin-right:0;margin-left: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{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}[dir=rtl] .sendbird-chat-header{padding-right:20px;padding-left:16px}.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}[dir=rtl] .sendbird-chat-header__left{margin-right:0;margin-left: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}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__left__title{margin-right:8px;margin-left:16px}.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}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__right__mute{margin-right:0;margin-left:18px}.sendbird-chat-header .sendbird-iconbutton--pressed{background-color:inherit}.sendbird-chat-header .sendbird-chat-header__right__info{margin-left:16px}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__right__info{margin-left:0;margin-right:16px}.sendbird-chat-header__icon_back{margin-right:8px}[dir=rtl] .sendbird-chat-header__icon_back{margin-right:0;margin-left: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:0;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%)}[dir=rtl] .sendbird-avatar .sendbird-avatar-img{left:auto;right: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%)}[dir=rtl] .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%)}[dir=rtl] .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%)}[dir=rtl] .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(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child{transform:translate(77%,-23%) scale(.5)}.sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child{transform:translate(-23%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child{transform:translate(23%,-23%) scale(.5)}.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child{transform:translate(-77%,-77%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child{transform:translate(77%,-77%) scale(.5)}.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2){transform:translate(-23%,-77%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2){transform:translate(23%,-77%) scale(.5)}.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3){transform:translate(-77%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3){transform:translate(77%,-23%) scale(.5)}.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child{transform:translate(-23%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child{transform:translate(23%,-23%) scale(.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:700;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)}.sendbird-ui-header{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding-left:16px;padding-right:16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.sendbird-theme--light .sendbird-ui-header{border-bottom:1px solid var(--sendbird-light-onlight-04);background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-ui-header{border-bottom:1px solid var(--sendbird-dark-ondark-04);background-color:var(--sendbird-dark-background-600)}.sendbird-ui-header--is-desktop{max-width:176px}.sendbird-ui-header--is-mobile{max-width:80px}.sendbird-ui-header__left{position:relative;left:0;flex:0 0 auto;display:inline-flex;align-items:center;margin-right:8px}[dir=rtl] .sendbird-ui-header__left{left:auto;right:0;margin-right:0;margin-left:8px}.sendbird-ui-header__middle{flex:1;display:inline-flex;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sendbird-ui-header__middle__subtitle__container{display:flex;width:100%}.sendbird-ui-header__middle__title,.sendbird-ui-header__middle__subtitle{overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;width:100%}.sendbird-ui-header__right{position:relative;right:0;flex:0 0 auto;display:inline-flex;align-items:center;margin-left:8px}[dir=rtl] .sendbird-ui-header__right{right:auto;left:0;margin-left:0;margin-right:8px}.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-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-conversation__messages{position:relative}.sendbird-conversation__messages .sendbird-conversation__messages-padding{position:relative;height:100%;overflow-x:hidden;padding:0 24px}.sendbird--mobile-mode .sendbird-conversation__messages .sendbird-conversation__messages-padding{padding:0 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:0;width:calc(100% - 50px);margin-left:25px}[dir=rtl] .sendbird-conversation__messages__notification{margin-left:0;margin-right: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}[dir=rtl] .sendbird-conversation__scroll-bottom-button{left:auto;right:calc(100% - 65px)}.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,.sendbird-separator .sendbird-separator__right{border:none;height:1px;display:inline-block;width:100%}.sendbird-separator .sendbird-separator__text{margin:0 16px;display:flex;white-space:nowrap}.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:400;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}[dir=rtl] .sendbird-message-input .sendbird-message-input--textarea{padding:18px 16px 18px 64px}.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}[dir=rtl] .sendbird-message-input .sendbird-message-input--placeholder{left:auto;right:16px}.sendbird-message-input .sendbird-message-input--attach{position:absolute;padding:6px;right:16px;bottom:14px}[dir=rtl] .sendbird-message-input .sendbird-message-input--attach{right:auto;left:16px}.sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled{right:48px}[dir=rtl] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled{right:auto;left:48px}.sendbird-message-input .sendbird-message-input--voice-message{position:absolute;padding:6px;right:16px;bottom:14px}[dir=rtl] .sendbird-message-input .sendbird-message-input--voice-message{right:auto;left:16px}.sendbird-message-input .sendbird-message-input--send{position:absolute;padding:6px;right:16px;bottom:14px}[dir=rtl] .sendbird-message-input .sendbird-message-input--send{right:auto;left:16px}.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}[dir=rtl] .sendbird-message-input--edit-action{text-align:left}.sendbird-message-input--edit-action button:last-child{margin-left:8px}[dir=rtl] .sendbird-message-input--edit-action button:last-child{margin-left:0;margin-right: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}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar{left:auto;right:0}.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}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{right:auto;left:-84px}.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}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel{left:auto;right: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}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide{right:auto;left: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%}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name{margin-left:0;margin-right:12px}.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}[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__right{margin-left:0;margin-right:4px}.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,.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,.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}[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu{right:auto;left:4px}.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}[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{left:auto;right:-84px}.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}[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel{left:auto;right: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}[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide{left:auto;right: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,.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,.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}[dir=rtl] .sendbird-message-status .sendbird-message-status__text{margin-left:0;margin-right: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-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}.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}[dir=rtl] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge{margin-right:2px;margin-left:1px}.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}[dir=rtl] .sendbird-emoji-reactions .sendbird-context-menu{margin-left:0;margin-right: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}[dir=rtl] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:auto;right: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}[dir=rtl] .sendbird-reaction-badge__inner{padding-right:20px;padding-left:4px}.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{position:absolute;top:2px;left:4px}[dir=rtl] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:auto;right:4px}.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count{margin-left:4px}[dir=rtl] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count{margin-left:0;margin-right:4px}.sendbird-message__bottomsheet__reacted-members{position:relative;padding:0 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:0 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%}[dir=rtl] .sendbird-bottomsheet{left:auto;right:0}.sendbird-bottomsheet__content{position:fixed;z-index:10001;bottom:0;left:0;width:100%}[dir=rtl] .sendbird-bottomsheet__content{left:auto;right:0}.sendbird-bottomsheet__backdrop{position:fixed;z-index:10000;height:100%;width:100%;top:0;left:0}[dir=rtl] .sendbird-bottomsheet__backdrop{left:auto;right: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:0;cursor:pointer;z-index:0}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__avatar{left:auto;right:0}.sendbird-user-list-item .sendbird-muted-avatar{position:absolute;top:8px;left:0;pointer-events:none;z-index:1}[dir=rtl] .sendbird-user-list-item .sendbird-muted-avatar{left:auto;right:0}.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}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__title{left:auto;right:56px}.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}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__subtitle{left:auto;right:140px}.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}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__checkbox{right:auto;left:16px}.sendbird-user-list-item .sendbird-user-list-item__action{position:absolute;right:0;top:10px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__action{right:auto;left:0}.sendbird-user-list-item .sendbird-user-list-item__operator{position:absolute;right:40px;top:22px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__operator{right:auto;left:40px}.sendbird-user-list-item .sendbird-user-list-item__operator.checkbox{right:66px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox{right:auto;left:66px}.sendbird-user-list-item--small{display:block;position:relative;box-sizing:border-box;height:40px;padding-left:12px}[dir=rtl] .sendbird-user-list-item--small{padding-left:0;padding-right:12px}.sendbird-user-list-item--small .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}[dir=rtl] .sendbird-user-list-item--small .sendbird-muted-avatar{left:auto;right:12px}.sendbird-user-list-item--small .sendbird-user-list-item--small__title{position:absolute;top:10px;left:54px;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__title{left:auto;right:54px}.sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{position:absolute;top:14px;left:140px;max-width:237px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{left:auto;right:140px}.sendbird--mobile-mode .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{max-width:40%}.sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox{position:absolute;top:16px;right:16px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox{right:auto;left:16px}.sendbird-user-list-item--small .sendbird-user-list-item--small__action{display:none;position:absolute;right:10px;top:4px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__action{right:auto;left:10px}.sendbird-user-list-item--small .sendbird-user-list-item--small__operator{position:absolute;right:24px;top:10px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator{right:auto;left:24px}.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-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}[dir=rtl] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon{left:auto;right:4px}.sendbird-muted-avatar .sendbird-muted-avatar__bg{opacity:.5;position:absolute;border-radius:50%;top:0;left:0}[dir=rtl] .sendbird-muted-avatar .sendbird-muted-avatar__bg{left:auto;right: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;user-select:none}[dir=rtl] .sendbird-checkbox{padding-left:0;padding-right:35px}.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}[dir=rtl] .sendbird-checkbox--checkmark{left:auto;right:0}.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:0 0 0 2px var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-checkbox input:focus~.sendbird-checkbox--checkmark{box-shadow:0 0 0 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:-.5px;width:7px;height:12px;border:solid var(--sendbird-light-background-50);border-width:0 2px 2px 0;transform:rotate(45deg)}[dir=rtl] .sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after{left:auto;right:5px;border-width:0 0 2px 2px;transform:rotate(-45deg)}.sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after{left:5px;top:-.5px;width:7px;height:12px;border:solid var(--sendbird-dark-background-600);border-width:0 2px 2px 0;transform:rotate(45deg)}[dir=rtl] .sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after{left:auto;right:5px;border-width:0 0 2px 2px;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 0}.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 0;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}[dir=rtl] .sendbird__user-profile .sendbird__user-profile-userId--label,[dir=rtl] .sendbird__user-profile .sendbird__user-profile-userId--value{text-align:right}.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)}[dir=rtl] .sendbird-tooltip:after{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:700;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:0 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}[dir=rtl] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon{margin-right:0;margin-left: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:0 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;border-radius:16px;opacity:.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:0;display:inline-flex;width:100%;height:100%;opacity:.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:0}.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-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:#fff6}.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,.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:#fff}.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;border-radius:16px;opacity:.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}[dir=rtl] .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:0;margin-left: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:0}[dir=rtl] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to{padding-right:0;padding-left:0}.sendbird-message-content.incoming .sendbird-quote-message__replied-to{padding-left:0}[dir=rtl] .sendbird-message-content.incoming .sendbird-quote-message__replied-to{padding-left:0;padding-right:0}.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-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:0;margin-top:0}[dir=rtl] .sendbird-message__bottomsheet-reaction-bar{padding-left:0;padding-right: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}[dir=rtl] .sendbird-message__bottomsheet--action{padding-left:0;padding-right:16px}.sendbird-message__bottomsheet--action .sendbird-icon{margin-right:24px}[dir=rtl] .sendbird-message__bottomsheet--action .sendbird-icon{margin-right:0;margin-left: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:0;left:0;width:20px;height:20px}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__image{left:auto;right:0}.sendbird-ui-thread-replies__user-profiles__avatar__cover{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:var(--sendbird-light-overlay-01)}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__cover{left:auto;right:0}.sendbird-ui-thread-replies__user-profiles__avatar__plus{position:absolute;top:0;left:0;width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__plus{left:auto;right:0}.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}[dir=rtl] .sendbird-ui-thread-replies__icon{transform:rotate(180deg)}.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 0 0;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:0 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:0}.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:0 0 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 0}.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 0 0}[dir=rtl] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover{left:auto;right:0}div.sendbird-og-message-item-body__text-bubble{margin:0}.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,.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 0 0}.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:0 2px}div.sendbird-text-message-item-body{margin:0}.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 0 0}.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}[dir=rtl] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{margin-right:0;margin-left: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-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 .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__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__img__multi{max-width:calc(100% - 120px);max-height:calc(100% - 64px)}.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 0 0}.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}[dir=rtl] .sendbird-voice-message-item-body__status-button{left:auto;right:12px}.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}[dir=rtl] .sendbird-voice-message-item-body__playback-time{right:auto;left: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 0 0}.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:0;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 0 0}.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,.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,.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}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left}[dir=rtl] .sb-message-template__text{text-align:right}.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}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.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,.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:400;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 #00000029,0 2px 1px #00000014;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 #00000029,0 2px 1px #00000014;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 #00000029,0 2px 1px #00000014;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 #00000029,0 2px 1px #00000014;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}[dir=rtl] .sendbird-input .sendbird-input__placeholder{left:auto;right:16px}.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}.sendbird-suggested-replies{position:relative;display:flex;margin-top:8px;margin-bottom:16px}.sendbird-suggested-replies.vertical{justify-content:flex-end;align-items:flex-end;flex-wrap:wrap;flex-direction:column}.sendbird-suggested-replies.vertical .sendbird-suggested-replies__option:not(:first-child){margin-top:8px}.sendbird-suggested-replies.horizontal{display:flex;flex-direction:row;overflow-x:scroll;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.sendbird--mobile-mode .sendbird-suggested-replies.horizontal{margin-left:-12px;margin-right:-12px;padding-left:52px;padding-right:12px}[dir=rtl] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal{padding-right:52px;padding-left:12px}.sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child){margin-right:8px}[dir=rtl] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child){margin-right:0;margin-left:8px}.sendbird-suggested-replies::-webkit-scrollbar{display:none}.sendbird-theme--light .sendbird-suggested-replies,.sendbird-theme--dark .sendbird-suggested-replies{font-family:var(--sendbird-font-family-default)}.sendbird-suggested-replies__option{white-space:pre-wrap;font-size:12px;padding:8px 14px;display:flex;align-items:center;border-radius:18px;cursor:pointer;word-break:break-word}.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)}.sendbird-suggested-replies__option.horizontal{white-space:nowrap}.sendbird-suggested-replies__option.vertical{white-space:pre-wrap;max-width:calc(100% - 70px)}.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}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{margin-left:0;margin-right:16px}.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}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{right:auto;left:16px}.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}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon{margin-right:0;margin-left:4px}.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}[dir=rtl] .sendbird-fileviewer{left:auto;right:0}.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;overflow:hidden}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar{margin-right:8px}[dir=rtl] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar{margin-right:0;margin-left: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)}[dir=rtl] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename{left:auto;right:64px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{display:inline-block;margin-left:8px;padding-top:5px}[dir=rtl] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{margin-left:0;margin-right:8px}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{position:absolute;left:56px;top:24px}[dir=rtl] .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{left:auto;right:56px}.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}[dir=rtl] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions{right:auto;left:0}.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)}[dir=rtl] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:none;border-right: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}.sendbird-notification--hide,.sendbird-notification{position:absolute}.sendbird-notification--hide{display:none}.sendbird-notification{margin-top:8px;margin-left:24px;margin-right:24px;border-radius:4px;padding:0 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}[dir=rtl] .sendbird-notification .sendbird-notification__text{margin-right:0;margin-left: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:.4s}.typing-dots-container span:nth-child(2){animation-delay:.6s}.typing-dots-container span:nth-child(3){animation-delay:.8s}@keyframes blink{0%{opacity:.12;transform:scale(1)}21.43%{opacity:.38;transform:scale(1.2)}42.86%{opacity:.12;transform:scale(1)}to{opacity:.12;transform:scale(1)}}.sendbird-message-input-wrapper--voice-message,.sendbird-message-input-wrapper,.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:0 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:0 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}[dir=rtl] .sendbird-quote_message_input{padding:16px 40px 16px 80px}.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}[dir=rtl] .sendbird-quote_message_input .sendbird-quote_message_input__close-button{right:auto;left:40px}.sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover{cursor:pointer}.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}[dir=rtl] .sendbird-voice-message-input__indicator__on-rec{right:auto;left:53px}.sendbird-voice-message-input__indicator__playback-time{position:absolute;top:10px;right:16px}[dir=rtl] .sendbird-voice-message-input__indicator__playback-time{right:auto;left: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}to{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)}.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}.sendbird-channel-header{position:relative;height:64px;min-height:64px;width:320px;padding-left:8px;padding-right:16px;box-sizing:border-box}[dir=rtl] .sendbird-channel-header{padding-right:8px;padding-left:16px}.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;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}[dir=rtl] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right{margin-left:0;margin-right:4px}.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}[dir=rtl] .sendbird-channel-header .sendbird-channel-header__right-icon{right:auto;left: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}[dir=rtl] .sendbird-edit-user-profile__img__avatar-button{left:auto;right:96px}.sendbird-edit-user-profile__theme__theme-icon .sendbird-icon{cursor:pointer}.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}.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}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content{margin-left:0;margin-right: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}[dir=rtl] .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:0;padding-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__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}[dir=rtl] .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-left:0;margin-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__frozen-icon{padding-left:4px}[dir=rtl] .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:0;padding-right: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}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at{margin-left:0;margin-right:4px}.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}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count{margin-left:0;margin-right:8px}.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}[dir=rtl] .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{margin-right:0;margin-left:4px}.sendbird-channel-preview .sendbird-channel-preview__action{position:absolute;top:12px;right:12px;display:inline-block}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__action{right:auto;left:12px}.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,.sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count{display:none}.sendbird-channel-preview--active{padding:12px 16px 12px 12px}[dir=rtl] .sendbird-channel-preview--active{padding:12px 12px 12px 16px}.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)}[dir=rtl] .sendbird-theme--light .sendbird-channel-preview--active{border-left:none;border-right:solid 4px var(--sendbird-light-primary-300)}.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)}[dir=rtl] .sendbird-theme--dark .sendbird-channel-preview--active{border-left:none;border-right:solid 4px var(--sendbird-dark-primary-200)}.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}[dir=rtl] .sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count{right:auto;left: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:0 6px}.sendbird-mention-user-label{display:inline-block;font-family:var(--sendbird-font-family-default);font-size:14px;font-weight:700;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:700;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}[dir=rtl] .sendbird-add-channel__rectangle-footer{text-align:left}.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}[dir=rtl] .sendbird--mobile-mode .sendbird-add-channel__rectangle{padding-right:0;padding-left: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}[dir=rtl] .sendbird-add-channel__rectangle .sendbird-icon{left:auto;right:22px}.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)}[dir=rtl] .sendbird-theme--light .sendbird-channel-settings{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-channel-settings{border-left:none;border-right:1px solid var(--sendbird-dark-background-600)}.sendbird-channel-settings .sendbird-channel-settings__header-icon{cursor:pointer}.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-left:24px;padding-right:20px;box-sizing:border-box}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__header{padding-right:24px;padding-left:20px}.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}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-item{padding:12px 56px 10px 22px}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item{border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item:last-child{border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item{border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item:last-child{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-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel,.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel{border-top:0}.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}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left{left:auto;right:16px}.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{right:16px}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{right:auto;left:16px;transform:rotate(180deg)}.sendbird-channel-settings .sendbird-channel-settings__panel-icon--open{transform:rotate(90deg)}[dir=rtl] .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}.sendbird-theme--light .sendbird-channel-profile{background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-channel-profile{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}[dir=rtl] .sendbird-channel-profile .sendbird-channel-profile__edit{right:auto;left: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}[dir=rtl] .channel-profile-form .channel-profile-form__avatar-button{left:auto;right: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__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-channel-settings__operator .sendbird-channel-settings__accordion-icon{position:absolute;left:14px}[dir=rtl] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon{left:auto;right:14px}.sendbird-channel-settings__operator .sendbird-accordion__panel-heder{position:relative}.sendbird-channel-settings__empty-list{text-align:center;margin-top:12px;margin-bottom:4px;display:block}.sendbird-channel-settings-accordion__footer{padding:16px 12px;display:flex;justify-content:left}[dir=rtl] .sendbird-channel-settings-accordion__footer{justify-content:right}.sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2){margin-left:8px}[dir=rtl] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2){margin-left:0;margin-right:8px}.sendbird-channel-settings__freeze{max-width:320px;position:relative;padding:12px 22px 10px 56px}[dir=rtl] .sendbird-channel-settings__freeze{padding:12px 56px 10px 22px}.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}[dir=rtl] .sendbird-channel-settings__frozen-icon{right:auto;left:20px}.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}[dir=rtl] .sendbird-channel-settings__members-list .sendbird-badge,[dir=rtl] .sendbird-channel-settings__members .sendbird-badge{right:auto;left:44px}.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-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}[dir=rtl] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator{right:auto;left:72px}.sendbird-more-members__popup-scroll .sendbird-user-list-item__title{max-width:240px}.sendbird-channel-settings__badge{position:absolute;right:48px}[dir=rtl] .sendbird-channel-settings__badge{right:auto;left: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;padding-bottom:14px}[dir=rtl] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{padding-left:0;padding-right:14px}.sendbird-theme--light .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{background-color:var(--sendbird-light-background-50);border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{background-color:var(--sendbird-dark-background-600);border-bottom:1px solid var(--sendbird-dark-ondark-04)}.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)}@keyframes sendbirdMoveToEnd{0%{inset-inline-end:60%}to{inset-inline-end:10%}}@keyframes sendbirdMoveToStart{0%{inset-inline-end:10%}to{inset-inline-end:60%}}.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToEnd}.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToStart}.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{inset-inline-end:60%}.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{inset-inline-end:10%}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToStart}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToEnd}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{inset-inline-end:10%}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{inset-inline-end:60%}.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:0;padding:0;border:0px;outline:none;font-size:14px;width:calc(100% - 90px)}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{left:auto;right:48px}.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 .sendbird-ui-header__middle__title{margin-left:4px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title{margin-left:0;margin-right:4px}.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}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon{left:auto;right: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}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner{right:auto;left: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}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button{right:auto;left: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}[dir=rtl] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at{right:auto;left: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-inline-start: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-inline-start: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}[dir=rtl] .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{margin-right:0;margin-left:4px}.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}[dir=rtl] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at{right:auto;left: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)}[dir=rtl] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--light .sendbird-thread-ui{border-right:none;border-left:1px solid var(--sendbird-light-onlight-04)}.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)}[dir=rtl] .sendbird-theme--dark .sendbird-thread-ui{border-right:none;border-left:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui__header{width:320px}.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:0 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}[dir=rtl] .sendbird-parent-message-info{padding:12px 16px 12px 12px}.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}[dir=rtl] .sendbird-parent-message-info__content{margin-left:0;margin-right:12px}.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}[dir=rtl] .sendbird-parent-message-info__content__info__sender-name,[dir=rtl] .sendbird-parent-message-info__content__info__sender-name--use-reaction{margin-right:0;margin-left:6px}.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}[dir=rtl] .sendbird-parent-message-info__context-menu{right:auto;left:12px}.sendbird-parent-message-info__context-menu.use-reaction{right:44px}[dir=rtl] .sendbird-parent-message-info__context-menu.use-reaction{right:auto;left:44px}.sendbird-parent-message-info__reaction-menu{position:absolute;top:6px;right:12px;display:none}[dir=rtl] .sendbird-parent-message-info__reaction-menu{right:auto;left:12px}.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:0;margin-right:0;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}[dir=rtl] .sendbird-parent-message-info-item__text-message,[dir=rtl] .sendbird-parent-message-info-item__og-field{padding-right:0;padding-left:4px}.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,.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-message-item-menu__list__menu-item:focus-visible{outline:none}.sendbird-thread-list-item .sendbird-separator{margin:4px 0}.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:0;margin-right:0}.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:0;bottom:2px}[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar{left:auto;right:0}.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}[dir=rtl] .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{right:auto;left:-84px}.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}[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name{margin-left:0;margin-right:12px}.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}[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right{margin-left:0;margin-right:4px}.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,.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}[dir=rtl] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{right:auto;left:4px}.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}[dir=rtl] .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{left:auto;right:-84px}.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:0 0 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,.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:0;margin-right:0}.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,.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)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-right:none;border-left: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)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-right:none;border-left: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)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap{border-left:none;border-right: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}[dir=rtl] .sendbird-app__wrap .sendbird-chat-header__search{margin-right:0;margin-left: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}[dir=rtl] .sendbird-app__wrap .sendbird-channel-settings{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings{border-right:none;border-left: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)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings{border-right:none;border-left: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}.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}[dir=rtl] .sendbird-oepnchannel-header__icon_back{left:auto;right:12px}.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}[dir=rtl] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:auto;right:20px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:50px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:auto;right:50px}.sendbird-openchannel-conversation-header__left__title{position:absolute;left:60px;top:12px}[dir=rtl] .sendbird-openchannel-conversation-header__left__title{left:auto;right:60px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title{left:90px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title{left:auto;right:90px}.sendbird-openchannel-conversation-header__left__sub-title{position:absolute;left:60px;top:36px}[dir=rtl] .sendbird-openchannel-conversation-header__left__sub-title{left:auto;right:60px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title{left:90px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title{left:auto;right:90px}.sendbird-openchannel-conversation-header__right{position:absolute;top:0;right:0;width:64px;height:64px}[dir=rtl] .sendbird-openchannel-conversation-header__right{right:auto;left:0}.sendbird-openchannel-conversation-header__right__trigger{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center}[dir=rtl] .sendbird-openchannel-conversation-header__right__trigger{right:auto;left:16px}.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:0;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,.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}[dir=rtl] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{left:auto;right:calc(50% - 20px)}.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}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar{margin-left:0;margin-right:24px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{position:relative;display:flex;flex-direction:column;width:100%;margin:8px 24px 8px 12px}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{margin:8px 12px 8px 24px}.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}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at{margin-left:0;margin-right: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}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu{right:auto;left:16px}.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}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar{left:auto;right: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}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right{margin:8px 12px 8px 24px}.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}[dir=rtl] .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{margin-left:0;margin-right: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}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{right:auto;left:16px}.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;border-radius:8px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{left:auto;right:64px}.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,.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}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail{left:auto;right:64px}.sendbird-openchannel-og-message--word{display:inline;margin:0 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}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar{margin-left:0;margin-right: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)}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right{margin-left:0;margin-right:12px}.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}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name{margin-right:0;margin-left: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:0;left:0;border-radius:8px;cursor:pointer}[dir=rtl] .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{left:auto;right:0}.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)}[dir=rtl] .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{left:auto;right: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;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;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;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}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu{right:auto;left: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}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar{margin-left:0;margin-right: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)}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right{margin-left:0;margin-right:12px}.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}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at{margin-left:0;margin-right: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}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name{margin-left:16px;margin-right:4px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{position:absolute;display:none;top:8px;right:16px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{right:auto;left: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)}[dir=rtl] .sendbird-theme--light .sendbird-openchannel-settings{border-left:none;border-right: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)}[dir=rtl] .sendbird-theme--dark .sendbird-openchannel-settings{border-left:none;border-right:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-participants-accordion__footer{text-align:left;padding-top:16px;padding-left:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__footer{text-align:right;padding-left:0;padding-right:16px}.sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{position:absolute;left:14px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{left:auto;right:14px}.sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{position:absolute;left:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{left:auto;right: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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{left:auto;right: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}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel{text-align:right}.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__header{text-align:right}.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon{right:auto;left: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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon{right:auto;left: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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label{text-align:right}.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{padding:12px 56px 10px 22px}.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 0 12px 56px;width:100%;height:40px;box-sizing:border-box;text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member{padding:12px 56px 12px 0;text-align:right}.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id{right:auto;left:16px}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action,.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar{left:auto;right:16px}.sendbird-openchannel-settings .sendbird-participants-accordion__member__action{position:absolute;display:none;top:4px;right:8px;cursor:pointer}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action{right:auto;left:8px}.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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer{justify-content:right;padding-left:0;padding-right: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}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2){margin-left:0;margin-right: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}.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}[dir=rtl] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit{right:auto;left:16px}.sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed,.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 0 12px 44px;height:40px;box-sizing:border-box}[dir=rtl] .sendbird-accordion .sendbird-accordion__member{padding:12px 44px 12px 0}.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}[dir=rtl] .sendbird-accordion__panel-header{padding:12px 56px 10px 22px}.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}[dir=rtl] .sendbird-accordion__panel-icon-left{left:auto;right:16px}.sendbird-accordion__panel-icon-right{right:16px}[dir=rtl] .sendbird-accordion__panel-icon-right{right:auto;left:16px;transform:rotate(180deg)}.sendbird-accordion__panel-icon--open{transform:rotate(90deg)}[dir=rtl] .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)}
@layer base {
  :root {
    --font-sans: "Inter var";
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 47.4% 11.2%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;

    --success: 132, 95.3%, 33.3%, 0.74;
    --success-foreground: 109 55% 28%;

    --info: 223 78% 42%;
    --info-foreground: 225 100% 50%;

    --attention: 45 90% 45%;
    --attention-foreground: 60 98.4% 48.8% 0.82;

    --ring: 215 20.2% 65.1%;

    --radius: 0.5rem;
  }


@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    font-feature-settings:
      "rlig" 1,
      "calt" 1;
  }

  .code-sample {
    @apply max-h-[650px] min-h-[350px] overflow-x-auto rounded-lg border bg-zinc-950 dark:bg-zinc-900;
  }

  .code-sample pre {
    @apply min-h-[350px];
  }

  .code-sample span {
    @apply bg-zinc-950;
  }
}
input[type="range"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  font-family: Arial, sans-serif;
}

/* input[type="range"]:focus,
input[type="number"]:focus {
  box-shadow: 0 0 3px 1px #4b81dd;
  outline: none;
} */

input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  min-width: 200px;
  height: 7px;
  background: #f4f4f5;
  border-radius: 5px;
  background-image: linear-gradient(#000, #000);
  background-repeat: no-repeat;
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #000;
  transition: background 0.3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #000;
  transition: background 0.3s ease-in-out;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #000;
  transition: background 0.3s ease-in-out;
}

/* input[type="range"]::-webkit-slider-thumb:hover {
  background: #a1a1aa;
}

input[type="range"]::-moz-range-thumb:hover {
  background: #a1a1aa;
}

input[type="range"]::-ms-thumb:hover {
  background: #a1a1aa;
} */

input[type="range"]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.st-accordion .st-accordion__icon:before {
  content: "▼";
  display: inline-block;
  margin-right: 5px;
  font-size: 80%;
  text-decoration: none;
  transform: rotate(-90deg);
}
.st-accordion .st-accordion__icon--opened:before {
  transform: rotate(0deg);
}

.st-accordion .st-accordion__content:not(.st-accordion__content--visible) {
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.2s;
}
.st-accordion .st-accordion__content.st-accordion__content--visible {
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  transition: all 0.2s;
}

input.error {
  @apply border-red-400;
}

label.error {
  @apply text-destructive;
}
.ss-main {
  border-radius: 12px !important;
  border: unset !important;
  color: #606164 !important;
  padding-left: 12px !important;
}
.ss-selected {
  background-color: #e6edf7 !important;
  color: #5f6164 !important;
}
.ss-content {
  border: unset !important;
  padding: 0 1px 2px !important;
}
.ss-option {
  color: #606164 !important;
}
.ss-option:hover {
  background-color: #f9f9f9 !important;
  color: #5f6164 !important;
}
.ss-arrow {
  opacity: 0.4;
}
.ss-main .ss-values .ss-value {
  height: 45px !important;
}
.ss-values {
  margin-left: -7px;
  margin-top: 2px;
}
.ss-values .ss-value {
  border-radius: 13px !important;
  background-color: #3570C1 !important;
  padding: 0 10px !important;
}
.ss-values .ss-max {
  height: 50px !important;
  padding: 0 20px !important;
  background-color: #3570C1 !important;
  border-radius: 13px !important;
  font-size: 16px !important;
}
.ss-single {
  margin: 0;
  align-items: center;
  height: 50px;
  font-size: 16px;
  padding-left: 8px !important;
}
.ss-placeholder {
  height: 50px !important;
  padding-left: 10px !important; 
}
.ss-main {
  height: auto !important;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border-left: solid 1px transparent !important;
}

.ss-list .ss-option {
  font-weight: 400;
}
.ss-main{
  background-color: transparent !important;
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  stroke: white !important;
}
.ss-main .ss-values .ss-value .ss-value-delete svg {
  transform: scale(1.5);
}
.ss-value .ss-value-text {
  color: white !important;
  font-size: 14px !important;
}
.ss-single {
  color: #000000;
}
@layer components {
  .table-header {
    @apply text-neutral-800 text-sm text-left font-medium font-Lato leading-tight pl-3;
  }

  .table-row-data {
    @apply text-neutral-600 text-sm font-normal font-Lato leading-tight pl-2 pr-2;
  }

  .table-row-bold {
    @apply text-neutral-950 font-semibold font-Lato text-sm leading-tight pl-3
  }

  .sort_link {
    @apply flex items-center after:bg-arrow-down;
  }
  
  .sort_link::after {
    content: "";
    @apply block w-[11px] h-[13px] bg-cover bg-no-repeat ml-1.5;
  }
  
  .sort_link.desc::after {
    @apply bg-arrow-down;
  }

  .sort_link.asc::after {
    @apply bg-arrow-up;
  }

  .nav.pagy-bootstrap {
    @apply w-full mt-3 flex justify-center;
  }

  nav.pagy-bootstrap ul.pagination {
    @apply flex items-center space-x-1.5;
  }

  ul.pagination li.page-item a.page-link {
    @apply flex items-center justify-center w-10 h-10 rounded-full text-neutral-900 text-sm font-normal;
  }

  ul.pagination li.page-item.prev a.page-link,
  ul.pagination li.page-item.next a.page-link {
    color: white !important;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
  }

  ul.pagination li.page-item.prev a.page-link:before,
  ul.pagination li.page-item.next a.page-link:before {
    content: "";
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  ul.pagination li.page-item.next a.page-link:before {
    @apply bg-chevron-right bg-no-repeat bg-center;
  }

  ul.pagination li.page-item.prev a.page-link:before {
    @apply bg-chevron-left bg-no-repeat bg-center;
  }

  ul.pagination li.page-item.disabled a.page-link:before {
    opacity: 0.38 !important;
  }

  ul.pagination li.page-item.active a.page-link {
    @apply bg-primary-700 text-white flex justify-center items-center;
  }
}
@layer components {
  .timeline {
    @apply relative;
  }
  
  .timeline li {
    @apply before:content-[''] before:w-3 before:h-3 before:absolute before:-top-1.5 before:rounded-full before:z-20
  }
  
  .timeline li.done {
    @apply before:bg-check-green before:bg-white;
  }

  .timeline li.deactivated div > p {
    @apply text-neutral-500;
  }

  .timeline li.deactivated div > div {
    @apply text-neutral-400 font-normal;
  }
  
  .timeline li.deactivated::before {
    background: #D5D5D5;
  }

  .timeline li.in-progress::before {
    background: #9AB7E0;
    border: 3px solid #011E47 !important;
  }

  .timeline li:not(:last-child) div {
    @apply before:content-[''] before:h-px before:bg-neutral-900 before:absolute before:top-0 before:w-full before:z-10;
  }
}
@layer components {
  .title-xs {
    @apply self-stretch text-primary-950 text-2xl font-medium font-Jost;
  }

  .title-sm {
    @apply self-stretch text-3xl font-bold font-Jost leading-[38px];
  }

  .title-md {
    @apply self-stretch text-4xl font-bold font-Jost leading-[44px];
  }

  .quotation-title {
    @apply text-2xl font-medium text-primary-700;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

@import "slim-select.css";
@import "bvselect.css";
@import "sendbird.css";

body {
  counter-reset: start-point finish-point origin-point origin-point-inner;
}

.settings-container {
  height: calc(100vh - 340px);
}

::backdrop {
  background-color: #919191;
  opacity: 0.4;
}

/* Sidebar navigation scrollbar styling */
.sidebar-nav-scroll {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent; /* Firefox */
}

/* Webkit browsers (Chrome, Safari, Edge) */
.sidebar-nav-scroll::-webkit-scrollbar {
  width: 4px;
}

.sidebar-nav-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar-nav-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.sidebar-nav-scroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

.modal-layer {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.form-user-creation .field_with_errors label,
.forgot-password .field_with_errors label {
  color: #FF3B30;
}

.form-user-creation .field_with_errors ~ .password-instructions {
  display: none;
}

.form-user-creation .field_with_errors input,
.forgot-password .field_with_errors input {
  border: 2px solid #FF3B30;
  box-shadow: none;
}

.grid-col-custom-300-min {
  grid-template-columns: repeat(3, minmax(0, 300px));
}


/* La regla CSS corregida para la secuencia */
.special-item:nth-child(3n+5) {
  grid-column: span 2; /* Ocupa 2 columnas en CSS Grid */
}

.wrapper-table::-webkit-scrollbar {
  width: 3px;
}

.wrapper-table::-webkit-scrollbar-track {
  background: #CCDBF0;
}

.wrapper-table::-webkit-scrollbar-thumb {
  background: #012E6B;
}



.shadow-list {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

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

.hide-labels .select-label {
  display: none;
}

.transparent-field input {
  background: transparent !important;
  font-size: 16px;
  line-height: 24px;
}

.transparent-field input::placeholder {
  color: #919191;
  font-weight: 400 !important;
}

.padding-0 {
  padding-top: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.center-label .ss-values .ss-placeholder {
  position: relative;
  top: -2px;
}

.remove-shadow {
  box-shadow: none !important;
}

.hover-none {
  pointer-events: none !important;
}

.daterangepicker {
  min-width: 657px !important;
}

.header-arrow-floating svg{
  position: absolute;
  right: 0;
  bottom: 20px;
  color: #D5D5D5;
}

.flex-layout-accordion.header-arrow-floating svg{
  position: relative;
  bottom: 0;
  float: right;
}

.drp-calendar {
  font-family: 'Lato', sans-serif;
  float: none !important;
  display: inline-block !important;
  width: 50% !important;
}

.drp-calendar.left {
  border-right: 1px solid #F2F1F1 !important;
}

.daterangepicker .drp-calendar {
  max-width: none !important;
}

.drp-calendar .calendar-table tbody tr .available,
.drp-calendar .calendar-table thead tr th {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #78797B;
}

.drp-calendar .calendar-table tbody tr .off {
  color: #A8A8A8 !important;
}

.drp-calendar .calendar-table tbody tr td {
  min-width: 40px !important;
  width: 40px !important;
  height: 43px !important;
  border-radius: 0 !important;
  border: none !important;
}
.drp-calendar .calendar-table tbody tr .in-range {
  background: #E6EDF7 !important;
  color: #012E6B !important;
}

.drp-calendar .calendar-table tbody tr .active {
  color: #FFFFFF !important;
  padding: 0 !important;
  border: none !important;
}

.drp-calendar .calendar-table tbody tr .start-date,
.drp-calendar .calendar-table tbody tr .end-date {
  background: #012E6B !important;
  border-radius: 50% !important;
  color: #FFFFFF;
  position: relative !important;
}

.drp-calendar .calendar-table thead tr .month {
  font-size: 16px;
  line-height: 24px;
  color: #78797B;
  font-weight: 500;
}

.drp-buttons {
  padding: 22px 24px !important;
}

.drp-selected {
  display: none !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

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

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background: white;
  cursor: pointer;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="white" d="M7 5.586l5.293-5.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414 1.707 13.707a1 1 0 11-1.414-1.414L5.586 7 .293 1.707A1 1 0 011.707.293L7 5.586z"/></svg>') center / contain no-repeat;
}

input[type="search"] {
  position: relative;
}

input[type="search"]::-moz-search-cancel-button {
  position: absolute;
  right: 10px;
  width: 10px;
  height: 10px;
  background: white;
  cursor: pointer;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="white" d="M7 5.586l5.293-5.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414 1.707 13.707a1 1 0 11-1.414-1.414L5.586 7 .293 1.707A1 1 0 011.707.293L7 5.586z"/></svg>') center / contain no-repeat;
}

.shadow-toggle {
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}

.shadow-chat {
  transition: .3s all ease-in;
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25);
}

.upload-button-shadow {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.sendbird-icon-create {
  display: none !important;
}

.sastifaction-rate button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sastifaction-rate button.active {
  width: 32px;
  height: 32px;
  background: white;
  padding: 10px, 8px, 10px, 8px;
  box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  border-radius: 50%;
}

.sad-rate svg path {
  fill: #EF4444;
  stroke: white;
}

.normal-rate svg path {
  fill: #FFCC00;
  stroke: white;
}

.happy-rate svg path {
  fill: #34C759;
  stroke: white;
}

.svg-white path{
  fill: white;
}

.active-star svg path {
  fill: #FFCC00;
  stroke: #FFCC00;
}

#error-explanation h2 {
  display: none;
}

#error-explanation ul {
  list-style: none;
}

.account-shadow-menu {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.shadow-file {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.plan-selected {
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}

.sendbird-channel-preview__avatar, .sendbird-channel-header__title__left, .sendbird-avatar{
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.sendbird-chat-header .sendbird-chat-header__right__info {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.sendbird-channel-preview__content__upper {
  width: 100% !important;
}

.executive-gradient {
  background: linear-gradient(180deg, #024CB2 0%, #012E6B 100%);
}

.counter-button-shadow {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

/* Quitar los botones en navegadores WebKit (Chrome, Safari) */
input.remove-controls-input[type="number"]::-webkit-outer-spin-button,
input.remove-controls-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* Quitar los botones en Firefox */
[type="number"],
input.remove-controls-input[type="number"] {
  -moz-appearance: textfield !important;
}

.modal-legal-blur {
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(11.5px);
  -moz-backdrop-filter: blur(11.5px);
  -o-backdrop-filter: blur(11.5px);
  backdrop-filter: blur(11.5px);
}

.modal-legal-shadow {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
}

.modal-legal-header-shadow {
  box-shadow: 0px -32px 64px -12px rgba(16, 24, 40, 0.4);
}