@yoobic/yobi 7.7.79 → 7.7.80

package/dist/design-system/{p-52f6ebf1.entry.js → p-ea46fc83.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as r,g as o}from"./p-c26cc6ff.js";import{y as i,U as n,W as c,Y as s,b as p,t as l,_ as d,X as h,T as b}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as m}from"./p-15fd070c.js";import"./p-b5241164.js";import{f}from"./p-33b2d3a2.js";import{c as g,a as y}from"./p-77bfd3e2.js";import{b as u}from"./p-432e8458.js";import{s as v}from"./p-2fbb14cc.js";import{i as x}from"./p-6b61583e.js";import{c as w}from"./p-d05412cf.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";var k,z;!function(t){t.left="left",t.right="right",t.undo="undo"}(k||(k={})),function(t){t.image="image",t.textimage="textimage",t.text="text"}(z||(z={}));const j=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.blockMoves=e(this,"blockMoves",7),this.validators=[],this.mode=z.text,this.showInstructionView=!0,this.animated=!0,this.shuffled=!0,this.values=[],this.swipeCards=[],this.animationDelay=this.animated?.25:0,this.cardsElements=[],this.swipeButtons=[]}onIsVisibleChanged(){setTimeout((()=>this.displayFooterElement(!this.showInstructionView)),150)}get hasImage(){return this.isMode(z.image)||this.isMode(z.textimage)}get hasText(){return this.isMode(z.text)||this.isMode(z.textimage)}get hasTwoCategories(){var t,e;return!(!(null===(t=this.categories)||void 0===t?void 0:t.length)||2!==(null===(e=this.categories)||void 0===e?void 0:e.filter((t=>t)).length))}get buttons(){const t=t=>{var e,a;return null===(a=null===(e=this.swipeButtons)||void 0===e?void 0:e.filter((e=>(null==e?void 0:e.id)===`swipe-${t}`)))||void 0===a?void 0:a[0]};return{left:t(k.left),undo:t(k.undo),right:t(k.right)}}get currentCard(){return this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a+1:t),0)]}get currentCardElement(){var t;return this.getCardElement(null===(t=this.currentCard)||void 0===t?void 0:t.id)}get formHeight(){var t;return null===(t=i(this.host,"form"))||void 0===t?void 0:t.clientHeight}onRequireChanged(){this.validate()}onValuesChanged(){this.isMode(z.image)||this.spyOnValuesChanged(this.values)}onImagesChanged(){this.isMode(z.text)||this.spyOnValuesChanged(this.images)}onCategoriesChanged(){if(!this.hasDuplicatesValues){const t=this.livePreview&&!this.hasTwoCategories;g(this.outerContainerElement,t,"NOTFULFILLEDCATEGORIES"),t&&(this.showInstructionView=!0)}}componentWillLoad(){this.shuffleCardValues(),this.revealCards=!this.showInstructionView,this.swipeCards=this.initCards()}componentDidLoad(){this.outerContainerElement&&(this.displayFooterElement(!1),this.showInstructionView||this.initDraggable())}componentWillUpdate(){this.hasDataChanged&&(this.cardValues=[],this.shuffleCardValues(),this.revealCards=!0,this.swipeCards=this.initCards())}componentDidUpdate(){this.revealCards&&(this.hasDataChanged=!1,this.revealCards=!1,this.initDraggable()),setTimeout((()=>this.lockSwipeButtons(!1)),750)}validate(){var t;const e=null===(t=this.swipeCards.filter((t=>t.swipedDirection)))||void 0===t?void 0:t.length;return this.validity=e===(this.hasImage?this.images.length:this.values.length),this.validityChanged.emit(this.validity),this.validity}hasEmptyValue(t){return!(null==t?void 0:t.length)||!!(null==t?void 0:t.filter((t=>!t)).length)}shuffleCardValues(){const t=this.hasImage?this.images.filter((t=>this.isMode(z.textimage)?null==t?void 0:t._filename:t)):this.values.filter((t=>t));this.cardValues=this.shuffled?v(t):t}getCardElement(t){var e;return null===(e=this.cardsElements)||void 0===e?void 0:e.find((e=>(null==e?void 0:e.id)===t))}spyOnValuesChanged(t){if(this.hasTwoCategories){const e=this.hasEmptyValue(t);this.hasDuplicatesValues=1===y(this.values);const a=this.livePreview&&(e||this.hasDuplicatesValues),r=this.isMode(z.textimage)&&e?"NOEMPTYVALUES":this.hasDuplicatesValues?"NODUPLICATEVALUES":"";g(this.outerContainerElement,a,r),this.hasDataChanged=!a,a&&(this.showInstructionView=!0)}}getUserAnswer(){const t=t=>{var e,a;return this.isMode(z.image)?d(null===(a=null===(e=this.answer)||void 0===e?void 0:e[0])||void 0===a?void 0:a[0])?t._downloadURL:t._downloadURL.split("/").pop():this.isMode(z.textimage)?t._filename:t},e=e=>this.swipeCards.filter((t=>t.swipedDirection===e)).map((e=>t(e.value)));u([e(k.left),e(k.right)],this)}displayFooterElement(t=!0){const e=i(this.host,"yoo-ion-slide");if(e){const a=e.querySelector("yoo-form-footer");a&&!this.livePreview&&(a.style.display=t?"block":"none")}}initDraggable(){this.cardsElements.filter((t=>!n.get(t))).forEach((t=>this.getDraggableInstance(t))),this.cardsElements.forEach((t=>null==t?void 0:t.classList.remove("revealing")))}initCards(){var t;return(null===(t=this.cardValues)||void 0===t?void 0:t.map((t=>({id:m(),value:t}))))||[]}lockSwipeButtons(t=!0){this.swipeButtons.forEach((e=>e.disabled=t))}swipeCard(t){this.currentCard&&(this.lockSwipeButtons(),this.buttons[t].style.removeProperty("transform"),this.backgroundElement.removeAttribute("direction"),this.currentCardElement.setAttribute("swiped",t),this.currentCard.swipedDirection=t,this.getUserAnswer())}getSwipedState(t){const e=[.35,.65];return{swipedDirection:t<e[0]?k.left:t>e[1]?k.right:null,isCardThrowable:!x(t,e[0],e[1])}}setSwipingColor(t){if(this.currentCardElement){const e=this.currentCardElement.querySelector(".content-category"),a=[k.left,k.right].includes(t);e.textContent=this.getSwipedCategoryValue(t),[this.backgroundElement,this.currentCardElement].forEach((e=>{a?e.setAttribute("direction",t):e.removeAttribute("direction")}))}}getDraggableInstance(t){return c().then((e=>{if(!e||!t)return;this.revealCards=!1;const a=this.host.clientWidth/2,r=e(),o=e({paused:!0}),i=t=>t.classList.contains("current");o.fromTo(this.buttons.left,1,{scale:1.5},{scale:1},0).fromTo(this.buttons.right,1,{scale:1},{scale:1.5},1).progress(.5);const c=t=>{i(t)&&(this.blockMoves.emit(!0),null==r||r.kill())},s=(t,e)=>{if(i(e)){const e=w((t+a)/(2*a),0,1);o.progress(e),this.setSwipingColor(this.getSwipedState(e).swipedDirection)}},p=e=>{if(i(e)){const e=this.getSwipedState(o.progress());e.isCardThrowable?this.swipeCard(e.swipedDirection):r.to(t,this.animationDelay,{left:0,top:0}).to([this.buttons.left,this.buttons.right],{scale:1,ease:h.easeInOut},0)}else b(t,this.animationDelay,{left:0,top:0})};return new n(t,{bound:this.outerContainerElement,type:"left, top",cursor:"grab",zIndexBoost:!1,onDragStart(){c(this.target)},onDrag(){s(this.x,this.target)},onDragEnd(){p(this.target)}})}))}clickToSwipe(t){this.buttons[t].disabled||(this.setSwipingColor(t),setTimeout((()=>this.swipeCard(t)),400))}async undoSwipe(){const t=this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a:t),0)];if(!this.buttons.undo.disabled&&(null==t?void 0:t.swipedDirection)){this.lockSwipeButtons();const e=this.getCardElement(null==t?void 0:t.id);e&&(e.style.removeProperty("top"),e.style.removeProperty("left"),e.removeAttribute("swiped"),null==t||delete t.swipedDirection,setTimeout((()=>{this.getUserAnswer()}),225))}}isMode(t){return this.mode===t}getSwipedCategoryValue(t){var e;return(null===(e=this.categories)||void 0===e?void 0:e.length)&&s(t===k.left?this.categories[0]:t===k.right?this.categories[1]:"")}renderCards(){return a("div",{class:"stacked-cards-container"},this.swipeCards.map(((t,e,r)=>{var o;const i=r.indexOf(this.currentCard)||0,n=-1!==i;return a("div",Object.assign({class:{"card-container":!0,current:e===i,second:n&&e===i+1,third:n&&e===i+2,revealing:this.revealCards},id:t.id,ref:t=>this.cardsElements[e]=t},Object.assign({type:this.mode},t.swipedDirection&&{direction:t.swipedDirection})),this.hasImage&&a("div",{class:"content-image"},a("yoo-img",{instant:!0,src:t.value._downloadURL})),this.hasText&&a("div",{class:"content-text"},s((null===(o=t.value)||void 0===o?void 0:o._filename)||t.value)),a("div",{class:"content-category"}))})))}renderInstructionCategory(t){const e=t===k.left,r=e?"danger-light":"light-orange",o=p(this.host)?r:"light-to-dark",i=p(this.host)?"large":"medium",n=this.categories&&s(e?this.categories[0]:this.categories[1]);return a("div",{class:`category ${t}`},a("yoo-tag",{noBackground:p(this.host),color:r,size:"large",icon:`big-arrow-${t}`,iconOnlyColor:o,iconOnlySize:i}),a("p",{class:`${r}`},n),a("span",{class:"stable"},l(`SWIPE${t.toUpperCase()}`)))}renderTopDescription(){return a("div",{class:"top-description"},a("h1",null,s(this.label)),a("span",{class:"stable"},l(this.description||"CARDSWIPEDEFAULTINSTRUCTIONS")))}renderInstructions(){const t=(this.isMode(z.textimage)?!this.hasEmptyValue(this.images)&&!this.hasEmptyValue(this.values):!this.hasEmptyValue(this.images)||!this.hasEmptyValue(this.values))&&this.hasTwoCategories&&!this.hasDuplicatesValues;return a("div",{class:"instructions-container"},this.renderTopDescription(),a("div",{class:"categories"},this.renderInstructionCategory(k.left),a("yoo-icon",{size:"extra-extra-large",name:"swipe-explanation",color:"stable-alt"}),this.renderInstructionCategory(k.right)),this.instructionsDocument&&a("div",{class:"document"},a("div",{class:"document-title"},l("ATTACHMENTS")),a("yoo-form-document",{document:this.instructionsDocument,readonly:!0,onInputChanged:t=>t.stopPropagation()})),a("yoo-button",{disabled:!t,size:p(this.host)&&!this.livePreview?"medium":"large",color:"app-color",onClick:()=>{this.revealCards=!0,this.showInstructionView=!1,this.displayFooterElement()}},l("START")))}renderSwipeButtons(){return a("div",{class:"swipe-buttons"},[k.left,k.undo,k.right].map(((t,e)=>this.renderSwipeAction(t,e))))}renderSwipeAction(t,e){var r;const o=t===k.undo,i=t===k.left,n=!p(this.host)||this.livePreview,c=o?p(this.host)?"light":"stable-alt-to-text-color":i?"danger-light":"light-orange",l=o?"undo":`big-arrow-${t}`,d=i?0:1;return a("div",{class:"swipe-action"},a("yoo-button",{shape:"circular",rippleType:"unbounded",id:`swipe-${t}`,size:o&&!n?"medium":"large",fill:n||o?"solid":"transparent",color:o?n?"stable-light":"text-color":c.concat("-20"),ref:t=>this.swipeButtons[e]=t,onClick:()=>o?this.undoSwipe():this.clickToSwipe(t)},a("yoo-icon",{name:l,color:c,size:n?"medium":o?"small":"large"})),!o&&(null===(r=this.categories)||void 0===r?void 0:r.length)&&a("span",{class:c},s(this.categories[d])))}renderGame(){return a("div",{class:"game-container"},p(this.host)&&!this.livePreview&&this.renderTopDescription(),a("div",{class:"swipecards-container"},a("div",{class:"background",ref:t=>this.backgroundElement=t},this.renderCards()),this.renderSwipeButtons()))}renderSummary(){const t=t=>{var e,a;return(null===(e=this.value)||void 0===e?void 0:e.length)&&(null===(a=this.answer)||void 0===a?void 0:a.length)?s(t):""},e=t=>{var e;return(null===(e=this.images.find((e=>e[this.isMode(z.image)?"_downloadURL":"_filename"].includes(t))))||void 0===e?void 0:e._downloadURL)||""},r=(t,e)=>this.answer[t].find((t=>e.includes(t)))?"valid":"invalid";return this.categories.map(((o,i)=>[a("div",{class:"category-title"},t(o)),a("ul",null,Array.from(new Set(this.value[i])).map((t=>{var o;return a("li",{class:r(i,t)},!!(null===(o=this.images)||void 0===o?void 0:o.length)&&a("yoo-img",{src:e(t)}),!this.isMode(z.image)&&a("yoo-truncate",null,s(t)))})))]))}renderAlertDuplicates(){return this.livePreview&&a("yoo-banner",{class:"danger"})}render(){var t;return a(r,Object.assign({},this.formHeight&&{style:{height:`${this.formHeight}px`}},{class:Object.assign(Object.assign({},f(this.host)),{"live-preview":this.livePreview,"swiper-no-swiping":!this.readonly})}),a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},this.renderAlertDuplicates(),this.readonly?(null===(t=this.answer)||void 0===t?void 0:t.length)&&this.renderSummary():[this.showInstructionView&&this.renderInstructions(),!this.showInstructionView&&this.renderGame()]))}get host(){return o(this)}static get watchers(){return{isVisible:["onIsVisibleChanged"],required:["onRequireChanged"],values:["onValuesChanged"],images:["onImagesChanged"],categories:["onCategoriesChanged"]}}};j.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}.app-color{color:var(--app-color);fill:var(--app-color)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block;height:100%}:host .outer-container{height:100%}:host .outer-container yoo-banner{height:0}:host .outer-container .game-container,:host .outer-container .instructions-container{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}:host .outer-container .instructions-container .top-description{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background:var(--dark-to-light, #000000)}:host .outer-container .instructions-container .top-description h1{margin:0;color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .categories{display:inline-grid;grid-template-columns:1fr 0.5fr 1fr;width:100%;margin:var(--spacing-24, 1.5rem) 0;text-align:center}:host .outer-container .instructions-container .categories yoo-icon{margin:0 auto}:host .outer-container .instructions-container .categories .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0;color:var(--stable, #adadad)}:host .outer-container .instructions-container .categories .category p{max-width:75%;margin:auto;padding:var(--spacing-16, 1rem) 0}:host .outer-container .instructions-container .categories .category yoo-tag{margin:0 auto}:host .outer-container .instructions-container yoo-button{padding:var(--spacing-16, 1rem)}:host .outer-container .instructions-container .document{background-color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .document .document-title{padding:0 var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .instructions-container .document yoo-form-document{--outer-container-padding:cssvar(spacing-16) cssvar(spacing-16);width:calc(100% - cssvar(spacing-16))}:host .outer-container .game-container{position:relative;height:100%}:host .outer-container .game-container .swipecards-container{height:100%;overflow:hidden}:host .outer-container .game-container .swipecards-container [direction].card-container{z-index:5;-webkit-transition:-webkit-transform 0.35s !important;transition:-webkit-transform 0.35s !important;transition:transform 0.35s !important;transition:transform 0.35s, -webkit-transform 0.35s !important;-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current .content-category{color:var(--light, #ffffff);opacity:1 !important;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-image,:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container+.card-container{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}:host .outer-container .game-container .swipecards-container [direction=left].background,:host .outer-container .game-container .swipecards-container [direction=left].current>.content-category{background-color:var(--danger-light, #f46885) !important}:host .outer-container .game-container .swipecards-container [direction=left].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important}:host .outer-container .game-container .swipecards-container [direction=right].background,:host .outer-container .game-container .swipecards-container [direction=right].current>.content-category{background-color:var(--light-orange, #fcae49) !important}:host .outer-container .game-container .swipecards-container [direction=right].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important}:host .outer-container .game-container .swipecards-container .background{position:relative;width:100%;background-color:var(--dark-to-light, #000000);-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host .outer-container .game-container .swipecards-container .background:after{display:block;height:0;padding-top:85%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;width:65%;max-width:25rem;height:100%;margin-top:var(--spacing-16, 1rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:16rem;height:100%;max-height:21.3333333333rem;margin:0 auto;overflow:hidden;color:var(--dark, #000000);font-size:var(--font-size-28, 1.75rem);text-align:center;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;will-change:transform}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:not([direction]){-webkit-transform:translate(0, -5%) scale(0.85);transform:translate(0, -5%) scale(0.85);opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current{z-index:3}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current:not(.revealing){-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1;-webkit-transition-delay:175ms;transition-delay:175ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current.revealing{-webkit-animation:"current" 0.25s ease-in-out;animation:"current" 0.25s ease-in-out;-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}@keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second{z-index:2}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second:not(.revealing){-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1;-webkit-transition-delay:350ms;transition-delay:350ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second.revealing{-webkit-animation:"second" 0.25s ease-in-out;animation:"second" 0.25s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}@keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third{z-index:1}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third:not(.revealing){-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7;-webkit-transition-delay:525ms;transition-delay:525ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third.revealing{-webkit-animation:"third" 0.25s ease-in-out;animation:"third" 0.25s ease-in-out;-webkit-animation-delay:450ms;animation-delay:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}@keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:after{display:block;height:0;padding-top:133%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped]{-webkit-animation:fade-out 1s ease-out;animation:fade-out 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=left]{-webkit-transform:translate(-100%, 15%) rotate(-15deg);transform:translate(-100%, 15%) rotate(-15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=right]{-webkit-transform:translate(100%, 15%) rotate(15deg);transform:translate(100%, 15%) rotate(15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{position:absolute;width:100%;height:100%;opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image{-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=image] yoo-img{height:100%}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image{top:0;bottom:3.5rem}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image yoo-img{height:calc(100% - 3.5rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-category{bottom:0;height:3.5rem}:host .outer-container .game-container .swipecards-container .swipe-buttons{position:absolute;left:50%;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:85%;line-height:2.5;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action yoo-button{-webkit-transition:-webkit-transform 0.8s linear;transition:-webkit-transform 0.8s linear;transition:transform 0.8s linear;transition:transform 0.8s linear, -webkit-transform 0.8s linear}:host([readonly]){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host([readonly]) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly]) .outer-container .category-title{margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(auto-fill, 6rem);margin:0;padding-left:0;list-style:none}:host([readonly]) .outer-container ul+.category-title{margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:8rem;overflow:hidden;border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container ul li.invalid{border-color:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.invalid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--danger-20, rgba(212, 67, 51, 0.2));content:""}:host([readonly]) .outer-container ul li.invalid yoo-truncate{background:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.valid{border-color:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li.valid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--success-20, rgba(58, 167, 109, 0.2));content:""}:host([readonly]) .outer-container ul li.valid yoo-truncate{background:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li yoo-img{position:relative;-ms-flex-positive:1;flex-grow:1}:host([readonly]) .outer-container ul li yoo-truncate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host([readonly]) .outer-container ul li yoo-truncate:only-child{--max-lines:4;height:100%;padding:0 var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul li yoo-truncate:not(:only-child){--max-lines:1;height:2.125rem;padding:0 var(--spacing-04, 0.25rem)}:host(.web:not(.live-preview)) .instructions-container .top-description{background:unset}:host(.web:not(.live-preview)) .instructions-container yoo-button{position:absolute;right:0;bottom:0;z-index:1}:host(.web:not(.live-preview)) .instructions-container::after{position:absolute;bottom:0px;display:block;width:100%;height:4rem;background-color:var(--light-to-dark, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);content:""}:host(.web:not(.live-preview)) .game-container .top-description{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.live-preview)) .game-container .background{max-height:21rem}:host(.web:not(.live-preview)) .game-container .background .stacked-cards-container{top:20%;margin-top:unset;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons{-ms-flex-align:start;align-items:start;max-width:unset;height:10rem;margin-top:1rem;margin-top:var(--spacing-08, 0.5rem);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons .swipe-action:nth-child(2){-ms-flex-item-align:end;align-self:end}:host(.web:not(.live-preview)) .top-description{text-align:center}:host(.web:not(.live-preview)) .top-description h1{margin:var(--spacing-08, 0.5rem) 0;color:var(--dark-to-light, #000000)}';export{j as yoo_form_swipe_cards}
+import{r as t,c as e,h as a,H as r,g as o}from"./p-c26cc6ff.js";import{y as i,U as n,W as c,Y as s,b as p,t as l,_ as d,X as h,T as b}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as m}from"./p-e37ba040.js";import"./p-b5241164.js";import{f}from"./p-33b2d3a2.js";import{c as g,a as y}from"./p-77bfd3e2.js";import{b as u}from"./p-432e8458.js";import{s as v}from"./p-2fbb14cc.js";import{i as x}from"./p-6b61583e.js";import{c as w}from"./p-d05412cf.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";var k,z;!function(t){t.left="left",t.right="right",t.undo="undo"}(k||(k={})),function(t){t.image="image",t.textimage="textimage",t.text="text"}(z||(z={}));const j=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.blockMoves=e(this,"blockMoves",7),this.validators=[],this.mode=z.text,this.showInstructionView=!0,this.animated=!0,this.shuffled=!0,this.values=[],this.swipeCards=[],this.animationDelay=this.animated?.25:0,this.cardsElements=[],this.swipeButtons=[]}onIsVisibleChanged(){setTimeout((()=>this.displayFooterElement(!this.showInstructionView)),150)}get hasImage(){return this.isMode(z.image)||this.isMode(z.textimage)}get hasText(){return this.isMode(z.text)||this.isMode(z.textimage)}get hasTwoCategories(){var t,e;return!(!(null===(t=this.categories)||void 0===t?void 0:t.length)||2!==(null===(e=this.categories)||void 0===e?void 0:e.filter((t=>t)).length))}get buttons(){const t=t=>{var e,a;return null===(a=null===(e=this.swipeButtons)||void 0===e?void 0:e.filter((e=>(null==e?void 0:e.id)===`swipe-${t}`)))||void 0===a?void 0:a[0]};return{left:t(k.left),undo:t(k.undo),right:t(k.right)}}get currentCard(){return this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a+1:t),0)]}get currentCardElement(){var t;return this.getCardElement(null===(t=this.currentCard)||void 0===t?void 0:t.id)}get formHeight(){var t;return null===(t=i(this.host,"form"))||void 0===t?void 0:t.clientHeight}onRequireChanged(){this.validate()}onValuesChanged(){this.isMode(z.image)||this.spyOnValuesChanged(this.values)}onImagesChanged(){this.isMode(z.text)||this.spyOnValuesChanged(this.images)}onCategoriesChanged(){if(!this.hasDuplicatesValues){const t=this.livePreview&&!this.hasTwoCategories;g(this.outerContainerElement,t,"NOTFULFILLEDCATEGORIES"),t&&(this.showInstructionView=!0)}}componentWillLoad(){this.shuffleCardValues(),this.revealCards=!this.showInstructionView,this.swipeCards=this.initCards()}componentDidLoad(){this.outerContainerElement&&(this.displayFooterElement(!1),this.showInstructionView||this.initDraggable())}componentWillUpdate(){this.hasDataChanged&&(this.cardValues=[],this.shuffleCardValues(),this.revealCards=!0,this.swipeCards=this.initCards())}componentDidUpdate(){this.revealCards&&(this.hasDataChanged=!1,this.revealCards=!1,this.initDraggable()),setTimeout((()=>this.lockSwipeButtons(!1)),750)}validate(){var t;const e=null===(t=this.swipeCards.filter((t=>t.swipedDirection)))||void 0===t?void 0:t.length;return this.validity=e===(this.hasImage?this.images.length:this.values.length),this.validityChanged.emit(this.validity),this.validity}hasEmptyValue(t){return!(null==t?void 0:t.length)||!!(null==t?void 0:t.filter((t=>!t)).length)}shuffleCardValues(){const t=this.hasImage?this.images.filter((t=>this.isMode(z.textimage)?null==t?void 0:t._filename:t)):this.values.filter((t=>t));this.cardValues=this.shuffled?v(t):t}getCardElement(t){var e;return null===(e=this.cardsElements)||void 0===e?void 0:e.find((e=>(null==e?void 0:e.id)===t))}spyOnValuesChanged(t){if(this.hasTwoCategories){const e=this.hasEmptyValue(t);this.hasDuplicatesValues=1===y(this.values);const a=this.livePreview&&(e||this.hasDuplicatesValues),r=this.isMode(z.textimage)&&e?"NOEMPTYVALUES":this.hasDuplicatesValues?"NODUPLICATEVALUES":"";g(this.outerContainerElement,a,r),this.hasDataChanged=!a,a&&(this.showInstructionView=!0)}}getUserAnswer(){const t=t=>{var e,a;return this.isMode(z.image)?d(null===(a=null===(e=this.answer)||void 0===e?void 0:e[0])||void 0===a?void 0:a[0])?t._downloadURL:t._downloadURL.split("/").pop():this.isMode(z.textimage)?t._filename:t},e=e=>this.swipeCards.filter((t=>t.swipedDirection===e)).map((e=>t(e.value)));u([e(k.left),e(k.right)],this)}displayFooterElement(t=!0){const e=i(this.host,"yoo-ion-slide");if(e){const a=e.querySelector("yoo-form-footer");a&&!this.livePreview&&(a.style.display=t?"block":"none")}}initDraggable(){this.cardsElements.filter((t=>!n.get(t))).forEach((t=>this.getDraggableInstance(t))),this.cardsElements.forEach((t=>null==t?void 0:t.classList.remove("revealing")))}initCards(){var t;return(null===(t=this.cardValues)||void 0===t?void 0:t.map((t=>({id:m(),value:t}))))||[]}lockSwipeButtons(t=!0){this.swipeButtons.forEach((e=>e.disabled=t))}swipeCard(t){this.currentCard&&(this.lockSwipeButtons(),this.buttons[t].style.removeProperty("transform"),this.backgroundElement.removeAttribute("direction"),this.currentCardElement.setAttribute("swiped",t),this.currentCard.swipedDirection=t,this.getUserAnswer())}getSwipedState(t){const e=[.35,.65];return{swipedDirection:t<e[0]?k.left:t>e[1]?k.right:null,isCardThrowable:!x(t,e[0],e[1])}}setSwipingColor(t){if(this.currentCardElement){const e=this.currentCardElement.querySelector(".content-category"),a=[k.left,k.right].includes(t);e.textContent=this.getSwipedCategoryValue(t),[this.backgroundElement,this.currentCardElement].forEach((e=>{a?e.setAttribute("direction",t):e.removeAttribute("direction")}))}}getDraggableInstance(t){return c().then((e=>{if(!e||!t)return;this.revealCards=!1;const a=this.host.clientWidth/2,r=e(),o=e({paused:!0}),i=t=>t.classList.contains("current");o.fromTo(this.buttons.left,1,{scale:1.5},{scale:1},0).fromTo(this.buttons.right,1,{scale:1},{scale:1.5},1).progress(.5);const c=t=>{i(t)&&(this.blockMoves.emit(!0),null==r||r.kill())},s=(t,e)=>{if(i(e)){const e=w((t+a)/(2*a),0,1);o.progress(e),this.setSwipingColor(this.getSwipedState(e).swipedDirection)}},p=e=>{if(i(e)){const e=this.getSwipedState(o.progress());e.isCardThrowable?this.swipeCard(e.swipedDirection):r.to(t,this.animationDelay,{left:0,top:0}).to([this.buttons.left,this.buttons.right],{scale:1,ease:h.easeInOut},0)}else b(t,this.animationDelay,{left:0,top:0})};return new n(t,{bound:this.outerContainerElement,type:"left, top",cursor:"grab",zIndexBoost:!1,onDragStart(){c(this.target)},onDrag(){s(this.x,this.target)},onDragEnd(){p(this.target)}})}))}clickToSwipe(t){this.buttons[t].disabled||(this.setSwipingColor(t),setTimeout((()=>this.swipeCard(t)),400))}async undoSwipe(){const t=this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a:t),0)];if(!this.buttons.undo.disabled&&(null==t?void 0:t.swipedDirection)){this.lockSwipeButtons();const e=this.getCardElement(null==t?void 0:t.id);e&&(e.style.removeProperty("top"),e.style.removeProperty("left"),e.removeAttribute("swiped"),null==t||delete t.swipedDirection,setTimeout((()=>{this.getUserAnswer()}),225))}}isMode(t){return this.mode===t}getSwipedCategoryValue(t){var e;return(null===(e=this.categories)||void 0===e?void 0:e.length)&&s(t===k.left?this.categories[0]:t===k.right?this.categories[1]:"")}renderCards(){return a("div",{class:"stacked-cards-container"},this.swipeCards.map(((t,e,r)=>{var o;const i=r.indexOf(this.currentCard)||0,n=-1!==i;return a("div",Object.assign({class:{"card-container":!0,current:e===i,second:n&&e===i+1,third:n&&e===i+2,revealing:this.revealCards},id:t.id,ref:t=>this.cardsElements[e]=t},Object.assign({type:this.mode},t.swipedDirection&&{direction:t.swipedDirection})),this.hasImage&&a("div",{class:"content-image"},a("yoo-img",{instant:!0,src:t.value._downloadURL})),this.hasText&&a("div",{class:"content-text"},s((null===(o=t.value)||void 0===o?void 0:o._filename)||t.value)),a("div",{class:"content-category"}))})))}renderInstructionCategory(t){const e=t===k.left,r=e?"danger-light":"light-orange",o=p(this.host)?r:"light-to-dark",i=p(this.host)?"large":"medium",n=this.categories&&s(e?this.categories[0]:this.categories[1]);return a("div",{class:`category ${t}`},a("yoo-tag",{noBackground:p(this.host),color:r,size:"large",icon:`big-arrow-${t}`,iconOnlyColor:o,iconOnlySize:i}),a("p",{class:`${r}`},n),a("span",{class:"stable"},l(`SWIPE${t.toUpperCase()}`)))}renderTopDescription(){return a("div",{class:"top-description"},a("h1",null,s(this.label)),a("span",{class:"stable"},l(this.description||"CARDSWIPEDEFAULTINSTRUCTIONS")))}renderInstructions(){const t=(this.isMode(z.textimage)?!this.hasEmptyValue(this.images)&&!this.hasEmptyValue(this.values):!this.hasEmptyValue(this.images)||!this.hasEmptyValue(this.values))&&this.hasTwoCategories&&!this.hasDuplicatesValues;return a("div",{class:"instructions-container"},this.renderTopDescription(),a("div",{class:"categories"},this.renderInstructionCategory(k.left),a("yoo-icon",{size:"extra-extra-large",name:"swipe-explanation",color:"stable-alt"}),this.renderInstructionCategory(k.right)),this.instructionsDocument&&a("div",{class:"document"},a("div",{class:"document-title"},l("ATTACHMENTS")),a("yoo-form-document",{document:this.instructionsDocument,readonly:!0,onInputChanged:t=>t.stopPropagation()})),a("yoo-button",{disabled:!t,size:p(this.host)&&!this.livePreview?"medium":"large",color:"app-color",onClick:()=>{this.revealCards=!0,this.showInstructionView=!1,this.displayFooterElement()}},l("START")))}renderSwipeButtons(){return a("div",{class:"swipe-buttons"},[k.left,k.undo,k.right].map(((t,e)=>this.renderSwipeAction(t,e))))}renderSwipeAction(t,e){var r;const o=t===k.undo,i=t===k.left,n=!p(this.host)||this.livePreview,c=o?p(this.host)?"light":"stable-alt-to-text-color":i?"danger-light":"light-orange",l=o?"undo":`big-arrow-${t}`,d=i?0:1;return a("div",{class:"swipe-action"},a("yoo-button",{shape:"circular",rippleType:"unbounded",id:`swipe-${t}`,size:o&&!n?"medium":"large",fill:n||o?"solid":"transparent",color:o?n?"stable-light":"text-color":c.concat("-20"),ref:t=>this.swipeButtons[e]=t,onClick:()=>o?this.undoSwipe():this.clickToSwipe(t)},a("yoo-icon",{name:l,color:c,size:n?"medium":o?"small":"large"})),!o&&(null===(r=this.categories)||void 0===r?void 0:r.length)&&a("span",{class:c},s(this.categories[d])))}renderGame(){return a("div",{class:"game-container"},p(this.host)&&!this.livePreview&&this.renderTopDescription(),a("div",{class:"swipecards-container"},a("div",{class:"background",ref:t=>this.backgroundElement=t},this.renderCards()),this.renderSwipeButtons()))}renderSummary(){const t=t=>{var e,a;return(null===(e=this.value)||void 0===e?void 0:e.length)&&(null===(a=this.answer)||void 0===a?void 0:a.length)?s(t):""},e=t=>{var e;return(null===(e=this.images.find((e=>e[this.isMode(z.image)?"_downloadURL":"_filename"].includes(t))))||void 0===e?void 0:e._downloadURL)||""},r=(t,e)=>this.answer[t].find((t=>e.includes(t)))?"valid":"invalid";return this.categories.map(((o,i)=>[a("div",{class:"category-title"},t(o)),a("ul",null,Array.from(new Set(this.value[i])).map((t=>{var o;return a("li",{class:r(i,t)},!!(null===(o=this.images)||void 0===o?void 0:o.length)&&a("yoo-img",{src:e(t)}),!this.isMode(z.image)&&a("yoo-truncate",null,s(t)))})))]))}renderAlertDuplicates(){return this.livePreview&&a("yoo-banner",{class:"danger"})}render(){var t;return a(r,Object.assign({},this.formHeight&&{style:{height:`${this.formHeight}px`}},{class:Object.assign(Object.assign({},f(this.host)),{"live-preview":this.livePreview,"swiper-no-swiping":!this.readonly})}),a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},this.renderAlertDuplicates(),this.readonly?(null===(t=this.answer)||void 0===t?void 0:t.length)&&this.renderSummary():[this.showInstructionView&&this.renderInstructions(),!this.showInstructionView&&this.renderGame()]))}get host(){return o(this)}static get watchers(){return{isVisible:["onIsVisibleChanged"],required:["onRequireChanged"],values:["onValuesChanged"],images:["onImagesChanged"],categories:["onCategoriesChanged"]}}};j.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}.app-color{color:var(--app-color);fill:var(--app-color)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block;height:100%}:host .outer-container{height:100%}:host .outer-container yoo-banner{height:0}:host .outer-container .game-container,:host .outer-container .instructions-container{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}:host .outer-container .instructions-container .top-description{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background:var(--dark-to-light, #000000)}:host .outer-container .instructions-container .top-description h1{margin:0;color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .categories{display:inline-grid;grid-template-columns:1fr 0.5fr 1fr;width:100%;margin:var(--spacing-24, 1.5rem) 0;text-align:center}:host .outer-container .instructions-container .categories yoo-icon{margin:0 auto}:host .outer-container .instructions-container .categories .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0;color:var(--stable, #adadad)}:host .outer-container .instructions-container .categories .category p{max-width:75%;margin:auto;padding:var(--spacing-16, 1rem) 0}:host .outer-container .instructions-container .categories .category yoo-tag{margin:0 auto}:host .outer-container .instructions-container yoo-button{padding:var(--spacing-16, 1rem)}:host .outer-container .instructions-container .document{background-color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .document .document-title{padding:0 var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .instructions-container .document yoo-form-document{--outer-container-padding:cssvar(spacing-16) cssvar(spacing-16);width:calc(100% - cssvar(spacing-16))}:host .outer-container .game-container{position:relative;height:100%}:host .outer-container .game-container .swipecards-container{height:100%;overflow:hidden}:host .outer-container .game-container .swipecards-container [direction].card-container{z-index:5;-webkit-transition:-webkit-transform 0.35s !important;transition:-webkit-transform 0.35s !important;transition:transform 0.35s !important;transition:transform 0.35s, -webkit-transform 0.35s !important;-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current .content-category{color:var(--light, #ffffff);opacity:1 !important;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-image,:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container+.card-container{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}:host .outer-container .game-container .swipecards-container [direction=left].background,:host .outer-container .game-container .swipecards-container [direction=left].current>.content-category{background-color:var(--danger-light, #f46885) !important}:host .outer-container .game-container .swipecards-container [direction=left].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important}:host .outer-container .game-container .swipecards-container [direction=right].background,:host .outer-container .game-container .swipecards-container [direction=right].current>.content-category{background-color:var(--light-orange, #fcae49) !important}:host .outer-container .game-container .swipecards-container [direction=right].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important}:host .outer-container .game-container .swipecards-container .background{position:relative;width:100%;background-color:var(--dark-to-light, #000000);-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host .outer-container .game-container .swipecards-container .background:after{display:block;height:0;padding-top:85%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;width:65%;max-width:25rem;height:100%;margin-top:var(--spacing-16, 1rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:16rem;height:100%;max-height:21.3333333333rem;margin:0 auto;overflow:hidden;color:var(--dark, #000000);font-size:var(--font-size-28, 1.75rem);text-align:center;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;will-change:transform}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:not([direction]){-webkit-transform:translate(0, -5%) scale(0.85);transform:translate(0, -5%) scale(0.85);opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current{z-index:3}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current:not(.revealing){-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1;-webkit-transition-delay:175ms;transition-delay:175ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current.revealing{-webkit-animation:"current" 0.25s ease-in-out;animation:"current" 0.25s ease-in-out;-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}@keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second{z-index:2}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second:not(.revealing){-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1;-webkit-transition-delay:350ms;transition-delay:350ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second.revealing{-webkit-animation:"second" 0.25s ease-in-out;animation:"second" 0.25s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}@keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third{z-index:1}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third:not(.revealing){-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7;-webkit-transition-delay:525ms;transition-delay:525ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third.revealing{-webkit-animation:"third" 0.25s ease-in-out;animation:"third" 0.25s ease-in-out;-webkit-animation-delay:450ms;animation-delay:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}@keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:after{display:block;height:0;padding-top:133%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped]{-webkit-animation:fade-out 1s ease-out;animation:fade-out 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=left]{-webkit-transform:translate(-100%, 15%) rotate(-15deg);transform:translate(-100%, 15%) rotate(-15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=right]{-webkit-transform:translate(100%, 15%) rotate(15deg);transform:translate(100%, 15%) rotate(15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{position:absolute;width:100%;height:100%;opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image{-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=image] yoo-img{height:100%}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image{top:0;bottom:3.5rem}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image yoo-img{height:calc(100% - 3.5rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-category{bottom:0;height:3.5rem}:host .outer-container .game-container .swipecards-container .swipe-buttons{position:absolute;left:50%;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:85%;line-height:2.5;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action yoo-button{-webkit-transition:-webkit-transform 0.8s linear;transition:-webkit-transform 0.8s linear;transition:transform 0.8s linear;transition:transform 0.8s linear, -webkit-transform 0.8s linear}:host([readonly]){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host([readonly]) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly]) .outer-container .category-title{margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(auto-fill, 6rem);margin:0;padding-left:0;list-style:none}:host([readonly]) .outer-container ul+.category-title{margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:8rem;overflow:hidden;border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container ul li.invalid{border-color:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.invalid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--danger-20, rgba(212, 67, 51, 0.2));content:""}:host([readonly]) .outer-container ul li.invalid yoo-truncate{background:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.valid{border-color:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li.valid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--success-20, rgba(58, 167, 109, 0.2));content:""}:host([readonly]) .outer-container ul li.valid yoo-truncate{background:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li yoo-img{position:relative;-ms-flex-positive:1;flex-grow:1}:host([readonly]) .outer-container ul li yoo-truncate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host([readonly]) .outer-container ul li yoo-truncate:only-child{--max-lines:4;height:100%;padding:0 var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul li yoo-truncate:not(:only-child){--max-lines:1;height:2.125rem;padding:0 var(--spacing-04, 0.25rem)}:host(.web:not(.live-preview)) .instructions-container .top-description{background:unset}:host(.web:not(.live-preview)) .instructions-container yoo-button{position:absolute;right:0;bottom:0;z-index:1}:host(.web:not(.live-preview)) .instructions-container::after{position:absolute;bottom:0px;display:block;width:100%;height:4rem;background-color:var(--light-to-dark, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);content:""}:host(.web:not(.live-preview)) .game-container .top-description{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.live-preview)) .game-container .background{max-height:21rem}:host(.web:not(.live-preview)) .game-container .background .stacked-cards-container{top:20%;margin-top:unset;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons{-ms-flex-align:start;align-items:start;max-width:unset;height:10rem;margin-top:1rem;margin-top:var(--spacing-08, 0.5rem);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons .swipe-action:nth-child(2){-ms-flex-item-align:end;align-self:end}:host(.web:not(.live-preview)) .top-description{text-align:center}:host(.web:not(.live-preview)) .top-description h1{margin:var(--spacing-08, 0.5rem) 0;color:var(--dark-to-light, #000000)}';export{j as yoo_form_swipe_cards}

package/dist/design-system/{p-b14fa2a4.entry.js → p-ef1901b3.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,H as o,g as r}from"./p-c26cc6ff.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bo as n,br as l,bv as c,i as d,m as p,b7 as h,bt as b,T as f,b6 as m,K as g,j as v,af as y,t as u,S as x,b as w,a3 as k,bs as z,aq as C,z as j,y as T}from"./p-a966475f.js";import{i as S,a as E}from"./p-81ceff81.js";import{i as M,n as I}from"./p-15fd070c.js";import{g as P}from"./p-9430559f.js";import"./p-b5241164.js";import{p as O}from"./p-bf4c566d.js";import{a as B,f as Y}from"./p-33b2d3a2.js";import{g as A}from"./p-85292647.js";import{a as D,i as q}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-8c8163b6.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}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=O(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);B({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(D(a.value)||M(a.value))},handler:t=>{(null==t?void 0:t.target)&&(T(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&&(q(a.value)||D(a.value))&&"string"==typeof a.value&&I(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");c(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,!d()&&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&&!d()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.refreshMessages():this.initChat(),!d()&&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]}})}refreshMessages(){this.initMessages()}async initMessages(){const t=(this.messageElements||[]).reverse();await Promise.all(t.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0))));const a=this.messageElements.find((t=>{var a;return(null===(a=null==t?void 0:t.message)||void 0===a?void 0:a.timetoken)===this.oldestMostRecentMessageElement}));a&&f(this.scroll,0,{scrollTo:{y:a,offsetY:10}}).then((()=>{this.oldestMostRecentMessageElement=null}));for(const a of t)await(null==a?void 0:a.renderContent())}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||S(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||S(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&E(this.messages[t+1])}onPullToRefresh(){var t,a;const e=this.messageElements.filter((t=>t));this.oldestMostRecentMessageElement=null===(a=null===(t=e[0])||void 0===t?void 0:t.message)||void 0===a?void 0:a.timetoken,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;(x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop)<=2&&!this.disableLoadMore&&w(this.host)&&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 c=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(c="extra-small");const d=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=d?"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:d?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:d?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:c,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":d,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&&!d&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!d&&e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:d?"small":void 0,name:"videocamera",color:d?p:"app-color"})),!d&&!(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:d?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:d?"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;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:t.chatId,key:t.chatId,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===(o=this.otherIds)||void 0===o?void 0:o.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(r=this.advancedOptions)||void 0===r?void 0:r.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"},P(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=>A(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&&A(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!d()&&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,g as r}from"./p-c26cc6ff.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bo as n,br as l,bv as c,i as d,m as p,b7 as h,bt as b,T as f,b6 as m,K as g,j as v,af as y,t as u,S as x,b as w,a3 as k,bs as z,aq as C,z as j,y as T}from"./p-a966475f.js";import{i as S,a as E}from"./p-52b2bcbf.js";import{i as M,n as I}from"./p-e37ba040.js";import{g as P}from"./p-9430559f.js";import"./p-b5241164.js";import{p as O}from"./p-bf4c566d.js";import{a as B,f as Y}from"./p-33b2d3a2.js";import{g as A}from"./p-85292647.js";import{a as D,i as q}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-8c8163b6.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}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=O(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);B({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(D(a.value)||M(a.value))},handler:t=>{(null==t?void 0:t.target)&&(T(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&&(q(a.value)||D(a.value))&&"string"==typeof a.value&&I(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");c(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,!d()&&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&&!d()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.refreshMessages():this.initChat(),!d()&&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]}})}refreshMessages(){this.initMessages()}async initMessages(){const t=(this.messageElements||[]).reverse();await Promise.all(t.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0))));const a=this.messageElements.find((t=>{var a;return(null===(a=null==t?void 0:t.message)||void 0===a?void 0:a.timetoken)===this.oldestMostRecentMessageElement}));a&&f(this.scroll,0,{scrollTo:{y:a,offsetY:10}}).then((()=>{this.oldestMostRecentMessageElement=null}));for(const a of t)await(null==a?void 0:a.renderContent())}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||S(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||S(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&E(this.messages[t+1])}onPullToRefresh(){var t,a;const e=this.messageElements.filter((t=>t));this.oldestMostRecentMessageElement=null===(a=null===(t=e[0])||void 0===t?void 0:t.message)||void 0===a?void 0:a.timetoken,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;(x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop)<=2&&!this.disableLoadMore&&w(this.host)&&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 c=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(c="extra-small");const d=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=d?"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:d?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:d?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:c,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":d,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&&!d&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!d&&e("yoo-button",{size:d?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:d?"small":void 0,name:"videocamera",color:d?p:"app-color"})),!d&&!(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:d?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:d?"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;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:t.chatId,key:t.chatId,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===(o=this.otherIds)||void 0===o?void 0:o.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(r=this.advancedOptions)||void 0===r?void 0:r.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"},P(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=>A(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&&A(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!d()&&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}