@yoobic/yobi 7.7.109 → 7.7.113

package/dist/design-system/{p-3da8db69.entry.js → p-df64f316.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as r,H as o,g as e}from"./p-c26cc6ff.js";import{t as l,bd as i,b as c}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-b5241164.js";import{f as n}from"./p-33b2d3a2.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";const b=class{constructor(r){t(this,r),this.itemSelected=a(this,"itemSelected",7),this.showAllSelected=a(this,"showAllSelected",7),this.addText="YOOBICNEW",this.addIcon="plus",this.addIconSize="medium",this.showAdd=!0}onItemSelected(t){this.itemSelected.emit(t)}renderAddButton(){return r("div",{class:"inner-scroll-container"},r("div",{class:{"add-container":!0,"bg-app-color-40":i()},onClick:()=>this.onItemSelected()},r("yoo-icon",{name:this.addIcon,size:this.addIconSize,color:"app-color"})),r("div",{class:"truncate add-text"}," ",l(this.addText)," "))}checkIfNotifictionExists(t){return parseInt(t,10)>0}renderAvatar(t){return t&&t.user&&r("yoo-avatar",{class:"xl-user-wizard",size:c(this.host)?"large":"extra-large",frame:"circle",user:t.user,isOnline:!!t.bottomRightIcon&&t.bottomRightIcon,hasNotifications:this.checkIfNotifictionExists(t.topRightBadge),notificationCount:t.topRightBadge?parseInt(t.topRightBadge,10):null,hasViewedStory:t.hasViewedStory,hasStoryToView:t.hasStoryToView,hasLiveVideo:t.hasLiveVideo,hasRecordedVideo:t.hasRecordedVideo})}hasUserName(t){return t&&t.user&&t.user.firstName&&t.user.lastName}renderUsersAvatar(){if(this.items&&this.items.length)return this.items.map((t=>r("div",{class:"inner-scroll-container",onClick:()=>this.onItemSelected(t)},this.renderAvatar(t),r("div",{class:"truncate"}," ",this.hasUserName(t)?`${t.user.firstName}`:" "," "))))}renderHeader(){const t=r("div",{class:"action",onClick:()=>this.showAllSelected.emit()},l(this.showAllText));return r("div",{class:"section-header"},r("div",{class:"small-margin-bottom"},r("div",{class:"title"},l(this.titleText),this.tag&&r("yoo-tag",{color:"energized-to-energized-20"},this.tag)),this.showAllText&&t))}renderInnerBody(){return r("div",{class:"scroll-container"},this.showAdd&&this.renderAddButton(),this.renderUsersAvatar())}renderBody(){return r("div",{class:{"outer-container":!0,"battle-container":"BATTLES"===this.titleText}},this.titleText&&this.renderHeader(),r("div",{class:"inner-container"},c(this.host)?this.renderInnerBody():r("yoo-ion-scroll",{class:"horizontal no-scrollbar"},this.renderInnerBody())))}render(){var t;return r(o,{class:Object.assign(Object.assign({},n(this.host)),{empty:!(null===(t=this.items)||void 0===t?void 0:t.length)&&!this.showAdd})},(this.addText||this.items&&this.items.length)&&this.renderBody())}get host(){return e(this)}};b.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}.bg-app-color{background-color:var(--app-color) !important}.app-color{color:var(--app-color);fill:var(--app-color)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-danger-light{background-color:var(--danger-light, #f46885) !important}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.bg-energized{background-color:var(--energized, #fed05b) !important}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.bg-royal{background-color:var(--royal, #7577ff) !important}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.bg-info{background-color:var(--info, #fc459e) !important}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.bg-light-orange{background-color:var(--light-orange, #fcae49) !important}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-warning{background-color:var(--warning, #ff6402) !important}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.bg-app-color-10{background-color:var(--app-color-10) !important}.app-color-10{color:var(--app-color-10);fill:var(--app-color-10)}.bg-app-color-20{background-color:var(--app-color-20) !important}.app-color-20{color:var(--app-color-20);fill:var(--app-color-20)}.bg-app-color-40{background-color:var(--app-color-40) !important}.app-color-40{color:var(--app-color-40);fill:var(--app-color-40)}.bg-app-color-60{background-color:var(--app-color-60) !important}.app-color-60{color:var(--app-color-60);fill:var(--app-color-60)}.bg-app-color-80{background-color:var(--app-color-80) !important}.app-color-80{color:var(--app-color-80);fill:var(--app-color-80)}.bg-success-10{background-color:var(--success-10, rgba(58, 167, 109, 0.1)) !important}.success-10{color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--success-10, rgba(58, 167, 109, 0.1))}.bg-success-20{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important}.success-20{color:var(--success-20, rgba(58, 167, 109, 0.2));fill:var(--success-20, rgba(58, 167, 109, 0.2))}.bg-success-40{background-color:var(--success-40, rgba(58, 167, 109, 0.4)) !important}.success-40{color:var(--success-40, rgba(58, 167, 109, 0.4));fill:var(--success-40, rgba(58, 167, 109, 0.4))}.bg-success-60{background-color:var(--success-60, rgba(58, 167, 109, 0.6)) !important}.success-60{color:var(--success-60, rgba(58, 167, 109, 0.6));fill:var(--success-60, rgba(58, 167, 109, 0.6))}.bg-success-80{background-color:var(--success-80, rgba(58, 167, 109, 0.8)) !important}.success-80{color:var(--success-80, rgba(58, 167, 109, 0.8));fill:var(--success-80, rgba(58, 167, 109, 0.8))}.bg-danger-10{background-color:var(--danger-10, rgba(212, 67, 51, 0.1)) !important}.danger-10{color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--danger-10, rgba(212, 67, 51, 0.1))}.bg-danger-20{background-color:var(--danger-20, rgba(212, 67, 51, 0.2)) !important}.danger-20{color:var(--danger-20, rgba(212, 67, 51, 0.2));fill:var(--danger-20, rgba(212, 67, 51, 0.2))}.bg-danger-40{background-color:var(--danger-40, rgba(212, 67, 51, 0.4)) !important}.danger-40{color:var(--danger-40, rgba(212, 67, 51, 0.4));fill:var(--danger-40, rgba(212, 67, 51, 0.4))}.bg-danger-60{background-color:var(--danger-60, rgba(212, 67, 51, 0.6)) !important}.danger-60{color:var(--danger-60, rgba(212, 67, 51, 0.6));fill:var(--danger-60, rgba(212, 67, 51, 0.6))}.bg-danger-80{background-color:var(--danger-80, rgba(212, 67, 51, 0.8)) !important}.danger-80{color:var(--danger-80, rgba(212, 67, 51, 0.8));fill:var(--danger-80, rgba(212, 67, 51, 0.8))}.bg-danger-light-10{background-color:var(--danger-light-10, rgba(244, 104, 133, 0.1)) !important}.danger-light-10{color:var(--danger-light-10, rgba(244, 104, 133, 0.1));fill:var(--danger-light-10, rgba(244, 104, 133, 0.1))}.bg-danger-light-20{background-color:var(--danger-light-20, rgba(244, 104, 133, 0.2)) !important}.danger-light-20{color:var(--danger-light-20, rgba(244, 104, 133, 0.2));fill:var(--danger-light-20, rgba(244, 104, 133, 0.2))}.bg-danger-light-40{background-color:var(--danger-light-40, rgba(244, 104, 133, 0.4)) !important}.danger-light-40{color:var(--danger-light-40, rgba(244, 104, 133, 0.4));fill:var(--danger-light-40, rgba(244, 104, 133, 0.4))}.bg-danger-light-60{background-color:var(--danger-light-60, rgba(244, 104, 133, 0.6)) !important}.danger-light-60{color:var(--danger-light-60, rgba(244, 104, 133, 0.6));fill:var(--danger-light-60, rgba(244, 104, 133, 0.6))}.bg-danger-light-80{background-color:var(--danger-light-80, rgba(244, 104, 133, 0.8)) !important}.danger-light-80{color:var(--danger-light-80, rgba(244, 104, 133, 0.8));fill:var(--danger-light-80, rgba(244, 104, 133, 0.8))}.bg-energized-10{background-color:var(--energized-10, rgba(252, 174, 73, 0.1)) !important}.energized-10{color:var(--energized-10, rgba(252, 174, 73, 0.1));fill:var(--energized-10, rgba(252, 174, 73, 0.1))}.bg-energized-20{background-color:var(--energized-20, rgba(252, 174, 73, 0.2)) !important}.energized-20{color:var(--energized-20, rgba(252, 174, 73, 0.2));fill:var(--energized-20, rgba(252, 174, 73, 0.2))}.bg-energized-40{background-color:var(--energized-40, rgba(252, 174, 73, 0.4)) !important}.energized-40{color:var(--energized-40, rgba(252, 174, 73, 0.4));fill:var(--energized-40, rgba(252, 174, 73, 0.4))}.bg-energized-60{background-color:var(--energized-60, rgba(252, 174, 73, 0.6)) !important}.energized-60{color:var(--energized-60, rgba(252, 174, 73, 0.6));fill:var(--energized-60, rgba(252, 174, 73, 0.6))}.bg-energized-80{background-color:var(--energized-80, rgba(252, 174, 73, 0.8)) !important}.energized-80{color:var(--energized-80, rgba(252, 174, 73, 0.8));fill:var(--energized-80, rgba(252, 174, 73, 0.8))}.bg-royal-10{background-color:var(--royal-10, rgba(117, 119, 255, 0.1)) !important}.royal-10{color:var(--royal-10, rgba(117, 119, 255, 0.1));fill:var(--royal-10, rgba(117, 119, 255, 0.1))}.bg-royal-20{background-color:var(--royal-20, rgba(117, 119, 255, 0.2)) !important}.royal-20{color:var(--royal-20, rgba(117, 119, 255, 0.2));fill:var(--royal-20, rgba(117, 119, 255, 0.2))}.bg-royal-40{background-color:var(--royal-40, rgba(117, 119, 255, 0.4)) !important}.royal-40{color:var(--royal-40, rgba(117, 119, 255, 0.4));fill:var(--royal-40, rgba(117, 119, 255, 0.4))}.bg-royal-60{background-color:var(--royal-60, rgba(117, 119, 255, 0.6)) !important}.royal-60{color:var(--royal-60, rgba(117, 119, 255, 0.6));fill:var(--royal-60, rgba(117, 119, 255, 0.6))}.bg-royal-80{background-color:var(--royal-80, rgba(117, 119, 255, 0.8)) !important}.royal-80{color:var(--royal-80, rgba(117, 119, 255, 0.8));fill:var(--royal-80, rgba(117, 119, 255, 0.8))}.bg-info-10{background-color:var(--info-10, rgba(252, 69, 158, 0.1)) !important}.info-10{color:var(--info-10, rgba(252, 69, 158, 0.1));fill:var(--info-10, rgba(252, 69, 158, 0.1))}.bg-info-20{background-color:var(--info-20, rgba(252, 69, 158, 0.2)) !important}.info-20{color:var(--info-20, rgba(252, 69, 158, 0.2));fill:var(--info-20, rgba(252, 69, 158, 0.2))}.bg-info-40{background-color:var(--info-40, rgba(252, 69, 158, 0.4)) !important}.info-40{color:var(--info-40, rgba(252, 69, 158, 0.4));fill:var(--info-40, rgba(252, 69, 158, 0.4))}.bg-info-60{background-color:var(--info-60, rgba(252, 69, 158, 0.6)) !important}.info-60{color:var(--info-60, rgba(252, 69, 158, 0.6));fill:var(--info-60, rgba(252, 69, 158, 0.6))}.bg-info-80{background-color:var(--info-80, rgba(252, 69, 158, 0.8)) !important}.info-80{color:var(--info-80, rgba(252, 69, 158, 0.8));fill:var(--info-80, rgba(252, 69, 158, 0.8))}.bg-dark-10{background-color:var(--dark-10, rgba(0, 0, 0, 0.1)) !important}.dark-10{color:var(--dark-10, rgba(0, 0, 0, 0.1));fill:var(--dark-10, rgba(0, 0, 0, 0.1))}.bg-dark-20{background-color:var(--dark-20, rgba(0, 0, 0, 0.2)) !important}.dark-20{color:var(--dark-20, rgba(0, 0, 0, 0.2));fill:var(--dark-20, rgba(0, 0, 0, 0.2))}.bg-dark-40{background-color:var(--dark-40, rgba(0, 0, 0, 0.4)) !important}.dark-40{color:var(--dark-40, rgba(0, 0, 0, 0.4));fill:var(--dark-40, rgba(0, 0, 0, 0.4))}.bg-dark-60{background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important}.dark-60{color:var(--dark-60, rgba(0, 0, 0, 0.6));fill:var(--dark-60, rgba(0, 0, 0, 0.6))}.bg-dark-80{background-color:var(--dark-80, rgba(0, 0, 0, 0.8)) !important}.dark-80{color:var(--dark-80, rgba(0, 0, 0, 0.8));fill:var(--dark-80, rgba(0, 0, 0, 0.8))}.bg-dark-to-light-10{background-color:var(--dark-to-light-10) !important}.dark-to-light-10{color:var(--dark-to-light-10);fill:var(--dark-to-light-10)}.bg-dark-to-light-20{background-color:var(--dark-to-light-20, #000000) !important}.dark-to-light-20{color:var(--dark-to-light-20, #000000);fill:var(--dark-to-light-20, #000000)}.bg-dark-to-light-40{background-color:var(--dark-to-light-40) !important}.dark-to-light-40{color:var(--dark-to-light-40);fill:var(--dark-to-light-40)}.bg-dark-to-light-60{background-color:var(--dark-to-light-60) !important}.dark-to-light-60{color:var(--dark-to-light-60);fill:var(--dark-to-light-60)}.bg-dark-to-light-80{background-color:var(--dark-to-light-80) !important}.dark-to-light-80{color:var(--dark-to-light-80);fill:var(--dark-to-light-80)}.bg-text-color-10{background-color:var(--text-color-10, rgba(128, 127, 131, 0.1)) !important}.text-color-10{color:var(--text-color-10, rgba(128, 127, 131, 0.1));fill:var(--text-color-10, rgba(128, 127, 131, 0.1))}.bg-text-color-20{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2)) !important}.text-color-20{color:var(--text-color-20, rgba(128, 127, 131, 0.2));fill:var(--text-color-20, rgba(128, 127, 131, 0.2))}.bg-text-color-40{background-color:var(--text-color-40, rgba(128, 127, 131, 0.4)) !important}.text-color-40{color:var(--text-color-40, rgba(128, 127, 131, 0.4));fill:var(--text-color-40, rgba(128, 127, 131, 0.4))}.bg-text-color-60{background-color:var(--text-color-60, rgba(128, 127, 131, 0.6)) !important}.text-color-60{color:var(--text-color-60, rgba(128, 127, 131, 0.6));fill:var(--text-color-60, rgba(128, 127, 131, 0.6))}.bg-text-color-80{background-color:var(--text-color-80, rgba(128, 127, 131, 0.8)) !important}.text-color-80{color:var(--text-color-80, rgba(128, 127, 131, 0.8));fill:var(--text-color-80, rgba(128, 127, 131, 0.8))}.bg-text-color-to-light-60-10{background-color:var(--text-color-to-light-60-10) !important}.text-color-to-light-60-10{color:var(--text-color-to-light-60-10);fill:var(--text-color-to-light-60-10)}.bg-text-color-to-light-60-20{background-color:var(--text-color-to-light-60-20) !important}.text-color-to-light-60-20{color:var(--text-color-to-light-60-20);fill:var(--text-color-to-light-60-20)}.bg-text-color-to-light-60-40{background-color:var(--text-color-to-light-60-40) !important}.text-color-to-light-60-40{color:var(--text-color-to-light-60-40);fill:var(--text-color-to-light-60-40)}.bg-text-color-to-light-60-60{background-color:var(--text-color-to-light-60-60) !important}.text-color-to-light-60-60{color:var(--text-color-to-light-60-60);fill:var(--text-color-to-light-60-60)}.bg-text-color-to-light-60-80{background-color:var(--text-color-to-light-60-80) !important}.text-color-to-light-60-80{color:var(--text-color-to-light-60-80);fill:var(--text-color-to-light-60-80)}.bg-light-10{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}.light-10{color:var(--light-10, rgba(255, 255, 255, 0.1));fill:var(--light-10, rgba(255, 255, 255, 0.1))}.bg-light-20{background-color:var(--light-20, rgba(255, 255, 255, 0.2)) !important}.light-20{color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light-20, rgba(255, 255, 255, 0.2))}.bg-light-40{background-color:var(--light-40, rgba(255, 255, 255, 0.4)) !important}.light-40{color:var(--light-40, rgba(255, 255, 255, 0.4));fill:var(--light-40, rgba(255, 255, 255, 0.4))}.bg-light-60{background-color:var(--light-60, rgba(255, 255, 255, 0.6)) !important}.light-60{color:var(--light-60, rgba(255, 255, 255, 0.6));fill:var(--light-60, rgba(255, 255, 255, 0.6))}.bg-light-80{background-color:var(--light-80, rgba(255, 255, 255, 0.8)) !important}.light-80{color:var(--light-80, rgba(255, 255, 255, 0.8));fill:var(--light-80, rgba(255, 255, 255, 0.8))}.bg-light-to-dark-10{background-color:var(--light-to-dark-10) !important}.light-to-dark-10{color:var(--light-to-dark-10);fill:var(--light-to-dark-10)}.bg-light-to-dark-20{background-color:var(--light-to-dark-20) !important}.light-to-dark-20{color:var(--light-to-dark-20);fill:var(--light-to-dark-20)}.bg-light-to-dark-40{background-color:var(--light-to-dark-40) !important}.light-to-dark-40{color:var(--light-to-dark-40);fill:var(--light-to-dark-40)}.bg-light-to-dark-60{background-color:var(--light-to-dark-60) !important}.light-to-dark-60{color:var(--light-to-dark-60);fill:var(--light-to-dark-60)}.bg-light-to-dark-80{background-color:var(--light-to-dark-80) !important}.light-to-dark-80{color:var(--light-to-dark-80);fill:var(--light-to-dark-80)}.bg-light-orange-10{background-color:var(--light-orange-10, rgba(252, 174, 73, 0.1)) !important}.light-orange-10{color:var(--light-orange-10, rgba(252, 174, 73, 0.1));fill:var(--light-orange-10, rgba(252, 174, 73, 0.1))}.bg-light-orange-20{background-color:var(--light-orange-20, rgba(252, 174, 73, 0.2)) !important}.light-orange-20{color:var(--light-orange-20, rgba(252, 174, 73, 0.2));fill:var(--light-orange-20, rgba(252, 174, 73, 0.2))}.bg-light-orange-40{background-color:var(--light-orange-40, rgba(252, 174, 73, 0.4)) !important}.light-orange-40{color:var(--light-orange-40, rgba(252, 174, 73, 0.4));fill:var(--light-orange-40, rgba(252, 174, 73, 0.4))}.bg-light-orange-60{background-color:var(--light-orange-60, rgba(252, 174, 73, 0.6)) !important}.light-orange-60{color:var(--light-orange-60, rgba(252, 174, 73, 0.6));fill:var(--light-orange-60, rgba(252, 174, 73, 0.6))}.bg-light-orange-80{background-color:var(--light-orange-80, rgba(252, 174, 73, 0.8)) !important}.light-orange-80{color:var(--light-orange-80, rgba(252, 174, 73, 0.8));fill:var(--light-orange-80, rgba(252, 174, 73, 0.8))}.bg-stable-10{background-color:var(--stable-10, rgba(173, 173, 173, 0.1)) !important}.stable-10{color:var(--stable-10, rgba(173, 173, 173, 0.1));fill:var(--stable-10, rgba(173, 173, 173, 0.1))}.bg-stable-20{background-color:var(--stable-20, rgba(173, 173, 173, 0.2)) !important}.stable-20{color:var(--stable-20, rgba(173, 173, 173, 0.2));fill:var(--stable-20, rgba(173, 173, 173, 0.2))}.bg-stable-40{background-color:var(--stable-40, rgba(173, 173, 173, 0.4)) !important}.stable-40{color:var(--stable-40, rgba(173, 173, 173, 0.4));fill:var(--stable-40, rgba(173, 173, 173, 0.4))}.bg-stable-60{background-color:var(--stable-60, rgba(173, 173, 173, 0.6)) !important}.stable-60{color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--stable-60, rgba(173, 173, 173, 0.6))}.bg-stable-80{background-color:var(--stable-80, rgba(173, 173, 173, 0.8)) !important}.stable-80{color:var(--stable-80, rgba(173, 173, 173, 0.8));fill:var(--stable-80, rgba(173, 173, 173, 0.8))}.bg-stable-light-10{background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1)) !important}.stable-light-10{color:var(--stable-light-10, rgba(241, 241, 241, 0.1));fill:var(--stable-light-10, rgba(241, 241, 241, 0.1))}.bg-stable-light-20{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2)) !important}.stable-light-20{color:var(--stable-light-20, rgba(241, 241, 241, 0.2));fill:var(--stable-light-20, rgba(241, 241, 241, 0.2))}.bg-stable-light-40{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}.stable-light-40{color:var(--stable-light-40, rgba(241, 241, 241, 0.4));fill:var(--stable-light-40, rgba(241, 241, 241, 0.4))}.bg-stable-light-60{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6)) !important}.stable-light-60{color:var(--stable-light-60, rgba(241, 241, 241, 0.6));fill:var(--stable-light-60, rgba(241, 241, 241, 0.6))}.bg-stable-light-80{background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8)) !important}.stable-light-80{color:var(--stable-light-80, rgba(241, 241, 241, 0.8));fill:var(--stable-light-80, rgba(241, 241, 241, 0.8))}.bg-stable-alt-10{background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1)) !important}.stable-alt-10{color:var(--stable-alt-10, rgba(208, 208, 208, 0.1));fill:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}.bg-stable-alt-20{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2)) !important}.stable-alt-20{color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));fill:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}.bg-stable-alt-40{background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4)) !important}.stable-alt-40{color:var(--stable-alt-40, rgba(208, 208, 208, 0.4));fill:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}.bg-stable-alt-60{background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6)) !important}.stable-alt-60{color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));fill:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}.bg-stable-alt-80{background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8)) !important}.stable-alt-80{color:var(--stable-alt-80, rgba(208, 208, 208, 0.8));fill:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}.bg-warning-10{background-color:var(--warning-10, rgba(255, 100, 2, 0.1)) !important}.warning-10{color:var(--warning-10, rgba(255, 100, 2, 0.1));fill:var(--warning-10, rgba(255, 100, 2, 0.1))}.bg-warning-20{background-color:var(--warning-20, rgba(255, 100, 2, 0.2)) !important}.warning-20{color:var(--warning-20, rgba(255, 100, 2, 0.2));fill:var(--warning-20, rgba(255, 100, 2, 0.2))}.bg-warning-40{background-color:var(--warning-40, rgba(255, 100, 2, 0.4)) !important}.warning-40{color:var(--warning-40, rgba(255, 100, 2, 0.4));fill:var(--warning-40, rgba(255, 100, 2, 0.4))}.bg-warning-60{background-color:var(--warning-60, rgba(255, 100, 2, 0.6)) !important}.warning-60{color:var(--warning-60, rgba(255, 100, 2, 0.6));fill:var(--warning-60, rgba(255, 100, 2, 0.6))}.bg-warning-80{background-color:var(--warning-80, rgba(255, 100, 2, 0.8)) !important}.warning-80{color:var(--warning-80, rgba(255, 100, 2, 0.8));fill:var(--warning-80, rgba(255, 100, 2, 0.8))}.bg-accent-10{background-color:var(--accent-10, rgba(39, 110, 241, 0.1)) !important}.accent-10{color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--accent-10, rgba(39, 110, 241, 0.1))}.bg-accent-20{background-color:var(--accent-20, rgba(39, 110, 241, 0.2)) !important}.accent-20{color:var(--accent-20, rgba(39, 110, 241, 0.2));fill:var(--accent-20, rgba(39, 110, 241, 0.2))}.bg-accent-40{background-color:var(--accent-40, rgba(39, 110, 241, 0.4)) !important}.accent-40{color:var(--accent-40, rgba(39, 110, 241, 0.4));fill:var(--accent-40, rgba(39, 110, 241, 0.4))}.bg-accent-60{background-color:var(--accent-60, rgba(39, 110, 241, 0.6)) !important}.accent-60{color:var(--accent-60, rgba(39, 110, 241, 0.6));fill:var(--accent-60, rgba(39, 110, 241, 0.6))}.bg-accent-80{background-color:var(--accent-80, rgba(39, 110, 241, 0.8)) !important}.accent-80{color:var(--accent-80, rgba(39, 110, 241, 0.8));fill:var(--accent-80, rgba(39, 110, 241, 0.8))}.bg-text-color-to-stable-10{background-color:var(--text-color-to-stable-10) !important}.text-color-to-stable-10{color:var(--text-color-to-stable-10);fill:var(--text-color-to-stable-10)}.bg-text-color-to-stable-20{background-color:var(--text-color-to-stable-20) !important}.text-color-to-stable-20{color:var(--text-color-to-stable-20);fill:var(--text-color-to-stable-20)}.bg-text-color-to-stable-40{background-color:var(--text-color-to-stable-40) !important}.text-color-to-stable-40{color:var(--text-color-to-stable-40);fill:var(--text-color-to-stable-40)}.bg-text-color-to-stable-60{background-color:var(--text-color-to-stable-60) !important}.text-color-to-stable-60{color:var(--text-color-to-stable-60);fill:var(--text-color-to-stable-60)}.bg-text-color-to-stable-80{background-color:var(--text-color-to-stable-80) !important}.text-color-to-stable-80{color:var(--text-color-to-stable-80);fill:var(--text-color-to-stable-80)}.bg-stable-to-stable-20-10{background-color:var(--stable-to-stable-20-10) !important}.stable-to-stable-20-10{color:var(--stable-to-stable-20-10);fill:var(--stable-to-stable-20-10)}.bg-stable-to-stable-20-20{background-color:var(--stable-to-stable-20-20) !important}.stable-to-stable-20-20{color:var(--stable-to-stable-20-20);fill:var(--stable-to-stable-20-20)}.bg-stable-to-stable-20-40{background-color:var(--stable-to-stable-20-40) !important}.stable-to-stable-20-40{color:var(--stable-to-stable-20-40);fill:var(--stable-to-stable-20-40)}.bg-stable-to-stable-20-60{background-color:var(--stable-to-stable-20-60) !important}.stable-to-stable-20-60{color:var(--stable-to-stable-20-60);fill:var(--stable-to-stable-20-60)}.bg-stable-to-stable-20-80{background-color:var(--stable-to-stable-20-80) !important}.stable-to-stable-20-80{color:var(--stable-to-stable-20-80);fill:var(--stable-to-stable-20-80)}.bg-stable-to-light-10{background-color:var(--stable-to-light-10, #adadad) !important}.stable-to-light-10{color:var(--stable-to-light-10, #adadad);fill:var(--stable-to-light-10, #adadad)}.bg-stable-to-light-20{background-color:var(--stable-to-light-20) !important}.stable-to-light-20{color:var(--stable-to-light-20);fill:var(--stable-to-light-20)}.bg-stable-to-light-40{background-color:var(--stable-to-light-40) !important}.stable-to-light-40{color:var(--stable-to-light-40);fill:var(--stable-to-light-40)}.bg-stable-to-light-60{background-color:var(--stable-to-light-60) !important}.stable-to-light-60{color:var(--stable-to-light-60);fill:var(--stable-to-light-60)}.bg-stable-to-light-80{background-color:var(--stable-to-light-80) !important}.stable-to-light-80{color:var(--stable-to-light-80);fill:var(--stable-to-light-80)}.bg-stable-alt-to-light-10-10{background-color:var(--stable-alt-to-light-10-10) !important}.stable-alt-to-light-10-10{color:var(--stable-alt-to-light-10-10);fill:var(--stable-alt-to-light-10-10)}.bg-stable-alt-to-light-10-20{background-color:var(--stable-alt-to-light-10-20) !important}.stable-alt-to-light-10-20{color:var(--stable-alt-to-light-10-20);fill:var(--stable-alt-to-light-10-20)}.bg-stable-alt-to-light-10-40{background-color:var(--stable-alt-to-light-10-40) !important}.stable-alt-to-light-10-40{color:var(--stable-alt-to-light-10-40);fill:var(--stable-alt-to-light-10-40)}.bg-stable-alt-to-light-10-60{background-color:var(--stable-alt-to-light-10-60) !important}.stable-alt-to-light-10-60{color:var(--stable-alt-to-light-10-60);fill:var(--stable-alt-to-light-10-60)}.bg-stable-alt-to-light-10-80{background-color:var(--stable-alt-to-light-10-80) !important}.stable-alt-to-light-10-80{color:var(--stable-alt-to-light-10-80);fill:var(--stable-alt-to-light-10-80)}:host{--card-chat-height:6rem;--card-avatar-container-size:4rem}:host .outer-container.battle-container{position:absolute;z-index:1;width:100%}:host .outer-container.battle-container .section-header div:first-child{-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .section-header div:first-child{display:-ms-flexbox;display:flex;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .section-header div:first-child .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .section-header div:first-child .title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .section-header div:first-child .action{margin-left:auto;padding-right:1rem;color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .section-header div:first-child .total-number{padding-left:0.2rem;color:var(--stable, #adadad)}:host .outer-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--card-avatar-container-size);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .inner-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll{position:absolute;top:unset;bottom:0;height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin-left:var(--spacing-16, 1rem);padding-right:var(--spacing-20-deprecated, 1.25rem)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem);width:var(--card-avatar-container-size)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10);border-radius:50%}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-text{max-width:auto;color:var(--app-color)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container yoo-entity{--entity-background:cssvar(light-to-dark) !important;--margin:0 !important;height:var(--card-avatar-container-size)}:host(.web){--card-avatar-container-size:var(--spacing-48, 3rem)}:host(.web) .outer-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .section-header{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .section-header .small-margin-bottom .title{padding-left:0}:host(.web) .outer-container .section-header .small-margin-bottom .action{padding-right:0}:host(.web) .scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web) .inner-container{-ms-flex-pack:start;justify-content:flex-start}:host(.web) .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host(.web) .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10);border-radius:50%}:host(.web) .inner-scroll-container:last-child{margin-right:0}:host(.rtl) .section-header div:first-child .action{margin-right:auto;margin-left:initial}:host(.rtl) .inner-scroll-container:first-child{margin-right:0;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .inner-scroll-container:last-child{margin-left:var(--spacing-16, 1rem)}@media (orientation: landscape){:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-ms-flex-pack:center;justify-content:center;width:100%}:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}}:host(.empty){--card-chat-height:auto}";export{b as yoo_user_wizard}
+import{r as t,c as a,h as r,H as o,g as e}from"./p-c26cc6ff.js";import{t as l,bd as i,b as c}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-ae3b4d28.js";import{f as n}from"./p-5795afcd.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";const b=class{constructor(r){t(this,r),this.itemSelected=a(this,"itemSelected",7),this.showAllSelected=a(this,"showAllSelected",7),this.addText="YOOBICNEW",this.addIcon="plus",this.addIconSize="medium",this.showAdd=!0}onItemSelected(t){this.itemSelected.emit(t)}renderAddButton(){return r("div",{class:"inner-scroll-container"},r("div",{class:{"add-container":!0,"bg-app-color-40":i()},onClick:()=>this.onItemSelected()},r("yoo-icon",{name:this.addIcon,size:this.addIconSize,color:"app-color"})),r("div",{class:"truncate add-text"}," ",l(this.addText)," "))}checkIfNotifictionExists(t){return parseInt(t,10)>0}renderAvatar(t){return t&&t.user&&r("yoo-avatar",{class:"xl-user-wizard",size:c(this.host)?"large":"extra-large",frame:"circle",user:t.user,isOnline:!!t.bottomRightIcon&&t.bottomRightIcon,hasNotifications:this.checkIfNotifictionExists(t.topRightBadge),notificationCount:t.topRightBadge?parseInt(t.topRightBadge,10):null,hasViewedStory:t.hasViewedStory,hasStoryToView:t.hasStoryToView,hasLiveVideo:t.hasLiveVideo,hasRecordedVideo:t.hasRecordedVideo})}hasUserName(t){return t&&t.user&&t.user.firstName&&t.user.lastName}renderUsersAvatar(){if(this.items&&this.items.length)return this.items.map((t=>r("div",{class:"inner-scroll-container",onClick:()=>this.onItemSelected(t)},this.renderAvatar(t),r("div",{class:"truncate"}," ",this.hasUserName(t)?`${t.user.firstName}`:" "," "))))}renderHeader(){const t=r("div",{class:"action",onClick:()=>this.showAllSelected.emit()},l(this.showAllText));return r("div",{class:"section-header"},r("div",{class:"small-margin-bottom"},r("div",{class:"title"},l(this.titleText),this.tag&&r("yoo-tag",{color:"energized-to-energized-20"},this.tag)),this.showAllText&&t))}renderInnerBody(){return r("div",{class:"scroll-container"},this.showAdd&&this.renderAddButton(),this.renderUsersAvatar())}renderBody(){return r("div",{class:{"outer-container":!0,"battle-container":"BATTLES"===this.titleText}},this.titleText&&this.renderHeader(),r("div",{class:"inner-container"},c(this.host)?this.renderInnerBody():r("yoo-ion-scroll",{class:"horizontal no-scrollbar"},this.renderInnerBody())))}render(){var t;return r(o,{class:Object.assign(Object.assign({},n(this.host)),{empty:!(null===(t=this.items)||void 0===t?void 0:t.length)&&!this.showAdd})},(this.addText||this.items&&this.items.length)&&this.renderBody())}get host(){return e(this)}};b.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}.bg-app-color{background-color:var(--app-color) !important}.app-color{color:var(--app-color);fill:var(--app-color)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-danger-light{background-color:var(--danger-light, #f46885) !important}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.bg-energized{background-color:var(--energized, #fed05b) !important}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.bg-royal{background-color:var(--royal, #7577ff) !important}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.bg-info{background-color:var(--info, #fc459e) !important}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.bg-light-orange{background-color:var(--light-orange, #fcae49) !important}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-warning{background-color:var(--warning, #ff6402) !important}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.bg-app-color-10{background-color:var(--app-color-10) !important}.app-color-10{color:var(--app-color-10);fill:var(--app-color-10)}.bg-app-color-20{background-color:var(--app-color-20) !important}.app-color-20{color:var(--app-color-20);fill:var(--app-color-20)}.bg-app-color-40{background-color:var(--app-color-40) !important}.app-color-40{color:var(--app-color-40);fill:var(--app-color-40)}.bg-app-color-60{background-color:var(--app-color-60) !important}.app-color-60{color:var(--app-color-60);fill:var(--app-color-60)}.bg-app-color-80{background-color:var(--app-color-80) !important}.app-color-80{color:var(--app-color-80);fill:var(--app-color-80)}.bg-success-10{background-color:var(--success-10, rgba(58, 167, 109, 0.1)) !important}.success-10{color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--success-10, rgba(58, 167, 109, 0.1))}.bg-success-20{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important}.success-20{color:var(--success-20, rgba(58, 167, 109, 0.2));fill:var(--success-20, rgba(58, 167, 109, 0.2))}.bg-success-40{background-color:var(--success-40, rgba(58, 167, 109, 0.4)) !important}.success-40{color:var(--success-40, rgba(58, 167, 109, 0.4));fill:var(--success-40, rgba(58, 167, 109, 0.4))}.bg-success-60{background-color:var(--success-60, rgba(58, 167, 109, 0.6)) !important}.success-60{color:var(--success-60, rgba(58, 167, 109, 0.6));fill:var(--success-60, rgba(58, 167, 109, 0.6))}.bg-success-80{background-color:var(--success-80, rgba(58, 167, 109, 0.8)) !important}.success-80{color:var(--success-80, rgba(58, 167, 109, 0.8));fill:var(--success-80, rgba(58, 167, 109, 0.8))}.bg-danger-10{background-color:var(--danger-10, rgba(212, 67, 51, 0.1)) !important}.danger-10{color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--danger-10, rgba(212, 67, 51, 0.1))}.bg-danger-20{background-color:var(--danger-20, rgba(212, 67, 51, 0.2)) !important}.danger-20{color:var(--danger-20, rgba(212, 67, 51, 0.2));fill:var(--danger-20, rgba(212, 67, 51, 0.2))}.bg-danger-40{background-color:var(--danger-40, rgba(212, 67, 51, 0.4)) !important}.danger-40{color:var(--danger-40, rgba(212, 67, 51, 0.4));fill:var(--danger-40, rgba(212, 67, 51, 0.4))}.bg-danger-60{background-color:var(--danger-60, rgba(212, 67, 51, 0.6)) !important}.danger-60{color:var(--danger-60, rgba(212, 67, 51, 0.6));fill:var(--danger-60, rgba(212, 67, 51, 0.6))}.bg-danger-80{background-color:var(--danger-80, rgba(212, 67, 51, 0.8)) !important}.danger-80{color:var(--danger-80, rgba(212, 67, 51, 0.8));fill:var(--danger-80, rgba(212, 67, 51, 0.8))}.bg-danger-light-10{background-color:var(--danger-light-10, rgba(244, 104, 133, 0.1)) !important}.danger-light-10{color:var(--danger-light-10, rgba(244, 104, 133, 0.1));fill:var(--danger-light-10, rgba(244, 104, 133, 0.1))}.bg-danger-light-20{background-color:var(--danger-light-20, rgba(244, 104, 133, 0.2)) !important}.danger-light-20{color:var(--danger-light-20, rgba(244, 104, 133, 0.2));fill:var(--danger-light-20, rgba(244, 104, 133, 0.2))}.bg-danger-light-40{background-color:var(--danger-light-40, rgba(244, 104, 133, 0.4)) !important}.danger-light-40{color:var(--danger-light-40, rgba(244, 104, 133, 0.4));fill:var(--danger-light-40, rgba(244, 104, 133, 0.4))}.bg-danger-light-60{background-color:var(--danger-light-60, rgba(244, 104, 133, 0.6)) !important}.danger-light-60{color:var(--danger-light-60, rgba(244, 104, 133, 0.6));fill:var(--danger-light-60, rgba(244, 104, 133, 0.6))}.bg-danger-light-80{background-color:var(--danger-light-80, rgba(244, 104, 133, 0.8)) !important}.danger-light-80{color:var(--danger-light-80, rgba(244, 104, 133, 0.8));fill:var(--danger-light-80, rgba(244, 104, 133, 0.8))}.bg-energized-10{background-color:var(--energized-10, rgba(252, 174, 73, 0.1)) !important}.energized-10{color:var(--energized-10, rgba(252, 174, 73, 0.1));fill:var(--energized-10, rgba(252, 174, 73, 0.1))}.bg-energized-20{background-color:var(--energized-20, rgba(252, 174, 73, 0.2)) !important}.energized-20{color:var(--energized-20, rgba(252, 174, 73, 0.2));fill:var(--energized-20, rgba(252, 174, 73, 0.2))}.bg-energized-40{background-color:var(--energized-40, rgba(252, 174, 73, 0.4)) !important}.energized-40{color:var(--energized-40, rgba(252, 174, 73, 0.4));fill:var(--energized-40, rgba(252, 174, 73, 0.4))}.bg-energized-60{background-color:var(--energized-60, rgba(252, 174, 73, 0.6)) !important}.energized-60{color:var(--energized-60, rgba(252, 174, 73, 0.6));fill:var(--energized-60, rgba(252, 174, 73, 0.6))}.bg-energized-80{background-color:var(--energized-80, rgba(252, 174, 73, 0.8)) !important}.energized-80{color:var(--energized-80, rgba(252, 174, 73, 0.8));fill:var(--energized-80, rgba(252, 174, 73, 0.8))}.bg-royal-10{background-color:var(--royal-10, rgba(117, 119, 255, 0.1)) !important}.royal-10{color:var(--royal-10, rgba(117, 119, 255, 0.1));fill:var(--royal-10, rgba(117, 119, 255, 0.1))}.bg-royal-20{background-color:var(--royal-20, rgba(117, 119, 255, 0.2)) !important}.royal-20{color:var(--royal-20, rgba(117, 119, 255, 0.2));fill:var(--royal-20, rgba(117, 119, 255, 0.2))}.bg-royal-40{background-color:var(--royal-40, rgba(117, 119, 255, 0.4)) !important}.royal-40{color:var(--royal-40, rgba(117, 119, 255, 0.4));fill:var(--royal-40, rgba(117, 119, 255, 0.4))}.bg-royal-60{background-color:var(--royal-60, rgba(117, 119, 255, 0.6)) !important}.royal-60{color:var(--royal-60, rgba(117, 119, 255, 0.6));fill:var(--royal-60, rgba(117, 119, 255, 0.6))}.bg-royal-80{background-color:var(--royal-80, rgba(117, 119, 255, 0.8)) !important}.royal-80{color:var(--royal-80, rgba(117, 119, 255, 0.8));fill:var(--royal-80, rgba(117, 119, 255, 0.8))}.bg-info-10{background-color:var(--info-10, rgba(252, 69, 158, 0.1)) !important}.info-10{color:var(--info-10, rgba(252, 69, 158, 0.1));fill:var(--info-10, rgba(252, 69, 158, 0.1))}.bg-info-20{background-color:var(--info-20, rgba(252, 69, 158, 0.2)) !important}.info-20{color:var(--info-20, rgba(252, 69, 158, 0.2));fill:var(--info-20, rgba(252, 69, 158, 0.2))}.bg-info-40{background-color:var(--info-40, rgba(252, 69, 158, 0.4)) !important}.info-40{color:var(--info-40, rgba(252, 69, 158, 0.4));fill:var(--info-40, rgba(252, 69, 158, 0.4))}.bg-info-60{background-color:var(--info-60, rgba(252, 69, 158, 0.6)) !important}.info-60{color:var(--info-60, rgba(252, 69, 158, 0.6));fill:var(--info-60, rgba(252, 69, 158, 0.6))}.bg-info-80{background-color:var(--info-80, rgba(252, 69, 158, 0.8)) !important}.info-80{color:var(--info-80, rgba(252, 69, 158, 0.8));fill:var(--info-80, rgba(252, 69, 158, 0.8))}.bg-dark-10{background-color:var(--dark-10, rgba(0, 0, 0, 0.1)) !important}.dark-10{color:var(--dark-10, rgba(0, 0, 0, 0.1));fill:var(--dark-10, rgba(0, 0, 0, 0.1))}.bg-dark-20{background-color:var(--dark-20, rgba(0, 0, 0, 0.2)) !important}.dark-20{color:var(--dark-20, rgba(0, 0, 0, 0.2));fill:var(--dark-20, rgba(0, 0, 0, 0.2))}.bg-dark-40{background-color:var(--dark-40, rgba(0, 0, 0, 0.4)) !important}.dark-40{color:var(--dark-40, rgba(0, 0, 0, 0.4));fill:var(--dark-40, rgba(0, 0, 0, 0.4))}.bg-dark-60{background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important}.dark-60{color:var(--dark-60, rgba(0, 0, 0, 0.6));fill:var(--dark-60, rgba(0, 0, 0, 0.6))}.bg-dark-80{background-color:var(--dark-80, rgba(0, 0, 0, 0.8)) !important}.dark-80{color:var(--dark-80, rgba(0, 0, 0, 0.8));fill:var(--dark-80, rgba(0, 0, 0, 0.8))}.bg-dark-to-light-10{background-color:var(--dark-to-light-10) !important}.dark-to-light-10{color:var(--dark-to-light-10);fill:var(--dark-to-light-10)}.bg-dark-to-light-20{background-color:var(--dark-to-light-20, #000000) !important}.dark-to-light-20{color:var(--dark-to-light-20, #000000);fill:var(--dark-to-light-20, #000000)}.bg-dark-to-light-40{background-color:var(--dark-to-light-40) !important}.dark-to-light-40{color:var(--dark-to-light-40);fill:var(--dark-to-light-40)}.bg-dark-to-light-60{background-color:var(--dark-to-light-60) !important}.dark-to-light-60{color:var(--dark-to-light-60);fill:var(--dark-to-light-60)}.bg-dark-to-light-80{background-color:var(--dark-to-light-80) !important}.dark-to-light-80{color:var(--dark-to-light-80);fill:var(--dark-to-light-80)}.bg-text-color-10{background-color:var(--text-color-10, rgba(128, 127, 131, 0.1)) !important}.text-color-10{color:var(--text-color-10, rgba(128, 127, 131, 0.1));fill:var(--text-color-10, rgba(128, 127, 131, 0.1))}.bg-text-color-20{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2)) !important}.text-color-20{color:var(--text-color-20, rgba(128, 127, 131, 0.2));fill:var(--text-color-20, rgba(128, 127, 131, 0.2))}.bg-text-color-40{background-color:var(--text-color-40, rgba(128, 127, 131, 0.4)) !important}.text-color-40{color:var(--text-color-40, rgba(128, 127, 131, 0.4));fill:var(--text-color-40, rgba(128, 127, 131, 0.4))}.bg-text-color-60{background-color:var(--text-color-60, rgba(128, 127, 131, 0.6)) !important}.text-color-60{color:var(--text-color-60, rgba(128, 127, 131, 0.6));fill:var(--text-color-60, rgba(128, 127, 131, 0.6))}.bg-text-color-80{background-color:var(--text-color-80, rgba(128, 127, 131, 0.8)) !important}.text-color-80{color:var(--text-color-80, rgba(128, 127, 131, 0.8));fill:var(--text-color-80, rgba(128, 127, 131, 0.8))}.bg-text-color-to-light-60-10{background-color:var(--text-color-to-light-60-10) !important}.text-color-to-light-60-10{color:var(--text-color-to-light-60-10);fill:var(--text-color-to-light-60-10)}.bg-text-color-to-light-60-20{background-color:var(--text-color-to-light-60-20) !important}.text-color-to-light-60-20{color:var(--text-color-to-light-60-20);fill:var(--text-color-to-light-60-20)}.bg-text-color-to-light-60-40{background-color:var(--text-color-to-light-60-40) !important}.text-color-to-light-60-40{color:var(--text-color-to-light-60-40);fill:var(--text-color-to-light-60-40)}.bg-text-color-to-light-60-60{background-color:var(--text-color-to-light-60-60) !important}.text-color-to-light-60-60{color:var(--text-color-to-light-60-60);fill:var(--text-color-to-light-60-60)}.bg-text-color-to-light-60-80{background-color:var(--text-color-to-light-60-80) !important}.text-color-to-light-60-80{color:var(--text-color-to-light-60-80);fill:var(--text-color-to-light-60-80)}.bg-light-10{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}.light-10{color:var(--light-10, rgba(255, 255, 255, 0.1));fill:var(--light-10, rgba(255, 255, 255, 0.1))}.bg-light-20{background-color:var(--light-20, rgba(255, 255, 255, 0.2)) !important}.light-20{color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light-20, rgba(255, 255, 255, 0.2))}.bg-light-40{background-color:var(--light-40, rgba(255, 255, 255, 0.4)) !important}.light-40{color:var(--light-40, rgba(255, 255, 255, 0.4));fill:var(--light-40, rgba(255, 255, 255, 0.4))}.bg-light-60{background-color:var(--light-60, rgba(255, 255, 255, 0.6)) !important}.light-60{color:var(--light-60, rgba(255, 255, 255, 0.6));fill:var(--light-60, rgba(255, 255, 255, 0.6))}.bg-light-80{background-color:var(--light-80, rgba(255, 255, 255, 0.8)) !important}.light-80{color:var(--light-80, rgba(255, 255, 255, 0.8));fill:var(--light-80, rgba(255, 255, 255, 0.8))}.bg-light-to-dark-10{background-color:var(--light-to-dark-10) !important}.light-to-dark-10{color:var(--light-to-dark-10);fill:var(--light-to-dark-10)}.bg-light-to-dark-20{background-color:var(--light-to-dark-20) !important}.light-to-dark-20{color:var(--light-to-dark-20);fill:var(--light-to-dark-20)}.bg-light-to-dark-40{background-color:var(--light-to-dark-40) !important}.light-to-dark-40{color:var(--light-to-dark-40);fill:var(--light-to-dark-40)}.bg-light-to-dark-60{background-color:var(--light-to-dark-60) !important}.light-to-dark-60{color:var(--light-to-dark-60);fill:var(--light-to-dark-60)}.bg-light-to-dark-80{background-color:var(--light-to-dark-80) !important}.light-to-dark-80{color:var(--light-to-dark-80);fill:var(--light-to-dark-80)}.bg-light-orange-10{background-color:var(--light-orange-10, rgba(252, 174, 73, 0.1)) !important}.light-orange-10{color:var(--light-orange-10, rgba(252, 174, 73, 0.1));fill:var(--light-orange-10, rgba(252, 174, 73, 0.1))}.bg-light-orange-20{background-color:var(--light-orange-20, rgba(252, 174, 73, 0.2)) !important}.light-orange-20{color:var(--light-orange-20, rgba(252, 174, 73, 0.2));fill:var(--light-orange-20, rgba(252, 174, 73, 0.2))}.bg-light-orange-40{background-color:var(--light-orange-40, rgba(252, 174, 73, 0.4)) !important}.light-orange-40{color:var(--light-orange-40, rgba(252, 174, 73, 0.4));fill:var(--light-orange-40, rgba(252, 174, 73, 0.4))}.bg-light-orange-60{background-color:var(--light-orange-60, rgba(252, 174, 73, 0.6)) !important}.light-orange-60{color:var(--light-orange-60, rgba(252, 174, 73, 0.6));fill:var(--light-orange-60, rgba(252, 174, 73, 0.6))}.bg-light-orange-80{background-color:var(--light-orange-80, rgba(252, 174, 73, 0.8)) !important}.light-orange-80{color:var(--light-orange-80, rgba(252, 174, 73, 0.8));fill:var(--light-orange-80, rgba(252, 174, 73, 0.8))}.bg-stable-10{background-color:var(--stable-10, rgba(173, 173, 173, 0.1)) !important}.stable-10{color:var(--stable-10, rgba(173, 173, 173, 0.1));fill:var(--stable-10, rgba(173, 173, 173, 0.1))}.bg-stable-20{background-color:var(--stable-20, rgba(173, 173, 173, 0.2)) !important}.stable-20{color:var(--stable-20, rgba(173, 173, 173, 0.2));fill:var(--stable-20, rgba(173, 173, 173, 0.2))}.bg-stable-40{background-color:var(--stable-40, rgba(173, 173, 173, 0.4)) !important}.stable-40{color:var(--stable-40, rgba(173, 173, 173, 0.4));fill:var(--stable-40, rgba(173, 173, 173, 0.4))}.bg-stable-60{background-color:var(--stable-60, rgba(173, 173, 173, 0.6)) !important}.stable-60{color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--stable-60, rgba(173, 173, 173, 0.6))}.bg-stable-80{background-color:var(--stable-80, rgba(173, 173, 173, 0.8)) !important}.stable-80{color:var(--stable-80, rgba(173, 173, 173, 0.8));fill:var(--stable-80, rgba(173, 173, 173, 0.8))}.bg-stable-light-10{background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1)) !important}.stable-light-10{color:var(--stable-light-10, rgba(241, 241, 241, 0.1));fill:var(--stable-light-10, rgba(241, 241, 241, 0.1))}.bg-stable-light-20{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2)) !important}.stable-light-20{color:var(--stable-light-20, rgba(241, 241, 241, 0.2));fill:var(--stable-light-20, rgba(241, 241, 241, 0.2))}.bg-stable-light-40{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}.stable-light-40{color:var(--stable-light-40, rgba(241, 241, 241, 0.4));fill:var(--stable-light-40, rgba(241, 241, 241, 0.4))}.bg-stable-light-60{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6)) !important}.stable-light-60{color:var(--stable-light-60, rgba(241, 241, 241, 0.6));fill:var(--stable-light-60, rgba(241, 241, 241, 0.6))}.bg-stable-light-80{background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8)) !important}.stable-light-80{color:var(--stable-light-80, rgba(241, 241, 241, 0.8));fill:var(--stable-light-80, rgba(241, 241, 241, 0.8))}.bg-stable-alt-10{background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1)) !important}.stable-alt-10{color:var(--stable-alt-10, rgba(208, 208, 208, 0.1));fill:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}.bg-stable-alt-20{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2)) !important}.stable-alt-20{color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));fill:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}.bg-stable-alt-40{background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4)) !important}.stable-alt-40{color:var(--stable-alt-40, rgba(208, 208, 208, 0.4));fill:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}.bg-stable-alt-60{background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6)) !important}.stable-alt-60{color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));fill:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}.bg-stable-alt-80{background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8)) !important}.stable-alt-80{color:var(--stable-alt-80, rgba(208, 208, 208, 0.8));fill:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}.bg-warning-10{background-color:var(--warning-10, rgba(255, 100, 2, 0.1)) !important}.warning-10{color:var(--warning-10, rgba(255, 100, 2, 0.1));fill:var(--warning-10, rgba(255, 100, 2, 0.1))}.bg-warning-20{background-color:var(--warning-20, rgba(255, 100, 2, 0.2)) !important}.warning-20{color:var(--warning-20, rgba(255, 100, 2, 0.2));fill:var(--warning-20, rgba(255, 100, 2, 0.2))}.bg-warning-40{background-color:var(--warning-40, rgba(255, 100, 2, 0.4)) !important}.warning-40{color:var(--warning-40, rgba(255, 100, 2, 0.4));fill:var(--warning-40, rgba(255, 100, 2, 0.4))}.bg-warning-60{background-color:var(--warning-60, rgba(255, 100, 2, 0.6)) !important}.warning-60{color:var(--warning-60, rgba(255, 100, 2, 0.6));fill:var(--warning-60, rgba(255, 100, 2, 0.6))}.bg-warning-80{background-color:var(--warning-80, rgba(255, 100, 2, 0.8)) !important}.warning-80{color:var(--warning-80, rgba(255, 100, 2, 0.8));fill:var(--warning-80, rgba(255, 100, 2, 0.8))}.bg-accent-10{background-color:var(--accent-10, rgba(39, 110, 241, 0.1)) !important}.accent-10{color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--accent-10, rgba(39, 110, 241, 0.1))}.bg-accent-20{background-color:var(--accent-20, rgba(39, 110, 241, 0.2)) !important}.accent-20{color:var(--accent-20, rgba(39, 110, 241, 0.2));fill:var(--accent-20, rgba(39, 110, 241, 0.2))}.bg-accent-40{background-color:var(--accent-40, rgba(39, 110, 241, 0.4)) !important}.accent-40{color:var(--accent-40, rgba(39, 110, 241, 0.4));fill:var(--accent-40, rgba(39, 110, 241, 0.4))}.bg-accent-60{background-color:var(--accent-60, rgba(39, 110, 241, 0.6)) !important}.accent-60{color:var(--accent-60, rgba(39, 110, 241, 0.6));fill:var(--accent-60, rgba(39, 110, 241, 0.6))}.bg-accent-80{background-color:var(--accent-80, rgba(39, 110, 241, 0.8)) !important}.accent-80{color:var(--accent-80, rgba(39, 110, 241, 0.8));fill:var(--accent-80, rgba(39, 110, 241, 0.8))}.bg-text-color-to-stable-10{background-color:var(--text-color-to-stable-10) !important}.text-color-to-stable-10{color:var(--text-color-to-stable-10);fill:var(--text-color-to-stable-10)}.bg-text-color-to-stable-20{background-color:var(--text-color-to-stable-20) !important}.text-color-to-stable-20{color:var(--text-color-to-stable-20);fill:var(--text-color-to-stable-20)}.bg-text-color-to-stable-40{background-color:var(--text-color-to-stable-40) !important}.text-color-to-stable-40{color:var(--text-color-to-stable-40);fill:var(--text-color-to-stable-40)}.bg-text-color-to-stable-60{background-color:var(--text-color-to-stable-60) !important}.text-color-to-stable-60{color:var(--text-color-to-stable-60);fill:var(--text-color-to-stable-60)}.bg-text-color-to-stable-80{background-color:var(--text-color-to-stable-80) !important}.text-color-to-stable-80{color:var(--text-color-to-stable-80);fill:var(--text-color-to-stable-80)}.bg-stable-to-stable-20-10{background-color:var(--stable-to-stable-20-10) !important}.stable-to-stable-20-10{color:var(--stable-to-stable-20-10);fill:var(--stable-to-stable-20-10)}.bg-stable-to-stable-20-20{background-color:var(--stable-to-stable-20-20) !important}.stable-to-stable-20-20{color:var(--stable-to-stable-20-20);fill:var(--stable-to-stable-20-20)}.bg-stable-to-stable-20-40{background-color:var(--stable-to-stable-20-40) !important}.stable-to-stable-20-40{color:var(--stable-to-stable-20-40);fill:var(--stable-to-stable-20-40)}.bg-stable-to-stable-20-60{background-color:var(--stable-to-stable-20-60) !important}.stable-to-stable-20-60{color:var(--stable-to-stable-20-60);fill:var(--stable-to-stable-20-60)}.bg-stable-to-stable-20-80{background-color:var(--stable-to-stable-20-80) !important}.stable-to-stable-20-80{color:var(--stable-to-stable-20-80);fill:var(--stable-to-stable-20-80)}.bg-stable-to-light-10{background-color:var(--stable-to-light-10, #adadad) !important}.stable-to-light-10{color:var(--stable-to-light-10, #adadad);fill:var(--stable-to-light-10, #adadad)}.bg-stable-to-light-20{background-color:var(--stable-to-light-20) !important}.stable-to-light-20{color:var(--stable-to-light-20);fill:var(--stable-to-light-20)}.bg-stable-to-light-40{background-color:var(--stable-to-light-40) !important}.stable-to-light-40{color:var(--stable-to-light-40);fill:var(--stable-to-light-40)}.bg-stable-to-light-60{background-color:var(--stable-to-light-60) !important}.stable-to-light-60{color:var(--stable-to-light-60);fill:var(--stable-to-light-60)}.bg-stable-to-light-80{background-color:var(--stable-to-light-80) !important}.stable-to-light-80{color:var(--stable-to-light-80);fill:var(--stable-to-light-80)}.bg-stable-alt-to-light-10-10{background-color:var(--stable-alt-to-light-10-10) !important}.stable-alt-to-light-10-10{color:var(--stable-alt-to-light-10-10);fill:var(--stable-alt-to-light-10-10)}.bg-stable-alt-to-light-10-20{background-color:var(--stable-alt-to-light-10-20) !important}.stable-alt-to-light-10-20{color:var(--stable-alt-to-light-10-20);fill:var(--stable-alt-to-light-10-20)}.bg-stable-alt-to-light-10-40{background-color:var(--stable-alt-to-light-10-40) !important}.stable-alt-to-light-10-40{color:var(--stable-alt-to-light-10-40);fill:var(--stable-alt-to-light-10-40)}.bg-stable-alt-to-light-10-60{background-color:var(--stable-alt-to-light-10-60) !important}.stable-alt-to-light-10-60{color:var(--stable-alt-to-light-10-60);fill:var(--stable-alt-to-light-10-60)}.bg-stable-alt-to-light-10-80{background-color:var(--stable-alt-to-light-10-80) !important}.stable-alt-to-light-10-80{color:var(--stable-alt-to-light-10-80);fill:var(--stable-alt-to-light-10-80)}:host{--card-chat-height:6rem;--card-avatar-container-size:4rem}:host .outer-container.battle-container{position:absolute;z-index:1;width:100%}:host .outer-container.battle-container .section-header div:first-child{-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .section-header div:first-child{display:-ms-flexbox;display:flex;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .section-header div:first-child .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .section-header div:first-child .title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .section-header div:first-child .action{margin-left:auto;padding-right:1rem;color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .section-header div:first-child .total-number{padding-left:0.2rem;color:var(--stable, #adadad)}:host .outer-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--card-avatar-container-size);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .inner-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll{position:absolute;top:unset;bottom:0;height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin-left:var(--spacing-16, 1rem);padding-right:var(--spacing-20-deprecated, 1.25rem)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem);width:var(--card-avatar-container-size)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10);border-radius:50%}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-text{max-width:auto;color:var(--app-color)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container yoo-entity{--entity-background:cssvar(light-to-dark) !important;--margin:0 !important;height:var(--card-avatar-container-size)}:host(.web){--card-avatar-container-size:var(--spacing-48, 3rem)}:host(.web) .outer-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .section-header{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .section-header .small-margin-bottom .title{padding-left:0}:host(.web) .outer-container .section-header .small-margin-bottom .action{padding-right:0}:host(.web) .scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web) .inner-container{-ms-flex-pack:start;justify-content:flex-start}:host(.web) .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host(.web) .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10);border-radius:50%}:host(.web) .inner-scroll-container:last-child{margin-right:0}:host(.rtl) .section-header div:first-child .action{margin-right:auto;margin-left:initial}:host(.rtl) .inner-scroll-container:first-child{margin-right:0;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .inner-scroll-container:last-child{margin-left:var(--spacing-16, 1rem)}@media (orientation: landscape){:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-ms-flex-pack:center;justify-content:center;width:100%}:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}}:host(.empty){--card-chat-height:auto}";export{b as yoo_user_wizard}

package/dist/design-system/{p-67806011.entry.js → p-df79b367.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{o as i,F as p,m as n,n as l}from"./p-4d956bd4.js";import{w as s,a1 as d,V as c,Y as h,t as b,a4 as m,bo as f}from"./p-a966475f.js";import{e as g,x as y,f as x}from"./p-9a039ee7.js";import{i as u}from"./p-5450cf9b.js";import{Q as v}from"./p-45147a7d.js";import{c as w}from"./p-a7d0e964.js";import{i as k}from"./p-1901b669.js";import{i as j}from"./p-ca8f9900.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-68955196.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-cbb53f3f.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-bd19a341.js";import"./p-c3ec533d.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-c412a16f.js";import"./p-b5241164.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const A=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=s((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=d(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=g(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===c())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=g(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=y(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=v(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=y(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a,o;const r=w(t),s=[{title:"DEFAULTLANGUAGE",items:[]}],d={name:r.name};let c=!1,f=!1;return"missingword"===r.type&&(null===(a=null==r?void 0:r.answer)||void 0===a?void 0:a.length)>0&&(r.values=r.values.filter((t=>!r.answer.includes(t)))),"imagetagging"===r.type&&(null===(o=r.annotations)||void 0===o?void 0:o.length)&&(r.values=r.values.filter((t=>!r.annotations.find((e=>(null==e?void 0:e.text)===t))))),i.forEach((t=>{const a=u(h((null==r?void 0:r[t])||""));!r[t]||f&&"sentence"===t||("complexSentence"===t&&(f=!0),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(r[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r[t],e,t)}]}),d[t]=y(this.updatedTranslations,e,r[t]),d[`${t}Base`]=y(this.updatedTranslations,this.baseLanguage,r[t]))})),n.forEach((t=>{var a;const o=r[t];(null==o?void 0:o.length)>0&&"complexAnswer"!==t&&!((null===(a=null==r?void 0:r.categories)||void 0===a?void 0:a.length)>0&&[p.categorizewords,p.swipecards].includes(r.type))&&(null==o||o.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!m(a)||m(a)&&!k(a))){c=!0;const i=j(a)?a:a.text;if(i){const a=u(h(i));s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(i,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(i,e,`${t}${o}${r}`)}]}),d[`${t}${o}${r}`]=y(this.updatedTranslations,e,i),d[`${t}${o}${r}Base`]=y(this.updatedTranslations,this.baseLanguage,i)}}}))})))})),l.forEach((t=>{r[t]&&r[t].length>0&&("values"!==t||!(c||"swipecards"===r.type&&"image"===r.swipeMode||"scratch"===r.type))&&("answer"!==t||"answer"===t&&"missingword"===r.type)&&r[t].forEach(((a,o)=>{const r=j(a)?a:a.text;r&&(s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),d[`${t}${o}`]=y(this.updatedTranslations,e,r),d[`${t}${o}Base`]=y(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:s,data:d}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:r}=x(this.currentSlides,e);let p=null===(a=this.currentSlides[r])||void 0===a?void 0:a.items[o];p||(p=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;i.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=v(t[e],this.updatedTranslations,this.selectedLanguage,p[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=v(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,p[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),n.forEach((e=>{const a=p[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){const i=j(a)?a:a.text,p=v(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation,d=!0);const n=v(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation,d=!0)}}))})))})),l.forEach((e=>{var a;(null===(a=p[e])||void 0===a?void 0:a.length)>0&&("values"!==e||!d)&&p[e].forEach(((a,o)=>{const r=j(a)?a:a.text,i=v(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=v(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?b("STARTTRANSLATE"):b("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+h(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>f("create"===this.mode?{presentTranslationModal:!0}:null,this.host)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:b(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){f(this.isCreateTranslationMode()?{createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}:{addNewLanguage:!0},this.host)}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},b("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}get host(){return r(this)}};A.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{A as yoo_form_creator_translate_dialog}
+import{r as t,c as e,h as a,H as o,g as r}from"./p-c26cc6ff.js";import{o as i,F as p,m as n,n as l}from"./p-4d956bd4.js";import{w as s,a1 as d,V as c,Y as h,t as b,a4 as m,bo as f}from"./p-a966475f.js";import{e as g,x as y,f as x}from"./p-9a039ee7.js";import{i as u}from"./p-5450cf9b.js";import{Q as v}from"./p-bc3c56ff.js";import{c as w}from"./p-a7d0e964.js";import{i as k}from"./p-1901b669.js";import{i as j}from"./p-ca8f9900.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-68955196.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-cbb53f3f.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-bd19a341.js";import"./p-c3ec533d.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-c412a16f.js";import"./p-ae3b4d28.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const A=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=s((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=d(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=g(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===c())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=g(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=y(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=v(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=y(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a,o;const r=w(t),s=[{title:"DEFAULTLANGUAGE",items:[]}],d={name:r.name};let c=!1,f=!1;return"missingword"===r.type&&(null===(a=null==r?void 0:r.answer)||void 0===a?void 0:a.length)>0&&(r.values=r.values.filter((t=>!r.answer.includes(t)))),"imagetagging"===r.type&&(null===(o=r.annotations)||void 0===o?void 0:o.length)&&(r.values=r.values.filter((t=>!r.annotations.find((e=>(null==e?void 0:e.text)===t))))),i.forEach((t=>{const a=u(h((null==r?void 0:r[t])||""));!r[t]||f&&"sentence"===t||("complexSentence"===t&&(f=!0),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,language:a&&"html",autoInitialRows:!0,title:b(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(r[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r[t],e,t)}]}),d[t]=y(this.updatedTranslations,e,r[t]),d[`${t}Base`]=y(this.updatedTranslations,this.baseLanguage,r[t]))})),n.forEach((t=>{var a;const o=r[t];(null==o?void 0:o.length)>0&&"complexAnswer"!==t&&!((null===(a=null==r?void 0:r.categories)||void 0===a?void 0:a.length)>0&&[p.categorizewords,p.swipecards].includes(r.type))&&(null==o||o.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!m(a)||m(a)&&!k(a))){c=!0;const i=j(a)?a:a.text;if(i){const a=u(h(i));s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(i,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(i,e,`${t}${o}${r}`)}]}),d[`${t}${o}${r}`]=y(this.updatedTranslations,e,i),d[`${t}${o}${r}Base`]=y(this.updatedTranslations,this.baseLanguage,i)}}}))})))})),l.forEach((t=>{r[t]&&r[t].length>0&&("values"!==t||!(c||"swipecards"===r.type&&"image"===r.swipeMode||"scratch"===r.type))&&("answer"!==t||"answer"===t&&"missingword"===r.type)&&r[t].forEach(((a,o)=>{const r=j(a)?a:a.text;r&&(s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),s[0].items.push({type:p.textarea,title:b(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:u(b(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),d[`${t}${o}`]=y(this.updatedTranslations,e,r),d[`${t}${o}Base`]=y(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:s,data:d}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:r}=x(this.currentSlides,e);let p=null===(a=this.currentSlides[r])||void 0===a?void 0:a.items[o];p||(p=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;i.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=v(t[e],this.updatedTranslations,this.selectedLanguage,p[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=v(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,p[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),n.forEach((e=>{const a=p[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){const i=j(a)?a:a.text,p=v(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation,d=!0);const n=v(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation,d=!0)}}))})))})),l.forEach((e=>{var a;(null===(a=p[e])||void 0===a?void 0:a.length)>0&&("values"!==e||!d)&&p[e].forEach(((a,o)=>{const r=j(a)?a:a.text,i=v(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=v(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?b("STARTTRANSLATE"):b("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+h(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>f("create"===this.mode?{presentTranslationModal:!0}:null,this.host)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:b(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:b("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:b("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){f(this.isCreateTranslationMode()?{createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}:{addNewLanguage:!0},this.host)}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},b("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}get host(){return r(this)}};A.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{A as yoo_form_creator_translate_dialog}