@planningcenter/topbar 9.17.0-rc-services.2 → 9.17.0-rc-services.3

package/dist/topbar.css

@@ -50,5 +50,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{--str-chat-icon-color:var(--str-chat__modal-close-icon-color);background:none;border:none}.str-chat__modal .str-chat__modal__close-button .str-chat__icon{background-color:var(--str-chat__modal-close-icon-background);border-radius:999px}.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-status-color:var(--colors-light-neutral-62);--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;--colors-light-neutral-00:#1f1f1f;--colors-light-neutral-24:#3d3d3d;--colors-light-neutral-45:#737373;--colors-light-neutral-62:#9e9e9e}.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}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{padding-bottom:32px}.str-chat__message-text{font:var(--str-chat__body-text)}.str-chat__message-bubble{border-radius:8px!important}.str-chat__message-simple-name{color:var(--colors-light-neutral-00);font-weight:500}.str-chat__message .str-chat__message-metadata{-webkit-margin-before:var(--str-chat__spacing-1);-moz-column-gap:var(--str-chat__spacing-1_5);column-gap:var(--str-chat__spacing-1_5);margin-block-start:var(--str-chat__spacing-1)}.str-chat__li--bottom .str-chat__message{-webkit-margin-after:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-status svg{height:unset;width:unset}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{font-size:1.25em}.str-chat__message-reactions-options{-webkit-padding-start:0;padding-inline-start:0;padding:2px}.str-chat__message-reactions .emoji-mart-emoji{line-height:normal}.str-chat__message-actions-box{min-width:-moz-max-content;min-width:max-content}.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__message--other .str-chat__message-actions-box{transform:translate(40px)}.str-chat__message--me .str-chat__message-actions-box{transform:translate(-40px)}.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;box-shadow:none;display:flex;font:var(--str-chat__body-text);padding:12px;resize:none;width:100%}.str-chat__message-textarea.focus-visible{outline:none}.str-chat .file-input{height:0;position:absolute;visibility:hidden;width:0}.str-chat__message-textarea-emoji-picker{height:24px}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:24px;padding:0}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{fill:var(--colors-light-neutral-45);width:24px}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button:hover svg{fill:var(--colors-light-neutral-24)}.str-chat__message-textarea-emoji-picker-container{inset:unset!important;left:-41px!important;top:-446px!important;transform:unset!important;z-index:10}.str-chat__edit-message-modal .str-chat__message-textarea-emoji-picker-container{inset:unset!important;left:-49px!important;top:-455px!important;transform:unset!important}.str-chat__list-notifications{margin-bottom:0;margin-top:0}.str-chat__list-notifications>*{margin-bottom:8px;margin-top:8px}
+  );--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{--str-chat-icon-color:var(--str-chat__modal-close-icon-color);background:none;border:none}.str-chat__modal .str-chat__modal__close-button .str-chat__icon{background-color:var(--str-chat__modal-close-icon-background);border-radius:999px}.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-status-color:var(--colors-light-neutral-62);--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;--colors-light-neutral-00:#1f1f1f;--colors-light-neutral-24:#3d3d3d;--colors-light-neutral-45:#737373;--colors-light-neutral-62:#9e9e9e}.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}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{padding-bottom:32px}.str-chat__message-text{font:var(--str-chat__body-text)}.str-chat__message-bubble{border-radius:8px!important}.str-chat__message-simple-name{color:var(--colors-light-neutral-00);font-weight:500}.str-chat__message .str-chat__message-metadata{-webkit-margin-before:var(--str-chat__spacing-1);-moz-column-gap:var(--str-chat__spacing-1_5);column-gap:var(--str-chat__spacing-1_5);margin-block-start:var(--str-chat__spacing-1)}.str-chat__li--bottom .str-chat__message{-webkit-margin-after:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-status svg{height:unset;width:unset}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{font-size:1.25em}.str-chat__message-reactions-options{-webkit-padding-start:0;padding-inline-start:0;padding:2px}.str-chat__message-reactions .emoji-mart-emoji{line-height:normal}.str-chat__message-actions-box{min-width:-moz-max-content;min-width:max-content}.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__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-textarea{border:none;border-radius:8px;box-shadow:none;display:flex;font:var(--str-chat__body-text);padding:12px;resize:none;width:100%}.str-chat__message-textarea.focus-visible{outline:none}.str-chat .file-input{height:0;position:absolute;visibility:hidden;width:0}.str-chat__message-textarea-emoji-picker{height:24px}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:24px;padding:0}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{fill:var(--colors-light-neutral-45);width:24px}.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button:hover svg{fill:var(--colors-light-neutral-24)}.str-chat__message-textarea-emoji-picker-container{inset:unset!important;left:-41px!important;top:-446px!important;transform:unset!important;z-index:10}.str-chat__edit-message-modal .str-chat__message-textarea-emoji-picker-container{inset:unset!important;left:-49px!important;top:-455px!important;transform:unset!important}.str-chat__list-notifications{margin-bottom:0;margin-top:0}.str-chat__list-notifications>*{margin-bottom:8px;margin-top:8px}.str-chat__modal--open .str-chat__modal__inner{width:calc(100% - 16px)}.str-chat__edit-message-modal .str-chat__modal__inner{align-items:stretch;border-radius:8px;padding:0}
 /*# sourceMappingURL=topbar.css.map */