[data-chatbox-root][data-chatbox-context="widget"] {
  border-radius: 7px;
}

.ipsWidget__header.cChatboxRoomHead {
  color: var(--i-widget-header--co);
}

[data-chatbox-root] .cChatboxFeedback {
  margin-bottom: 12px;
  padding: 8px 12px;
  border-radius: 7px 7px 0 0;
  font-size: 12px;
  font-weight: 600;
}

.cChatboxRoomHead__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cChatboxSoundButton {
  width: 34px;
  padding: 0;
  justify-content: center;
}

.cChatboxSoundButton[aria-pressed="false"] {
  color: var(--i-color_soft);
}

.cChatboxComposer {
  margin: 0;
}

.cChatboxComposer__form {
  margin: 0;
}

.cChatboxComposer__giphyPreview {
  position: relative;
  width: fit-content;
  max-width: 120px;
  margin-bottom: 6px;
}

.cChatboxComposer__giphyPreview[hidden] {
  display: none;
}

.cChatboxComposer__giphyPreview img {
  display: block;
  width: auto;
  max-width: 120px;
  height: 72px;
  border-radius: 6px;
  object-fit: cover;
}

.cChatboxComposer__giphyPreview button {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--i-background_dark);
  color: var(--i-color_root);
  cursor: pointer;
}

.cChatboxComposer__row {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 42px;
  background: #2b313d;
  border: 1px solid #3a4150;
  border-radius: 6px;
  overflow: hidden;
}

.cChatboxComposer__action {
  appearance: none;
  border: 0;
  border-right: 1px solid #3a4150;
  background: transparent;
  color: #d8deea;
  cursor: pointer;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  font-size: 14px;
  line-height: 1;
  transition: background-color .15s ease, color .15s ease;
}

.cChatboxComposer__action:hover,
.cChatboxComposer__action:focus-visible {
  background: #343b48;
  color: #ffffff;
  outline: 0;
}

.cChatboxComposer__action--icon {
  width: 42px;
  padding: 0;
  font-size: 16px;
}

.cChatboxComposer__action--giphy {
  gap: 7px;
  font-weight: 600;
  letter-spacing: 0;
}

.cChatboxComposer__giphyMark {
  width: 13px;
  height: 16px;
  object-fit: fill;
}

.cChatboxComposer__inputWrap {
  flex: 1 1 auto;
  min-width: 0;
  background: #2f3642;
}

.cChatboxComposer__input {
  width: 100%;
  height: 42px;
  border: 0;
  background: transparent;
  color: #e9eef8;
  padding: 0 14px;
  font-size: 14px;
  box-shadow: none;
}

.cChatboxComposer__input::placeholder {
  color: #aeb7c8;
  opacity: 1;
}

.cChatboxComposer__input:focus {
  outline: 0;
  box-shadow: none;
}

.cChatboxComposer__action--submit {
  width: 44px;
  padding: 0;
  border-right: 0;
  border-left: 1px solid #3a4150;
  background: #1d2530;
  color: #7fb2ff;
}

.cChatboxComposer__action--submit:hover,
.cChatboxComposer__action--submit:focus-visible {
  background: #243042;
  color: #a8c9ff;
}

.cChatboxGiphyDialog {
  width: min(520px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 32px));
  padding: 0;
  border: 1px solid var(--i-border_2);
  border-radius: 8px;
  background: var(--i-background_1);
  color: var(--i-color_hard);
  box-shadow: var(--i-dropdown--bo-sh);
}

.cChatboxGiphyDialog::backdrop {
  background: color-mix(in srgb, var(--i-color_hard) 45%, transparent);
}

.cChatboxGiphyDialog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--i-border_2);
  background: var(--i-background_2);
}

.cChatboxGiphyDialog__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
}

.cChatboxGiphyDialog__mark {
  width: 14px;
  height: 18px;
}

.cChatboxGiphyDialog__close {
  appearance: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--i-color_soft);
  cursor: pointer;
}

.cChatboxGiphyDialog__search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--i-border_2);
}

.cChatboxGiphyDialog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-height: min(350px, calc(100vh - 220px));
  padding: 12px 16px;
  overflow-y: auto;
}

.cChatboxGiphyDialog__result {
  appearance: none;
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--i-border_2);
  border-radius: 6px;
  background: var(--i-background_2);
  cursor: pointer;
}

.cChatboxGiphyDialog__result img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cChatboxGiphyDialog__empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px 12px;
  text-align: center;
  color: var(--i-color_soft);
}

.cChatboxGiphyDialog__attribution {
  margin: 0;
  padding: 8px 16px 12px;
  text-align: end;
  color: var(--i-color_soft);
  font-size: 12px;
}

.cChatboxGiphyLink {
  display: inline-block;
  max-width: 100%;
}

.cChatboxGiphyLink--withText {
  margin-inline-start: .35em;
}

.cChatboxGiphyImage {
  display: block;
  width: auto;
  max-width: min(280px, 100%);
  max-height: 240px;
  border-radius: 6px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  cursor: default;
  transition: none;
  transform: none;
  filter: none;
  box-shadow: none;
}

.cChatboxGiphyImage:hover,
.cChatboxGiphyImage:focus,
.cChatboxGiphyImage:active {
  transform: none;
  filter: none;
  box-shadow: none;
  outline: none;
}

.cChatboxGiphyImage--withText {
  margin-inline-start: .35em;
}

.cChatboxMessage__metaTools {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
}

.cChatboxMessageMenu {
  position: relative;
}

.cChatboxMessageMenu__trigger {
  appearance: none;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--i-color_soft);
  cursor: pointer;
}

.cChatboxMessageMenu__trigger:hover,
.cChatboxMessageMenu__trigger:focus-visible,
.cChatboxMessageMenu__trigger[aria-expanded="true"] {
  background: var(--i-background_3);
  color: var(--i-color_hard);
  outline: 0;
}

.cChatboxMessageMenu__items {
  position: absolute;
  z-index: calc(var(--ips-js-zindex-top) + 1);
  top: calc(100% + 3px);
  right: 0;
  width: 180px;
  padding: 4px;
  border: 1px solid var(--i-border_2);
  border-radius: 6px;
  background: var(--i-background_1);
  box-shadow: var(--i-dropdown--bo-sh);
}

.cChatboxMessageMenu__items[hidden] {
  display: none;
}

.cChatboxMessageMenu__items button {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 34px;
  padding: 6px 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--i-color_hard);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.cChatboxMessageMenu__items button:hover,
.cChatboxMessageMenu__items button:focus-visible {
  background: var(--i-background_3);
  outline: 0;
}

.cChatboxMessageMenu__items i {
  width: 16px;
  color: var(--i-color_soft);
  text-align: center;
}

.cChatboxEditDialog {
  width: min(460px, calc(100vw - 24px));
  padding: 0;
  border: 1px solid var(--i-border_2);
  border-radius: 8px;
  background: var(--i-background_1);
  color: var(--i-color_hard);
  box-shadow: var(--i-dropdown--bo-sh);
}

.cChatboxEditDialog::backdrop {
  background: rgb(0 0 0 / 45%);
}

.cChatboxEditDialog__form {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.cChatboxEditDialog__title {
  margin: 0;
  font-size: 16px;
}

.cChatboxConfirmDialog__message {
  margin: 0;
  color: var(--i-color_soft);
}

.cChatboxEditDialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 767px) {
  .cChatboxComposer__row {
    min-height: 40px;
  }

  .cChatboxComposer__action,
  .cChatboxComposer__input,
  .cChatboxComposer__action--submit {
    height: 40px;
  }

  .cChatboxComposer__action--giphy {
    padding: 0 10px;
    font-size: 13px;
  }

  .cChatboxGiphyDialog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.cChatboxFeedback{margin-bottom:12px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600}.cChatboxFeedback--error{background:rgba(190,55,55,.08);border:1px solid rgba(190,55,55,.18);color:#c86b6b}.cChatboxFeedback--success{background:rgba(62,135,82,.08);border:1px solid rgba(62,135,82,.18);color:#4e8e61}.cChatboxRoomHead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;font-weight:700;color:var(--i-color_hard)}.cChatboxRoomHead select{max-width:260px}.cChatboxStream{max-height:300px;overflow-y:auto;padding:16px;border:1px solid color-mix(in srgb,var(--i-border_2) 88%, transparent);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.03)),var(--i-background_1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cChatboxStream--compact{max-height:300px}.cChatboxComposerWrap{margin-top:14px}.cChatboxComposerWrap--above{margin-top:0;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--i-border_2)}.cChatboxComposerWrap--below{padding-top:14px;border-top:1px solid var(--i-border_2)}.cChatboxMessages{display:grid;gap:14px}.cChatboxMessages--compact{gap:12px}.cChatboxMessage{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start}.cChatboxMessage__avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--i-background_2);margin-top:2px}.cChatboxMessage__avatar .ipsUserPhoto{width:32px;height:32px;border-radius:50%;display:block}.cChatboxMessage__avatar .ipsUserPhoto img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.cChatboxMessage__main{min-width:0}.cChatboxMessage__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;min-height:32px}.cChatboxMessage__author{font-size:14px;line-height:1.2;font-weight:600;min-width:0}.cChatboxMessage__author a{color:inherit;text-decoration:none}.cChatboxMessage__author a:hover,.cChatboxMessage__author a:focus-visible{text-decoration:underline}.cChatboxMessage__time{font-size:11px;color:var(--i-color_soft);white-space:nowrap;flex:0 0 auto}.cChatboxMessage__room{margin-top:0;font-size:11px;line-height:1.3;color:var(--i-color_soft);opacity:.78}.cChatboxMessage__bubble{margin-top:4px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--i-border_2) 90%, transparent);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--i-background_2)}.cChatboxMessage__bubble .ipsType_richText,.cChatboxMessage__bubble .ipsType_normal{margin:0;font-size:14px;line-height:1.55}.cChatboxEmpty{padding:18px 12px;border:1px dashed var(--i-border_2);border-radius:8px;text-align:center;color:var(--i-color_soft);background:rgba(255,255,255,.02)}.cChatboxComposer{position:relative}.cChatboxComposer__row{min-height:46px;border:1px solid var(--i-border_2);border-radius:10px;overflow:visible;background:var(--i-background_2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cChatboxComposer__pickerAnchorWrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.cChatboxComposer__pickerLayer{position:absolute;left:0;top:calc(100% + 8px);z-index:1201;display:none;padding:0;pointer-events:auto}.cChatboxComposer__pickerLayer:has(.ipsIconPicker__dialog){display:block}.cChatboxComposer__pickerHost{display:block;overflow:visible}.cChatboxComposer__pickerHost .ipsIconPicker__dialog{width:280px!important;max-width:none!important;height:450px!important;position:static!important;transform:none!important;left:auto!important;top:auto!important}.cChatboxComposer__pickerHost .ipsIconPicker{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.cChatboxComposer__action{appearance:none;border:0;border-right:1px solid var(--i-border_2);background:transparent;color:var(--i-color_hard);cursor:pointer;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px;line-height:1;transition:background-color .15s ease,color .15s ease}.cChatboxComposer__action:hover,.cChatboxComposer__action:focus-visible{background:var(--i-background_3);color:var(--i-color_hard);outline:0}.cChatboxComposer__action--icon{width:46px;padding:0;font-size:16px}.cChatboxComposer__action--giphy{font-weight:600;letter-spacing:.01em}.cChatboxComposer__inputWrap{flex:1 1 auto;min-width:0;background:transparent}.cChatboxComposer__input{width:100%;height:46px;border:0;background:transparent;color:var(--i-color_hard);padding:0 14px;font-size:14px;box-shadow:none}.cChatboxComposer__input::placeholder{color:var(--i-color_soft);opacity:1}.cChatboxComposer__input:focus{outline:0;box-shadow:none}.cChatboxComposer__action--submit{width:50px;padding:0;border-right:0;border-left:1px solid var(--i-border_2);background:var(--i-background_3);color:var(--i-link)}.cChatboxComposer__action--submit:hover,.cChatboxComposer__action--submit:focus-visible{background:var(--i-primary);color:#fff}

.cChatboxOnlineButton{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--i-border_2);border-radius:6px;background:var(--i-background_2);color:var(--i-color_hard);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.cChatboxOnlineButton:hover,.cChatboxOnlineButton:focus-visible{background:var(--i-background_3);outline:0}.cChatboxOnlineDialog{width:min(430px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 24px));padding:0;border:1px solid var(--i-border_2);border-radius:8px;background:var(--i-background_1);color:var(--i-color_hard);box-shadow:var(--i-dropdown--bo-sh)}.cChatboxOnlineDialog::backdrop{background:rgba(0,0,0,.48)}.cChatboxOnlineDialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--i-border_2);background:var(--i-background_2)}.cChatboxOnlineDialog__title{margin:0;font-size:16px}.cChatboxOnlineDialog__close{appearance:none;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--i-color_soft);cursor:pointer}.cChatboxOnlineDialog__close:hover{background:var(--i-background_3);color:var(--i-color_hard)}.cChatboxOnlineDialog__list{display:grid;max-height:min(560px,calc(100vh - 110px));overflow-y:auto}.cChatboxOnlineDialog__empty{padding:28px 16px;text-align:center;color:var(--i-color_soft)}.cChatboxOnlineMember{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--i-border_2)}.cChatboxOnlineMember:last-child{border-bottom:0}.cChatboxOnlineMember__main{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}.cChatboxOnlineMember__main:hover .cChatboxOnlineMember__name{text-decoration:underline}.cChatboxOnlineMember__photo{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto}.cChatboxOnlineMember__identity{min-width:0}.cChatboxOnlineMember__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.cChatboxOnlineMember__status{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:var(--i-color_soft)}.cChatboxOnlineMember__dot{width:7px;height:7px;border-radius:50%;background:var(--i-color_positive)}.cChatboxOnlineMember__actions{display:flex;align-items:center;gap:4px}.cChatboxOnlineMember__icon,.cChatboxOnlineMember__menu summary{appearance:none;display:grid;place-content:center;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--i-color_soft);cursor:pointer;list-style:none}.cChatboxOnlineMember__icon:hover,.cChatboxOnlineMember__menu summary:hover{background:var(--i-background_3);color:var(--i-color_hard)}.cChatboxOnlineMember__menu{position:relative}.cChatboxOnlineMember__menu summary::-webkit-details-marker{display:none}.cChatboxOnlineMember__menuPanel{position:absolute;z-index:2;inset-inline-end:0;top:calc(100% + 4px);display:grid;min-width:180px;padding:5px;border:1px solid var(--i-border_2);border-radius:6px;background:var(--i-background_1);box-shadow:var(--i-dropdown--bo-sh)}.cChatboxOnlineMember__menuPanel button,.cChatboxOnlineMember__menuPanel a{appearance:none;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--i-color_hard);font:inherit;text-align:start;text-decoration:none;cursor:pointer}.cChatboxOnlineMember__menuPanel button:hover,.cChatboxOnlineMember__menuPanel a:hover{background:var(--i-background_3)}.cChatboxOnlineMember__menuPanel .cChatboxOnlineMember__danger{color:var(--i-color_negative)}.cChatboxEmojiPickerPortal{position:fixed!important;position-anchor:--c-chatbox-emoji-trigger;position-area:top span-right;position-try-fallbacks:flip-block,flip-inline;inset:auto!important;width:280px;max-width:calc(100vw - 16px);margin-block:8px;z-index:calc(var(--ips-js-zindex-top) + 1)}.cChatboxComposer__action--pickerOpen{anchor-name:--c-chatbox-emoji-trigger}.cChatboxEmojiPickerPortal .ipsIconPicker__tabs{order:1;display:flex;justify-content:flex-start;padding:.5em;background:var(--i-background_2)}.cChatboxEmojiPickerPortal .ipsIconPicker__container{order:2}.cChatboxEmojiPickerPortal .ipsIconPicker__search{order:3;border-top:1px solid var(--i-border_2)}.cChatboxEmojiPicker__categories{width:100%;min-width:0;max-width:100%}.cChatboxComposer__input--mentionOpen{anchor-name:--c-chatbox-mention-input}.cChatboxMentionSuggestions{position:fixed;position-anchor:--c-chatbox-mention-input;position-area:top span-right;position-try-fallbacks:flip-block,flip-inline;inset:auto;width:320px;max-width:calc(100vw - 16px);max-height:240px;margin-block:6px;overflow-y:auto;border:1px solid var(--i-border_2);border-radius:var(--i-box--bo-ra);background:var(--i-background_2);box-shadow:var(--i-dropdown--bo-sh);z-index:calc(var(--ips-js-zindex-top) + 1)}.cChatboxMentionSuggestions__option{appearance:none;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;color:var(--i-color_hard);text-align:start;cursor:pointer}.cChatboxMentionSuggestions__option:hover,.cChatboxMentionSuggestions__option--active{background:var(--i-background_3)}.cChatboxMentionSuggestions__photo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto}@media(max-width:767px){.cChatboxOnlineDialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.cChatboxOnlineDialog__list{max-height:calc(100dvh - 63px)}}

.cChatboxOnlineDialog__close{display:grid!important;place-items:center;padding:0!important;line-height:1!important;text-align:center!important}.cChatboxOnlineDialog__close i{display:block;margin:0;line-height:1}.cChatboxPrivateTarget{display:flex;align-items:center;gap:7px;height:34px;margin-inline-start:6px;padding-inline-start:10px;border:1px solid #b76368;border-radius:6px;background:#cd5c5c40;font-size:12px;font-weight:700;white-space:nowrap}.cChatboxPrivateTarget[hidden]{display:none}.cChatboxPrivateTarget button{appearance:none;display:grid;place-content:center;width:30px;height:32px;border:0;border-inline-start:1px solid var(--i-border_2);background:transparent;color:var(--i-color_soft);cursor:pointer}.cChatboxPrivateTarget button:hover,.cChatboxPrivateTarget button:focus-visible{color:var(--i-color_hard);outline:0}.cChatboxOnlineMember{display:block}.cChatboxOnlineMember__main{appearance:none;width:100%;padding:0;border:0;background:transparent;font:inherit;text-align:start;cursor:pointer}.cChatboxOnlineMember__main:disabled{cursor:default;opacity:.72}.cChatboxOnlineMember__actions{display:none}