@yoobic/yobi 7.7.109 → 7.7.113

package/dist/design-system/{p-ea0e9ed5.entry.js → p-af15a6c5.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,H as a,g as r}from"./p-c26cc6ff.js";import{z as i,B as n,f as p}from"./p-33b2d3a2.js";import{w as d}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-b5241164.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";const l=class{constructor(o){t(this,o),this.primaryButtonClicked=e(this,"primaryButtonClicked",7),this.closed=e(this,"closed",7),this.hasHeader=!0,this.closeIcon=!0}onInputBarRawChange(){setTimeout((()=>this.resize()),100)}async close(){this.animationProp&&(this.animationProp.open=!1),this.closed.emit(!0),this.animation(!1)}async resize(){const t=i(this.host,"yoo-ion-scroll");t&&(t.height===this.getSizeContainer().height?t.refresh():t.height=this.getSizeContainer().height)}componentDidLoad(){this.setContentInModal(),this.animation(!0),this.resizeListener=d(this.resize,500).bind(this),window.addEventListener("resize",this.resizeListener)}componentDidUpdate(){this.setContentInModal()}disconnectedCallback(){window.removeEventListener("resize",this.resizeListener),this.resizeListener=void 0}onPrimaryButtonClick(t){t&&(this.primaryButtonClicked.emit(!0),this.primaryFn())}animation(t,e){if(this.animationName)if("sticky_up"===this.animationName){const e=16,o=i(this.host,"div.outer-container").clientHeight;n(this.animationName,this.host,{open:t,distance:window.innerHeight/2+e-o/2,modalHeight:o})}else n(this.animationName,i(this.host,".outer-container"),e?{open:t,up:!0}:this.animationProp?this.animationProp:{open:t})}setContentInModal(){if(this.scrollEnabled){if(this.content){const t=document.createElement("yoo-ion-scroll");i(this.host,"div.modal-scroll-container").appendChild(t),t.appendChild(this.content)}this.resize()}else this.content&&i(this.host,"div.modal-body").appendChild(this.content)}getSizeContainer(){const t=i(this.host,".modal-scroll-container");let e=window.innerHeight;if(t){const o=i(this.host,".modal-header");o&&(e-=o.clientHeight);const a=i(this.host,".modal-footer");return a&&(e-=a.clientHeight),{height:Math.min(t.clientHeight,e)+"px",width:t.clientWidth+"px"}}return{height:"",width:""}}renderHeadingIcons(t){return t.filter((t=>!t.isVisible||t.isVisible())).map((t=>o("yoo-icon",{name:t.icon,class:"icon",onClick:()=>t.handler?t.handler():null})))}render(){return o(a,{class:Object.assign({"custom-controller":this.withYooCtrl},p(this.host))},o("div",{class:"outer-container"},this.hasHeader?o("div",{class:"modal-header"},o("span",{class:"icons "+(this.closeIcon?"":"hide-icon")},this.closeIcon?o("yoo-icon",{name:"close",onClick:()=>this.close()}):o("span",null)),o("div",{class:"inner-header"},o("span",{class:"modal-heading"},this.heading)),o("span",{class:"icons "+(this.headingIcons?"":"hide-icon")},this.headingIcons?this.renderHeadingIcons(this.headingIcons):null)):null,o("div",{class:"modal-body"},o("div",{class:"modal-scroll-container"},o("yoo-ion-scroll",{class:"relative "+(this.cssClass||"")},o("slot",null)))),this.hasFooter?o("div",{class:"modal-footer"},this.footerText?o("div",{class:"footer-text"},o("span",null,this.footerText)):null,o("div",{class:"footer-buttons"},this.secondaryButtonText?o("div",{class:"secondary-button squared"},o("yoo-button",{color:"dark",onClick:()=>this.close()},this.secondaryButtonText)):null,this.primaryButtonText?o("div",{class:"primary-button squared"},o("yoo-button",{color:"accent",onClick:t=>this.onPrimaryButtonClick(t)},this.primaryButtonText)):null,o("slot",{name:"footer-slot"}))):null))}get host(){return r(this)}};l.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host.padding .outer-container .modal-body{padding:1rem}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.3125rem}:host .outer-container .modal-header{background-clip:padding-box;-webkit-border-top-left-radius:0.3125rem;border-top-left-radius:0.3125rem;-webkit-border-top-right-radius:0.3125rem;border-top-right-radius:0.3125rem;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.75rem;color:var(--dark-to-light, #000000);border-bottom:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .modal-header .inner-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:0 1rem;text-align:center}:host .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .modal-header .icon{padding:0.5rem;cursor:pointer}:host .outer-container .modal-header .close-icon{padding-right:0.5rem;cursor:pointer}:host .outer-container .modal-header .hide-icon{color:transparent}:host .outer-container .modal-body{position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:10.9375rem}:host .outer-container .modal-body .modal-scroll-container{width:100%;height:100%}:host .outer-container .modal-body .modal-scroll-container .bg-stable-ultralight-to-dark{background:var(--stable-ultralight-to-light-10, #fafafa)}:host .outer-container .modal-body .modal-content{width:100%}:host .outer-container .modal-footer{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:1rem;-webkit-box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15))}:host .outer-container .modal-footer .footer-buttons{display:-ms-flexbox;display:flex;-ms-flex:1 1 33%;flex:1 1 33%;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .modal-footer .footer-buttons .primary-button,:host .outer-container .modal-footer .footer-buttons .secondary-button{padding-top:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}:host(.custom-controller){position:relative;z-index:2000}:host(.custom-controller) .outer-container{height:auto}:host(.fullscreen){position:absolute;top:0;right:0;bottom:0;left:0;margin-top:0;margin-left:0}:host(.fullscreen) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-body{padding-top:5.0625rem}:host(.fullscreen) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer){position:absolute;top:0;right:0;bottom:0;left:66.66%;margin-top:0;margin-left:0}:host(.drawer) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-body{padding-top:5.0625rem}:host(.drawer) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer) .outer-container .modal-header{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.menu){position:relative;top:0rem;left:0rem;width:100%;height:100%;margin-top:0;margin-left:0}:host(.menu) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.menu) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.menu) .outer-container .modal-body{padding-top:5.0625rem}:host(.menu) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.menu) .outer-container .modal-header{position:relative;-ms-flex-direction:row;flex-direction:row}:host(.menu) .outer-container .modal-body{padding-top:0 !important}:host(.action-sheet){position:absolute;top:auto;bottom:0rem;left:0rem;width:100%;margin-top:0;margin-left:0}:host(.action-sheet) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-body{padding-top:5.0625rem}:host(.action-sheet) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.action-sheet) .outer-container{background-color:transparent;border:none}:host(.action-sheet) .outer-container .modal-body{-ms-flex-pack:center;justify-content:center;width:100%}:host(.action-sheet) .outer-container .modal-body>div{width:100%}:host(.action-sheet) .outer-container .modal-body>div div[slot="[modal-content"]{width:100%}:host(.language-selector) .outer-container{width:250px;min-height:475px;color:var(--text-color-to-light-60, #807f83);border:0 solid;border-radius:0.78125rem;-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.language-selector) .outer-container .modal-body{height:100%;background-color:var(--light-to-dark, #ffffff);border-radius:0.78125rem}:host(.simple) .outer-container .modal-header{background-color:var(--light-to-dark, #ffffff) !important;border:none}:host(.simple) .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400)}:host(.vertical-menu) .outer-container{background:var(--dark-to-light, #000000) !important;border:none !important}:host(.vertical-menu) .outer-container .modal-body{width:100%;color:var(--light-to-dark, #ffffff);background-color:var(--dark-to-light, #000000);padding:0 !important;padding-top:5.0625rem !important}:host(.vertical-menu) .outer-container .modal-body .row{-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row a{-ms-flex-positive:1;flex-grow:1;color:var(--light-to-dark, #ffffff);text-decoration:none}:host(.vertical-menu) .outer-container .modal-body .row a.active{padding-left:0.75rem;border-left:0.25rem solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row a:hover{text-decoration:none;background-color:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .row a .item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:0.4rem;padding-bottom:0.4rem;padding-left:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item img{max-width:1.5rem;max-height:1.5rem;margin-right:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon{margin-right:1rem;margin-left:auto;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon.chevron-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.vertical-menu) .outer-container .modal-body .row a .item.active{padding-left:0.75rem;background-color:var(--anthracite, #1a1a1a);border-left:0.25rem solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container{width:100%;overflow:hidden;background:var(--dark-to-light, #000000)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems{overflow:hidden;-webkit-animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item{padding-left:2rem}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item.active{padding-left:1.75rem;background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item:hover{background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row.hidden .row-subitems{display:none}:host(.vertical-menu) .outer-container .modal-body .row.sub-display{background:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.modal-input) yoo-input-bar{--padding-input-container:0;width:100%}:host(.modal-input) .outer-container .modal-footer{height:unset !important;padding:0.5rem 1rem}:host(.web) .outer-container .modal-footer{padding:0;border-top:0.0625rem solid var(--stable-light-to-light-20, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.app-color) .outer-container{color:#807f83}:host(.app-color) .outer-container .modal-header{color:var(--app-color);background-color:var(--app-color-20);border-bottom-color:var(--app-color)}:host(.app-color):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--app-color)}:host(.accent) .outer-container{color:#807f83}:host(.accent) .outer-container .modal-header{color:var(--accent, #276ef1);background-color:var(--accent-20, rgba(39, 110, 241, 0.2));border-bottom-color:var(--accent, #276ef1)}:host(.accent):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--accent, #276ef1)}:host(.success) .outer-container{color:#807f83}:host(.success) .outer-container .modal-header{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-bottom-color:var(--success, #3aa76d)}:host(.success):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--success, #3aa76d)}:host(.danger) .outer-container{color:#807f83}:host(.danger) .outer-container .modal-header{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2));border-bottom-color:var(--danger, #d44333)}:host(.danger):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--danger, #d44333)}:host(.info) .outer-container{color:#807f83}:host(.info) .outer-container .modal-header{color:var(--info, #fc459e);background-color:var(--info-20, rgba(252, 69, 158, 0.2));border-bottom-color:var(--info, #fc459e)}:host(.info):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--info, #fc459e)}:host(.warning) .outer-container{color:#807f83}:host(.warning) .outer-container .modal-header{color:var(--warning, #ff6402);background-color:var(--warning-20, rgba(255, 100, 2, 0.2));border-bottom-color:var(--warning, #ff6402)}:host(.warning):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--warning, #ff6402)}:host(.dark) .outer-container{color:#807f83}:host(.dark) .outer-container .modal-header{color:var(--dark-to-light, #000000);background-color:var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom-color:var(--dark-to-light, #000000)}:host(.dark):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--dark-to-light, #000000)}';export{l as yoo_modal}
+import{r as t,c as e,h as o,H as a,g as r}from"./p-c26cc6ff.js";import{z as i,B as n,f as p}from"./p-5795afcd.js";import{w as d}from"./p-a966475f.js";import"./p-4d956bd4.js";import"./p-ae3b4d28.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";const l=class{constructor(o){t(this,o),this.primaryButtonClicked=e(this,"primaryButtonClicked",7),this.closed=e(this,"closed",7),this.hasHeader=!0,this.closeIcon=!0}onInputBarRawChange(){setTimeout((()=>this.resize()),100)}async close(){this.animationProp&&(this.animationProp.open=!1),this.closed.emit(!0),this.animation(!1)}async resize(){const t=i(this.host,"yoo-ion-scroll");t&&(t.height===this.getSizeContainer().height?t.refresh():t.height=this.getSizeContainer().height)}componentDidLoad(){this.setContentInModal(),this.animation(!0),this.resizeListener=d(this.resize,500).bind(this),window.addEventListener("resize",this.resizeListener)}componentDidUpdate(){this.setContentInModal()}disconnectedCallback(){window.removeEventListener("resize",this.resizeListener),this.resizeListener=void 0}onPrimaryButtonClick(t){t&&(this.primaryButtonClicked.emit(!0),this.primaryFn())}animation(t,e){if(this.animationName)if("sticky_up"===this.animationName){const e=16,o=i(this.host,"div.outer-container").clientHeight;n(this.animationName,this.host,{open:t,distance:window.innerHeight/2+e-o/2,modalHeight:o})}else n(this.animationName,i(this.host,".outer-container"),e?{open:t,up:!0}:this.animationProp?this.animationProp:{open:t})}setContentInModal(){if(this.scrollEnabled){if(this.content){const t=document.createElement("yoo-ion-scroll");i(this.host,"div.modal-scroll-container").appendChild(t),t.appendChild(this.content)}this.resize()}else this.content&&i(this.host,"div.modal-body").appendChild(this.content)}getSizeContainer(){const t=i(this.host,".modal-scroll-container");let e=window.innerHeight;if(t){const o=i(this.host,".modal-header");o&&(e-=o.clientHeight);const a=i(this.host,".modal-footer");return a&&(e-=a.clientHeight),{height:Math.min(t.clientHeight,e)+"px",width:t.clientWidth+"px"}}return{height:"",width:""}}renderHeadingIcons(t){return t.filter((t=>!t.isVisible||t.isVisible())).map((t=>o("yoo-icon",{name:t.icon,class:"icon",onClick:()=>t.handler?t.handler():null})))}render(){return o(a,{class:Object.assign({"custom-controller":this.withYooCtrl},p(this.host))},o("div",{class:"outer-container"},this.hasHeader?o("div",{class:"modal-header"},o("span",{class:"icons "+(this.closeIcon?"":"hide-icon")},this.closeIcon?o("yoo-icon",{name:"close",onClick:()=>this.close()}):o("span",null)),o("div",{class:"inner-header"},o("span",{class:"modal-heading"},this.heading)),o("span",{class:"icons "+(this.headingIcons?"":"hide-icon")},this.headingIcons?this.renderHeadingIcons(this.headingIcons):null)):null,o("div",{class:"modal-body"},o("div",{class:"modal-scroll-container"},o("yoo-ion-scroll",{class:"relative "+(this.cssClass||"")},o("slot",null)))),this.hasFooter?o("div",{class:"modal-footer"},this.footerText?o("div",{class:"footer-text"},o("span",null,this.footerText)):null,o("div",{class:"footer-buttons"},this.secondaryButtonText?o("div",{class:"secondary-button squared"},o("yoo-button",{color:"dark",onClick:()=>this.close()},this.secondaryButtonText)):null,this.primaryButtonText?o("div",{class:"primary-button squared"},o("yoo-button",{color:"accent",onClick:t=>this.onPrimaryButtonClick(t)},this.primaryButtonText)):null,o("slot",{name:"footer-slot"}))):null))}get host(){return r(this)}};l.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host.padding .outer-container .modal-body{padding:1rem}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.3125rem}:host .outer-container .modal-header{background-clip:padding-box;-webkit-border-top-left-radius:0.3125rem;border-top-left-radius:0.3125rem;-webkit-border-top-right-radius:0.3125rem;border-top-right-radius:0.3125rem;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.75rem;color:var(--dark-to-light, #000000);border-bottom:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .modal-header .inner-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:0 1rem;text-align:center}:host .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .modal-header .icon{padding:0.5rem;cursor:pointer}:host .outer-container .modal-header .close-icon{padding-right:0.5rem;cursor:pointer}:host .outer-container .modal-header .hide-icon{color:transparent}:host .outer-container .modal-body{position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:10.9375rem}:host .outer-container .modal-body .modal-scroll-container{width:100%;height:100%}:host .outer-container .modal-body .modal-scroll-container .bg-stable-ultralight-to-dark{background:var(--stable-ultralight-to-light-10, #fafafa)}:host .outer-container .modal-body .modal-content{width:100%}:host .outer-container .modal-footer{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:1rem;-webkit-box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15))}:host .outer-container .modal-footer .footer-buttons{display:-ms-flexbox;display:flex;-ms-flex:1 1 33%;flex:1 1 33%;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .modal-footer .footer-buttons .primary-button,:host .outer-container .modal-footer .footer-buttons .secondary-button{padding-top:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}:host(.custom-controller){position:relative;z-index:2000}:host(.custom-controller) .outer-container{height:auto}:host(.fullscreen){position:absolute;top:0;right:0;bottom:0;left:0;margin-top:0;margin-left:0}:host(.fullscreen) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-body{padding-top:5.0625rem}:host(.fullscreen) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer){position:absolute;top:0;right:0;bottom:0;left:66.66%;margin-top:0;margin-left:0}:host(.drawer) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-body{padding-top:5.0625rem}:host(.drawer) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer) .outer-container .modal-header{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.menu){position:relative;top:0rem;left:0rem;width:100%;height:100%;margin-top:0;margin-left:0}:host(.menu) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.menu) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.menu) .outer-container .modal-body{padding-top:5.0625rem}:host(.menu) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.menu) .outer-container .modal-header{position:relative;-ms-flex-direction:row;flex-direction:row}:host(.menu) .outer-container .modal-body{padding-top:0 !important}:host(.action-sheet){position:absolute;top:auto;bottom:0rem;left:0rem;width:100%;margin-top:0;margin-left:0}:host(.action-sheet) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-body{padding-top:5.0625rem}:host(.action-sheet) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.action-sheet) .outer-container{background-color:transparent;border:none}:host(.action-sheet) .outer-container .modal-body{-ms-flex-pack:center;justify-content:center;width:100%}:host(.action-sheet) .outer-container .modal-body>div{width:100%}:host(.action-sheet) .outer-container .modal-body>div div[slot="[modal-content"]{width:100%}:host(.language-selector) .outer-container{width:250px;min-height:475px;color:var(--text-color-to-light-60, #807f83);border:0 solid;border-radius:0.78125rem;-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.language-selector) .outer-container .modal-body{height:100%;background-color:var(--light-to-dark, #ffffff);border-radius:0.78125rem}:host(.simple) .outer-container .modal-header{background-color:var(--light-to-dark, #ffffff) !important;border:none}:host(.simple) .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400)}:host(.vertical-menu) .outer-container{background:var(--dark-to-light, #000000) !important;border:none !important}:host(.vertical-menu) .outer-container .modal-body{width:100%;color:var(--light-to-dark, #ffffff);background-color:var(--dark-to-light, #000000);padding:0 !important;padding-top:5.0625rem !important}:host(.vertical-menu) .outer-container .modal-body .row{-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row a{-ms-flex-positive:1;flex-grow:1;color:var(--light-to-dark, #ffffff);text-decoration:none}:host(.vertical-menu) .outer-container .modal-body .row a.active{padding-left:0.75rem;border-left:0.25rem solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row a:hover{text-decoration:none;background-color:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .row a .item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:0.4rem;padding-bottom:0.4rem;padding-left:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item img{max-width:1.5rem;max-height:1.5rem;margin-right:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon{margin-right:1rem;margin-left:auto;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon.chevron-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.vertical-menu) .outer-container .modal-body .row a .item.active{padding-left:0.75rem;background-color:var(--anthracite, #1a1a1a);border-left:0.25rem solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container{width:100%;overflow:hidden;background:var(--dark-to-light, #000000)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems{overflow:hidden;-webkit-animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item{padding-left:2rem}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item.active{padding-left:1.75rem;background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item:hover{background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row.hidden .row-subitems{display:none}:host(.vertical-menu) .outer-container .modal-body .row.sub-display{background:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.modal-input) yoo-input-bar{--padding-input-container:0;width:100%}:host(.modal-input) .outer-container .modal-footer{height:unset !important;padding:0.5rem 1rem}:host(.web) .outer-container .modal-footer{padding:0;border-top:0.0625rem solid var(--stable-light-to-light-20, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.app-color) .outer-container{color:#807f83}:host(.app-color) .outer-container .modal-header{color:var(--app-color);background-color:var(--app-color-20);border-bottom-color:var(--app-color)}:host(.app-color):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--app-color)}:host(.accent) .outer-container{color:#807f83}:host(.accent) .outer-container .modal-header{color:var(--accent, #276ef1);background-color:var(--accent-20, rgba(39, 110, 241, 0.2));border-bottom-color:var(--accent, #276ef1)}:host(.accent):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--accent, #276ef1)}:host(.success) .outer-container{color:#807f83}:host(.success) .outer-container .modal-header{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-bottom-color:var(--success, #3aa76d)}:host(.success):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--success, #3aa76d)}:host(.danger) .outer-container{color:#807f83}:host(.danger) .outer-container .modal-header{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2));border-bottom-color:var(--danger, #d44333)}:host(.danger):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--danger, #d44333)}:host(.info) .outer-container{color:#807f83}:host(.info) .outer-container .modal-header{color:var(--info, #fc459e);background-color:var(--info-20, rgba(252, 69, 158, 0.2));border-bottom-color:var(--info, #fc459e)}:host(.info):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--info, #fc459e)}:host(.warning) .outer-container{color:#807f83}:host(.warning) .outer-container .modal-header{color:var(--warning, #ff6402);background-color:var(--warning-20, rgba(255, 100, 2, 0.2));border-bottom-color:var(--warning, #ff6402)}:host(.warning):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--warning, #ff6402)}:host(.dark) .outer-container{color:#807f83}:host(.dark) .outer-container .modal-header{color:var(--dark-to-light, #000000);background-color:var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom-color:var(--dark-to-light, #000000)}:host(.dark):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:0.0625rem solid var(--dark-to-light, #000000)}';export{l as yoo_modal}

package/dist/design-system/{p-a52adcd7.entry.js → p-afe140b6.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as a,g as o,f as r}from"./p-c26cc6ff.js";import{e as i}from"./p-4d956bd4.js";import{j as n,b as p,t as l,T as s}from"./p-a966475f.js";import{c,a as d,d as b,e as h,f as m}from"./p-939f9ce8.js";import"./p-b5241164.js";import{t as f,f as g}from"./p-33b2d3a2.js";import{c as y,d as v,b as x,e as u,g as w,a as z}from"./p-d0f81cd5.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const k=class{constructor(e){t(this,e),this.groups=[],this.targets=[]}onIncentiveChanged(){this.init()}componentWillLoad(){const t=n();this.groups=t.groups,this.userId=t.userId,this.init()}init(){var t,e,a;if(this.incentive)if(this.participant=y(this.incentive,this.userId,this.groups),p(this.host)){const a=null===(t=this.incentive.targets)||void 0===t?void 0:t.length;this.targets=(null===(e=this.incentive.targets)||void 0===e?void 0:e.map((t=>{var e;return{target:t,milestone:c(t),isOpened:1===a||t.id===(null===(e=this.participant)||void 0===e?void 0:e.target)}})).sort(((t,e)=>e.milestone-t.milestone)))||[]}else if(this.participant){const t=null===(a=this.incentive.targets)||void 0===a?void 0:a.find((t=>t.id===this.participant.target));this.targets=t?[{target:t,milestone:c(t),isOpened:!0}]:[],this.score=v(this.incentive,this.userId,this.groups)}}getDate(){var t;return(null===(t=f({startDate:this.incentive.startDate,endDate:this.incentive.endDate}))||void 0===t?void 0:t.text)||""}renderTargetMilestone(t,a){var o,r;const i=(null===(o=this.score)||void 0===o?void 0:o.progress)>=a.value,n=!p(this.host)&&(null===(r=this.participant)||void 0===r?void 0:r.target)===t&&i;return e("tr",{class:{reached:n}},e("th",null,a.reward),e("td",null,!p(this.host)&&e("yoo-icon",{name:"check",color:"app-color",class:{unvisible:!i},size:"small"}),d(a.value,this.incentive.unit,this.incentive.isUnitCurrency,!1)))}renderTargets(){return e("div",{class:"box-content targets"},this.targets.map((t=>this.renderTarget(t))))}renderTarget(t){var a;let o,i;(null===(a=t.target.milestones)||void 0===a?void 0:a.length)&&(o=t.target.milestones.sort(((t,e)=>e.value-t.value)));const n=d(t.milestone,this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"target"},e("div",{class:"target-title",onClick:()=>{s(i,.2,{height:t.isOpened?0:"auto"}),t.isOpened=!t.isOpened,r(this)}},e("div",{class:"name"},t.target.title),e("div",{class:"reach"},p(this.host)?n:l("REACHTARGET",{n}),e("yoo-icon",{name:t.isOpened?"arrow-up":"arrow-down",color:"stable"}))),e("div",{class:"target-data",ref:t=>i=t},e("table",null,null==o?void 0:o.sort(((t,e)=>e.value-t.value)).map((e=>this.renderTargetMilestone(t.target.id,e))))))}renderMobileMilestones(){var t,a;if(!this.score)return;const o=x(this.score),r=this.score.milestone-this.score.progress,i=d(r>0?r:0,this.incentive.unit,this.incentive.isUnitCurrency);return e("div",{class:"milestones"},e("div",{class:"summary"},e("div",{class:"progress"},o),e("div",{class:"leftover"},i+" "+l("INCENTIVELEFT"))),e("yoo-progress-bar",{class:"progress-bar",progressValueFontSize:"font-size-14",progressValue:100*(this.score.result||0),percentProgressColorScheme:!1}),!!(null===(t=this.targets)||void 0===t?void 0:t.length)&&e("div",{class:"subtitle"},l("MILESTONES")),!!(null===(a=this.targets)||void 0===a?void 0:a.length)&&this.renderTargets())}renderTypes(){var t,a,o,r,n;const s=p(this.host)?"medium":"small";let c="";return(null===(t=this.incentive)||void 0===t?void 0:t.type)===i.competition&&(c=" "+l("INCENTIVESTOPWINNERS",{n:this.incentive.winners})),[e("div",null,e("yoo-icon",{name:"group",color:"app-color",size:s}),l(null===(o=null===(a=this.incentive)||void 0===a?void 0:a.partType)||void 0===o?void 0:o.toUpperCase())),e("div",null,e("yoo-icon",{name:"instant-play",color:"app-color",size:s}),l(null===(n=null===(r=this.incentive)||void 0===r?void 0:r.type)||void 0===n?void 0:n.toUpperCase())+c)]}renderDate(){return e("div",{class:"date"},e("yoo-icon",{name:"recent",color:"app-color",size:"small"}),this.getDate())}renderSaleBreakdown(t){var a,o,r;const i=d(t.amount,this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"item"},e("yoo-img",{src:null===(o=null===(a=t.product)||void 0===a?void 0:a.image)||void 0===o?void 0:o._downloadURL}),e("div",{class:"product"},null===(r=t.product)||void 0===r?void 0:r.title),e("div",{class:"values"},e("span",null,i),e("span",null,"x",t.weight)))}renderSalesBreakdown(){var t;if(!(null===(t=this.salesBreakdown)||void 0===t?void 0:t.length))return;const a=d(u(this.salesBreakdown),this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"box-content sale-breakdowns"},this.salesBreakdown.map((t=>this.renderSaleBreakdown(t))),e("div",{class:"total"},e("div",null,l("TOTAL"),":"),e("div",{class:"value"},a)))}renderChart(){return e("yoo-chart",{class:"kpichart",config:this.kpiChartConfig})}renderDateRange(){return e("div",{class:"date-range"},this.incentive.startDate&&new Date(this.incentive.startDate).toLocaleDateString(),"  -  ",this.incentive.endDate&&new Date(this.incentive.endDate).toLocaleDateString())}renderTags(){var t;const a=w(this.incentive);return[e("yoo-tag",{color:a.color},l(a.text)),null===(t=this.incentive.tags)||void 0===t?void 0:t.map((t=>e("yoo-tag",{class:"app-color"},t)))]}renderMobile(){const t=z(this.score);return e("div",{class:"outer-container mobile"},e("div",{class:"title"},this.incentive.title),e("div",{class:"types"},this.renderTypes()),this.incentive.description&&e("div",{class:"description"},this.incentive.description),e("div",{class:"dates"},this.renderDate(),this.renderDateRange()),t&&e("div",{class:"position"},e("yoo-tag",{color:"energized-to-energized-20",icon:"award-trophy-star",size:"medium"}),t),this.incentive.type===i.milestones&&this.renderMobileMilestones(),e("div",{class:"subtitle"},l("PERFORMANCEEVOLUTIONINCENTIVES")),this.renderChart(),e("div",{class:"subtitle"},l("INCENTIVELEADERBOARD")),e("slot",null))}renderWeb(){var t,a,o,r;const n=this.incentive.type===i.milestones,p=this.incentive.isUnitCurrency?this.incentive.unit:n?null:this.incentive.unit,s=d(b(this.incentive),p,this.incentive.isUnitCurrency,!1);let c=null,f=null;return n&&(c=d(h(this.incentive),this.incentive.unit,this.incentive.isUnitCurrency,!1),f=m(this.incentive)),e("div",{class:"outer-container web"},e("div",{class:"top-container"},e("div",{class:"image-container"},e("yoo-img",{type:"background",src:null===(a=null===(t=this.incentive)||void 0===t?void 0:t.background)||void 0===a?void 0:a._downloadURL.toString()})),e("div",{class:"description-container"},e("div",{class:"heading-container"},e("span",{class:"title"},this.incentive.title)),e("div",{class:"info-container"},this.renderTypes(),this.renderDateRange(),this.renderDate()),this.incentive.description&&e("div",{class:"description"},this.incentive.description),e("div",{class:"tags-container"},this.renderTags()))),e("div",{class:"middle-container"},e("div",{class:"left-container"},e("span",{class:"title-category"},l("TOTALSALES")),e("div",null,e("span",{class:"total-number"},s),c&&e("span",{class:"total-description"},l("INCENTIVESOF")," ",c)),this.incentive.type===i.milestones&&e("div",{class:"progress-container"},e("yoo-progress-bar",{progressValue:100*(f||0),progressValueFontSize:"font-size-20",shape:"circle",percentValueColorScheme:!0}),e("span",{class:"progress-bar-description"},l("INCENTIVEGENERALTARGET")))),e("div",{class:"right-container"},e("span",{class:"title-category"},l("PERFORMANCEEVOLUTIONINCENTIVES")),this.renderChart())),e("div",{class:"bottom-container"},!!(null===(o=this.salesBreakdown)||void 0===o?void 0:o.length)&&e("div",{class:"box"},e("div",{class:"subtitle"},l("SALESBREAKDOWN")),this.renderSalesBreakdown()),!!this.targets.length&&e("div",{class:"box milestones"},e("div",{class:"subtitle"},l("INCENTIVETARGETS")),this.renderTargets()),e("div",{class:"box"},e("div",{class:"subtitle"},l("INCENTIVELEADERBOARD")),e("div",{class:"box-content leaderboard"},e("slot",null))),!(null===(r=this.salesBreakdown)||void 0===r?void 0:r.length)&&e("div",{class:"box"})))}render(){if(this.incentive)return e(a,{class:g(this.host)},p(this.host)?this.renderWeb():this.renderMobile())}get host(){return o(this)}static get watchers(){return{incentive:["onIncentiveChanged"]}}};k.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 .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable-to-light, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .kpichart{height:200px}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark-to-light, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:1px solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable-to-light, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:1px solid var(--stable-light-to-dark, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light-to-dark, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range{color:var(--stable-to-light, #adadad)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable-to-light, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:14rem}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--spacing-16, 1rem);color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.5;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable-to-light, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{width:4.125rem;margin-top:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:380px;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:1px solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem)}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";export{k as yoo_incentive_detail}
+import{r as t,h as e,H as a,g as o,f as r}from"./p-c26cc6ff.js";import{e as i}from"./p-4d956bd4.js";import{j as n,b as p,t as l,T as s}from"./p-a966475f.js";import{c,a as d,d as b,e as h,f as m}from"./p-939f9ce8.js";import"./p-ae3b4d28.js";import{t as f,f as g}from"./p-5795afcd.js";import{c as y,d as v,b as x,e as u,g as w,a as z}from"./p-d0f81cd5.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const k=class{constructor(e){t(this,e),this.groups=[],this.targets=[]}onIncentiveChanged(){this.init()}componentWillLoad(){const t=n();this.groups=t.groups,this.userId=t.userId,this.init()}init(){var t,e,a;if(this.incentive)if(this.participant=y(this.incentive,this.userId,this.groups),p(this.host)){const a=null===(t=this.incentive.targets)||void 0===t?void 0:t.length;this.targets=(null===(e=this.incentive.targets)||void 0===e?void 0:e.map((t=>{var e;return{target:t,milestone:c(t),isOpened:1===a||t.id===(null===(e=this.participant)||void 0===e?void 0:e.target)}})).sort(((t,e)=>e.milestone-t.milestone)))||[]}else if(this.participant){const t=null===(a=this.incentive.targets)||void 0===a?void 0:a.find((t=>t.id===this.participant.target));this.targets=t?[{target:t,milestone:c(t),isOpened:!0}]:[],this.score=v(this.incentive,this.userId,this.groups)}}getDate(){var t;return(null===(t=f({startDate:this.incentive.startDate,endDate:this.incentive.endDate}))||void 0===t?void 0:t.text)||""}renderTargetMilestone(t,a){var o,r;const i=(null===(o=this.score)||void 0===o?void 0:o.progress)>=a.value,n=!p(this.host)&&(null===(r=this.participant)||void 0===r?void 0:r.target)===t&&i;return e("tr",{class:{reached:n}},e("th",null,a.reward),e("td",null,!p(this.host)&&e("yoo-icon",{name:"check",color:"app-color",class:{unvisible:!i},size:"small"}),d(a.value,this.incentive.unit,this.incentive.isUnitCurrency,!1)))}renderTargets(){return e("div",{class:"box-content targets"},this.targets.map((t=>this.renderTarget(t))))}renderTarget(t){var a;let o,i;(null===(a=t.target.milestones)||void 0===a?void 0:a.length)&&(o=t.target.milestones.sort(((t,e)=>e.value-t.value)));const n=d(t.milestone,this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"target"},e("div",{class:"target-title",onClick:()=>{s(i,.2,{height:t.isOpened?0:"auto"}),t.isOpened=!t.isOpened,r(this)}},e("div",{class:"name"},t.target.title),e("div",{class:"reach"},p(this.host)?n:l("REACHTARGET",{n}),e("yoo-icon",{name:t.isOpened?"arrow-up":"arrow-down",color:"stable"}))),e("div",{class:"target-data",ref:t=>i=t},e("table",null,null==o?void 0:o.sort(((t,e)=>e.value-t.value)).map((e=>this.renderTargetMilestone(t.target.id,e))))))}renderMobileMilestones(){var t,a;if(!this.score)return;const o=x(this.score),r=this.score.milestone-this.score.progress,i=d(r>0?r:0,this.incentive.unit,this.incentive.isUnitCurrency);return e("div",{class:"milestones"},e("div",{class:"summary"},e("div",{class:"progress"},o),e("div",{class:"leftover"},i+" "+l("INCENTIVELEFT"))),e("yoo-progress-bar",{class:"progress-bar",progressValueFontSize:"font-size-14",progressValue:100*(this.score.result||0),percentProgressColorScheme:!1}),!!(null===(t=this.targets)||void 0===t?void 0:t.length)&&e("div",{class:"subtitle"},l("MILESTONES")),!!(null===(a=this.targets)||void 0===a?void 0:a.length)&&this.renderTargets())}renderTypes(){var t,a,o,r,n;const s=p(this.host)?"medium":"small";let c="";return(null===(t=this.incentive)||void 0===t?void 0:t.type)===i.competition&&(c=" "+l("INCENTIVESTOPWINNERS",{n:this.incentive.winners})),[e("div",null,e("yoo-icon",{name:"group",color:"app-color",size:s}),l(null===(o=null===(a=this.incentive)||void 0===a?void 0:a.partType)||void 0===o?void 0:o.toUpperCase())),e("div",null,e("yoo-icon",{name:"instant-play",color:"app-color",size:s}),l(null===(n=null===(r=this.incentive)||void 0===r?void 0:r.type)||void 0===n?void 0:n.toUpperCase())+c)]}renderDate(){return e("div",{class:"date"},e("yoo-icon",{name:"recent",color:"app-color",size:"small"}),this.getDate())}renderSaleBreakdown(t){var a,o,r;const i=d(t.amount,this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"item"},e("yoo-img",{src:null===(o=null===(a=t.product)||void 0===a?void 0:a.image)||void 0===o?void 0:o._downloadURL}),e("div",{class:"product"},null===(r=t.product)||void 0===r?void 0:r.title),e("div",{class:"values"},e("span",null,i),e("span",null,"x",t.weight)))}renderSalesBreakdown(){var t;if(!(null===(t=this.salesBreakdown)||void 0===t?void 0:t.length))return;const a=d(u(this.salesBreakdown),this.incentive.unit,this.incentive.isUnitCurrency,!1);return e("div",{class:"box-content sale-breakdowns"},this.salesBreakdown.map((t=>this.renderSaleBreakdown(t))),e("div",{class:"total"},e("div",null,l("TOTAL"),":"),e("div",{class:"value"},a)))}renderChart(){return e("yoo-chart",{class:"kpichart",config:this.kpiChartConfig})}renderDateRange(){return e("div",{class:"date-range"},this.incentive.startDate&&new Date(this.incentive.startDate).toLocaleDateString(),"  -  ",this.incentive.endDate&&new Date(this.incentive.endDate).toLocaleDateString())}renderTags(){var t;const a=w(this.incentive);return[e("yoo-tag",{color:a.color},l(a.text)),null===(t=this.incentive.tags)||void 0===t?void 0:t.map((t=>e("yoo-tag",{class:"app-color"},t)))]}renderMobile(){const t=z(this.score);return e("div",{class:"outer-container mobile"},e("div",{class:"title"},this.incentive.title),e("div",{class:"types"},this.renderTypes()),this.incentive.description&&e("div",{class:"description"},this.incentive.description),e("div",{class:"dates"},this.renderDate(),this.renderDateRange()),t&&e("div",{class:"position"},e("yoo-tag",{color:"energized-to-energized-20",icon:"award-trophy-star",size:"medium"}),t),this.incentive.type===i.milestones&&this.renderMobileMilestones(),e("div",{class:"subtitle"},l("PERFORMANCEEVOLUTIONINCENTIVES")),this.renderChart(),e("div",{class:"subtitle"},l("INCENTIVELEADERBOARD")),e("slot",null))}renderWeb(){var t,a,o,r;const n=this.incentive.type===i.milestones,p=this.incentive.isUnitCurrency?this.incentive.unit:n?null:this.incentive.unit,s=d(b(this.incentive),p,this.incentive.isUnitCurrency,!1);let c=null,f=null;return n&&(c=d(h(this.incentive),this.incentive.unit,this.incentive.isUnitCurrency,!1),f=m(this.incentive)),e("div",{class:"outer-container web"},e("div",{class:"top-container"},e("div",{class:"image-container"},e("yoo-img",{type:"background",src:null===(a=null===(t=this.incentive)||void 0===t?void 0:t.background)||void 0===a?void 0:a._downloadURL.toString()})),e("div",{class:"description-container"},e("div",{class:"heading-container"},e("span",{class:"title"},this.incentive.title)),e("div",{class:"info-container"},this.renderTypes(),this.renderDateRange(),this.renderDate()),this.incentive.description&&e("div",{class:"description"},this.incentive.description),e("div",{class:"tags-container"},this.renderTags()))),e("div",{class:"middle-container"},e("div",{class:"left-container"},e("span",{class:"title-category"},l("TOTALSALES")),e("div",null,e("span",{class:"total-number"},s),c&&e("span",{class:"total-description"},l("INCENTIVESOF")," ",c)),this.incentive.type===i.milestones&&e("div",{class:"progress-container"},e("yoo-progress-bar",{progressValue:100*(f||0),progressValueFontSize:"font-size-20",shape:"circle",percentValueColorScheme:!0}),e("span",{class:"progress-bar-description"},l("INCENTIVEGENERALTARGET")))),e("div",{class:"right-container"},e("span",{class:"title-category"},l("PERFORMANCEEVOLUTIONINCENTIVES")),this.renderChart())),e("div",{class:"bottom-container"},!!(null===(o=this.salesBreakdown)||void 0===o?void 0:o.length)&&e("div",{class:"box"},e("div",{class:"subtitle"},l("SALESBREAKDOWN")),this.renderSalesBreakdown()),!!this.targets.length&&e("div",{class:"box milestones"},e("div",{class:"subtitle"},l("INCENTIVETARGETS")),this.renderTargets()),e("div",{class:"box"},e("div",{class:"subtitle"},l("INCENTIVELEADERBOARD")),e("div",{class:"box-content leaderboard"},e("slot",null))),!(null===(r=this.salesBreakdown)||void 0===r?void 0:r.length)&&e("div",{class:"box"})))}render(){if(this.incentive)return e(a,{class:g(this.host)},p(this.host)?this.renderWeb():this.renderMobile())}get host(){return o(this)}static get watchers(){return{incentive:["onIncentiveChanged"]}}};k.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 .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable-to-light, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .kpichart{height:200px}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark-to-light, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:1px solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable-to-light, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:1px solid var(--stable-light-to-dark, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light-to-dark, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range{color:var(--stable-to-light, #adadad)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable-to-light, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:14rem}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--spacing-16, 1rem);color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.5;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable-to-light, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{width:4.125rem;margin-top:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:380px;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:1px solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{color:var(--dark-to-light, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem)}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";export{k as yoo_incentive_detail}