@planningcenter/topbar 9.4.3 → 9.5.0-rc.10

package/dist/topbar.css

@@ -46,5 +46,5 @@
     --str-chat__primary-surface-color
   );--str-chat__message-reactions-option-selected-background-color:var(
     --str-chat__primary-color-low-emphasis
-  );--str-chat__message-reactions-option-border-block-start:none;--str-chat__message-reactions-option-border-block-end:none;--str-chat__message-reactions-option-border-inline-start:none;--str-chat__message-reactions-option-border-inline-end:none;--str-chat__message-reactions-option-box-shadow:none}.str-chat__reaction-selector .str-chat__message-reactions-options{-webkit-border-before:var(--str-chat__message-reactions-options-border-block-start);-webkit-border-after:var(--str-chat__message-reactions-options-border-block-end);-webkit-border-start:var(--str-chat__message-reactions-options-border-inline-start);-webkit-border-end:var(--str-chat__message-reactions-options-border-inline-end);background:var(--str-chat__message-reactions-options-background-color);border-block-end:var(--str-chat__message-reactions-options-border-block-end);border-block-start:var(--str-chat__message-reactions-options-border-block-start);border-inline-end:var(--str-chat__message-reactions-options-border-inline-end);border-inline-start:var(--str-chat__message-reactions-options-border-inline-start);border-radius:var(--str-chat__message-reactions-options-border-radius);box-shadow:var(--str-chat__message-reactions-options-box-shadow);color:var(--str-chat__message-reactions-options-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{-webkit-border-before:var(--str-chat__message-reactions-option-border-block-start);-webkit-border-after:var(--str-chat__message-reactions-option-border-block-end);-webkit-border-start:var(--str-chat__message-reactions-option-border-inline-start);-webkit-border-end:var(--str-chat__message-reactions-option-border-inline-end);background:var(--str-chat__message-reactions-option-background-color);border-block-end:var(--str-chat__message-reactions-option-border-block-end);border-block-start:var(--str-chat__message-reactions-option-border-block-start);border-inline-end:var(--str-chat__message-reactions-option-border-inline-end);border-inline-start:var(--str-chat__message-reactions-option-border-inline-start);border-radius:var(--str-chat__message-reactions-option-border-radius);box-shadow:var(--str-chat__message-reactions-option-box-shadow);color:var(--str-chat__message-reactions-option-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option:hover{background-color:var(--str-chat__message-reactions-option-hover-background-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option.str-chat__message-reactions-option-selected{background-color:var(--str-chat__message-reactions-option-selected-background-color)}.str-chat{--str-chat__modal-border-radius:var(--str-chat__border-radius-sm);--str-chat__modal-color:var(--str-chat__text-color);--str-chat__modal-background-color:var(--str-chat__secondary-background-color);--str-chat__modal-overlay-color:var(--str-chat__secondary-overlay-color);--str-chat__modal-overlay-backdrop-filter:blur(3px);--str-chat__modal-border-block-start:none;--str-chat__modal-border-block-end:none;--str-chat__modal-border-inline-start:none;--str-chat__modal-border-inline-end:none;--str-chat__modal-box-shadow:none;--str-chat__modal-close-icon-background:var(--str-chat__text-low-emphasis-color);--str-chat__modal-close-icon-color:var(--str-chat__on-disabled-color)}.str-chat__modal{-webkit-backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);background-color:var(--str-chat__modal-overlay-color)}.str-chat__modal .str-chat__modal__inner{-webkit-border-before:var(--str-chat__modal-border-block-start);-webkit-border-after:var(--str-chat__modal-border-block-end);-webkit-border-start:var(--str-chat__modal-border-inline-start);-webkit-border-end:var(--str-chat__modal-border-inline-end);background:var(--str-chat__modal-background-color);border-block-end:var(--str-chat__modal-border-block-end);border-block-start:var(--str-chat__modal-border-block-start);border-inline-end:var(--str-chat__modal-border-inline-end);border-inline-start:var(--str-chat__modal-border-inline-start);border-radius:var(--str-chat__modal-border-radius);box-shadow:var(--str-chat__modal-box-shadow);color:var(--str-chat__modal-color)}.str-chat__modal .str-chat__modal__close-button{background:none;border:none;outline:none}.str-chat__modal .str-chat__modal__close-button svg path{fill:var(--str-chat__modal-close-icon-color)}.str-chat__modal .str-chat__modal__close-button svg circle,.str-chat__modal .str-chat__modal__close-button svg rect{fill:var(--str-chat__modal-close-icon-background)}.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner{background-color:transparent;height:unset;padding:0;width:unset}.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img{cursor:default;max-height:calc(100vh - 80px);max-width:unset}.str-chat{--str-chat__message-notification-background-color:var(--str-chat__primary-color);--str-chat__message-notification-border-block-start:none;--str-chat__message-notification-border-block-end:none;--str-chat__message-notification-border-inline-start:none;--str-chat__message-notification-border-inline-end:none;--str-chat__message-notification-border-radius:50px;--str-chat__message-notification-box-shadow:none;--str-chat__message-notification-color:var(--str-chat__on-primary-color)}.str-chat__message-notification{-webkit-border-before:var(--str-chat__message-notification-border-block-start);-webkit-border-after:var(--str-chat__message-notification-border-block-end);-webkit-border-start:var(--str-chat__message-notification-border-inline-start);-webkit-border-end:var(--str-chat__message-notification-border-inline-end);background:var(--str-chat__message-notification-background-color);border-block-end:var(--str-chat__message-notification-border-block-end);border-block-start:var(--str-chat__message-notification-border-block-start);border-inline-end:var(--str-chat__message-notification-border-inline-end);border-inline-start:var(--str-chat__message-notification-border-inline-start);border-radius:var(--str-chat__message-notification-border-radius);box-shadow:var(--str-chat__message-notification-box-shadow);color:var(--str-chat__message-notification-color);cursor:pointer;font:var(--str-chat__caption-text)}.str-chat{--str-chat__notification-list-border-radius:none;--str-chat__notification-list-color:var(--str-chat__notification-list-text-color);--str-chat__notification-list-background-color:transparent;--str-chat__notification-list-border-block-start:none;--str-chat__notification-list-border-block-end:none;--str-chat__notification-list-border-inline-start:none;--str-chat__notification-list-border-inline-end:none;--str-chat__notification-list-box-shadow:none}.str-chat__list-notifications{-webkit-border-before:var(--str-chat__notification-list-border-block-start);-webkit-border-after:var(--str-chat__notification-list-border-block-end);-webkit-border-start:var(--str-chat__notification-list-border-inline-start);-webkit-border-end:var(--str-chat__notification-list-border-inline-end);background:var(--str-chat__notification-list-background-color);border-block-end:var(--str-chat__notification-list-border-block-end);border-block-start:var(--str-chat__notification-list-border-block-start);border-inline-end:var(--str-chat__notification-list-border-inline-end);border-inline-start:var(--str-chat__notification-list-border-inline-start);border-radius:var(--str-chat__notification-list-border-radius);box-shadow:var(--str-chat__notification-list-box-shadow);color:var(--str-chat__notification-list-color)}.str-chat{--str-chat__notification-border-radius:var(--str-chat__border-radius-sm);--str-chat__notification-color:var(--str-chat__opaque-surface-text-color);--str-chat__notification-background-color:var(--str-chat__opaque-surface-background-color);--str-chat__notification-border-block-start:none;--str-chat__notification-border-block-end:none;--str-chat__notification-border-inline-start:none;--str-chat__notification-border-inline-end:none;--str-chat__notification-box-shadow:0 0 8px var(--str-chat__box-shadow-color)}.str-chat__notification{-webkit-border-before:var(--str-chat__notification-border-block-start);-webkit-border-after:var(--str-chat__notification-border-block-end);-webkit-border-start:var(--str-chat__notification-border-inline-start);-webkit-border-end:var(--str-chat__notification-border-inline-end);background:var(--str-chat__notification-background-color);border-block-end:var(--str-chat__notification-border-block-end);border-block-start:var(--str-chat__notification-border-block-start);border-inline-end:var(--str-chat__notification-border-inline-end);border-inline-start:var(--str-chat__notification-border-inline-start);border-radius:var(--str-chat__notification-border-radius);box-shadow:var(--str-chat__notification-box-shadow);color:var(--str-chat__notification-color);font:var(--str-chat__subtitle-text)}.str-chat{--str-chat__thread-border-radius:0;--str-chat__thread-color:var(--str-chat__text-color);--str-chat__thread-background-color:var(--str-chat__secondary-background-color);--str-chat__thread-border-block-start:none;--str-chat__thread-border-block-end:none;--str-chat__thread-border-inline-start:1px solid var(--str-chat__surface-color);--str-chat__thread-border-inline-end:none;--str-chat__thread-box-shadow:none;--str-chat__thread-header-border-radius:0;--str-chat__thread-header-color:var(--str-chat__text-color);--str-chat__thread-header-background-color:var(--str-chat__secondary-background-color);--str-chat__thread-header-border-block-start:none;--str-chat__thread-header-border-block-end:none;--str-chat__thread-header-border-inline-start:none;--str-chat__thread-header-border-inline-end:none;--str-chat__thread-header-box-shadow:none;--str-chat__thread-header-info-color:var(--str-chat__text-low-emphasis-color)}.str-chat__thread-container{-webkit-border-before:var(--str-chat__thread-border-block-start);-webkit-border-after:var(--str-chat__thread-border-block-end);-webkit-border-start:var(--str-chat__thread-border-inline-start);-webkit-border-end:var(--str-chat__thread-border-inline-end);background:var(--str-chat__thread-background-color);border-block-end:var(--str-chat__thread-border-block-end);border-block-start:var(--str-chat__thread-border-block-start);border-inline-end:var(--str-chat__thread-border-inline-end);border-inline-start:var(--str-chat__thread-border-inline-start);border-radius:var(--str-chat__thread-border-radius);box-shadow:var(--str-chat__thread-box-shadow);color:var(--str-chat__thread-color)}.str-chat__thread-container .str-chat__thread-header{-webkit-border-before:var(--str-chat__thread-header-border-block-start);-webkit-border-after:var(--str-chat__thread-header-border-block-end);-webkit-border-start:var(--str-chat__thread-header-border-inline-start);-webkit-border-end:var(--str-chat__thread-header-border-inline-end);background:var(--str-chat__thread-header-background-color);border-block-end:var(--str-chat__thread-header-border-block-end);border-block-start:var(--str-chat__thread-header-border-block-start);border-inline-end:var(--str-chat__thread-header-border-inline-end);border-inline-start:var(--str-chat__thread-header-border-inline-start);border-radius:var(--str-chat__thread-header-border-radius);box-shadow:var(--str-chat__thread-header-box-shadow);color:var(--str-chat__thread-header-color)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-title{font:var(--str-chat__subtitle-medium-text)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-subtitle{color:var(--str-chat__thread-header-info-color);font:var(--str-chat__body-text)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{background-color:transparent;border:none}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg path{fill:var(--str-chat__thread-color)}.str-chat{--str-chat__tooltip-border-radius:var(--str-chat__border-radius-xs);--str-chat__tooltip-color:var(--str-chat__text-color);--str-chat__tooltip-background-color:var(--str-chat__secondary-background-color);--str-chat__tooltip-border-block-start:none;--str-chat__tooltip-border-block-end:none;--str-chat__tooltip-border-inline-start:none;--str-chat__tooltip-border-inline-end:none;--str-chat__tooltip-box-shadow:0 0 20px var(--str-chat__box-shadow-color)}.str-chat__tooltip{-webkit-border-before:var(--str-chat__tooltip-border-block-start);-webkit-border-after:var(--str-chat__tooltip-border-block-end);-webkit-border-start:var(--str-chat__tooltip-border-inline-start);-webkit-border-end:var(--str-chat__tooltip-border-inline-end);background:var(--str-chat__tooltip-background-color);border-block-end:var(--str-chat__tooltip-border-block-end);border-block-start:var(--str-chat__tooltip-border-block-start);border-inline-end:var(--str-chat__tooltip-border-inline-end);border-inline-start:var(--str-chat__tooltip-border-inline-start);border-radius:var(--str-chat__tooltip-border-radius);box-shadow:var(--str-chat__tooltip-box-shadow);color:var(--str-chat__tooltip-color);font:var(--str-chat__caption-text)}.str-chat__tooltip:after{background-color:var(--str-chat__tooltip-background-color)}.str-chat{--str-chat__typing-indicator-border-radius:none;--str-chat__typing-indicator-color:var(--str-chat__text-low-emphasis-color);--str-chat__typing-indicator-background-color:var(--str-chat__overlay-color);--str-chat__typing-indicator-border-block-start:none;--str-chat__typing-indicator-border-block-end:none;--str-chat__typing-indicator-border-inline-start:none;--str-chat__typing-indicator-border-inline-end:none;--str-chat__typing-indicator-box-shadow:none;--str-chat__typing-indicator-dot-background-color:var(--str-chat__text-color)}.str-chat__typing-indicator{-webkit-border-before:var(--str-chat__typing-indicator-border-block-start);-webkit-border-after:var(--str-chat__typing-indicator-border-block-end);-webkit-border-start:var(--str-chat__typing-indicator-border-inline-start);-webkit-border-end:var(--str-chat__typing-indicator-border-inline-end);background:var(--str-chat__typing-indicator-background-color);border-block-end:var(--str-chat__typing-indicator-border-block-end);border-block-start:var(--str-chat__typing-indicator-border-block-start);border-inline-end:var(--str-chat__typing-indicator-border-inline-end);border-inline-start:var(--str-chat__typing-indicator-border-inline-start);border-radius:var(--str-chat__typing-indicator-border-radius);box-shadow:var(--str-chat__typing-indicator-box-shadow);color:var(--str-chat__typing-indicator-color)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{animation:dotFlashing 1s infinite alternate;background-color:var(--str-chat__typing-indicator-dot-background-color);border-radius:999px}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:first-child{animation-delay:0s}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(2){animation-delay:.5s}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(3){animation-delay:1s}@keyframes dotFlashing{0%{opacity:1}50%{opacity:.6}to{opacity:.2}}@font-face{font-family:ReplaceFlagEmojiPNG;src:url(../../../stream-chat-react/dist/assets/NotoColorEmoji-flags.woff2) format("woff2");unicode-range:u+1f1e6-1f1ff}@font-face{font-family:ReplaceFlagEmojiSVG;src:url(../../../stream-chat-react/dist/assets/EmojiOneColor.woff2) format("woff2");unicode-range:u+1f1e6-1f1ff}.str-chat--windows-flags .emoji-mart-emoji-native *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__textarea__textarea{font-display:swap;font-family:ReplaceFlagEmojiPNG,var(--str-chat__font-family),sans-serif}@-moz-document url-prefix(""){.str-chat--windows-flags .emoji-mart-emoji-native *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__textarea__textarea{font-display:swap;font-family:ReplaceFlagEmojiSVG,var(--str-chat__font-family),sans-serif}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.str-chat{--str-chat__channel-list-border-inline-end:none;--str-chat__channel-list-load-more-border-radius:3px;--str-chat__channel-list-load-more-background-color:#2462f5;--str-chat__message-input-border-radius:8px;--str-chat__message-input-border-block-start:1px solid #cfcfcf;--str-chat__message-input-border-block-end:1px solid #cfcfcf;--str-chat__message-input-border-inline-start:1px solid #cfcfcf;--str-chat__message-input-border-inline-end:1px solid #cfcfcf;--str-chat__message-actions-box-border-radius:4px;--str-chat__message-actions-box-border-block-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-block-end:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-end:1px solid #e5e6e6;--str-chat__message-actions-box-box-shadow:0 4px 12px rgba(0,0,0,.12);--str-chat__message-actions-box-item-hover-background-color:#f0f0f0;--str-chat__message-reactions-options-border-radius:8px;--str-chat__message-reactions-option-border-radius:8px;--str-chat__message-textarea-border-radius:8px;--str-chat__message-textarea-border-block-start:none;--str-chat__message-textarea-border-block-end:none;--str-chat__message-textarea-border-inline-start:none;--str-chat__message-textarea-border-inline-end:none;--str-chat__image-attachment-border-radius:8px;--str-chat__image-gallery-attachment-border-radius:8px;--str-chat__attachment-preview-list-border-radius:8px;--str-chat__attachment-preview-image-border-radius:8px;--str-chat__caption-text:12px/1.3em var(--str-chat__font-family);--str-chat__caption-medium-text:500 12px/1.3em var(--str-chat__font-family);--str-chat__body-text:14px/1.4em var(--str-chat__font-family);--str-chat__body-medium-text:500 14px/1.4em var(--str-chat__font-family);--str-chat__spacing-0_5:2px;--str-chat__spacing-1:4px;--str-chat__spacing-1_5:6px;--str-chat__spacing-2:8px;--str-chat__spacing-2_5:10px;--str-chat__spacing-3:12px;--str-chat__spacing-3_5:14px;--str-chat__spacing-4:16px;--str-chat__spacing-5:20px;--str-chat__spacing-6:24px;--str-chat__spacing-7:28px;--str-chat__spacing-8:32px;--str-chat__spacing-9:36px;--str-chat__spacing-10:40px;--str-chat__spacing-11:44px;--str-chat__spacing-12:48px;--str-chat__spacing-14:56px;--str-chat__spacing-16:64px;--original-width:0;--original-height:0;--stream-chat-react-max-width:1200px}.str-chat__message-bubble{border-radius:8px!important}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{color:#474848;font-size:14px;padding:6px 16px}.str-chat__message-actions-box .str-chat__message-actions-list{min-width:-moz-max-content;min-width:max-content;padding:4px 0}.str-chat__modal--open .str-chat__modal__inner{align-items:stretch;border-radius:8px;padding:0;width:calc(100% - 16px)}.str-chat__message-textarea{border:none;border-radius:8px;font:var(--str-chat__body-text);padding:12px;resize:none;width:100%}.str-chat__message-textarea.focus-visible{outline:none}.str-chat__emoji-picker-container{left:1px;position:absolute;top:-364px}.is-modal-child .str-chat__emoji-picker-container{left:-5px;top:-371px}.emoji-mart{border-radius:8px}.str-chat .file-input{height:0;position:absolute;visibility:hidden;width:0}.str-chat__message-text{font:var(--str-chat__body-text)}.str-chat__suggestion-list-container{bottom:unset;max-height:296px;overflow:auto;top:-305px}.str-chat__user-item .str-chat__user-item--name{font:var(--str-chat__body-text)}.str-chat__user-item .str-chat__user-item-at{font:var(--str-chat__body-medium-text)}.str-chat__message--other .str-chat__message-actions-box{transform:translate(40px)}.str-chat__message--me .str-chat__message-actions-box{transform:translate(-40px)}.str-chat__message-reactions-options{-webkit-padding-start:0;padding-inline-start:0;padding:2px}
+  );--str-chat__message-reactions-option-border-block-start:none;--str-chat__message-reactions-option-border-block-end:none;--str-chat__message-reactions-option-border-inline-start:none;--str-chat__message-reactions-option-border-inline-end:none;--str-chat__message-reactions-option-box-shadow:none}.str-chat__reaction-selector .str-chat__message-reactions-options{-webkit-border-before:var(--str-chat__message-reactions-options-border-block-start);-webkit-border-after:var(--str-chat__message-reactions-options-border-block-end);-webkit-border-start:var(--str-chat__message-reactions-options-border-inline-start);-webkit-border-end:var(--str-chat__message-reactions-options-border-inline-end);background:var(--str-chat__message-reactions-options-background-color);border-block-end:var(--str-chat__message-reactions-options-border-block-end);border-block-start:var(--str-chat__message-reactions-options-border-block-start);border-inline-end:var(--str-chat__message-reactions-options-border-inline-end);border-inline-start:var(--str-chat__message-reactions-options-border-inline-start);border-radius:var(--str-chat__message-reactions-options-border-radius);box-shadow:var(--str-chat__message-reactions-options-box-shadow);color:var(--str-chat__message-reactions-options-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{-webkit-border-before:var(--str-chat__message-reactions-option-border-block-start);-webkit-border-after:var(--str-chat__message-reactions-option-border-block-end);-webkit-border-start:var(--str-chat__message-reactions-option-border-inline-start);-webkit-border-end:var(--str-chat__message-reactions-option-border-inline-end);background:var(--str-chat__message-reactions-option-background-color);border-block-end:var(--str-chat__message-reactions-option-border-block-end);border-block-start:var(--str-chat__message-reactions-option-border-block-start);border-inline-end:var(--str-chat__message-reactions-option-border-inline-end);border-inline-start:var(--str-chat__message-reactions-option-border-inline-start);border-radius:var(--str-chat__message-reactions-option-border-radius);box-shadow:var(--str-chat__message-reactions-option-box-shadow);color:var(--str-chat__message-reactions-option-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option:hover{background-color:var(--str-chat__message-reactions-option-hover-background-color)}.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option.str-chat__message-reactions-option-selected{background-color:var(--str-chat__message-reactions-option-selected-background-color)}.str-chat{--str-chat__modal-border-radius:var(--str-chat__border-radius-sm);--str-chat__modal-color:var(--str-chat__text-color);--str-chat__modal-background-color:var(--str-chat__secondary-background-color);--str-chat__modal-overlay-color:var(--str-chat__secondary-overlay-color);--str-chat__modal-overlay-backdrop-filter:blur(3px);--str-chat__modal-border-block-start:none;--str-chat__modal-border-block-end:none;--str-chat__modal-border-inline-start:none;--str-chat__modal-border-inline-end:none;--str-chat__modal-box-shadow:none;--str-chat__modal-close-icon-background:var(--str-chat__text-low-emphasis-color);--str-chat__modal-close-icon-color:var(--str-chat__on-disabled-color)}.str-chat__modal{-webkit-backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);background-color:var(--str-chat__modal-overlay-color)}.str-chat__modal .str-chat__modal__inner{-webkit-border-before:var(--str-chat__modal-border-block-start);-webkit-border-after:var(--str-chat__modal-border-block-end);-webkit-border-start:var(--str-chat__modal-border-inline-start);-webkit-border-end:var(--str-chat__modal-border-inline-end);background:var(--str-chat__modal-background-color);border-block-end:var(--str-chat__modal-border-block-end);border-block-start:var(--str-chat__modal-border-block-start);border-inline-end:var(--str-chat__modal-border-inline-end);border-inline-start:var(--str-chat__modal-border-inline-start);border-radius:var(--str-chat__modal-border-radius);box-shadow:var(--str-chat__modal-box-shadow);color:var(--str-chat__modal-color)}.str-chat__modal .str-chat__modal__close-button{background:none;border:none;outline:none}.str-chat__modal .str-chat__modal__close-button svg path{fill:var(--str-chat__modal-close-icon-color)}.str-chat__modal .str-chat__modal__close-button svg circle,.str-chat__modal .str-chat__modal__close-button svg rect{fill:var(--str-chat__modal-close-icon-background)}.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner{background-color:transparent;height:unset;padding:0;width:unset}.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img{cursor:default;max-height:calc(100vh - 80px);max-width:unset}.str-chat{--str-chat__message-notification-background-color:var(--str-chat__primary-color);--str-chat__message-notification-border-block-start:none;--str-chat__message-notification-border-block-end:none;--str-chat__message-notification-border-inline-start:none;--str-chat__message-notification-border-inline-end:none;--str-chat__message-notification-border-radius:50px;--str-chat__message-notification-box-shadow:none;--str-chat__message-notification-color:var(--str-chat__on-primary-color)}.str-chat__message-notification{-webkit-border-before:var(--str-chat__message-notification-border-block-start);-webkit-border-after:var(--str-chat__message-notification-border-block-end);-webkit-border-start:var(--str-chat__message-notification-border-inline-start);-webkit-border-end:var(--str-chat__message-notification-border-inline-end);background:var(--str-chat__message-notification-background-color);border-block-end:var(--str-chat__message-notification-border-block-end);border-block-start:var(--str-chat__message-notification-border-block-start);border-inline-end:var(--str-chat__message-notification-border-inline-end);border-inline-start:var(--str-chat__message-notification-border-inline-start);border-radius:var(--str-chat__message-notification-border-radius);box-shadow:var(--str-chat__message-notification-box-shadow);color:var(--str-chat__message-notification-color);cursor:pointer;font:var(--str-chat__caption-text)}.str-chat{--str-chat__notification-list-border-radius:none;--str-chat__notification-list-color:var(--str-chat__notification-list-text-color);--str-chat__notification-list-background-color:transparent;--str-chat__notification-list-border-block-start:none;--str-chat__notification-list-border-block-end:none;--str-chat__notification-list-border-inline-start:none;--str-chat__notification-list-border-inline-end:none;--str-chat__notification-list-box-shadow:none}.str-chat__list-notifications{-webkit-border-before:var(--str-chat__notification-list-border-block-start);-webkit-border-after:var(--str-chat__notification-list-border-block-end);-webkit-border-start:var(--str-chat__notification-list-border-inline-start);-webkit-border-end:var(--str-chat__notification-list-border-inline-end);background:var(--str-chat__notification-list-background-color);border-block-end:var(--str-chat__notification-list-border-block-end);border-block-start:var(--str-chat__notification-list-border-block-start);border-inline-end:var(--str-chat__notification-list-border-inline-end);border-inline-start:var(--str-chat__notification-list-border-inline-start);border-radius:var(--str-chat__notification-list-border-radius);box-shadow:var(--str-chat__notification-list-box-shadow);color:var(--str-chat__notification-list-color)}.str-chat{--str-chat__notification-border-radius:var(--str-chat__border-radius-sm);--str-chat__notification-color:var(--str-chat__opaque-surface-text-color);--str-chat__notification-background-color:var(--str-chat__opaque-surface-background-color);--str-chat__notification-border-block-start:none;--str-chat__notification-border-block-end:none;--str-chat__notification-border-inline-start:none;--str-chat__notification-border-inline-end:none;--str-chat__notification-box-shadow:0 0 8px var(--str-chat__box-shadow-color)}.str-chat__notification{-webkit-border-before:var(--str-chat__notification-border-block-start);-webkit-border-after:var(--str-chat__notification-border-block-end);-webkit-border-start:var(--str-chat__notification-border-inline-start);-webkit-border-end:var(--str-chat__notification-border-inline-end);background:var(--str-chat__notification-background-color);border-block-end:var(--str-chat__notification-border-block-end);border-block-start:var(--str-chat__notification-border-block-start);border-inline-end:var(--str-chat__notification-border-inline-end);border-inline-start:var(--str-chat__notification-border-inline-start);border-radius:var(--str-chat__notification-border-radius);box-shadow:var(--str-chat__notification-box-shadow);color:var(--str-chat__notification-color);font:var(--str-chat__subtitle-text)}.str-chat{--str-chat__thread-border-radius:0;--str-chat__thread-color:var(--str-chat__text-color);--str-chat__thread-background-color:var(--str-chat__secondary-background-color);--str-chat__thread-border-block-start:none;--str-chat__thread-border-block-end:none;--str-chat__thread-border-inline-start:1px solid var(--str-chat__surface-color);--str-chat__thread-border-inline-end:none;--str-chat__thread-box-shadow:none;--str-chat__thread-header-border-radius:0;--str-chat__thread-header-color:var(--str-chat__text-color);--str-chat__thread-header-background-color:var(--str-chat__secondary-background-color);--str-chat__thread-header-border-block-start:none;--str-chat__thread-header-border-block-end:none;--str-chat__thread-header-border-inline-start:none;--str-chat__thread-header-border-inline-end:none;--str-chat__thread-header-box-shadow:none;--str-chat__thread-header-info-color:var(--str-chat__text-low-emphasis-color)}.str-chat__thread-container{-webkit-border-before:var(--str-chat__thread-border-block-start);-webkit-border-after:var(--str-chat__thread-border-block-end);-webkit-border-start:var(--str-chat__thread-border-inline-start);-webkit-border-end:var(--str-chat__thread-border-inline-end);background:var(--str-chat__thread-background-color);border-block-end:var(--str-chat__thread-border-block-end);border-block-start:var(--str-chat__thread-border-block-start);border-inline-end:var(--str-chat__thread-border-inline-end);border-inline-start:var(--str-chat__thread-border-inline-start);border-radius:var(--str-chat__thread-border-radius);box-shadow:var(--str-chat__thread-box-shadow);color:var(--str-chat__thread-color)}.str-chat__thread-container .str-chat__thread-header{-webkit-border-before:var(--str-chat__thread-header-border-block-start);-webkit-border-after:var(--str-chat__thread-header-border-block-end);-webkit-border-start:var(--str-chat__thread-header-border-inline-start);-webkit-border-end:var(--str-chat__thread-header-border-inline-end);background:var(--str-chat__thread-header-background-color);border-block-end:var(--str-chat__thread-header-border-block-end);border-block-start:var(--str-chat__thread-header-border-block-start);border-inline-end:var(--str-chat__thread-header-border-inline-end);border-inline-start:var(--str-chat__thread-header-border-inline-start);border-radius:var(--str-chat__thread-header-border-radius);box-shadow:var(--str-chat__thread-header-box-shadow);color:var(--str-chat__thread-header-color)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-title{font:var(--str-chat__subtitle-medium-text)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-subtitle{color:var(--str-chat__thread-header-info-color);font:var(--str-chat__body-text)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{background-color:transparent;border:none}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg path{fill:var(--str-chat__thread-color)}.str-chat{--str-chat__tooltip-border-radius:var(--str-chat__border-radius-xs);--str-chat__tooltip-color:var(--str-chat__text-color);--str-chat__tooltip-background-color:var(--str-chat__secondary-background-color);--str-chat__tooltip-border-block-start:none;--str-chat__tooltip-border-block-end:none;--str-chat__tooltip-border-inline-start:none;--str-chat__tooltip-border-inline-end:none;--str-chat__tooltip-box-shadow:0 0 20px var(--str-chat__box-shadow-color)}.str-chat__tooltip{-webkit-border-before:var(--str-chat__tooltip-border-block-start);-webkit-border-after:var(--str-chat__tooltip-border-block-end);-webkit-border-start:var(--str-chat__tooltip-border-inline-start);-webkit-border-end:var(--str-chat__tooltip-border-inline-end);background:var(--str-chat__tooltip-background-color);border-block-end:var(--str-chat__tooltip-border-block-end);border-block-start:var(--str-chat__tooltip-border-block-start);border-inline-end:var(--str-chat__tooltip-border-inline-end);border-inline-start:var(--str-chat__tooltip-border-inline-start);border-radius:var(--str-chat__tooltip-border-radius);box-shadow:var(--str-chat__tooltip-box-shadow);color:var(--str-chat__tooltip-color);font:var(--str-chat__caption-text)}.str-chat__tooltip:after{background-color:var(--str-chat__tooltip-background-color)}.str-chat{--str-chat__typing-indicator-border-radius:none;--str-chat__typing-indicator-color:var(--str-chat__text-low-emphasis-color);--str-chat__typing-indicator-background-color:var(--str-chat__overlay-color);--str-chat__typing-indicator-border-block-start:none;--str-chat__typing-indicator-border-block-end:none;--str-chat__typing-indicator-border-inline-start:none;--str-chat__typing-indicator-border-inline-end:none;--str-chat__typing-indicator-box-shadow:none;--str-chat__typing-indicator-dot-background-color:var(--str-chat__text-color)}.str-chat__typing-indicator{-webkit-border-before:var(--str-chat__typing-indicator-border-block-start);-webkit-border-after:var(--str-chat__typing-indicator-border-block-end);-webkit-border-start:var(--str-chat__typing-indicator-border-inline-start);-webkit-border-end:var(--str-chat__typing-indicator-border-inline-end);background:var(--str-chat__typing-indicator-background-color);border-block-end:var(--str-chat__typing-indicator-border-block-end);border-block-start:var(--str-chat__typing-indicator-border-block-start);border-inline-end:var(--str-chat__typing-indicator-border-inline-end);border-inline-start:var(--str-chat__typing-indicator-border-inline-start);border-radius:var(--str-chat__typing-indicator-border-radius);box-shadow:var(--str-chat__typing-indicator-box-shadow);color:var(--str-chat__typing-indicator-color)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{animation:dotFlashing 1s infinite alternate;background-color:var(--str-chat__typing-indicator-dot-background-color);border-radius:999px}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:first-child{animation-delay:0s}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(2){animation-delay:.5s}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(3){animation-delay:1s}@keyframes dotFlashing{0%{opacity:1}50%{opacity:.6}to{opacity:.2}}@font-face{font-family:ReplaceFlagEmojiPNG;src:url(../../../stream-chat-react/dist/assets/NotoColorEmoji-flags.woff2) format("woff2");unicode-range:u+1f1e6-1f1ff}@font-face{font-family:ReplaceFlagEmojiSVG;src:url(../../../stream-chat-react/dist/assets/EmojiOneColor.woff2) format("woff2");unicode-range:u+1f1e6-1f1ff}.str-chat--windows-flags .emoji-mart-emoji-native *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__textarea__textarea{font-display:swap;font-family:ReplaceFlagEmojiPNG,var(--str-chat__font-family),sans-serif}@-moz-document url-prefix(""){.str-chat--windows-flags .emoji-mart-emoji-native *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__textarea__textarea{font-display:swap;font-family:ReplaceFlagEmojiSVG,var(--str-chat__font-family),sans-serif}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.str-chat{--str-chat__channel-list-border-inline-end:none;--str-chat__channel-list-load-more-border-radius:3px;--str-chat__channel-list-load-more-background-color:#2462f5;--str-chat__message-input-border-radius:8px;--str-chat__message-input-border-block-start:1px solid #cfcfcf;--str-chat__message-input-border-block-end:1px solid #cfcfcf;--str-chat__message-input-border-inline-start:1px solid #cfcfcf;--str-chat__message-input-border-inline-end:1px solid #cfcfcf;--str-chat__message-actions-box-border-radius:4px;--str-chat__message-actions-box-border-block-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-block-end:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-end:1px solid #e5e6e6;--str-chat__message-actions-box-box-shadow:0 4px 12px rgba(0,0,0,.12);--str-chat__message-actions-box-item-hover-background-color:#f0f0f0;--str-chat__message-reactions-options-border-radius:8px;--str-chat__message-reactions-option-border-radius:8px;--str-chat__message-textarea-border-radius:8px;--str-chat__message-textarea-border-block-start:none;--str-chat__message-textarea-border-block-end:none;--str-chat__message-textarea-border-inline-start:none;--str-chat__message-textarea-border-inline-end:none;--str-chat__image-attachment-border-radius:8px;--str-chat__image-gallery-attachment-border-radius:8px;--str-chat__attachment-preview-list-border-radius:8px;--str-chat__attachment-preview-image-border-radius:8px;--str-chat__caption-text:12px/1.3em var(--str-chat__font-family);--str-chat__caption-medium-text:500 12px/1.3em var(--str-chat__font-family);--str-chat__body-text:14px/1.4em var(--str-chat__font-family);--str-chat__body-medium-text:500 14px/1.4em var(--str-chat__font-family);--str-chat__spacing-0_5:2px;--str-chat__spacing-1:4px;--str-chat__spacing-1_5:6px;--str-chat__spacing-2:8px;--str-chat__spacing-2_5:10px;--str-chat__spacing-3:12px;--str-chat__spacing-3_5:14px;--str-chat__spacing-4:16px;--str-chat__spacing-5:20px;--str-chat__spacing-6:24px;--str-chat__spacing-7:28px;--str-chat__spacing-8:32px;--str-chat__spacing-9:36px;--str-chat__spacing-10:40px;--str-chat__spacing-11:44px;--str-chat__spacing-12:48px;--str-chat__spacing-14:56px;--str-chat__spacing-16:64px;--original-width:0;--original-height:0;--stream-chat-react-max-width:1200px}.str-chat__message-bubble{border-radius:8px!important}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{color:#474848;font-size:14px;padding:6px 16px}.str-chat__message-actions-box .str-chat__message-actions-list{min-width:-moz-max-content;min-width:max-content;padding:4px 0}.str-chat__modal--open .str-chat__modal__inner{align-items:stretch;border-radius:8px;padding:0;width:calc(100% - 16px)}.str-chat__message-textarea{border:none;border-radius:8px;font:var(--str-chat__body-text);padding:12px;resize:none;width:100%}.str-chat__message-textarea.focus-visible{outline:none}.str-chat__emoji-picker-container{left:1px;position:absolute;top:-364px}.is-modal-child .str-chat__emoji-picker-container{left:-5px;top:-371px}.emoji-mart{border-radius:8px}.str-chat .file-input{height:0;position:absolute;visibility:hidden;width:0}.str-chat__message-text{font:var(--str-chat__body-text)}.str-chat__suggestion-list-container{bottom:unset;max-height:296px;overflow:auto;top:-305px}.str-chat__user-item .str-chat__user-item--name{font:var(--str-chat__body-text)}.str-chat__user-item .str-chat__user-item-at{font:var(--str-chat__body-medium-text)}.str-chat__message--other .str-chat__message-actions-box{transform:translate(40px)}.str-chat__message--me .str-chat__message-actions-box{transform:translate(-40px)}.str-chat__message-reactions-options{-webkit-padding-start:0;padding-inline-start:0;padding:2px}.str-chat__avatar{overflow:hidden}.str-chat__avatar .str-chat__avatar-fallback{background-color:#666;color:#fff;font-weight:500}.str-chat__avatar--circle{border-radius:50%}.str-chat__avatar-group{align-items:center;border-radius:20px;display:flex;height:40px;max-width:40px;min-width:40px;overflow:hidden}.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-image{border-radius:0}
 /*# sourceMappingURL=topbar.css.map */