@yoobic/yobi 7.7.120 → 7.7.124

package/dist/design-system/{p-039c4150.entry.js → p-84a57ae6.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,H as o,a as r}from"./p-34197588.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bx as n,bA as l,bE as d,i as c,m as p,bf as h,bC as b,T as f,be as m,K as g,j as v,ag as y,t as u,S as x,b as w,a4 as k,bB as z,aw as C,z as j,am as T,y as S,ak as E}from"./p-8c6ff567.js";import{i as M,a as I}from"./p-abbf8762.js";import{i as P,n as B}from"./p-76fdfe1c.js";import{g as O}from"./p-be7ffa74.js";import"./p-473a381c.js";import{p as A}from"./p-8b61aae6.js";import{a as D,f as Y}from"./p-16ea8a14.js";import{g as q}from"./p-d26a0738.js";import"./p-ca07fb1e.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-b7c3813b.js";import"./p-5fd2d8ef.js";import"./p-338ff9dc.js";import"./p-88c8100b.js";import"./p-478a812f.js";import"./p-c578e362.js";import"./p-ee1979e2.js";import"./p-ba9a1e5a.js";import"./p-a4d0bd7f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-1f1c180f.js";import"./p-659a953c.js";import"./p-7b8c6197.js";import"./p-ba705441.js";import"./p-9c28d18f.js";import"./p-bd19a341.js";const L=class{constructor(e){t(this,e),this.loadMoreClicked=a(this,"loadMoreClicked",7),this.closePage=a(this,"closePage",7),this.showMore=a(this,"showMore",7),this.closeDeleteMode=a(this,"closeDeleteMode",7),this.selected=a(this,"selected",7),this.deleteMessages=a(this,"deleteMessages",7),this.conferenceMessageClicked=a(this,"conferenceMessageClicked",7),this.startVideocall=a(this,"startVideocall",7),this.chatFocused=a(this,"chatFocused",7),this.mediaInput=a(this,"mediaInput",7),this.playerReady=a(this,"playerReady",7),this.viewToggled=a(this,"viewToggled",7),this.scrolledBottom=a(this,"scrolledBottom",7),this.scrolledTop=a(this,"scrolledTop",7),this.messages=[],this.selectedTimeTokens=[]}get messageElements(){return Array.from(this.host.shadowRoot.querySelectorAll("yoo-chat-message"))}onPlaying(t){t&&t.detail&&(this.currentActivePlayerId=t.detail)}onStatusTap(t){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation()}onPlayerClicked(){this.onToggleView()}onInputFocused(){this.inputFocused=!0,this.scrollBottomOnKeyboradShown=!0,this.oldestMostRecentMessageElement=null}onMediaLoading(t){this.showLoader=null==t?void 0:t.detail}onInputBlurred(){this.inputFocused=!1,this.preventToggle=!0,setTimeout((()=>{this.preventToggle=!1}),200)}onKeyboardShown(){this.scrollBottomOnKeyboradShown&&(this.scrollToBottom(),this.scrollBottomOnKeyboradShown=!1)}onMediaChatClicked(t){if(t.detail){const a=this.messages.filter((t=>t.type===i.video||t.type===i.photo||t.type===i.gif)),e=a.indexOf(t.detail),o=A(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);D({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(T(a.value)||P(a.value))},handler:t=>{(null==t?void 0:t.target)&&(S(null==t?void 0:t.target,"yoo-photo-editor").isReadonly=!1)}},{icon:"download",isVisible:()=>!0,handler:()=>{const{message:t,item:a}=r(e);t&&a&&(E(a.value)||T(a.value))&&"string"==typeof a.value&&B(a.value)}}],submitPhotoEditorButton:{text:"YOOBICSEND",shape:"rectangular",color:"success",size:"large",handler:t=>{n(t).then((()=>{var a;t&&this.mediaInput.emit({type:i.photo,payload:l.value,options:{requireUpload:!1,annotationData:t,dimensionData:null===(a=s.options)||void 0===a?void 0:a.dimensionData}})}))}}})}}async startCountDown(t,a,e,o){this.countDownStartValue=t,this.countDownValue=this.countDownStartValue,this.requestIntervalID=l((()=>{this.countDownValue--,this.countDownValue<=a&&!this.showCountdown&&(this.countDownStartValue=this.countDownValue,e()&&e(),this.showCountdown=!0),this.countDownValue<-1&&(b(this.requestIntervalID.value),this.requestIntervalID.value=null,o&&o())}),1e3)}async scrollToBottom(t){if(t&&this.scroll)return this.scroll.scrollToBottom(200)}async onToggleFloatingAnimation(t){const a=document.createElement("yoo-icon");d(this.floatingContainer,t.cssClass||"heart",a)}async scrollToTop(){return this.scrollToInternal(0)}async scrollToInternal(t){this.scroll&&this.scroll.scrollToPoint(0,t,0)}async onLoadMoreCompleted(t){this.refresher&&this.refresher.complete(),this.disableLoadMore=t}async onToggleView(){this.preventToggle||(this.hideControls=!this.hideControls,!c()&&this.broadcastParams&&this.broadcastParams.isLive?this.viewToggled.emit(this.hideControls):this.videoPlayerEl&&this.videoPlayerEl.togglePlay())}async onShowView(){this.preventToggle||(this.hideControls=!1)}async onHideView(){this.preventToggle||(this.hideControls=!0)}componentDidLoad(){this.initChat(),this.showBackgroundVideo&&!c()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.initMessages():this.initChat(),!c()&&this.broadcastParams&&this.broadcastParams.isLive&&this.showBackgroundVideo&&this.videoElWrapper&&this.videoElWrapper.firstChild&&this.videoElWrapper.firstChild.childElementCount<=0&&this.playerReady.emit(this.videoElWrapper)}disconnectedCallback(){p()&&this.enableKeyboardResizing&&h(),this.requestIntervalID&&b(this.requestIntervalID.value)}get isSomeoneTyping(){return this.usersTyping&&Object.keys(this.usersTyping).length>0}initChat(){this.chatFocused.emit(!0),this.ionContent&&(this.ionContent.getScrollElement().then((async t=>{if(t){this.scroll=t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),this.scroll&&f(this.scroll,.15,{scrollTo:this.scroll.scrollHeight});for(const t of a)await(null==t?void 0:t.renderContent())}})),p()&&this.enableKeyboardResizing&&m())}onHeadingClicked(){var t,a,e;this.background||1!==(null===(t=this.users)||void 0===t?void 0:t.length)||(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.isStore)||g({type:"user-detail",params:{user:this.users[0]}})}async initMessages(){var t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),await Promise.all(a.map((t=>(null==t?void 0:t.renderContent())||Promise.resolve(!0)))),null===(t=this.oldestMostRecentMessageElement)||void 0===t||t.scrollIntoView(),this.scrollLocker=!1}onChatFocused(){this.chatFocused.emit(!0)}getLastMessage(t){return t===this.messages.length-1||this.messages[t].author!==this.messages[t+1].author||!this.messages[t+1].author||M(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||M(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&I(this.messages[t+1])}onPullToRefresh(){var t,a;this.oldestMostRecentMessageElement=null===(a=null===(t=this.messageElements)||void 0===t?void 0:t.filter((t=>{var a,e;return t.message.timetoken===(null===(e=null===(a=this.messages)||void 0===a?void 0:a[0])||void 0===e?void 0:e.timetoken)})))||void 0===a?void 0:a[0],this.loadMoreClicked.emit(!0)}onCloseDeleteMode(){this.selectedTimeTokens=[],this.closeDeleteMode.emit(!1)}onSelectMessages(t=!0){this.selectedTimeTokens=[],t&&this.messages.forEach((t=>{t&&!t.deleted&&(t.author&&t.author._id===v().user._id||this.forceDelete)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onClickMessage(t,a){const e=t.detail||!1;this.selectedTimeTokens=[],this.messages.forEach((t=>{t&&(t.timetoken!==a&&t.selected||t.timetoken===a&&e)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onDeleteMessages(){this.selectedTimeTokens.length>0&&y([{text:u("DELETE"),cssClass:"danger",handler:()=>{this.selectedTimeTokens=[],this.deleteMessages.emit(!0)}}],"stable")}onSwipeDown(t){t&&t.stopPropagation(),this.broadcastParams&&this.broadcastParams.closeHandler&&this.broadcastParams.closeHandler()}onInfiniteScroll(){this.loadMoreClicked.emit(!0)}async onIonScroll(t){var a,e,o;const r=x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop;!this.scrollLocker&&r<=2&&!this.disableLoadMore&&w(this.host)&&(this.scrollLocker=!0,this.onPullToRefresh()),this.broadcastMode&&(!this.scroll&&this.ionContent&&(this.scroll=await this.ionContent.getScrollElement()),this.scroll.scrollHeight-(null===(e=this.scroll)||void 0===e?void 0:e.clientHeight)===(null===(o=t.detail)||void 0===o?void 0:o.scrollTop)?this.scrolledBottom.emit(!0):this.scrolledTop.emit(!0))}onMapChatActions(t){return this.chatSecondaryActions.map((a=>Object.assign(Object.assign({},a),{isVisible:()=>!a.isVisible||a.isVisible(t),handler:()=>a.handler?a.handler(t):""})))}onHighlightMessage(t){var a,e,o;(null==t?void 0:t.detail)&&this.chatSecondaryActions&&this.chatSecondaryActions.length>0&&((null===(a=t.detail)||void 0===a?void 0:a.message)&&(null===(e=t.detail)||void 0===e?void 0:e.content)&&(t.detail.message.content=t.detail.content),y(this.onMapChatActions(t.detail.message),"danger",{preventOverlayClick:!0},null===(o=t.detail)||void 0===o?void 0:o.host))}onRepliedMessageClicked(t){var a,e,o;const r=null===(a=this.messages)||void 0===a?void 0:a.findIndex((a=>a.timetoken===t.detail)),i=(null===(e=this.messages)||void 0===e?void 0:e.length)-1-r;if(this.messageElements[i]){const t=this.messageElements[i].getBoundingClientRect().bottom,a=null===(o=this.inputBarContainerElement)||void 0===o?void 0:o.getBoundingClientRect().top;this.scroll.scrollByPoint(0,t-a-10,300)}}renderAvatars(){var t,a,o;let r=w(this.host)?"medium":"small";return(null===(t=this.advancedOptions)||void 0===t?void 0:t.popupMode)&&(r="extra-small"),!this.background&&this.users&&1===this.users.length?e("yoo-avatar",{class:{clickable:!this.background&&1===(null===(a=this.users)||void 0===a?void 0:a.length)},onClick:()=>this.onHeadingClicked(),size:r,isOnline:this.isOnline,user:this.users[0]}):!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode)&&e("yoo-avatars",{size:"extra-small",layout:"grid",users:this.users})}renderReadOnlyHeader(){var t,a,o,r,i,s,n,l;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.heading)return this.renderAdvancedHeader();let d=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(d="extra-small");const c=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=c?"light":"text-color-to-stable-alt",h=w(this.host)?"yoo-tooltip":"span";return e("yoo-header",{onClick:()=>{var t;(null===(t=this.advancedOptions)||void 0===t?void 0:t.headerFn)&&this.advancedOptions.headerFn()}},e("yoo-navbar",{class:c?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:c?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:d,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":c,clickable:!this.background&&1===(null===(r=this.users)||void 0===r?void 0:r.length)},onClick:()=>this.onHeadingClicked()},e("yoo-truncate",null,this.heading),!this.isMultiple&&!c&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!c&&e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:c?"small":void 0,name:"videocamera",color:c?p:"app-color"})),!c&&!(null===(i=this.advancedOptions)||void 0===i?void 0:i.waitlist)&&e("yoo-button",{ref:t=>this.moreButtonEl=t,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>this.showMore.emit({host:this.moreButtonEl,ev:t})},e("yoo-icon",{name:"more",color:p})),(null===(n=null===(s=this.advancedOptions)||void 0===s?void 0:s.extraEndActions)||void 0===n?void 0:n.length)&&(null===(l=this.advancedOptions)||void 0===l?void 0:l.extraEndActions.map((t=>e(h,{hoverable:!0,content:t.text,placement:"top"},e("yoo-button",{size:c?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:c?"small":"medium",class:t.cssClass,name:t.icon,color:t.color})))))))))}renderAdvancedHeader(){return e("div",{class:"advanced-heading-container"},e("div",{class:"advanced-heading"},e("div",{class:"advanced-heading-content"},e("yoo-avatar",{user:this.advancedOptions.user,size:"small"}),e("div",null,this.advancedOptions.heading),this.advancedOptions.canClose&&e("yoo-icon",{onClick:()=>{n(null)},color:"light",name:"close",size:"medium"})),e("div",{class:"advanced-heading-subheading"},this.advancedOptions.subheading)),e("yoo-ion-footer",null,e("yoo-copyright",{color:"light"})))}renderEditableHeader(){return e("yoo-header",{class:"delete-mode-header"},e("yoo-navbar",null,e("yoo-items",{slot:"start"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onSelectMessages(!0)},u("SELECTALL"))),e("yoo-items",{slot:"end"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onCloseDeleteMode()},u("CANCEL")))))}renderInputBar(){return e("div",{class:"input-bar-container",ref:t=>this.inputBarContainerElement=t},e("slot",{name:"input-bar"}))}renderDeleteModeFooter(){return e("div",{class:"delete-mode-footer "+(this.selectedTimeTokens.length>0?"app-color":"disabled")},e("div",{class:"inner-container",onClick:()=>this.onDeleteMessages()},e("yoo-icon",{name:"delete"})," ",u(this.selectedTimeTokens.length<=1?"DELETE_MESSAGE":"DELETE_MESSAGES",{number:this.selectedTimeTokens.length})))}renderTypingIcon(){return[e("div",{class:"user-typing"},e("div",{class:"typing-indicator"},e("span",null),e("span",null),e("span",null)))]}renderUserName(t){return t&&t.firstName&&t.lastName&&e("div",{class:"username"},`${t.firstName} ${t.lastName} ${u("ISTYPING")}...`)}renderUser(t){return e("div",{class:"user-container"},t&&e("yoo-avatar",{size:"medium",user:t}))}renderIsTypingMultiple(){return Object.keys(this.usersTyping).map((t=>[this.renderUserName(this.usersTyping[t]),e("div",{class:"bottom-part"},this.renderUser(this.usersTyping[t]),this.renderTypingIcon())]))}renderSomeoneIsTyping(){return[e("div",{class:"someone-typing-container"},this.isMultiple?this.renderIsTypingMultiple():this.renderTypingIcon())]}renderChatMessages(){return this.messages.map(((t,a)=>{var o,r,i;if(!(null==t?void 0:t.deleted))return e("yoo-chat-message",{onConferenceMessageClicked:t=>{this.conferenceMessageClicked.emit(t.detail)},onRepliedMessageClicked:t=>this.onRepliedMessageClicked(t),id:null===(o=t.timetoken)||void 0===o?void 0:o.toString(),key:t.timetoken,hasOptions:w(this.host),hasStatus:!0,message:t,asyncRender:!0,allUsers:this.allUsers,isLast:this.getLastMessage(a),isFirst:this.getFirstMessage(a),onClicked:a=>this.onClickMessage(a,t.timetoken),isNextImage:this.isNextImage(a),isGroup:this.isMultiple,receivedByOthers:t.options&&t.options.messageRecievedInfo&&t.options.messageRecievedInfo.length===(null===(r=this.otherIds)||void 0===r?void 0:r.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(i=this.advancedOptions)||void 0===i?void 0:i.popupMode)?.65:void 0,preventVideoPreloading:this.preventVideoPreloading,onUsernameClicked:t=>g({type:"user-detail",params:{user:t.detail}}),onAvatarClicked:t=>g({type:"user-detail",params:{user:t.detail}})})}))}renderBroadcastActions(t){const a=t.actionType,o=(t,a)=>{t.stopPropagation(),(null==a?void 0:a.handler)&&a.handler()};return"badge"===a?e("yoo-tag",{color:t.color,onClick:a=>o(a,t)},t.icon&&e("yoo-icon",{slot:"start",size:"small",name:t.icon}),t.text):"icon"===a?e("yoo-icon",{name:t.icon,color:"light",onClick:a=>o(a,t)}):void 0}renderBroadcastMessage(t){return e("div",{class:"broadcast-message"},e("yoo-avatar",{size:"medium",user:t.author}),e("div",{class:"content-container"},e("div",{class:"title"},O(t.author)),e("div",{class:"content"},t.content)))}renderShareOptions(t){var a;return e("div",{class:"share-container"},e("span",{class:"text"},t.text),e("div",{class:"buttons-container"},null===(a=null==t?void 0:t.shareButtons)||void 0===a?void 0:a.map((t=>q(t)))))}renderBroadcastBottom(){var t;return e("div",{class:"broadcast-bottom-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"floating-icon-container",ref:t=>this.floatingContainer=t}),(this.broadcastParams.isLive||this.broadcastParams.broadcastType!==s.broadcaster)&&[!!(null===(t=this.messages)||void 0===t?void 0:t.length)&&e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{hide:this.inputFocused},scrollEvents:!0,ref:t=>this.ionContent=t},e("div",{class:{"message-inner-container":!0}},this.messages&&this.messages.filter((t=>!k(t))).map((t=>this.renderBroadcastMessage(t))))),this.broadcastParams.isLive&&this.renderInputBar()],this.broadcastParams.finished&&this.broadcastParams.shareOptions&&this.renderShareOptions(this.broadcastParams.shareOptions),!this.broadcastParams.isLive&&!this.broadcastParams.finished&&this.broadcastParams.footerAction&&q(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!c()&&this.broadcastParams.isLive;if(!(null===(t=this.broadcastParams)||void 0===t?void 0:t.videoSrc)&&!a)return;const o={videoPlayerCoreParameters:{source:this.broadcastParams.videoSrc,controls:!0,preventAutoResume:!0,cover:!0,fullscreen:!1,extraClass:"fullscreen"},preventVcAuto:!0,preventAutoPauseOnBlur:!0};return e("div",{ref:t=>this.videoElWrapper=t,class:{"video-outer-container":!0,"not-cordova":a}},a?e("div",{class:"video-container"}):e("yoo-videoplayer-core",Object.assign({ref:t=>this.videoPlayerEl=t},o)))}renderBroadcastStatus(t){const a=()=>t.users&&t.users.length>0&&e("div",{class:"avatars-container"},t.users.map((t=>e("yoo-avatar",{size:"small",user:t}," ")))),o=()=>e("span",{class:"status-text"},t.text);return e("div",{class:{"extra-status-container":!0,finished:this.broadcastParams.finished}},this.broadcastParams.finished?[o(),a()]:[a(),o()])}renderTimer(){if(!this.showCountdown)return;const t=z(this.countDownValue,!0),a=x(this.countDownValue)&&x(this.countDownStartValue)?this.countDownValue/this.countDownStartValue*100:0;return e("div",{class:"timer-container"},e("yoo-progress-bar",{animated:!0,class:"auto-height",shape:"circle",listenToProgress:!0,hideProgressValue:!0,progressAnimationDuration:0,progressValue:a,percentProgressColorScheme:!1,onProgressUpdate:t=>(t=>{t&&t.target&&t.detail&&100===t.detail&&(t.target.progressAnimationDuration=1.25)})(t)}),e("div",null,t))}renderOverlay(){return e("div",{class:"blur-overlay"})}renderBroadcastInnerContainer(t){var a,o;return e("div",{class:{"broadcast-container":!0,"hide-controls":this.hideControls,"show-player":this.showBackgroundVideo&&this.broadcastParams.showControl},onClick:()=>{this.onToggleView()}},e("div",{class:"top-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"left"},(this.broadcastParams.isLive||!t)&&[e("yoo-avatar",{size:"small",user:this.broadcastParams.user}," "),e("span",null,this.broadcastParams.title)],this.broadcastParams.closeHandler&&!this.broadcastParams.isLive&&!this.broadcastParams.finished&&t&&!w(this.host)&&[e("yoo-icon",{name:"close",color:"light",onClick:()=>{this.broadcastParams.closeHandler()}}),e("yoo-tag",{color:"energized"},"BETA")]),((null===(a=this.broadcastParams)||void 0===a?void 0:a.headerTopActions)||this.broadcastParams.isLive)&&e("div",{class:"right"},((null===(o=this.broadcastParams)||void 0===o?void 0:o.headerTopActions)||[]).map((t=>this.renderBroadcastActions(t)))),!this.broadcastParams.isLive&&this.broadcastParams.broadcastStatus&&this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)),!this.broadcastParams.finished&&this.broadcastParams.statusActions&&e("div",{class:"status-container",onClick:t=>{t.stopPropagation()}},this.broadcastParams.statusActions.map((t=>this.renderBroadcastActions(t))),this.broadcastParams.isLive&&t&&this.renderTimer()),this.renderBroadcastBottom(),this.broadcastParams.finished&&this.renderOverlay(),this.showBackgroundVideo&&this.renderVideo(),w(this.host)&&e("div",{class:"video-container"},e("slot",{name:"video"})))}renderBroadcastContainer(){const t=this.broadcastParams.broadcastType===s.broadcaster;return this.broadcastParams.isPlayback&&!w(this.host)?e("yoo-swipe-container",{class:"dark",onSwipedDown:t=>{this.onSwipeDown(t)}},this.renderBroadcastInnerContainer(t)):this.renderBroadcastInnerContainer(t)}renderSimpleChat(){return[this.disableHeader?null:this.deleteModeEnabled?this.renderEditableHeader():this.renderReadOnlyHeader(),e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{"bg-light-to-dark":!this.transparent,"simple-content":!0},forceOverscroll:!1,scrollEvents:!0,onIonScrollEnd:()=>{this.onChatFocused()},onClick:()=>{this.onChatFocused()},ref:t=>this.ionContent=t},e("yoo-ion-refresher",{class:this.transparent?"transparent":"",slot:"fixed",onIonRefresh:()=>this.onPullToRefresh(),disabled:this.deleteModeEnabled,ref:t=>this.refresher=t},e("yoo-ion-refresher-content",{pullingText:u("PULLTOREFRESH")})),e("div",{onClick:()=>{C("hideBottomDialog",window)},class:{"messages-container":!0,"iphone-x":j()}},this.messages&&this.renderChatMessages(),this.showLoader&&e("yoo-loader",{class:"loader transparent"}),this.isSomeoneTyping&&this.renderSomeoneIsTyping())),this.hideInputBar?null:this.deleteModeEnabled?this.renderDeleteModeFooter():this.renderInputBar()]}render(){var t,a,r;return e(o,{class:Object.assign({broadcast:this.broadcastMode,live:null===(t=this.broadcastParams)||void 0===t?void 0:t.isLive,popup:null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode,broadcaster:(null===(r=this.broadcastParams)||void 0===r?void 0:r.broadcastType)===s.broadcaster},Y(this.host))},this.broadcastMode?this.renderBroadcastContainer():this.renderSimpleChat())}get host(){return r(this)}};L.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);--chat-message-max-width:75%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-app-color{background-color:var(--app-color) !important}:host .app-color{color:var(--app-color);fill:var(--app-color)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .bg-energized{background-color:var(--energized, #fed05b) !important}:host .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .bg-royal{background-color:var(--royal, #7577ff) !important}:host .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .bg-info{background-color:var(--info, #fc459e) !important}:host .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-warning{background-color:var(--warning, #ff6402) !important}:host .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:var(--spacing-04, 0.25rem)}:host .heading-container{font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-10-deprecated, 0.625rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:""}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-05-deprecated, 0.3125rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light-to-dark, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .app-color{color:var(--app-color);fill:var(--app-color)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .delete-mode-footer .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .delete-mode-footer .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .delete-mode-footer .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .delete-mode-footer .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .delete-mode-footer .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .delete-mode-footer .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .delete-mode-footer .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host yoo-chat-message{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);--media-max-width:var(--chat-message-max-width)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark-to-light, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark-to-light, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}';export{L as yoo_chat}
+import{r as t,c as a,h as e,H as o,a as r}from"./p-34197588.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bx as n,bA as l,bE as d,i as c,m as p,bf as h,bC as b,T as f,be as m,K as g,j as v,ag as y,t as u,S as x,b as w,a4 as k,bB as z,aw as C,z as j,am as T,y as S,ak as E}from"./p-8c6ff567.js";import{i as M,a as I}from"./p-c56127b3.js";import{i as P,n as B}from"./p-a60e966e.js";import{g as O}from"./p-be7ffa74.js";import"./p-473a381c.js";import{p as A}from"./p-8b61aae6.js";import{a as D,f as Y}from"./p-16ea8a14.js";import{g as q}from"./p-d26a0738.js";import"./p-0212af76.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-b7c3813b.js";import"./p-5fd2d8ef.js";import"./p-338ff9dc.js";import"./p-88c8100b.js";import"./p-478a812f.js";import"./p-c578e362.js";import"./p-ee1979e2.js";import"./p-ba9a1e5a.js";import"./p-a4d0bd7f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-1f1c180f.js";import"./p-659a953c.js";import"./p-7b8c6197.js";import"./p-ba705441.js";import"./p-9c28d18f.js";import"./p-bd19a341.js";const L=class{constructor(e){t(this,e),this.loadMoreClicked=a(this,"loadMoreClicked",7),this.closePage=a(this,"closePage",7),this.showMore=a(this,"showMore",7),this.closeDeleteMode=a(this,"closeDeleteMode",7),this.selected=a(this,"selected",7),this.deleteMessages=a(this,"deleteMessages",7),this.conferenceMessageClicked=a(this,"conferenceMessageClicked",7),this.startVideocall=a(this,"startVideocall",7),this.chatFocused=a(this,"chatFocused",7),this.mediaInput=a(this,"mediaInput",7),this.playerReady=a(this,"playerReady",7),this.viewToggled=a(this,"viewToggled",7),this.scrolledBottom=a(this,"scrolledBottom",7),this.scrolledTop=a(this,"scrolledTop",7),this.messages=[],this.selectedTimeTokens=[]}get messageElements(){return Array.from(this.host.shadowRoot.querySelectorAll("yoo-chat-message"))}onPlaying(t){t&&t.detail&&(this.currentActivePlayerId=t.detail)}onStatusTap(t){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation()}onPlayerClicked(){this.onToggleView()}onInputFocused(){this.inputFocused=!0,this.scrollBottomOnKeyboradShown=!0,this.oldestMostRecentMessageElement=null}onMediaLoading(t){this.showLoader=null==t?void 0:t.detail}onInputBlurred(){this.inputFocused=!1,this.preventToggle=!0,setTimeout((()=>{this.preventToggle=!1}),200)}onKeyboardShown(){this.scrollBottomOnKeyboradShown&&(this.scrollToBottom(),this.scrollBottomOnKeyboradShown=!1)}onMediaChatClicked(t){if(t.detail){const a=this.messages.filter((t=>t.type===i.video||t.type===i.photo||t.type===i.gif)),e=a.indexOf(t.detail),o=A(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);D({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(T(a.value)||P(a.value))},handler:t=>{(null==t?void 0:t.target)&&(S(null==t?void 0:t.target,"yoo-photo-editor").isReadonly=!1)}},{icon:"download",isVisible:()=>!0,handler:()=>{const{message:t,item:a}=r(e);t&&a&&(E(a.value)||T(a.value))&&"string"==typeof a.value&&B(a.value)}}],submitPhotoEditorButton:{text:"YOOBICSEND",shape:"rectangular",color:"success",size:"large",handler:t=>{n(t).then((()=>{var a;t&&this.mediaInput.emit({type:i.photo,payload:l.value,options:{requireUpload:!1,annotationData:t,dimensionData:null===(a=s.options)||void 0===a?void 0:a.dimensionData}})}))}}})}}async startCountDown(t,a,e,o){this.countDownStartValue=t,this.countDownValue=this.countDownStartValue,this.requestIntervalID=l((()=>{this.countDownValue--,this.countDownValue<=a&&!this.showCountdown&&(this.countDownStartValue=this.countDownValue,e()&&e(),this.showCountdown=!0),this.countDownValue<-1&&(b(this.requestIntervalID.value),this.requestIntervalID.value=null,o&&o())}),1e3)}async scrollToBottom(t){if(t&&this.scroll)return this.scroll.scrollToBottom(200)}async onToggleFloatingAnimation(t){const a=document.createElement("yoo-icon");d(this.floatingContainer,t.cssClass||"heart",a)}async scrollToTop(){return this.scrollToInternal(0)}async scrollToInternal(t){this.scroll&&this.scroll.scrollToPoint(0,t,0)}async onLoadMoreCompleted(t){this.refresher&&this.refresher.complete(),this.disableLoadMore=t}async onToggleView(){this.preventToggle||(this.hideControls=!this.hideControls,!c()&&this.broadcastParams&&this.broadcastParams.isLive?this.viewToggled.emit(this.hideControls):this.videoPlayerEl&&this.videoPlayerEl.togglePlay())}async onShowView(){this.preventToggle||(this.hideControls=!1)}async onHideView(){this.preventToggle||(this.hideControls=!0)}componentDidLoad(){this.initChat(),this.showBackgroundVideo&&!c()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.initMessages():this.initChat(),!c()&&this.broadcastParams&&this.broadcastParams.isLive&&this.showBackgroundVideo&&this.videoElWrapper&&this.videoElWrapper.firstChild&&this.videoElWrapper.firstChild.childElementCount<=0&&this.playerReady.emit(this.videoElWrapper)}disconnectedCallback(){p()&&this.enableKeyboardResizing&&h(),this.requestIntervalID&&b(this.requestIntervalID.value)}get isSomeoneTyping(){return this.usersTyping&&Object.keys(this.usersTyping).length>0}initChat(){this.chatFocused.emit(!0),this.ionContent&&(this.ionContent.getScrollElement().then((async t=>{if(t){this.scroll=t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),this.scroll&&f(this.scroll,.15,{scrollTo:this.scroll.scrollHeight});for(const t of a)await(null==t?void 0:t.renderContent())}})),p()&&this.enableKeyboardResizing&&m())}onHeadingClicked(){var t,a,e;this.background||1!==(null===(t=this.users)||void 0===t?void 0:t.length)||(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.isStore)||g({type:"user-detail",params:{user:this.users[0]}})}async initMessages(){var t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),await Promise.all(a.map((t=>(null==t?void 0:t.renderContent())||Promise.resolve(!0)))),null===(t=this.oldestMostRecentMessageElement)||void 0===t||t.scrollIntoView(),this.scrollLocker=!1}onChatFocused(){this.chatFocused.emit(!0)}getLastMessage(t){return t===this.messages.length-1||this.messages[t].author!==this.messages[t+1].author||!this.messages[t+1].author||M(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||M(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&I(this.messages[t+1])}onPullToRefresh(){var t,a;this.oldestMostRecentMessageElement=null===(a=null===(t=this.messageElements)||void 0===t?void 0:t.filter((t=>{var a,e;return t.message.timetoken===(null===(e=null===(a=this.messages)||void 0===a?void 0:a[0])||void 0===e?void 0:e.timetoken)})))||void 0===a?void 0:a[0],this.loadMoreClicked.emit(!0)}onCloseDeleteMode(){this.selectedTimeTokens=[],this.closeDeleteMode.emit(!1)}onSelectMessages(t=!0){this.selectedTimeTokens=[],t&&this.messages.forEach((t=>{t&&!t.deleted&&(t.author&&t.author._id===v().user._id||this.forceDelete)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onClickMessage(t,a){const e=t.detail||!1;this.selectedTimeTokens=[],this.messages.forEach((t=>{t&&(t.timetoken!==a&&t.selected||t.timetoken===a&&e)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onDeleteMessages(){this.selectedTimeTokens.length>0&&y([{text:u("DELETE"),cssClass:"danger",handler:()=>{this.selectedTimeTokens=[],this.deleteMessages.emit(!0)}}],"stable")}onSwipeDown(t){t&&t.stopPropagation(),this.broadcastParams&&this.broadcastParams.closeHandler&&this.broadcastParams.closeHandler()}onInfiniteScroll(){this.loadMoreClicked.emit(!0)}async onIonScroll(t){var a,e,o;const r=x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop;!this.scrollLocker&&r<=2&&!this.disableLoadMore&&w(this.host)&&(this.scrollLocker=!0,this.onPullToRefresh()),this.broadcastMode&&(!this.scroll&&this.ionContent&&(this.scroll=await this.ionContent.getScrollElement()),this.scroll.scrollHeight-(null===(e=this.scroll)||void 0===e?void 0:e.clientHeight)===(null===(o=t.detail)||void 0===o?void 0:o.scrollTop)?this.scrolledBottom.emit(!0):this.scrolledTop.emit(!0))}onMapChatActions(t){return this.chatSecondaryActions.map((a=>Object.assign(Object.assign({},a),{isVisible:()=>!a.isVisible||a.isVisible(t),handler:()=>a.handler?a.handler(t):""})))}onHighlightMessage(t){var a,e,o;(null==t?void 0:t.detail)&&this.chatSecondaryActions&&this.chatSecondaryActions.length>0&&((null===(a=t.detail)||void 0===a?void 0:a.message)&&(null===(e=t.detail)||void 0===e?void 0:e.content)&&(t.detail.message.content=t.detail.content),y(this.onMapChatActions(t.detail.message),"danger",{preventOverlayClick:!0},null===(o=t.detail)||void 0===o?void 0:o.host))}onRepliedMessageClicked(t){var a,e,o;const r=null===(a=this.messages)||void 0===a?void 0:a.findIndex((a=>a.timetoken===t.detail)),i=(null===(e=this.messages)||void 0===e?void 0:e.length)-1-r;if(this.messageElements[i]){const t=this.messageElements[i].getBoundingClientRect().bottom,a=null===(o=this.inputBarContainerElement)||void 0===o?void 0:o.getBoundingClientRect().top;this.scroll.scrollByPoint(0,t-a-10,300)}}renderAvatars(){var t,a,o;let r=w(this.host)?"medium":"small";return(null===(t=this.advancedOptions)||void 0===t?void 0:t.popupMode)&&(r="extra-small"),!this.background&&this.users&&1===this.users.length?e("yoo-avatar",{class:{clickable:!this.background&&1===(null===(a=this.users)||void 0===a?void 0:a.length)},onClick:()=>this.onHeadingClicked(),size:r,isOnline:this.isOnline,user:this.users[0]}):!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode)&&e("yoo-avatars",{size:"extra-small",layout:"grid",users:this.users})}renderReadOnlyHeader(){var t,a,o,r,i,s,n,l;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.heading)return this.renderAdvancedHeader();let d=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(d="extra-small");const c=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=c?"light":"text-color-to-stable-alt",h=w(this.host)?"yoo-tooltip":"span";return e("yoo-header",{onClick:()=>{var t;(null===(t=this.advancedOptions)||void 0===t?void 0:t.headerFn)&&this.advancedOptions.headerFn()}},e("yoo-navbar",{class:c?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:c?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:d,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":c,clickable:!this.background&&1===(null===(r=this.users)||void 0===r?void 0:r.length)},onClick:()=>this.onHeadingClicked()},e("yoo-truncate",null,this.heading),!this.isMultiple&&!c&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!c&&e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:c?"small":void 0,name:"videocamera",color:c?p:"app-color"})),!c&&!(null===(i=this.advancedOptions)||void 0===i?void 0:i.waitlist)&&e("yoo-button",{ref:t=>this.moreButtonEl=t,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>this.showMore.emit({host:this.moreButtonEl,ev:t})},e("yoo-icon",{name:"more",color:p})),(null===(n=null===(s=this.advancedOptions)||void 0===s?void 0:s.extraEndActions)||void 0===n?void 0:n.length)&&(null===(l=this.advancedOptions)||void 0===l?void 0:l.extraEndActions.map((t=>e(h,{hoverable:!0,content:t.text,placement:"top"},e("yoo-button",{size:c?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:c?"small":"medium",class:t.cssClass,name:t.icon,color:t.color})))))))))}renderAdvancedHeader(){return e("div",{class:"advanced-heading-container"},e("div",{class:"advanced-heading"},e("div",{class:"advanced-heading-content"},e("yoo-avatar",{user:this.advancedOptions.user,size:"small"}),e("div",null,this.advancedOptions.heading),this.advancedOptions.canClose&&e("yoo-icon",{onClick:()=>{n(null)},color:"light",name:"close",size:"medium"})),e("div",{class:"advanced-heading-subheading"},this.advancedOptions.subheading)),e("yoo-ion-footer",null,e("yoo-copyright",{color:"light"})))}renderEditableHeader(){return e("yoo-header",{class:"delete-mode-header"},e("yoo-navbar",null,e("yoo-items",{slot:"start"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onSelectMessages(!0)},u("SELECTALL"))),e("yoo-items",{slot:"end"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onCloseDeleteMode()},u("CANCEL")))))}renderInputBar(){return e("div",{class:"input-bar-container",ref:t=>this.inputBarContainerElement=t},e("slot",{name:"input-bar"}))}renderDeleteModeFooter(){return e("div",{class:"delete-mode-footer "+(this.selectedTimeTokens.length>0?"app-color":"disabled")},e("div",{class:"inner-container",onClick:()=>this.onDeleteMessages()},e("yoo-icon",{name:"delete"})," ",u(this.selectedTimeTokens.length<=1?"DELETE_MESSAGE":"DELETE_MESSAGES",{number:this.selectedTimeTokens.length})))}renderTypingIcon(){return[e("div",{class:"user-typing"},e("div",{class:"typing-indicator"},e("span",null),e("span",null),e("span",null)))]}renderUserName(t){return t&&t.firstName&&t.lastName&&e("div",{class:"username"},`${t.firstName} ${t.lastName} ${u("ISTYPING")}...`)}renderUser(t){return e("div",{class:"user-container"},t&&e("yoo-avatar",{size:"medium",user:t}))}renderIsTypingMultiple(){return Object.keys(this.usersTyping).map((t=>[this.renderUserName(this.usersTyping[t]),e("div",{class:"bottom-part"},this.renderUser(this.usersTyping[t]),this.renderTypingIcon())]))}renderSomeoneIsTyping(){return[e("div",{class:"someone-typing-container"},this.isMultiple?this.renderIsTypingMultiple():this.renderTypingIcon())]}renderChatMessages(){return this.messages.map(((t,a)=>{var o,r,i;if(!(null==t?void 0:t.deleted))return e("yoo-chat-message",{onConferenceMessageClicked:t=>{this.conferenceMessageClicked.emit(t.detail)},onRepliedMessageClicked:t=>this.onRepliedMessageClicked(t),id:null===(o=t.timetoken)||void 0===o?void 0:o.toString(),key:t.timetoken,hasOptions:w(this.host),hasStatus:!0,message:t,asyncRender:!0,allUsers:this.allUsers,isLast:this.getLastMessage(a),isFirst:this.getFirstMessage(a),onClicked:a=>this.onClickMessage(a,t.timetoken),isNextImage:this.isNextImage(a),isGroup:this.isMultiple,receivedByOthers:t.options&&t.options.messageRecievedInfo&&t.options.messageRecievedInfo.length===(null===(r=this.otherIds)||void 0===r?void 0:r.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(i=this.advancedOptions)||void 0===i?void 0:i.popupMode)?.65:void 0,preventVideoPreloading:this.preventVideoPreloading,onUsernameClicked:t=>g({type:"user-detail",params:{user:t.detail}}),onAvatarClicked:t=>g({type:"user-detail",params:{user:t.detail}})})}))}renderBroadcastActions(t){const a=t.actionType,o=(t,a)=>{t.stopPropagation(),(null==a?void 0:a.handler)&&a.handler()};return"badge"===a?e("yoo-tag",{color:t.color,onClick:a=>o(a,t)},t.icon&&e("yoo-icon",{slot:"start",size:"small",name:t.icon}),t.text):"icon"===a?e("yoo-icon",{name:t.icon,color:"light",onClick:a=>o(a,t)}):void 0}renderBroadcastMessage(t){return e("div",{class:"broadcast-message"},e("yoo-avatar",{size:"medium",user:t.author}),e("div",{class:"content-container"},e("div",{class:"title"},O(t.author)),e("div",{class:"content"},t.content)))}renderShareOptions(t){var a;return e("div",{class:"share-container"},e("span",{class:"text"},t.text),e("div",{class:"buttons-container"},null===(a=null==t?void 0:t.shareButtons)||void 0===a?void 0:a.map((t=>q(t)))))}renderBroadcastBottom(){var t;return e("div",{class:"broadcast-bottom-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"floating-icon-container",ref:t=>this.floatingContainer=t}),(this.broadcastParams.isLive||this.broadcastParams.broadcastType!==s.broadcaster)&&[!!(null===(t=this.messages)||void 0===t?void 0:t.length)&&e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{hide:this.inputFocused},scrollEvents:!0,ref:t=>this.ionContent=t},e("div",{class:{"message-inner-container":!0}},this.messages&&this.messages.filter((t=>!k(t))).map((t=>this.renderBroadcastMessage(t))))),this.broadcastParams.isLive&&this.renderInputBar()],this.broadcastParams.finished&&this.broadcastParams.shareOptions&&this.renderShareOptions(this.broadcastParams.shareOptions),!this.broadcastParams.isLive&&!this.broadcastParams.finished&&this.broadcastParams.footerAction&&q(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!c()&&this.broadcastParams.isLive;if(!(null===(t=this.broadcastParams)||void 0===t?void 0:t.videoSrc)&&!a)return;const o={videoPlayerCoreParameters:{source:this.broadcastParams.videoSrc,controls:!0,preventAutoResume:!0,cover:!0,fullscreen:!1,extraClass:"fullscreen"},preventVcAuto:!0,preventAutoPauseOnBlur:!0};return e("div",{ref:t=>this.videoElWrapper=t,class:{"video-outer-container":!0,"not-cordova":a}},a?e("div",{class:"video-container"}):e("yoo-videoplayer-core",Object.assign({ref:t=>this.videoPlayerEl=t},o)))}renderBroadcastStatus(t){const a=()=>t.users&&t.users.length>0&&e("div",{class:"avatars-container"},t.users.map((t=>e("yoo-avatar",{size:"small",user:t}," ")))),o=()=>e("span",{class:"status-text"},t.text);return e("div",{class:{"extra-status-container":!0,finished:this.broadcastParams.finished}},this.broadcastParams.finished?[o(),a()]:[a(),o()])}renderTimer(){if(!this.showCountdown)return;const t=z(this.countDownValue,!0),a=x(this.countDownValue)&&x(this.countDownStartValue)?this.countDownValue/this.countDownStartValue*100:0;return e("div",{class:"timer-container"},e("yoo-progress-bar",{animated:!0,class:"auto-height",shape:"circle",listenToProgress:!0,hideProgressValue:!0,progressAnimationDuration:0,progressValue:a,percentProgressColorScheme:!1,onProgressUpdate:t=>(t=>{t&&t.target&&t.detail&&100===t.detail&&(t.target.progressAnimationDuration=1.25)})(t)}),e("div",null,t))}renderOverlay(){return e("div",{class:"blur-overlay"})}renderBroadcastInnerContainer(t){var a,o;return e("div",{class:{"broadcast-container":!0,"hide-controls":this.hideControls,"show-player":this.showBackgroundVideo&&this.broadcastParams.showControl},onClick:()=>{this.onToggleView()}},e("div",{class:"top-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"left"},(this.broadcastParams.isLive||!t)&&[e("yoo-avatar",{size:"small",user:this.broadcastParams.user}," "),e("span",null,this.broadcastParams.title)],this.broadcastParams.closeHandler&&!this.broadcastParams.isLive&&!this.broadcastParams.finished&&t&&!w(this.host)&&[e("yoo-icon",{name:"close",color:"light",onClick:()=>{this.broadcastParams.closeHandler()}}),e("yoo-tag",{color:"energized"},"BETA")]),((null===(a=this.broadcastParams)||void 0===a?void 0:a.headerTopActions)||this.broadcastParams.isLive)&&e("div",{class:"right"},((null===(o=this.broadcastParams)||void 0===o?void 0:o.headerTopActions)||[]).map((t=>this.renderBroadcastActions(t)))),!this.broadcastParams.isLive&&this.broadcastParams.broadcastStatus&&this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)),!this.broadcastParams.finished&&this.broadcastParams.statusActions&&e("div",{class:"status-container",onClick:t=>{t.stopPropagation()}},this.broadcastParams.statusActions.map((t=>this.renderBroadcastActions(t))),this.broadcastParams.isLive&&t&&this.renderTimer()),this.renderBroadcastBottom(),this.broadcastParams.finished&&this.renderOverlay(),this.showBackgroundVideo&&this.renderVideo(),w(this.host)&&e("div",{class:"video-container"},e("slot",{name:"video"})))}renderBroadcastContainer(){const t=this.broadcastParams.broadcastType===s.broadcaster;return this.broadcastParams.isPlayback&&!w(this.host)?e("yoo-swipe-container",{class:"dark",onSwipedDown:t=>{this.onSwipeDown(t)}},this.renderBroadcastInnerContainer(t)):this.renderBroadcastInnerContainer(t)}renderSimpleChat(){return[this.disableHeader?null:this.deleteModeEnabled?this.renderEditableHeader():this.renderReadOnlyHeader(),e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{"bg-light-to-dark":!this.transparent,"simple-content":!0},forceOverscroll:!1,scrollEvents:!0,onIonScrollEnd:()=>{this.onChatFocused()},onClick:()=>{this.onChatFocused()},ref:t=>this.ionContent=t},e("yoo-ion-refresher",{class:this.transparent?"transparent":"",slot:"fixed",onIonRefresh:()=>this.onPullToRefresh(),disabled:this.deleteModeEnabled,ref:t=>this.refresher=t},e("yoo-ion-refresher-content",{pullingText:u("PULLTOREFRESH")})),e("div",{onClick:()=>{C("hideBottomDialog",window)},class:{"messages-container":!0,"iphone-x":j()}},this.messages&&this.renderChatMessages(),this.showLoader&&e("yoo-loader",{class:"loader transparent"}),this.isSomeoneTyping&&this.renderSomeoneIsTyping())),this.hideInputBar?null:this.deleteModeEnabled?this.renderDeleteModeFooter():this.renderInputBar()]}render(){var t,a,r;return e(o,{class:Object.assign({broadcast:this.broadcastMode,live:null===(t=this.broadcastParams)||void 0===t?void 0:t.isLive,popup:null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode,broadcaster:(null===(r=this.broadcastParams)||void 0===r?void 0:r.broadcastType)===s.broadcaster},Y(this.host))},this.broadcastMode?this.renderBroadcastContainer():this.renderSimpleChat())}get host(){return r(this)}};L.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);--chat-message-max-width:75%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-app-color{background-color:var(--app-color) !important}:host .app-color{color:var(--app-color);fill:var(--app-color)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .bg-energized{background-color:var(--energized, #fed05b) !important}:host .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .bg-royal{background-color:var(--royal, #7577ff) !important}:host .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .bg-info{background-color:var(--info, #fc459e) !important}:host .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-warning{background-color:var(--warning, #ff6402) !important}:host .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:var(--spacing-04, 0.25rem)}:host .heading-container{font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-10-deprecated, 0.625rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:""}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-05-deprecated, 0.3125rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light-to-dark, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .app-color{color:var(--app-color);fill:var(--app-color)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .delete-mode-footer .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .delete-mode-footer .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .delete-mode-footer .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .delete-mode-footer .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .delete-mode-footer .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .delete-mode-footer .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .delete-mode-footer .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host yoo-chat-message{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);--media-max-width:var(--chat-message-max-width)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark-to-light, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark-to-light, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}';export{L as yoo_chat}

package/dist/design-system/{p-21365e62.entry.js → p-89edb19e.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a,H as o,a as i}from"./p-34197588.js";import{i as r,aw as n,t as s,bx as l,Y as p,$ as d,a0 as c,az as f,c3 as h,b5 as b,z as m,ad as g,a4 as y,u as x}from"./p-8c6ff567.js";import"./p-4d956bd4.js";import{f as v}from"./p-76fdfe1c.js";import{j as u,e as w,g as k,r as z}from"./p-be7ffa74.js";import{p as j}from"./p-b7c3813b.js";import{e as C}from"./p-21cafe2c.js";import"./p-473a381c.js";import{j as I,f as q}from"./p-16ea8a14.js";import{g as S}from"./p-d26a0738.js";import"./p-ca07fb1e.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-5fd2d8ef.js";import"./p-338ff9dc.js";import"./p-88c8100b.js";import"./p-478a812f.js";import"./p-c578e362.js";import"./p-ee1979e2.js";import"./p-ba9a1e5a.js";import"./p-a4d0bd7f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-1f1c180f.js";import"./p-659a953c.js";import"./p-7b8c6197.js";import"./p-ba705441.js";import"./p-9c28d18f.js";import"./p-bd19a341.js";const{StatusBar:M}=g,O=class{constructor(a){e(this,a),this.groupClicked=t(this,"groupClicked",7),this.commentClicked=t(this,"commentClicked",7),this.likeClicked=t(this,"likeClicked",7),this.likeCountClicked=t(this,"likeCountClicked",7),this.viewCountClicked=t(this,"viewCountClicked",7),this.imageClicked=t(this,"imageClicked",7),this.userClicked=t(this,"userClicked",7),this.socialShareClicked=t(this,"socialShareClicked",7),this.readReceiptClickd=t(this,"readReceiptClickd",7),this.animated=!0,this.imageEnlarged=!1,this.hasGradient=!0,this.showMoreButton=!0,this.expandText=!1,this.zoomed=!1,this.textExpanded=!1}onZoomChanges(e){this.zoomed=e.detail}handleKeyDown(e){if(this.fullscreenView&&!this.zoomed){const t=u(this.feed);"ArrowRight"===e.key&&this.activeMediaIndex<t.length-1?(this.activeMediaIndex++,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex)):"ArrowLeft"===e.key&&this.activeMediaIndex>0&&(this.activeMediaIndex--,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex))}}componentWillLoad(){var e;const t=u(this.feed);(null==t?void 0:t.length)>=0&&(this.activeMediaIndex=(null===(e=this.feed)||void 0===e?void 0:e.currentSlideIndex)||0)}componentDidLoad(){r()&&M.hide(),this.ionScrollDiv&&this.ionScrollDiv.firstElementChild&&(this.ionScrollDiv.firstElementChild.clientHeight>I(.1)?(this.showMoreButton=!0,this.expandText=!1):this.showMoreButton=!1)}disconnectedCallback(){r()&&M.show()}updateIonScroll(){this.ionScrollDiv&&this.ionScrollDiv.refresh()}onOverlayClick(){this.hideOverlay()}onToggleMore(e){this.expandText=!this.expandText,this.hasGradient=!0,e&&e.stopPropagation()}hideOverlay(){this.feedDetailContainer.classList.remove("show-overlay")}hasMediaSrc(){return this.feed&&this.feed.mediaSrc&&this.feed.mediaSrc.length>0}get mediaType(){var e;return(null===(e=this.feed)||void 0===e?void 0:e.mediaType)||"photo"}onInteractionClicked(e,t){e&&e.stopPropagation(),t()}onFirstCommentClicked(e){e&&e.stopPropagation(),n("_globalEvent",this.host,{type:"feed-comment",eventTarget:"app-feeds",params:{feed:this.feed}})}onGroupClicked(e){if(this.feed.group.length>1)return e&&e.stopPropagation(),this.groupClicked.emit(!0)}renderInteraction(e,t,o,i="",r){return a("div",{class:"interaction "+(i||""),onClick:e=>this.onInteractionClicked(e,o)},e?a("yoo-icon",{allowHeartAnimation:!("heart"!==e),isLiked:this.feed.isLikedByMe,name:e,color:r}):null,a("span",{class:"interaction-counter"},t))}renderSharedIn(){const e=this.feed.group.length>1;return[a("span",{class:"feed-group"},`${e?w(this.feed.group).length:this.feed.group[0]} `),e&&s("GROUPS")]}renderFullscreenHeader(){var e,t,o,i,r,n,s,p,d,c,f;const h=(null===(e=this.fullscreenParams)||void 0===e?void 0:e.mediaSrc)||u(this.feed),b=(null===(t=this.fullscreenParams)||void 0===t?void 0:t.heading)||((null===(o=this.feed)||void 0===o?void 0:o.user)?k(this.feed.user):null),m=y(this.feed)||null===(i=this.feed)||void 0===i?void 0:i.isOnline,g=(null===(r=this.fullscreenParams)||void 0===r?void 0:r.user)||(null===(n=this.feed)||void 0===n?void 0:n.user);return a("div",{class:"feed-header"},this.fullscreenView&&a("yoo-icon",{onClick:()=>l(null),name:"close",class:"close",color:"light"}),a("yoo-avatar",{user:g,size:"small",isOnline:m,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},b&&a("span",{class:"username"},b),(null===(s=this.fullscreenParams)||void 0===s?void 0:s.subheading)&&a("span",{class:"subheading"},this.fullscreenParams.subheading),(null===(p=this.feed)||void 0===p?void 0:p.date)&&a("span",{class:"feed-date"},j.timeAgo.transform(null===(d=this.feed)||void 0===d?void 0:d._ect)),(null===(f=null===(c=this.feed)||void 0===c?void 0:c.group)||void 0===f?void 0:f.length)&&a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("yoo-icon",{name:"group",class:"group",color:"stable",size:"small"}),this.renderSharedIn())),(null==h?void 0:h.length)>=0&&this.fullscreenView&&a("div",{class:"fullscreen-preview-container"},h.map(((e,t)=>{var o,i;return a("yoo-img",{class:{selected:this.activeMediaIndex===t},src:e,scaledUpInHeight:!0,mediaDimension:(null===(o=this.feed)||void 0===o?void 0:o.mediaDimension)?null===(i=this.feed)||void 0===i?void 0:i.mediaDimension[t]:null,scaledUp:!0,instant:!0,onClick:()=>{this.activeMediaIndex=t,this.feed&&(this.feed.currentSlideIndex=t)}})}))))}renderHeader(){return a("div",{class:"feed-header"},a("yoo-avatar",{user:this.feed?this.feed.user:null,size:"large",isOnline:this.feed.isOnline,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},this.feed&&this.feed.user?a("span",null,k(this.feed.user)):null,a("div",{class:"extra-heading"},this.feed&&this.feed.date?a("span",{class:"feed-date"},j.timeAgo.transform(this.feed._ect),"."):null,this.feed&&this.feed.group&&this.feed.group.length?[a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("span",{class:"feed-shared-in"}," ",` • ${s("SHAREDIN")} `),a("span",{class:"feed-subheading"},"string"==typeof this.feed.group?[a("span",null," "),a("span",{class:"feed-group"},this.feed.group)]:this.renderSharedIn()))]:null)))}renderSlidePagination(){var e;return null===(e=this.feed)||void 0===e?void 0:e.mediaSrc.map(((e,t)=>a("div",{class:{dot:!0,active:this.activeMediaIndex===t}})))}renderText(){var e;let t=null===(e=this.feed)||void 0===e?void 0:e.description;return t=this.feed.descriptionTranslated||p(d(c(t),!0)),a("div",{class:"feed-text"},t&&a("div",{class:"feed-description"},a("div",{class:{"description-content":!0,expanded:this.expandText}},a("div",{class:"scroll-wrapper"},a("yoo-ion-scroll",{class:"relative no-contain",showScrollbar:!1,ref:e=>this.ionScrollDiv=e},a("div",{class:"scroll-inner-container"},this.feed&&a("yoo-truncate",{content:t,collapsed:!this.expandText,byWords:!0,showEllipsisButton:!0,onContentToggled:e=>this.onToggleMore(e),maxLength:10}," "),this.feed&&this.feed.tags?a("div",{class:"feed-hashtags"},this.feed&&this.feed.tags.map((e=>a("span",{class:{hashtag:!0,"app-color":!0},innerHTML:`#${p(e).toLowerCase()} `})))):null))))))}renderOverlay(){return a("div",{onClick:()=>{this.onOverlayClick()},class:"overlay"})}renderInteractionContainer(){var e;return a("div",{class:"feed-interactions"},this.isOffline?null:[a("div",{class:"start"},this.feed.disableLikes?null:this.renderInteraction("heart","",(()=>this.likeClicked.emit(!0)),"",this.feed.isLikedByMe?"danger":"stable-alt"),this.feed.disableComments?null:this.renderInteraction("comment","",(()=>this.commentClicked.emit(!0)),"","stable-alt"),f().canSocialShare&&r()&&!this.feed.disableSharing&&this.renderInteraction("share","",(()=>this.socialShareClicked.emit(!0)),"","stable-alt")),a("div",{class:"middle"},(null===(e=this.feed.mediaSrc)||void 0===e?void 0:e.length)>1&&this.renderSlidePagination()),a("div",{class:"end"},this.showReadReceipt&&this.renderInteraction("read",(this.feed.readsCount?this.feed.readsCount:0).toString(),(()=>this.readReceiptClickd.emit(!0)),"auto counter","stable-alt"),this.showViewCount&&this.renderInteraction("eye",(this.feed.viewsCount?this.feed.viewsCount:0).toString(),(()=>this.viewCountClicked.emit(!0)),"counter","stable-alt"))])}renderMedia(){var e,t;return a("yoo-form-carousel",{mediaSrc:this.feed.mediaSrc,mediaType:this.feed.mediaType,currentSlideIndex:this.feed.currentSlideIndex,previewMode:!0,hasGradient:this.hasGradient,isFeed:!0,topBarActions:null===(t=null===(e=this.fullscreenParams)||void 0===e?void 0:e.photoEditorParams)||void 0===t?void 0:t.extraActions,onImageZoomed:e=>this.bottomContainerElement.classList.toggle("hidden",e.detail),onSlideChanges:e=>this.activeMediaIndex=(null==e?void 0:e.detail)||0})}renderPhotoEditors({src:e,drawings:t,annotations:o}){return a("yoo-photo-editor",{animated:this.animated,zoomable:!0,display:"preview",drawings:t,annotations:o,src:x(e)&&e.length?e[this.activeMediaIndex]:e})}renderMainView(){return a("div",{class:"main-view-container"},this.renderPhotoEditors(Object.assign(Object.assign({},this.feed&&{src:u(this.feed)}),this.fullscreenParams&&this.fullscreenParams.photoEditorParams)))}renderFirstComment(){var e,t;let o=this.feed.firstComment.text||null;this.feed.firstComment&&this.feed.firstComment.mentions&&o&&(o=o.replace(/<br[^>]*>/g,""));const i=this.feed.firstComment.user||null,r=v(o)||o.includes("<ionic-chat-image");let n=null===(t=null===(e=this.feed)||void 0===e?void 0:e.firstComment)||void 0===t?void 0:t.text;return n&&this.feed.firstComment.mentions&&(n=z(n,this.feed.firstComment.mentions)),a("div",{class:"feed-mention-actions",onClick:e=>{this.onFirstCommentClicked(e)}},i&&a("yoo-avatar",{user:i,size:"extra-small"}),r?a("span",{class:"app-color"},s("VIEWMEDIA")," "):a("span",{class:"first-comment-text"},h(n)))}renderActions(e,t,o){return e.map((e=>{if(e&&e.text&&e.handler){const i=e.cssClass&&e.cssClass.includes("button");return a("div",{slot:o,class:{"feed-bottom-action":!0,[e.cssClass||""]:!0,middle:t}},i?S(e):"")}}))}renderFullscreenView(){return a("div",{class:"fullscreen-container"},this.renderFullscreenHeader(),this.renderMainView())}addExtraClass(e,t){return e+" "+t}_class(e){let t=e;switch(e){case"feed-details-container":return this.isOffline&&(t=this.addExtraClass(t,"offline")),this.feed&&this.feed.document&&(t=this.addExtraClass(t,b(this.feed.document))),this.imageEnlarged&&(t=this.addExtraClass(t,"image-focus")),this.feed&&this.hasMediaSrc()&&(t=this.addExtraClass(t,this.mediaType)),this.expandText&&(t=this.addExtraClass(t,"text-expanded")),this.showMoreButton&&(t=this.addExtraClass(t,"has-overflow")),t;default:return e}}render(){var e;return a(o,{class:Object.assign({"fullscreen-preview":this.fullscreenView},q(this.host))},this.fullscreenView?this.renderFullscreenView():a("div",{class:this._class("feed-details-container"),ref:e=>this.feedDetailContainer=e},this.hasMediaSrc()&&this.renderMedia(),a("div",{class:"bottom-container",ref:e=>this.bottomContainerElement=e},this.renderHeader(),this.renderText(),!!(null===(e=this.actions)||void 0===e?void 0:e.length)&&this.renderActions(this.actions),this.renderInteractionContainer(),!this.feed.disableLikes&&this.renderInteraction(null,C(this.feed.likesCount),(()=>this.likeCountClicked.emit(!0)),"global"),this.feed.firstComment&&this.renderFirstComment(),!this.feed.disableComments&&this.renderInteraction(null,this.feed.comments&&this.feed.comments.length?s("VIEWALLCOMMENTS",{count:this.feed.comments.length||0}):s("FIRSTCOMMENT"),(()=>this.commentClicked.emit(!1)),"global stable comment last "+(m()?"iphone-x":"")))))}get host(){return i(this)}};O.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-05-deprecated, 0.3125rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon[allow-heart-animation]{margin-right:0;margin-left:-15px}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";export{O as yoo_feed_detail}
+import{r as e,c as t,h as a,H as o,a as i}from"./p-34197588.js";import{i as r,aw as n,t as s,bx as l,Y as p,$ as d,a0 as c,az as f,c3 as h,b5 as b,z as m,ad as g,a4 as y,u as x}from"./p-8c6ff567.js";import"./p-4d956bd4.js";import{f as v}from"./p-a60e966e.js";import{j as u,e as w,g as k,r as z}from"./p-be7ffa74.js";import{p as j}from"./p-b7c3813b.js";import{e as C}from"./p-21cafe2c.js";import"./p-473a381c.js";import{j as I,f as q}from"./p-16ea8a14.js";import{g as S}from"./p-d26a0738.js";import"./p-0212af76.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-5fd2d8ef.js";import"./p-338ff9dc.js";import"./p-88c8100b.js";import"./p-478a812f.js";import"./p-c578e362.js";import"./p-ee1979e2.js";import"./p-ba9a1e5a.js";import"./p-a4d0bd7f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-1f1c180f.js";import"./p-659a953c.js";import"./p-7b8c6197.js";import"./p-ba705441.js";import"./p-9c28d18f.js";import"./p-bd19a341.js";const{StatusBar:M}=g,O=class{constructor(a){e(this,a),this.groupClicked=t(this,"groupClicked",7),this.commentClicked=t(this,"commentClicked",7),this.likeClicked=t(this,"likeClicked",7),this.likeCountClicked=t(this,"likeCountClicked",7),this.viewCountClicked=t(this,"viewCountClicked",7),this.imageClicked=t(this,"imageClicked",7),this.userClicked=t(this,"userClicked",7),this.socialShareClicked=t(this,"socialShareClicked",7),this.readReceiptClickd=t(this,"readReceiptClickd",7),this.animated=!0,this.imageEnlarged=!1,this.hasGradient=!0,this.showMoreButton=!0,this.expandText=!1,this.zoomed=!1,this.textExpanded=!1}onZoomChanges(e){this.zoomed=e.detail}handleKeyDown(e){if(this.fullscreenView&&!this.zoomed){const t=u(this.feed);"ArrowRight"===e.key&&this.activeMediaIndex<t.length-1?(this.activeMediaIndex++,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex)):"ArrowLeft"===e.key&&this.activeMediaIndex>0&&(this.activeMediaIndex--,this.feed&&(this.feed.currentSlideIndex=this.activeMediaIndex))}}componentWillLoad(){var e;const t=u(this.feed);(null==t?void 0:t.length)>=0&&(this.activeMediaIndex=(null===(e=this.feed)||void 0===e?void 0:e.currentSlideIndex)||0)}componentDidLoad(){r()&&M.hide(),this.ionScrollDiv&&this.ionScrollDiv.firstElementChild&&(this.ionScrollDiv.firstElementChild.clientHeight>I(.1)?(this.showMoreButton=!0,this.expandText=!1):this.showMoreButton=!1)}disconnectedCallback(){r()&&M.show()}updateIonScroll(){this.ionScrollDiv&&this.ionScrollDiv.refresh()}onOverlayClick(){this.hideOverlay()}onToggleMore(e){this.expandText=!this.expandText,this.hasGradient=!0,e&&e.stopPropagation()}hideOverlay(){this.feedDetailContainer.classList.remove("show-overlay")}hasMediaSrc(){return this.feed&&this.feed.mediaSrc&&this.feed.mediaSrc.length>0}get mediaType(){var e;return(null===(e=this.feed)||void 0===e?void 0:e.mediaType)||"photo"}onInteractionClicked(e,t){e&&e.stopPropagation(),t()}onFirstCommentClicked(e){e&&e.stopPropagation(),n("_globalEvent",this.host,{type:"feed-comment",eventTarget:"app-feeds",params:{feed:this.feed}})}onGroupClicked(e){if(this.feed.group.length>1)return e&&e.stopPropagation(),this.groupClicked.emit(!0)}renderInteraction(e,t,o,i="",r){return a("div",{class:"interaction "+(i||""),onClick:e=>this.onInteractionClicked(e,o)},e?a("yoo-icon",{allowHeartAnimation:!("heart"!==e),isLiked:this.feed.isLikedByMe,name:e,color:r}):null,a("span",{class:"interaction-counter"},t))}renderSharedIn(){const e=this.feed.group.length>1;return[a("span",{class:"feed-group"},`${e?w(this.feed.group).length:this.feed.group[0]} `),e&&s("GROUPS")]}renderFullscreenHeader(){var e,t,o,i,r,n,s,p,d,c,f;const h=(null===(e=this.fullscreenParams)||void 0===e?void 0:e.mediaSrc)||u(this.feed),b=(null===(t=this.fullscreenParams)||void 0===t?void 0:t.heading)||((null===(o=this.feed)||void 0===o?void 0:o.user)?k(this.feed.user):null),m=y(this.feed)||null===(i=this.feed)||void 0===i?void 0:i.isOnline,g=(null===(r=this.fullscreenParams)||void 0===r?void 0:r.user)||(null===(n=this.feed)||void 0===n?void 0:n.user);return a("div",{class:"feed-header"},this.fullscreenView&&a("yoo-icon",{onClick:()=>l(null),name:"close",class:"close",color:"light"}),a("yoo-avatar",{user:g,size:"small",isOnline:m,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},b&&a("span",{class:"username"},b),(null===(s=this.fullscreenParams)||void 0===s?void 0:s.subheading)&&a("span",{class:"subheading"},this.fullscreenParams.subheading),(null===(p=this.feed)||void 0===p?void 0:p.date)&&a("span",{class:"feed-date"},j.timeAgo.transform(null===(d=this.feed)||void 0===d?void 0:d._ect)),(null===(f=null===(c=this.feed)||void 0===c?void 0:c.group)||void 0===f?void 0:f.length)&&a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("yoo-icon",{name:"group",class:"group",color:"stable",size:"small"}),this.renderSharedIn())),(null==h?void 0:h.length)>=0&&this.fullscreenView&&a("div",{class:"fullscreen-preview-container"},h.map(((e,t)=>{var o,i;return a("yoo-img",{class:{selected:this.activeMediaIndex===t},src:e,scaledUpInHeight:!0,mediaDimension:(null===(o=this.feed)||void 0===o?void 0:o.mediaDimension)?null===(i=this.feed)||void 0===i?void 0:i.mediaDimension[t]:null,scaledUp:!0,instant:!0,onClick:()=>{this.activeMediaIndex=t,this.feed&&(this.feed.currentSlideIndex=t)}})}))))}renderHeader(){return a("div",{class:"feed-header"},a("yoo-avatar",{user:this.feed?this.feed.user:null,size:"large",isOnline:this.feed.isOnline,onClick:()=>this.userClicked.emit()}),a("div",{class:"feed-heading"},this.feed&&this.feed.user?a("span",null,k(this.feed.user)):null,a("div",{class:"extra-heading"},this.feed&&this.feed.date?a("span",{class:"feed-date"},j.timeAgo.transform(this.feed._ect),"."):null,this.feed&&this.feed.group&&this.feed.group.length?[a("span",{class:"inner-span",onClick:e=>this.onGroupClicked(e)},a("span",{class:"feed-shared-in"}," ",` • ${s("SHAREDIN")} `),a("span",{class:"feed-subheading"},"string"==typeof this.feed.group?[a("span",null," "),a("span",{class:"feed-group"},this.feed.group)]:this.renderSharedIn()))]:null)))}renderSlidePagination(){var e;return null===(e=this.feed)||void 0===e?void 0:e.mediaSrc.map(((e,t)=>a("div",{class:{dot:!0,active:this.activeMediaIndex===t}})))}renderText(){var e;let t=null===(e=this.feed)||void 0===e?void 0:e.description;return t=this.feed.descriptionTranslated||p(d(c(t),!0)),a("div",{class:"feed-text"},t&&a("div",{class:"feed-description"},a("div",{class:{"description-content":!0,expanded:this.expandText}},a("div",{class:"scroll-wrapper"},a("yoo-ion-scroll",{class:"relative no-contain",showScrollbar:!1,ref:e=>this.ionScrollDiv=e},a("div",{class:"scroll-inner-container"},this.feed&&a("yoo-truncate",{content:t,collapsed:!this.expandText,byWords:!0,showEllipsisButton:!0,onContentToggled:e=>this.onToggleMore(e),maxLength:10}," "),this.feed&&this.feed.tags?a("div",{class:"feed-hashtags"},this.feed&&this.feed.tags.map((e=>a("span",{class:{hashtag:!0,"app-color":!0},innerHTML:`#${p(e).toLowerCase()} `})))):null))))))}renderOverlay(){return a("div",{onClick:()=>{this.onOverlayClick()},class:"overlay"})}renderInteractionContainer(){var e;return a("div",{class:"feed-interactions"},this.isOffline?null:[a("div",{class:"start"},this.feed.disableLikes?null:this.renderInteraction("heart","",(()=>this.likeClicked.emit(!0)),"",this.feed.isLikedByMe?"danger":"stable-alt"),this.feed.disableComments?null:this.renderInteraction("comment","",(()=>this.commentClicked.emit(!0)),"","stable-alt"),f().canSocialShare&&r()&&!this.feed.disableSharing&&this.renderInteraction("share","",(()=>this.socialShareClicked.emit(!0)),"","stable-alt")),a("div",{class:"middle"},(null===(e=this.feed.mediaSrc)||void 0===e?void 0:e.length)>1&&this.renderSlidePagination()),a("div",{class:"end"},this.showReadReceipt&&this.renderInteraction("read",(this.feed.readsCount?this.feed.readsCount:0).toString(),(()=>this.readReceiptClickd.emit(!0)),"auto counter","stable-alt"),this.showViewCount&&this.renderInteraction("eye",(this.feed.viewsCount?this.feed.viewsCount:0).toString(),(()=>this.viewCountClicked.emit(!0)),"counter","stable-alt"))])}renderMedia(){var e,t;return a("yoo-form-carousel",{mediaSrc:this.feed.mediaSrc,mediaType:this.feed.mediaType,currentSlideIndex:this.feed.currentSlideIndex,previewMode:!0,hasGradient:this.hasGradient,isFeed:!0,topBarActions:null===(t=null===(e=this.fullscreenParams)||void 0===e?void 0:e.photoEditorParams)||void 0===t?void 0:t.extraActions,onImageZoomed:e=>this.bottomContainerElement.classList.toggle("hidden",e.detail),onSlideChanges:e=>this.activeMediaIndex=(null==e?void 0:e.detail)||0})}renderPhotoEditors({src:e,drawings:t,annotations:o}){return a("yoo-photo-editor",{animated:this.animated,zoomable:!0,display:"preview",drawings:t,annotations:o,src:x(e)&&e.length?e[this.activeMediaIndex]:e})}renderMainView(){return a("div",{class:"main-view-container"},this.renderPhotoEditors(Object.assign(Object.assign({},this.feed&&{src:u(this.feed)}),this.fullscreenParams&&this.fullscreenParams.photoEditorParams)))}renderFirstComment(){var e,t;let o=this.feed.firstComment.text||null;this.feed.firstComment&&this.feed.firstComment.mentions&&o&&(o=o.replace(/<br[^>]*>/g,""));const i=this.feed.firstComment.user||null,r=v(o)||o.includes("<ionic-chat-image");let n=null===(t=null===(e=this.feed)||void 0===e?void 0:e.firstComment)||void 0===t?void 0:t.text;return n&&this.feed.firstComment.mentions&&(n=z(n,this.feed.firstComment.mentions)),a("div",{class:"feed-mention-actions",onClick:e=>{this.onFirstCommentClicked(e)}},i&&a("yoo-avatar",{user:i,size:"extra-small"}),r?a("span",{class:"app-color"},s("VIEWMEDIA")," "):a("span",{class:"first-comment-text"},h(n)))}renderActions(e,t,o){return e.map((e=>{if(e&&e.text&&e.handler){const i=e.cssClass&&e.cssClass.includes("button");return a("div",{slot:o,class:{"feed-bottom-action":!0,[e.cssClass||""]:!0,middle:t}},i?S(e):"")}}))}renderFullscreenView(){return a("div",{class:"fullscreen-container"},this.renderFullscreenHeader(),this.renderMainView())}addExtraClass(e,t){return e+" "+t}_class(e){let t=e;switch(e){case"feed-details-container":return this.isOffline&&(t=this.addExtraClass(t,"offline")),this.feed&&this.feed.document&&(t=this.addExtraClass(t,b(this.feed.document))),this.imageEnlarged&&(t=this.addExtraClass(t,"image-focus")),this.feed&&this.hasMediaSrc()&&(t=this.addExtraClass(t,this.mediaType)),this.expandText&&(t=this.addExtraClass(t,"text-expanded")),this.showMoreButton&&(t=this.addExtraClass(t,"has-overflow")),t;default:return e}}render(){var e;return a(o,{class:Object.assign({"fullscreen-preview":this.fullscreenView},q(this.host))},this.fullscreenView?this.renderFullscreenView():a("div",{class:this._class("feed-details-container"),ref:e=>this.feedDetailContainer=e},this.hasMediaSrc()&&this.renderMedia(),a("div",{class:"bottom-container",ref:e=>this.bottomContainerElement=e},this.renderHeader(),this.renderText(),!!(null===(e=this.actions)||void 0===e?void 0:e.length)&&this.renderActions(this.actions),this.renderInteractionContainer(),!this.feed.disableLikes&&this.renderInteraction(null,C(this.feed.likesCount),(()=>this.likeCountClicked.emit(!0)),"global"),this.feed.firstComment&&this.renderFirstComment(),!this.feed.disableComments&&this.renderInteraction(null,this.feed.comments&&this.feed.comments.length?s("VIEWALLCOMMENTS",{count:this.feed.comments.length||0}):s("FIRSTCOMMENT"),(()=>this.commentClicked.emit(!1)),"global stable comment last "+(m()?"iphone-x":"")))))}get host(){return i(this)}};O.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-05-deprecated, 0.3125rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-10-deprecated, 0.625rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon[allow-heart-animation]{margin-right:0;margin-left:-15px}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";export{O as yoo_feed_detail}