npm - @yoobic/yobi - Versions diffs - 8.5.0-44 → 8.5.0-46 - Mend

@yoobic/yobi 8.5.0-44 → 8.5.0-46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1224) hide show

package/dist/design-system/yoo-layout-sections.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const layoutSectionsCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);padding:0;overflow-y:auto;}.content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.content app-grid{-ms-flex:initial;flex:initial;height:10rem}.content .container{-ms-flex:1;flex:1;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-top:0;background-color:var(--light, #ffffff)}.content .container.alternate{padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background-color:var(--stable-ultralight, #fafafa)}.content .container ::slotted(*){display:block;height:calc((100vh - 24rem) / 2)}.title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem)}.title .flex{-ms-flex:1;flex:1}.title .see-all{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);cursor:pointer}.title .see-all yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host(.bordered) .container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.small-font) .content .title{font-size:var(--font-size-14, 0.875rem)}:host(.two-rows) .content .container ::slotted(*){height:calc((100vh - 16rem) / 2)}:host(.single-row) .content .container ::slotted(*){height:calc(100vh - 20rem)}:host(.mobile) .content .container.alternate{-ms-flex:initial;flex:initial}:host(.mobile) .content .container ::slotted(*){height:inherit}";

package/dist/design-system/yoo-layout-tabs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const layoutTabsCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}";

package/dist/design-system/yoo-layout-two-columns.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const layoutTwoColumnsCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .body{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:0.0625rem;overflow:hidden}:host .body .left-part{display:-ms-flexbox;display:flex;width:25rem;min-width:25rem;overflow:hidden}:host .body .right-part{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host .body .right-part ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}";

package/dist/design-system/yoo-lesson-detail-card.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate, a2 as translateMulti, P as getCssColor } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate, a3 as translateMulti, Q as getCssColor } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const lessonDetailCardCss = "svg:not(:root){overflow:hidden}:host .card-container .top-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem)}:host .card-container .top-bar .header .heading{margin:0}:host .card-container .top-bar .header .subheader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable);font-size:var(--font-size-12)}:host .card-container .top-bar .header .subheader yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .card-container .top-bar .right-column{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .card-container .top-bar .right-column .header-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info p{font-size:var(--font-size-16)}:host .card-container .top-bar .right-column .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .toggle-icon:hover{cursor:pointer}:host .card-container .content-container{max-height:18.75rem;overflow:hidden;-webkit-transition:max-height 200ms;transition:max-height 200ms}:host .card-container .content-container yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));width:95%;margin:var(--spacing-08, 0.5rem) auto;padding:var(--spacing-08, 0.5rem)}:host .card-container .content-container yoo-banner p{color:var(--dark, #000000)}:host .card-container .content-container .text{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .card-container .content-container .footer yoo-button{min-width:6rem}:host .card-container .content-container .footer .time-indicator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host .card-container .content-container .footer .time-indicator yoo-progress-bar{--svg-width:1.8rem;--svg-height:1.8rem;--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:2;padding:0 var(--spacing-08, 0.5rem)}:host .card-container .content-container .footer .time-indicator .time-text{font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container.hidden{max-height:0}:host([expanded]) .card-container{padding:var(--spacing-08, 0.5rem) 0}";

package/dist/design-system/yoo-lesson-detail.entry.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { y as isEmpty, C as get } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { H as isWeb, t as translate, a2 as translateMulti, cE as minsToMinsAndSecs } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { H as isWeb, t as translate, a3 as translateMulti, cF as minsToMinsAndSecs } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
-const lessonDetailCss = "svg:not(:root){overflow:hidden}:host{display:block;height:100%}:host .lesson-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .lesson-detail .lesson-content hr{height:0.0625rem;margin-top:0;margin-bottom:0;background:var(--stable-alt, #d0d0d0);border:0}:host .lesson-detail .lesson-content yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));--close-icon-color:var(--light, #ffffff)}:host .lesson-detail .lesson-content yoo-banner p{margin-bottom:0;color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu{margin:0;padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);list-style:none}:host .lesson-detail .lesson-content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .lesson-detail .lesson-content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:4rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags yoo-tag{padding:var(--spacing-08, 0.5rem) 0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags .tag-title{text-align:center}:host .lesson-detail .lesson-content .menu .menu-item:last-child .menu-left .border{display:none}:host .lesson-detail .lesson-content .menu yoo-lesson-highscores:last-child{--display-border:none}:host .lesson-detail .heading-container .title{padding-top:var(--spacing-32, 2rem);padding-bottom:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem);background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .lesson-detail .heading-container yoo-form-dynamic{display:block}:host(.mobile) hr{margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host(.mobile) yoo-ion-content>div{padding-top:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container{margin:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content{display:block}:host(.mobile) .lesson-detail .lesson-content .warning-container .content p{font-size:var(--font-size-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content yoo-button{margin:0 0 0 -0.625rem}:host(.mobile) .menu,:host(.mobile) .title{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) hr{margin-right:var(--spacing-64, 4rem);margin-left:var(--spacing-64, 4rem)}:host(.web) .menu,:host(.web) .title{padding-right:var(--spacing-64, 4rem);padding-left:var(--spacing-64, 4rem)}:host(.web) .lesson-footer{-ms-flex-pack:start;justify-content:flex-start;padding-right:1.875rem;padding-left:1.875rem;border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.web) .lesson-footer yoo-button{margin-right:var(--spacing-08, 0.5rem)}";
+const lessonDetailCss = "svg:not(:root){overflow:hidden}:host{display:block;height:100%}:host .lesson-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .lesson-detail .lesson-content hr{height:0.0625rem;margin-top:0;margin-bottom:0;background:var(--stable-alt, #d0d0d0);border:0}:host .lesson-detail .lesson-content yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));--close-icon-color:var(--light, #ffffff)}:host .lesson-detail .lesson-content yoo-banner p{margin-bottom:0;color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu{margin:0;padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);list-style:none}:host .lesson-detail .lesson-content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .lesson-detail .lesson-content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:4rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags yoo-tag{padding:var(--spacing-08, 0.5rem) 0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags .tag-title{text-align:center}:host .lesson-detail .lesson-content .menu .menu-item:last-child .menu-left .border{display:none}:host .lesson-detail .lesson-content .menu yoo-lesson-highscores:last-child{--display-border:none}:host .lesson-detail .heading-container .title{padding-top:var(--spacing-32, 2rem);padding-bottom:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem);background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .lesson-detail .heading-container yoo-form-dynamic{display:block}:host(.mobile) hr{margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host(.mobile) yoo-ion-content>div{padding-top:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container{margin:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content{display:block}:host(.mobile) .lesson-detail .lesson-content .warning-container .content p{font-size:var(--font-size-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content yoo-button{margin:0 0 0 -0.625rem}:host(.mobile) .menu,:host(.mobile) .title{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) hr{margin-right:var(--spacing-64, 4rem);margin-left:var(--spacing-64, 4rem)}:host(.web) .menu,:host(.web) .title{padding-right:var(--spacing-64, 4rem);padding-left:var(--spacing-64, 4rem)}:host(.web) .lesson-footer{-ms-flex-pack:start;justify-content:flex-start;padding-right:1.875rem;padding-left:1.875rem;border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.web) .lesson-footer yoo-button{margin-right:var(--spacing-08, 0.5rem)}:host(.rtl) .lesson-detail .lesson-content .menu .menu-item .menu-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}";
 const YooLessonDetailComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-lesson-heading.entry.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { C as get } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { a6 as getPlanDueDate, t as translate, a2 as translateMulti } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { a7 as getPlanDueDate, t as translate, a3 as translateMulti } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
-const lessonHeadingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .heading-container{color:var(--dark, #000000)}:host .heading-container yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host .heading-container .lesson-order{color:var(--app-color, #5a30f4);font-size:var(--font-size-12, 0.75rem);line-height:normal;letter-spacing:0.0625rem;text-transform:uppercase}:host .heading-container .lesson-title{font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .heading-container .lesson-date{margin-top:0.3125rem;color:var(--app-color, #5a30f4)}:host .heading-container .lesson-date .date-label{margin-right:0.5rem;color:var(--dark, #000000)}:host(.mobile) .heading-container{padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host(.web){margin-top:var(--spacing-32, 2rem)}:host(.web) .heading-container{padding:0 var(--spacing-64, 4rem) var(--spacing-16, 1rem)}";
+const lessonHeadingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .heading-container{color:var(--dark, #000000)}:host .heading-container yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host .heading-container .lesson-order{color:var(--app-color, #5a30f4);font-size:var(--font-size-12, 0.75rem);line-height:normal;letter-spacing:0.0625rem;text-transform:uppercase}:host .heading-container .lesson-title{font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .heading-container .lesson-date{margin-top:0.3125rem;color:var(--app-color, #5a30f4)}:host .heading-container .lesson-date .date-label{margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.mobile) .heading-container{padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host(.web){margin-top:var(--spacing-32, 2rem)}:host(.web) .heading-container{padding:0 var(--spacing-64, 4rem) var(--spacing-16, 1rem)}:host(.rtl) .heading-container .lesson-date .date-label{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}";
 const YooLessonHeadingComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-lesson-highscores.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const lessonHighscoresCss = "svg:not(:root){overflow:hidden}:host{--display-border:inherit}:host .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .border{display:var(--display-border)}";

package/dist/design-system/yoo-lesson-question-result.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, k as getAssetPath, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { C as get, a as isNumber } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { cF as isContentOnly, cG as getConfidencePoints, cH as getConfidenceDescriptionKey, t as translate, cE as minsToMinsAndSecs, H as isWeb, cI as showRatingDialog, bq as isOffline, V as getAsyncExtraData, P as getCssColor, a2 as translateMulti, al as isImage, o as isNativeMobile, cJ as isPdf, cK as answerIsValid, cL as getCorrectAnswersCount, cM as updateSVGCustomColors, cN as isQuiz } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { cG as isContentOnly, cH as getConfidencePoints, cI as getConfidenceDescriptionKey, t as translate, cF as minsToMinsAndSecs, H as isWeb, cJ as showRatingDialog, br as isOffline, W as getAsyncExtraData, Q as getCssColor, a3 as translateMulti, am as isImage, o as isNativeMobile, cK as isPdf, cL as answerIsValid, cM as getCorrectAnswersCount, cN as updateSVGCustomColors, cO as isQuiz } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const lessonQuestionResultCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll yoo-points-recap,:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-tag[color=success-20],:host yoo-ion-scroll [class^=result]{margin:0 auto;text-align:center}:host yoo-ion-scroll yoo-points-recap{padding-top:var(--spacing-32, 2rem)}:host yoo-ion-scroll .result-title{color:var(--app-color, #5a30f4)}:host yoo-ion-scroll .result-text{color:var(--text-color, #807f83)}:host yoo-ion-scroll .result-document{margin-top:var(--spacing-08, 0.5rem)}:host yoo-ion-scroll .explanation-value{color:var(--text-color, #807f83)}:host yoo-ion-scroll .explanation-title{font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .document-title{font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;max-width:30rem}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block}:host main{gap:var(--spacing-08, 0.5rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host main>*{padding:var(--spacing-04, 0.25rem) 0}:host .answers{padding:var(--spacing-08, 0.5rem) 0}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}:host(.web) yoo-ion-scroll{height:calc(100% - 3.5rem)}:host(.web) yoo-form-footer{position:absolute;right:0;bottom:0}:host(.mobile) yoo-ion-scroll{height:calc(100% - 5.75rem)}:host(.mobile) main{margin-top:var(--safe-area-inset-top)}:host(.mobile) main>*:not(.answers){text-align:center}";

package/dist/design-system/yoo-line-state.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import { Z as TLineState } from './index-56d7a2d6.js';
+import { Z as TLineState } from './index-58e4534b.js';
 const lineStateCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:1.25rem;padding:0 var(--spacing-16, 1rem)}:host .line{width:1px;background-color:var(--app-color, #5a30f4)}:host .line.top{min-height:var(--spacing-08, 0.5rem)}:host .line.bottom{height:100%}:host .icon-gap{min-height:var(--spacing-24, 1.5rem)}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem)}:host([state=regular]) .line.top,:host([state=finished]) .line.top{min-height:0.625rem}:host([state=regular]) .icon-gap,:host([state=finished]) .icon-gap{min-height:1.188rem}:host(.mobile) .line{width:2px}";

package/dist/design-system/yoo-links-menu.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { H as isWeb, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { H as isWeb, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const linksMenuCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .links-menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;list-style:none;cursor:pointer}:host .links-menu .links-menu-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:auto;min-height:var(--spacing-48, 3rem);padding:0 var(--spacing-16, 1rem);font-weight:var(--font-weight-400, 400);line-height:var(--font-size-36, 2.25rem);cursor:pointer}:host .links-menu .links-menu-item>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .links-menu .links-menu-item>div yoo-badge{margin-left:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item yoo-icon:not([name=right]){margin-right:var(--spacing-16, 1rem)}:host .links-menu .links-menu-item .end-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .links-menu .links-menu-item .end-container .subtitle-container{padding-right:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item.active{color:var(--app-color, #5a30f4);background:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host .links-menu .links-menu-item.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .links-menu .help-container{margin:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .links-menu.web .links-menu-item{font-weight:unset;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";

package/dist/design-system/yoo-links-preview.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { Z as uniqBy } from './lodash-777f91de.js';
-import { s as setValidator } from './form-input-helpers-375b3169.js';
-import { cp as replaceAndGetAllLinks, V as getAsyncExtraData, bS as screenOrientationUnlock, bT as screenOrientationLock, eL as isDeeplink, al as isImage } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
-import './common-helpers-61e87a96.js';
+import { s as setValidator } from './form-input-helpers-154a1036.js';
+import { cq as replaceAndGetAllLinks, W as getAsyncExtraData, bT as screenOrientationUnlock, bU as screenOrientationLock, eM as isDeeplink, am as isImage } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
+import './common-helpers-c2933562.js';
 import './_commonjsHelpers-f4d11124.js';
 const linksPreviewCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;}:host #preview{display:grid;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--dark, #000000);background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host #preview #image-fallback{width:100%;height:var(--card-media-height, 14.375rem);background:var(--stable-light, #f1f1f1)}:host #preview #image-fallback yoo-icon[name=image-offline]{fill:var(--stable, #adadad);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host #preview #image-fallback yoo-icon[name=image-offline].rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host #preview #image{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto}:host #preview #description{display:inline-grid;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-04, 0.25rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem)}:host #preview #description #title{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden}@supports (display: -webkit-box){:host #preview #description #title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host #preview #description #link{font-weight:bold;font-size:var(--font-size-12, 0.75rem)}:host #preview #description .url{margin-top:auto;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);text-decoration:none;overflow:hidden}@supports (display: -webkit-box){:host #preview #description .url{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}:host.multi-link-previews #preview{margin-bottom:var(--spacing-16, 1rem)}:host.big-link-previews{padding-top:var(--spacing-16, 1rem)}:host.big-link-previews #preview{-ms-flex-direction:column;flex-direction:column}:host.big-link-previews #preview #image,:host.big-link-previews #preview #image-fallback{width:auto;height:auto}:host(:not([inline])) #preview yoo-img{border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host([inline]) #preview{height:5rem;margin:auto var(--spacing-08, 0.5rem)}:host([inline]) #preview:not(.no-image){grid-template-columns:1fr 1.8fr 0.2fr;gap:var(--spacing-16, 1rem)}:host([inline]) #preview #image yoo-img{--image-height:4.5rem;max-height:4.5rem;border-radius:var(--border-radius-04, 0.25rem)}:host([inline]) #preview #description{padding:inherit}:host([inline]) #preview #description #title{overflow:unset;font-size:var(--font-size-12, 0.75rem);white-space:unset;text-overflow:unset;overflow:hidden}@supports (display: -webkit-box){:host([inline]) #preview #description #title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}";

package/dist/design-system/yoo-loader.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const loaderCss = "svg:not(:root){overflow:hidden}:host([color=accent]) circle{stroke:var(--accent, #276ef1)}:host([color=anthracite]) circle{stroke:var(--anthracite, #1a1a1a)}:host([color=app-color]) circle{stroke:var(--app-color, #5a30f4)}:host([color=danger]) circle{stroke:var(--danger, #d44333)}:host([color=dark]) circle{stroke:var(--dark, #000000)}:host([color=energized]) circle{stroke:var(--energized, #ffc043)}:host([color=info]) circle{stroke:var(--info, #d84c96)}:host([color=light]) circle{stroke:var(--light, #ffffff)}:host([color=stable]) circle{stroke:var(--stable, #adadad)}:host([color=stable-alt]) circle{stroke:var(--stable-alt, #d0d0d0)}:host([color=stable-light]) circle{stroke:var(--stable-light, #f1f1f1)}:host([color=stable-ultralight]) circle{stroke:var(--stable-ultralight, #fafafa)}:host([color=success]) circle{stroke:var(--success, #3aa76d)}:host([color=text-color]) circle{stroke:var(--text-color, #807f83)}:host([color=warning]) circle{stroke:var(--warning, #ed6e33)}:host([size=extra-small]) svg{width:var(--icon-size-01, 1rem)}:host([size=extra-small]) p{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) svg{width:var(--icon-size-02, 1.5rem)}:host([size=small]) p{font-size:var(--font-size-12, 0.75rem)}:host([size=medium]) svg{width:var(--icon-size-03, 2rem)}:host([size=medium]) p{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) svg{width:var(--icon-size-04, 3rem)}:host([size=large]) p{font-size:var(--font-size-16, 1rem)}:host([size=extra-large]) svg{width:var(--icon-size-05, 4rem)}:host([size=extra-large]) p{font-size:var(--font-size-18, 1.125rem)}:host([size=extra-extra-large]) svg{width:var(--icon-size-06, 5rem)}:host([size=extra-extra-large]) p{font-size:var(--font-size-20, 1.25rem)}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host circle{fill:none;stroke-dasharray:165;stroke-width:6}:host p{margin:var(--spacing-08, 0.5rem) 0 0 0;color:var(--stable, #adadad)}:host([animated]) svg{-webkit-animation:rotation 0.7s linear infinite;animation:rotation 0.7s linear infinite}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([hidden]){display:none}:host(.absolute){position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}:host(.fixed){position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}:host(.backdrop){position:absolute;z-index:20500;background:var(--light-80, rgba(255, 255, 255, 0.8))}:host(.backdrop.fixed){position:fixed}:host(.backdrop-dark-40){background:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.backdrop-dark){background:var(--dark, #000000)}:host(.backdrop-light){background:var(--light, #ffffff)}:host(.backdrop-transparent){background:var(--stable-light-80, rgba(241, 241, 241, 0.8))}";

package/dist/design-system/yoo-location-info.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate, au as pipes } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate, av as pipes } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const locationInfoCss = "svg:not(:root){overflow:hidden}:host .outer-container{margin-top:0.5rem;margin-bottom:0.5rem;padding:0.5rem 1rem;background:var(--light, #ffffff)}:host .outer-container .menu-content{padding-bottom:1rem;line-height:1.75}:host .outer-container .menu-content span{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:1em}:host .outer-container .menu-content .menu-content-contact{text-decoration:none}:host .outer-container .menu-content .menu-content-contact.name{font-size:var(--font-size-18, 1.125rem)}:host .outer-container .menu-content .menu-content-contact.email{color:var(--app-color, #5a30f4)}:host .outer-container .menu-content .menu-content-contact.phone{color:var(--dark, #000000)}";

package/dist/design-system/yoo-location-map.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { s as showDirectionsActionSheet } from './map-helpers-eb9a758e.js';
-import { H as isWeb, G as showModal, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { s as showDirectionsActionSheet } from './map-helpers-4611141c.js';
+import { H as isWeb, G as showModal, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const locationMapCss = "svg:not(:root){overflow:hidden}:host .outer-container{margin:var(--spacing-08, 0.5rem) 1rem;padding:0.8rem 0;padding-bottom:0rem;overflow:hidden;background:var(--light-10, rgba(255, 255, 255, 0.1));background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .background-image{height:200px}:host .outer-container .content{padding:0 1rem}:host .outer-container .content .title{padding-bottom:1rem;color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .outer-container .content .text-line{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-transform:none}:host .outer-container .content .text-line.top{padding-bottom:1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:1em}:host .outer-container .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--light, #ffffff);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}";

package/dist/design-system/yoo-login.entry.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { t as translate, H as isWeb, aL as isPresent, bu as getContrastColor, cO as setStatusBarDarkMode, ae as disableKeyboardResize, o as isNativeMobile, cP as isChrome, S as ScreenOrientation, p as isAndroid, cQ as removeKeyboardEventListeners, cA as isIonic, cn as showActionSheet, cR as addKeyboardEventListener, n as isFullScreenFalse, M as isIOS, bZ as isTabletOrIpad } from './overlays-fc8b6c29.js';
-import './index-1daea473.js';
+import { t as translate, H as isWeb, aM as isPresent, bv as getContrastColor, cP as setStatusBarDarkMode, af as disableKeyboardResize, o as isNativeMobile, cQ as isChrome, S as ScreenOrientation, p as isAndroid, cR as removeKeyboardEventListeners, cB as isIonic, co as showActionSheet, cS as addKeyboardEventListener } from './overlays-0cc9a656.js';
+import './index-d375d097.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 const googleColorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTUuMDI1IDEwYzAtLjYzNS4xMDgtMS4yNDQuMy0xLjgxNUwxLjk2IDUuNjY4QTkuNjA2IDkuNjA2IDAgMCAwIC45MzQgMTBjMCAxLjU1Ny4zNyAzLjAyNSAxLjAyNCA0LjMyOGwzLjM2NC0yLjUyQTUuNjc2IDUuNjc2IDAgMCAxIDUuMDI1IDEwIiBmaWxsPSIjRkJCQzA1Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwLjkzNCA0LjIyMmMxLjQxIDAgMi42ODIuNDkgMy42ODIgMS4yOWwyLjkxLTIuODQ1QzE1Ljc1MSAxLjE1NiAxMy40OC4yMjIgMTAuOTMzLjIyMmMtMy45NTIgMC03LjM0OCAyLjIxMy04Ljk3NCA1LjQ0NmwzLjM2NSAyLjUxN2MuNzc2LTIuMzA1IDIuOTg2LTMuOTYzIDUuNjEtMy45NjMiIGZpbGw9IiNFQTQzMzUiLz4KICAgICAgICA8cGF0aCBkPSJNMTAuOTM0IDE1Ljc3OGMtMi42MjMgMC00LjgzMy0xLjY1OC01LjYwOS0zLjk2M0wxLjk2IDE0LjMzMWMxLjYyNiAzLjIzNCA1LjAyMiA1LjQ0NyA4Ljk3NCA1LjQ0NyAyLjQ0IDAgNC43NjgtLjg0OCA2LjUxNi0yLjQzN2wtMy4xOTUtMi40MThjLS45MDEuNTU2LTIuMDM2Ljg1NS0zLjMyLjg1NSIgZmlsbD0iIzM0QTg1MyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMC40OCAxMGMwLS41NzgtLjA5MS0xLjItLjIyOC0xLjc3OGgtOS4zMThWMTJoNS4zNjRhNC40MDQgNC40MDQgMCAwIDEtMi4wNDMgMi45MjNsMy4xOTUgMi40MThjMS44MzYtMS42NjkgMy4wMy00LjE1NCAzLjAzLTcuMzQxIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=';
@@ -123,7 +124,7 @@ const Sidepanel = ({ image, title, textColor }) => (h("div", { class: "sidepanel
   h(LoginTitle, { style: { color: textColor }, title: title }),
   image && h("img", { src: image })));
-const loginCss = "svg:not(:root){overflow:hidden}.outer-login-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.outer-login-container .login-main-title,.outer-login-container .login-sub-title{font-weight:900}.outer-login-container .login-main-title{margin:0;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .login-sub-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:0;margin-bottom:var(--spacing-16, 1rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .content-container{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7.5rem var(--spacing-24, 1.5rem) 0}.outer-login-container.ios .content-container{position:absolute}.outer-login-container yoo-button{width:100%;margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-open:not(.ios){-ms-flex-pack:end;justify-content:flex-end}.outer-login-container.keyboard-transitioning.ios .content-container,.outer-login-container.keyboard-open.ios .content-container{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.outer-login-container[sso-only] .content-container{padding-top:0}.outer-login-container[is-whitelabel] .content-container{padding-top:var(--spacing-96, 6rem)}@media screen and (max-height: 649px){.outer-login-container:not(.emulated).keyboard-closed .content-container{padding-top:0}}@media screen and (min-width: 750px){.outer-login-container:not(.emulated){--header-footer-border-color:var(--stable-light, #f1f1f1)}.outer-login-container:not(.emulated) .content-container{padding-top:var(--spacing-96, 6rem)}.outer-login-container:not(.emulated):not([is-whitelabel]):not(.emulated) .content-container{padding-top:0}.outer-login-container:not(.emulated).keyboard-open{-ms-flex-pack:end;justify-content:flex-end;padding-bottom:20%}}@media screen and (min-width: 1000px) and (max-height: 500px){.outer-login-container:not(.emulated).keyboard-open{padding-bottom:var(--spacing-16, 1rem)}}@media screen and (min-width: 1000px) and (orientation: landscape){.outer-login-container.tablet.ios:not(.emulated).keyboard-transitioning .content-container,.outer-login-container.tablet.ios:not(.emulated).keyboard-open .content-container{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.outer-login-container.emulated:not([is-whitelabel]) .content-container{padding-top:9rem}.outer-login-container.emulated[is-whitelabel] .content-container{padding-top:8rem}.outer-login-container .background-overlay{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.25)}.outer-login-container .background-image{position:absolute;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}.outer-login-container #divider{--divider-color:var(--stable-alt, #d0d0d0);display:grid;grid-template-areas:\". or .\";grid-template-columns:1fr auto 1fr;-ms-flex-align:center;align-items:center;width:100%;height:1.125rem;margin:var(--spacing-24, 1.5rem) 0;color:var(--divider-color);font-size:var(--font-size-12, 0.75rem)}.outer-login-container #divider div{border-top:var(--border-width-01, 0.0625rem) solid var(--divider-color)}.outer-login-container #divider p{grid-area:or;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0;padding:0 var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) #divider{margin:var(--spacing-32, 2rem) 0}}.outer-login-container footer{position:absolute;bottom:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:var(--font-size-12, 0.75rem);text-align:center}.outer-login-container footer .powered-by{padding-right:var(--spacing-04, 0.25rem)}.outer-login-container footer .copyright{padding-right:var(--spacing-08, 0.5rem)}.outer-login-container footer .version{padding-left:var(--spacing-08, 0.5rem)}.outer-login-container.ios footer{padding-bottom:var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) footer{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-top:var(--border-width-01, 0.0625rem) solid var(--header-footer-border-color)}.outer-login-container:not(.emulated) footer *{margin:var(--spacing-24, 1.5rem) 0 var(--spacing-32, 2rem) 0;line-height:1.125rem}}@media screen and (max-height: 550px){.outer-login-container:not(.emulated) footer{display:none}}.outer-login-container:not([is-whitelabel]) .powered-by{display:none}.outer-login-container.keyboard-transitioning footer,.outer-login-container.keyboard-open footer{display:none}.outer-login-container #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0;text-align:left;background:-webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(var(--light-80, rgba(255, 255, 255, 0.8))), to(var(--light-80, rgba(255, 255, 255, 0.8))));background:linear-gradient(var(--main-color), var(--main-color)), linear-gradient(var(--light-80, rgba(255, 255, 255, 0.8)), var(--light-80, rgba(255, 255, 255, 0.8)))}.outer-login-container #error-alert .error-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin:var(--spacing-08, 0.5rem) 0}.outer-login-container #error-alert .error-content p{margin:0}.outer-login-container #error-alert .error-content .link{text-decoration:underline;cursor:pointer}.outer-login-container #error-alert .error-content .link yoo-link{color:inherit}.outer-login-container #error-alert .error-content.web{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-16, 1rem) 0}.outer-login-container #error-alert .error-content.web p{margin:0 var(--spacing-16, 1rem) 0 0;text-align:left}.outer-login-container #error-alert .error-content.web .link{text-align:right}.outer-login-container.ios #error-alert{padding-top:var(--safe-area-inset-top)}.outer-login-container .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container .header{position:absolute;top:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:var(--spacing-24, 1.5rem);text-align:center;-webkit-transform:scale(100%) translateY(0);transform:scale(100%) translateY(0);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .header .login-main-title{margin:0;padding:0 var(--spacing-04, 0.25rem)}.outer-login-container .header img{max-width:80%;margin-top:var(--spacing-48, 3rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel] .header .login-main-title{display:none}@media screen and (min-width: 750px){.outer-login-container:not(.emulated) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container:not(.emulated)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}}@media screen and (min-width: 1000px){.outer-login-container:not(.emulated) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container:not(.emulated) .header{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-bottom:var(--border-width-01, 0.0625rem) solid var(--header-footer-border-color)}.outer-login-container:not(.emulated) .header img{margin:var(--spacing-32, 2rem) 0}.outer-login-container:not(.emulated) .header .login-main-title{display:none}.outer-login-container:not(.emulated) #error-alert:not(.mobile){top:7.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulated)[is-whitelabel] #error-alert:not(.mobile){top:9rem}.outer-login-container:not(.emulated)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container:not(.emulated)[logo-shape=square] #error-alert:not(.mobile){top:11rem}.outer-login-container:not(.emulated).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-width: 750px){.outer-login-container[is-whitelabel]:not(.emulated) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container[is-whitelabel]:not(.emulated) header .login-main-title{display:none}.outer-login-container[is-whitelabel]:not(.emulated) header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel]:not(.emulated)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel]:not(.emulated)[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}}.outer-login-container[is-whitelabel].emulated .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container[is-whitelabel].emulated header .login-main-title{display:none}.outer-login-container[is-whitelabel].emulated header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel].emulated[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel].emulated[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}.outer-login-container[is-whitelabel].emulated:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel].emulated:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{margin-top:var(--spacing-48, 3rem)}.outer-login-container:not([is-whitelabel]).emulated:not(.hide-advanced-login):not(.hide-google-login) .header img{margin-top:var(--spacing-24, 1.5rem)}@media screen and (min-width: 900px) and (max-width: 1300px){.outer-login-container:not(.emulated) .header{margin-bottom:var(--spacing-32, 2rem)}.outer-login-container:not(.emulated) .header img{margin:var(--spacing-16, 1rem) 0}.outer-login-container:not(.emulated) #error-alert{top:6.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulated)[is-whitelabel] #error-alert{top:7rem}.outer-login-container:not(.emulated)[logo-shape=square] #error-alert{top:9rem}.outer-login-container:not(.emulated).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-height: 799px){.outer-login-container.keyboard-closed:not(.emulated) .header img{margin-top:var(--spacing-32, 2rem)}.outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img{margin-top:var(--spacing-48, 3rem)}}@media screen and (max-height: 749px){.outer-login-container.keyboard-closed:not(.emulated) .header img{margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img{margin-top:var(--spacing-32, 2rem)}.outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet){top:6rem}}@media screen and (max-height: 699px){.outer-login-container.keyboard-closed:not(.emulated) .header img{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img{margin-top:0;margin-bottom:0}.outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet){top:4.5rem}}@media screen and (max-height: 649px){.outer-login-container.keyboard-closed:not(.emulated) .header .login-main-title{display:none}.outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img{display:none}.outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet){top:3rem}}@media screen and (max-height: 599px){.outer-login-container.keyboard-closed:not(.emulated) .header .login-main-title,.outer-login-container.keyboard-closed:not(.emulated) .header img{display:none}.outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet){top:0.5rem}}@media screen and (max-height: 500px){.outer-login-container.keyboard-open:not(.emulated) .header{-webkit-transform:scale(80%) translateY(-10%);transform:scale(80%) translateY(-10%)}.outer-login-container.keyboard-open:not(.emulated) .header img{margin-top:var(--spacing-32, 2rem)}}@media screen and (max-height: 400px){.outer-login-container.keyboard-open:not(.emulated) .header .login-main-title,.outer-login-container.keyboard-open:not(.emulated) .header img{display:none}}.outer-login-container:not([is-whitelabel]) .header img{height:var(--logo-04, 2rem);max-height:var(--logo-04, 2rem)}.outer-login-container:not([is-whitelabel]) .header{margin-top:var(--spacing-16, 1rem)}.outer-login-container:not([is-whitelabel]) .header img{margin-bottom:var(--spacing-24, 1.5rem)}.outer-login-container.emulated #error-alert{padding-top:var(--safe-area-inset-top)}.outer-login-container{--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--stable-light, #f1f1f1)}.outer-login-container #login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;width:100%}.outer-login-container .outer-input-container{width:100%;margin-bottom:0.75rem}.outer-login-container .outer-input-container yoo-context-dialog{width:100%}.outer-login-container .help-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.outer-login-container .help-buttons yoo-button#help-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:calc(var(--spacing-08, 0.5rem) * -1) 0 0 0}.outer-login-container .help-buttons yoo-button#magic-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:calc(var(--spacing-08, 0.5rem) * -1) 0 0 0}.outer-login-container .help-buttons.mobile,.outer-login-container .help-buttons.emulated{-ms-flex-pack:end;justify-content:flex-end}.outer-login-container .help-buttons:not(.mobile):not(.emulated) yoo-button#help-button{margin:calc(var(--spacing-04, 0.25rem) * -1) calc(var(--spacing-08, 0.5rem) * -1) 0 0}.outer-login-container .help-buttons:not(.mobile):not(.emulated) yoo-button#magic-button{margin:calc(var(--spacing-04, 0.25rem) * -1) 0 0 calc(var(--spacing-08, 0.5rem) * -1)}.outer-login-container #default-login-button{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-16, 1rem);color:var(--stable-light, #f1f1f1);background-color:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out}.outer-login-container #default-login-button.disabled{color:var(--stable-alt, #d0d0d0);background-color:var(--disabled-color)}.outer-login-container #default-login-button:hover:not(.disabled){cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.outer-login-container #default-login-button:hover.disabled{cursor:not-allowed}.outer-login-container #default-login-button.medium{height:2rem;font-size:var(--font-size-14, 0.875rem)}.outer-login-container #default-login-button.medium.mobile,.outer-login-container #default-login-button.medium.emulated{font-size:var(--font-size-16, 1rem)}.outer-login-container #default-login-button.large{height:3rem;font-size:var(--font-size-16, 1rem)}.outer-login-container.keyboard-open:not(.ios) #login-form{padding-bottom:var(--spacing-64, 4rem)}.outer-login-container.keyboard-open:not(.ios) #login-form #default-login-button{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-24, 1.5rem);width:calc(100% - var(--spacing-48, 3rem))}.outer-login-container[sso-only] #login-form{display:none}.outer-login-container[sso-only] .sso-only-login{display:block}.outer-login-container:not([sso-only]) .sso-only-login{display:none}.login-options .google-logo{margin-right:var(--spacing-08, 0.5rem)}.login-options.sso-only{display:none}.outer-login-container.keyboard-open .login-options,.outer-login-container.keyboard-transitioning:not(.ios) .login-options{display:none}.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button,.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button *{visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(3rem);transform:translateY(3rem);visibility:hidden !important}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.login-options.hide-advanced-login.hide-google-login,.login-options.hide-advanced-login.hide-google-login *{visibility:hidden !important}@media screen and (min-width: 750px) and (max-width: 999px) and (orientation: portrait){.outer-login-container.keyboard-transitioning .login-options,.outer-login-container.keyboard-open .login-options{display:block}}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) .login-options .google-logo{height:1rem}}.outer-login-container.emulated .login-options.hide-google-login:not(.hide-advanced-login) #google-login-button{display:none}.outer-login-container.emulated .login-options.hide-google-login:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulated .login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button{display:none}.outer-login-container.emulated .login-options.hide-advanced-login:not(.hide-google-login) #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulated .login-options.hide-advanced-login.hide-google-login #sso-login-button{display:none}.outer-login-container.emulated .login-options.hide-advanced-login.hide-google-login #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:22rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[sso-only] .main-content{margin-top:calc(var(--spacing-64, 4rem) * -1)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulated) .main-content yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 899px){.outer-login-container:not([is-whitelabel]) .main-content .login-sub-title{display:none}.outer-login-container.focused .login-sub-title{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}}.outer-login-container.emulated:not([is-whitelabel]) .main-content .login-sub-title{display:none}.outer-login-container.emulated.focused .login-sub-title{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}.outer-login-container .sidepanel{margin-right:var(--spacing-64, 4rem)}.outer-login-container .sidepanel .login-main-title{margin-top:0;margin-bottom:var(--spacing-24, 1.5rem)}@media screen and (min-width: 1000px){.outer-login-container:not(.emulated) .sidepanel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulated) .sidepanel yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 999px){.outer-login-container .sidepanel{display:none}}.outer-login-container.emulated .sidepanel{display:none}.outer-login-container:not([is-double-column]) .sidepanel{display:none}.outer-input-container{--input-background-color:var(--light, #ffffff);--input-border-color:var(--dark, #000000);--input-text-color:var(--text-color, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color, #5a30f4);display:block;width:100%;color:var(--dark, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}.outer-input-container:focus{outline:0}.outer-input-container[type=reset],.outer-input-container[type=button],.outer-input-container[type=submit],.outer-input-container[type=checkbox],.outer-input-container[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}.outer-input-container[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}.outer-input-container label{color:var(--field-title-color);font-size:var(--font-size-12, 0.75rem)}.outer-input-container .float-left{float:left;margin-top:var(--spacing-04, 0.25rem);margin-right:var(--spacing-08, 0.5rem);cursor:pointer}.outer-input-container .float-left:hover{fill:var(--app-color, #5a30f4)}.outer-input-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.outer-input-container .truncate:hover{color:var(--app-color, #5a30f4)}.outer-input-container.focused .inner-input-container{border:var(--border-width-01, 0.0625rem) solid var(--input-border-color)}.outer-input-container .inner-input-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-08, 0.5rem);direction:ltr;background:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}.outer-input-container .inner-input-container.noborder{border:none !important}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit}.outer-input-container .inner-input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}.outer-input-container .inner-input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit;display:flex;flex-direction:row;padding-right:var(--spacing-08, 0.5rem);-webkit-transition:display ease-in-out 0.2s;transition:display ease-in-out 0.2s}.outer-input-container .inner-input-container .icon-suffix-focus yoo-icon{visibility:hidden !important}.outer-input-container .inner-input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:var(--spacing-08, 0.5rem) var(--spacing-32, 2rem);color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset;-webkit-appearance:none;caret-color:var(--caret-color)}.outer-input-container .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:focus{outline:none}.outer-input-container .inner-input-container input.hide-value{color:transparent}.outer-input-container .inner-input-container.password input{padding-right:var(--spacing-64, 4rem)}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon,.outer-input-container .inner-input-container .input-show-icon{position:absolute;z-index:5}.outer-input-container .inner-input-container .icon-prefix{left:0}.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon{right:0}.outer-input-container .inner-input-container .input-show-icon{right:var(--spacing-32, 2rem)}.outer-input-container.has-value.focused .inner-input-container.username .username-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .input-show-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .password-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.large .inner-input-container{height:3rem}.outer-input-container.large .inner-input-container input{padding-right:var(--spacing-56, 3.5rem);padding-left:var(--spacing-56, 3.5rem)}.outer-input-container.large .inner-input-container.password input{padding-right:var(--spacing-96, 6rem)}.outer-input-container.large .inner-input-container .icon-prefix{padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.large .inner-input-container .password-input-clear-icon,.outer-input-container.large .inner-input-container .username-input-clear-icon{padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.large .inner-input-container .input-show-icon{right:var(--spacing-40, 2.5rem);padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.medium .inner-input-container{height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.medium .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.small .inner-input-container{height:1.5rem;border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.small .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.accent .inner-input-container{border-color:var(--accent, #276ef1)}.accent .inner-input-container .icon-prefix{border-right:none}.accent .inner-input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}.accent .inner-input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}.accent .inner-input-container input{color:var(--accent, #276ef1)}.accent .inner-input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input::-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}.success .inner-input-container{border-color:var(--success, #3aa76d)}.success .inner-input-container .icon-prefix{border-right:none}.success .inner-input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}.success .inner-input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}.success .inner-input-container input{color:var(--success, #3aa76d)}.success .inner-input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input::-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}.app-color .inner-input-container{border-color:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-prefix{border-right:none}.app-color .inner-input-container .icon-prefix yoo-icon{fill:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-suffix{color:var(--app-color, #5a30f4);border-left:none}.app-color .inner-input-container input{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-webkit-input-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-ms-input-placeholder{color:var(--app-color, #5a30f4)}.info .inner-input-container{border-color:var(--info, #d84c96)}.info .inner-input-container .icon-prefix{border-right:none}.info .inner-input-container .icon-prefix yoo-icon{fill:var(--info, #d84c96)}.info .inner-input-container .icon-suffix{color:var(--info, #d84c96);border-left:none}.info .inner-input-container input{color:var(--info, #d84c96)}.info .inner-input-container input::-webkit-input-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input::-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-ms-input-placeholder{color:var(--info, #d84c96)}.warning .inner-input-container{border-color:var(--warning, #ed6e33)}.warning .inner-input-container .icon-prefix{border-right:none}.warning .inner-input-container .icon-prefix yoo-icon{fill:var(--warning, #ed6e33)}.warning .inner-input-container .icon-suffix{color:var(--warning, #ed6e33);border-left:none}.warning .inner-input-container input{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-webkit-input-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-ms-input-placeholder{color:var(--warning, #ed6e33)}.danger .inner-input-container{border-color:var(--danger, #d44333)}.danger .inner-input-container .icon-prefix{border-right:none}.danger .inner-input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}.danger .inner-input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}.danger .inner-input-container input{color:var(--danger, #d44333)}.danger .inner-input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input::-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}.dark .inner-input-container{border-color:var(--dark, #000000)}.dark .inner-input-container .icon-prefix{border-right:none}.dark .inner-input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}.dark .inner-input-container .icon-suffix{color:var(--dark, #000000);border-left:none}.dark .inner-input-container input{color:var(--dark, #000000)}.dark .inner-input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input::-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-ms-input-placeholder{color:var(--dark, #000000)}.stable-light .inner-input-container{border-color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-prefix{border-right:none}.stable-light .inner-input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}.stable-light .inner-input-container input{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable .inner-input-container{border-color:var(--stable, #adadad)}.stable .inner-input-container .icon-prefix{border-right:none}.stable .inner-input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}.stable .inner-input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}.stable .inner-input-container input{color:var(--stable, #adadad)}.stable .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}.light .inner-input-container{border-color:var(--light, #ffffff)}.light .inner-input-container .icon-prefix{border-right:none}.light .inner-input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}.light .inner-input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}.light .inner-input-container input{color:var(--light, #ffffff)}.light .inner-input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input::-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}";
+const loginCss = "svg:not(:root){overflow:hidden}.outer-login-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.outer-login-container .login-main-title,.outer-login-container .login-sub-title{font-weight:900}.outer-login-container .login-main-title{margin:0;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .login-sub-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:0;margin-bottom:var(--spacing-16, 1rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .content-container{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7.5rem var(--spacing-24, 1.5rem) 0}.outer-login-container.ios .content-container{position:absolute}.outer-login-container yoo-button{width:100%;margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-open:not(.ios){-ms-flex-pack:end;justify-content:flex-end}.outer-login-container.keyboard-transitioning.ios .content-container,.outer-login-container.keyboard-open.ios .content-container{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.outer-login-container[sso-only] .content-container{padding-top:0}.outer-login-container[is-whitelabel] .content-container{padding-top:var(--spacing-96, 6rem)}@media screen and (max-height: 649px){.outer-login-container:not(.emulate-preview).keyboard-closed .content-container{padding-top:0}}@media screen and (min-width: 750px){.outer-login-container:not(.emulate-preview){--header-footer-border-color:var(--stable-light, #f1f1f1)}.outer-login-container:not(.emulate-preview) .content-container{padding-top:var(--spacing-96, 6rem)}.outer-login-container:not(.emulate-preview):not([is-whitelabel]):not(.emulate-preview) .content-container{padding-top:0}.outer-login-container:not(.emulate-preview).keyboard-open{-ms-flex-pack:end;justify-content:flex-end;padding-bottom:20%}}@media screen and (min-width: 1000px) and (max-height: 500px){.outer-login-container:not(.emulate-preview).keyboard-open{padding-bottom:var(--spacing-16, 1rem)}}@media screen and (min-width: 1000px) and (orientation: landscape){.outer-login-container.tablet.ios:not(.emulate-preview).keyboard-transitioning .content-container,.outer-login-container.tablet.ios:not(.emulate-preview).keyboard-open .content-container{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.outer-login-container.emulate-preview:not([is-whitelabel]) .content-container{padding-top:9rem}.outer-login-container.emulate-preview[is-whitelabel] .content-container{padding-top:8rem}.outer-login-container .background-overlay{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.25)}.outer-login-container .background-image{position:absolute;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}.outer-login-container #divider{--divider-color:var(--stable-alt, #d0d0d0);display:grid;grid-template-areas:\". or .\";grid-template-columns:1fr auto 1fr;-ms-flex-align:center;align-items:center;width:100%;height:1.125rem;margin:var(--spacing-24, 1.5rem) 0;color:var(--divider-color);font-size:var(--font-size-12, 0.75rem)}.outer-login-container #divider div{border-top:var(--border-width-01, 0.0625rem) solid var(--divider-color)}.outer-login-container #divider p{grid-area:or;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0;padding:0 var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulate-preview) #divider{margin:var(--spacing-32, 2rem) 0}}.outer-login-container footer{position:absolute;bottom:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:var(--font-size-12, 0.75rem);text-align:center}.outer-login-container footer .powered-by{padding-right:var(--spacing-04, 0.25rem)}.outer-login-container footer .copyright{padding-right:var(--spacing-08, 0.5rem)}.outer-login-container footer .version{padding-left:var(--spacing-08, 0.5rem)}.outer-login-container.ios footer{padding-bottom:var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulate-preview) footer{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-top:var(--border-width-01, 0.0625rem) solid var(--header-footer-border-color)}.outer-login-container:not(.emulate-preview) footer *{margin:var(--spacing-24, 1.5rem) 0 var(--spacing-32, 2rem) 0;line-height:1.125rem}}@media screen and (max-height: 550px){.outer-login-container:not(.emulate-preview) footer{display:none}}.outer-login-container:not([is-whitelabel]) .powered-by{display:none}.outer-login-container.keyboard-transitioning footer,.outer-login-container.keyboard-open footer{display:none}.outer-login-container #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0;text-align:left;background:-webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(var(--light-80, rgba(255, 255, 255, 0.8))), to(var(--light-80, rgba(255, 255, 255, 0.8))));background:linear-gradient(var(--main-color), var(--main-color)), linear-gradient(var(--light-80, rgba(255, 255, 255, 0.8)), var(--light-80, rgba(255, 255, 255, 0.8)))}.outer-login-container #error-alert .error-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin:var(--spacing-08, 0.5rem) 0}.outer-login-container #error-alert .error-content p{margin:0}.outer-login-container #error-alert .error-content .link{text-decoration:underline;cursor:pointer}.outer-login-container #error-alert .error-content .link yoo-link{color:inherit}.outer-login-container #error-alert .error-content.web{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-16, 1rem) 0}.outer-login-container #error-alert .error-content.web p{margin:0 var(--spacing-16, 1rem) 0 0;text-align:left}.outer-login-container #error-alert .error-content.web .link{text-align:right}.outer-login-container.ios #error-alert{padding-top:var(--safe-area-inset-top)}.outer-login-container .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container .header{position:absolute;top:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:var(--spacing-24, 1.5rem);text-align:center;-webkit-transform:scale(100%) translateY(0);transform:scale(100%) translateY(0);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .header .login-main-title{margin:0;padding:0 var(--spacing-04, 0.25rem)}.outer-login-container .header img{max-width:80%;margin-top:var(--spacing-48, 3rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel] .header .login-main-title{display:none}@media screen and (min-width: 750px){.outer-login-container:not(.emulate-preview) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container:not(.emulate-preview)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}}@media screen and (min-width: 1000px){.outer-login-container:not(.emulate-preview) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container:not(.emulate-preview) .header{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-bottom:var(--border-width-01, 0.0625rem) solid var(--header-footer-border-color)}.outer-login-container:not(.emulate-preview) .header img{margin:var(--spacing-32, 2rem) 0}.outer-login-container:not(.emulate-preview) .header .login-main-title{display:none}.outer-login-container:not(.emulate-preview) #error-alert:not(.mobile){top:7.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulate-preview)[is-whitelabel] #error-alert:not(.mobile){top:9rem}.outer-login-container:not(.emulate-preview)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container:not(.emulate-preview)[logo-shape=square] #error-alert:not(.mobile){top:11rem}.outer-login-container:not(.emulate-preview).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-width: 750px){.outer-login-container[is-whitelabel]:not(.emulate-preview) .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container[is-whitelabel]:not(.emulate-preview) header .login-main-title{display:none}.outer-login-container[is-whitelabel]:not(.emulate-preview) header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel]:not(.emulate-preview)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel]:not(.emulate-preview)[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}}.outer-login-container[is-whitelabel].emulate-preview .header img{height:var(--logo-06, 4rem);max-height:var(--logo-06, 4rem)}.outer-login-container[is-whitelabel].emulate-preview header .login-main-title{display:none}.outer-login-container[is-whitelabel].emulate-preview header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel].emulate-preview[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel].emulate-preview[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}.outer-login-container[is-whitelabel].emulate-preview:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{height:var(--logo-08, 6rem);max-height:var(--logo-08, 6rem)}.outer-login-container[is-whitelabel].emulate-preview:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{margin-top:var(--spacing-48, 3rem)}.outer-login-container:not([is-whitelabel]).emulate-preview:not(.hide-advanced-login):not(.hide-google-login) .header img{margin-top:var(--spacing-24, 1.5rem)}@media screen and (min-width: 900px) and (max-width: 1300px){.outer-login-container:not(.emulate-preview) .header{margin-bottom:var(--spacing-32, 2rem)}.outer-login-container:not(.emulate-preview) .header img{margin:var(--spacing-16, 1rem) 0}.outer-login-container:not(.emulate-preview) #error-alert{top:6.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulate-preview)[is-whitelabel] #error-alert{top:7rem}.outer-login-container:not(.emulate-preview)[logo-shape=square] #error-alert{top:9rem}.outer-login-container:not(.emulate-preview).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-height: 799px){.outer-login-container.keyboard-closed:not(.emulate-preview) .header img{margin-top:var(--spacing-32, 2rem)}.outer-login-container.keyboard-closed:not(.emulate-preview)[logo-shape=square] .header img{margin-top:var(--spacing-48, 3rem)}}@media screen and (max-height: 749px){.outer-login-container.keyboard-closed:not(.emulate-preview) .header img{margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-closed:not(.emulate-preview)[logo-shape=square] .header img{margin-top:var(--spacing-32, 2rem)}.outer-login-container.keyboard-closed:not(.emulate-preview) #error-alert:not(.mobile):not(.tablet){top:6rem}}@media screen and (max-height: 699px){.outer-login-container.keyboard-closed:not(.emulate-preview) .header img{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.outer-login-container.keyboard-closed:not(.emulate-preview)[logo-shape=square] .header img{margin-top:0;margin-bottom:0}.outer-login-container.keyboard-closed:not(.emulate-preview) #error-alert:not(.mobile):not(.tablet){top:4.5rem}}@media screen and (max-height: 649px){.outer-login-container.keyboard-closed:not(.emulate-preview) .header .login-main-title{display:none}.outer-login-container.keyboard-closed:not(.emulate-preview)[logo-shape=square] .header img{display:none}.outer-login-container.keyboard-closed:not(.emulate-preview) #error-alert:not(.mobile):not(.tablet){top:3rem}}@media screen and (max-height: 599px){.outer-login-container.keyboard-closed:not(.emulate-preview) .header .login-main-title,.outer-login-container.keyboard-closed:not(.emulate-preview) .header img{display:none}.outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulate-preview) #error-alert:not(.mobile):not(.tablet){top:0.5rem}}@media screen and (max-height: 500px){.outer-login-container.keyboard-open:not(.emulate-preview) .header{-webkit-transform:scale(80%) translateY(-10%);transform:scale(80%) translateY(-10%)}.outer-login-container.keyboard-open:not(.emulate-preview) .header img{margin-top:var(--spacing-32, 2rem)}}@media screen and (max-height: 400px){.outer-login-container.keyboard-open:not(.emulate-preview) .header .login-main-title,.outer-login-container.keyboard-open:not(.emulate-preview) .header img{display:none}}.outer-login-container:not([is-whitelabel]) .header img{height:var(--logo-04, 2rem);max-height:var(--logo-04, 2rem)}.outer-login-container:not([is-whitelabel]) .header{margin-top:var(--spacing-16, 1rem)}.outer-login-container:not([is-whitelabel]) .header img{margin-bottom:var(--spacing-24, 1.5rem)}.outer-login-container.emulate-preview #error-alert{padding-top:var(--safe-area-inset-top)}.outer-login-container{--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--stable-light, #f1f1f1)}.outer-login-container #login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;width:100%}.outer-login-container .outer-input-container{width:100%;margin-bottom:0.75rem}.outer-login-container .outer-input-container yoo-context-dialog{width:100%}.outer-login-container .help-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.outer-login-container .help-buttons yoo-button#help-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:calc(var(--spacing-08, 0.5rem) * -1) 0 0 0}.outer-login-container .help-buttons yoo-button#magic-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:calc(var(--spacing-08, 0.5rem) * -1) 0 0 0}.outer-login-container .help-buttons.mobile,.outer-login-container .help-buttons.emulate-preview{-ms-flex-pack:end;justify-content:flex-end}.outer-login-container .help-buttons:not(.mobile):not(.emulate-preview) yoo-button#help-button{margin:calc(var(--spacing-04, 0.25rem) * -1) calc(var(--spacing-08, 0.5rem) * -1) 0 0}.outer-login-container .help-buttons:not(.mobile):not(.emulate-preview) yoo-button#magic-button{margin:calc(var(--spacing-04, 0.25rem) * -1) 0 0 calc(var(--spacing-08, 0.5rem) * -1)}.outer-login-container #default-login-button{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-16, 1rem);color:var(--stable-light, #f1f1f1);background-color:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out}.outer-login-container #default-login-button.disabled{color:var(--stable-alt, #d0d0d0);background-color:var(--disabled-color)}.outer-login-container #default-login-button:hover:not(.disabled){cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.outer-login-container #default-login-button:hover.disabled{cursor:not-allowed}.outer-login-container #default-login-button.medium{height:2rem;font-size:var(--font-size-14, 0.875rem)}.outer-login-container #default-login-button.medium.mobile,.outer-login-container #default-login-button.medium.emulate-preview{font-size:var(--font-size-16, 1rem)}.outer-login-container #default-login-button.large{height:3rem;font-size:var(--font-size-16, 1rem)}.outer-login-container.keyboard-open:not(.ios) #login-form{padding-bottom:var(--spacing-64, 4rem)}.outer-login-container.keyboard-open:not(.ios) #login-form #default-login-button{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-24, 1.5rem);width:calc(100% - var(--spacing-48, 3rem))}.outer-login-container[sso-only] #login-form{display:none}.outer-login-container[sso-only] .sso-only-login{display:block}.outer-login-container:not([sso-only]) .sso-only-login{display:none}.login-options .google-logo{margin-right:var(--spacing-08, 0.5rem)}.login-options.sso-only{display:none}.outer-login-container.keyboard-open .login-options,.outer-login-container.keyboard-transitioning:not(.ios) .login-options{display:none}.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button,.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button *{visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(3rem);transform:translateY(3rem);visibility:hidden !important}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.login-options.hide-advanced-login.hide-google-login,.login-options.hide-advanced-login.hide-google-login *{visibility:hidden !important}@media screen and (min-width: 750px) and (max-width: 999px) and (orientation: portrait){.outer-login-container.keyboard-transitioning .login-options,.outer-login-container.keyboard-open .login-options{display:block}}@media screen and (min-width: 900px){.outer-login-container:not(.emulate-preview) .login-options .google-logo{height:1rem}}.outer-login-container.emulate-preview .login-options.hide-google-login:not(.hide-advanced-login) #google-login-button{display:none}.outer-login-container.emulate-preview .login-options.hide-google-login:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulate-preview .login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button{display:none}.outer-login-container.emulate-preview .login-options.hide-advanced-login:not(.hide-google-login) #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulate-preview .login-options.hide-advanced-login.hide-google-login #sso-login-button{display:none}.outer-login-container.emulate-preview .login-options.hide-advanced-login.hide-google-login #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:22rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[sso-only] .main-content{margin-top:calc(var(--spacing-64, 4rem) * -1)}@media screen and (min-width: 900px){.outer-login-container:not(.emulate-preview) .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulate-preview) .main-content yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 899px){.outer-login-container:not([is-whitelabel]) .main-content .login-sub-title{display:none}.outer-login-container.focused .login-sub-title{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}}.outer-login-container.emulate-preview:not([is-whitelabel]) .main-content .login-sub-title{display:none}.outer-login-container.emulate-preview.focused .login-sub-title{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}.outer-login-container .sidepanel{margin-right:var(--spacing-64, 4rem);margin-left:0}.outer-login-container .sidepanel .login-main-title{margin-top:0;margin-bottom:var(--spacing-24, 1.5rem)}.outer-login-container.rtl .sidepanel{margin-right:0;margin-left:var(--spacing-64, 4rem)}@media screen and (min-width: 1000px){.outer-login-container:not(.emulate-preview) .sidepanel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulate-preview) .sidepanel yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 999px){.outer-login-container .sidepanel{display:none}}.outer-login-container.emulate-preview .sidepanel{display:none}.outer-login-container:not([is-double-column]) .sidepanel{display:none}.outer-input-container{--input-background-color:var(--light, #ffffff);--input-border-color:var(--dark, #000000);--input-text-color:var(--text-color, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color, #5a30f4);display:block;width:100%;color:var(--dark, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}.outer-input-container:focus{outline:0}.outer-input-container[type=reset],.outer-input-container[type=button],.outer-input-container[type=submit],.outer-input-container[type=checkbox],.outer-input-container[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}.outer-input-container[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}.outer-input-container label{color:var(--field-title-color);font-size:var(--font-size-12, 0.75rem)}.outer-input-container .float-left{float:left;margin-top:var(--spacing-04, 0.25rem);margin-right:var(--spacing-08, 0.5rem);cursor:pointer}.outer-input-container .float-left:hover{fill:var(--app-color, #5a30f4)}.outer-input-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.outer-input-container .truncate:hover{color:var(--app-color, #5a30f4)}.outer-input-container.focused .inner-input-container{border:var(--border-width-01, 0.0625rem) solid var(--input-border-color)}.outer-input-container .inner-input-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-08, 0.5rem);direction:ltr;background:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}.outer-input-container .inner-input-container.noborder{border:none !important}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit}.outer-input-container .inner-input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}.outer-input-container .inner-input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit;display:flex;flex-direction:row;padding-right:var(--spacing-08, 0.5rem);-webkit-transition:display ease-in-out 0.2s;transition:display ease-in-out 0.2s}.outer-input-container .inner-input-container .icon-suffix-focus yoo-icon{visibility:hidden !important}.outer-input-container .inner-input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:var(--spacing-08, 0.5rem) var(--spacing-32, 2rem);color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset;-webkit-appearance:none;caret-color:var(--caret-color)}.outer-input-container .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:focus{outline:none}.outer-input-container .inner-input-container input.hide-value{color:transparent}.outer-input-container .inner-input-container.password input{padding-right:var(--spacing-64, 4rem)}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon,.outer-input-container .inner-input-container .input-show-icon{position:absolute;z-index:5}.outer-input-container .inner-input-container .icon-prefix{left:0}.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon{right:0}.outer-input-container .inner-input-container .input-show-icon{right:var(--spacing-32, 2rem)}.outer-input-container.has-value.focused .inner-input-container.username .username-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .input-show-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .password-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.large .inner-input-container{height:3rem}.outer-input-container.large .inner-input-container input{padding-right:var(--spacing-56, 3.5rem);padding-left:var(--spacing-56, 3.5rem)}.outer-input-container.large .inner-input-container.password input{padding-right:var(--spacing-96, 6rem)}.outer-input-container.large .inner-input-container .icon-prefix{padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.large .inner-input-container .password-input-clear-icon,.outer-input-container.large .inner-input-container .username-input-clear-icon{padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.large .inner-input-container .input-show-icon{right:var(--spacing-40, 2.5rem);padding:0.75rem var(--spacing-16, 1rem)}.outer-input-container.medium .inner-input-container{height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.medium .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.small .inner-input-container{height:1.5rem;border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.small .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.accent .inner-input-container{border-color:var(--accent, #276ef1)}.accent .inner-input-container .icon-prefix{border-right:none}.accent .inner-input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}.accent .inner-input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}.accent .inner-input-container input{color:var(--accent, #276ef1)}.accent .inner-input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input::-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}.success .inner-input-container{border-color:var(--success, #3aa76d)}.success .inner-input-container .icon-prefix{border-right:none}.success .inner-input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}.success .inner-input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}.success .inner-input-container input{color:var(--success, #3aa76d)}.success .inner-input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input::-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}.app-color .inner-input-container{border-color:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-prefix{border-right:none}.app-color .inner-input-container .icon-prefix yoo-icon{fill:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-suffix{color:var(--app-color, #5a30f4);border-left:none}.app-color .inner-input-container input{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-webkit-input-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-ms-input-placeholder{color:var(--app-color, #5a30f4)}.info .inner-input-container{border-color:var(--info, #d84c96)}.info .inner-input-container .icon-prefix{border-right:none}.info .inner-input-container .icon-prefix yoo-icon{fill:var(--info, #d84c96)}.info .inner-input-container .icon-suffix{color:var(--info, #d84c96);border-left:none}.info .inner-input-container input{color:var(--info, #d84c96)}.info .inner-input-container input::-webkit-input-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input::-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-ms-input-placeholder{color:var(--info, #d84c96)}.warning .inner-input-container{border-color:var(--warning, #ed6e33)}.warning .inner-input-container .icon-prefix{border-right:none}.warning .inner-input-container .icon-prefix yoo-icon{fill:var(--warning, #ed6e33)}.warning .inner-input-container .icon-suffix{color:var(--warning, #ed6e33);border-left:none}.warning .inner-input-container input{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-webkit-input-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-ms-input-placeholder{color:var(--warning, #ed6e33)}.danger .inner-input-container{border-color:var(--danger, #d44333)}.danger .inner-input-container .icon-prefix{border-right:none}.danger .inner-input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}.danger .inner-input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}.danger .inner-input-container input{color:var(--danger, #d44333)}.danger .inner-input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input::-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}.dark .inner-input-container{border-color:var(--dark, #000000)}.dark .inner-input-container .icon-prefix{border-right:none}.dark .inner-input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}.dark .inner-input-container .icon-suffix{color:var(--dark, #000000);border-left:none}.dark .inner-input-container input{color:var(--dark, #000000)}.dark .inner-input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input::-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-ms-input-placeholder{color:var(--dark, #000000)}.stable-light .inner-input-container{border-color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-prefix{border-right:none}.stable-light .inner-input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}.stable-light .inner-input-container input{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable .inner-input-container{border-color:var(--stable, #adadad)}.stable .inner-input-container .icon-prefix{border-right:none}.stable .inner-input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}.stable .inner-input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}.stable .inner-input-container input{color:var(--stable, #adadad)}.stable .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}.light .inner-input-container{border-color:var(--light, #ffffff)}.light .inner-input-container .icon-prefix{border-right:none}.light .inner-input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}.light .inner-input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}.light .inner-input-container input{color:var(--light, #ffffff)}.light .inner-input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input::-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}";
 const YooLoginComponent = class {
   constructor(hostRef) {
@@ -360,10 +361,7 @@ const YooLoginComponent = class {
         'outer-login-container': true,
         focused: this.isFocused,
         [`keyboard-${this.keyboardState}`]: true,
-        emulated: isFullScreenFalse(),
-        web: isWeb(),
-        ios: isIOS(),
-        tablet: isTabletOrIpad()
+        ...getAppContext(this.host)
       } }, h(Header, { error: this.error, logo: this.logo, title: this.mainTitle, textColor: this.primaryColor, closeClick: () => this.onAlertClosed() }), h(Background, { hasBackgroundMedia: this.hasBackgroundMedia, image: this.backgroundSrc }), h("div", { class: "content-container", ref: (el) => (this.contentContainerElement = el) }, h(Sidepanel, { title: this.mainTitle, textColor: this.primaryColor, image: this.sidepanelImage }), h(MainContent, { subtitle: this.subtitle, textColor: this.primaryColor }, h(LoginForm, { buttonColor: this.textColor, ssoOnly: this.ssoOnly, fieldTitleColor: this.primaryColor, getInputLabel: this.getInputLabel.bind(this), getDefaultInputValue: this.getDefaultInputValue.bind(this), getInputValue: this.getInputValue.bind(this), focusedInput: this.focusedInput, bindReference: this.bindReference.bind(this), onIconClicked: this.onIconClicked.bind(this), onInputChanged: this.onInputChanged.bind(this), onInputFocused: this.onInputFocused.bind(this), onInputBlurred: () => this.onInputBlurred(), onEnterPressed: () => this.validateAndLogin(), onFormSubmit: (e) => this.onFormSubmit(e), onShowPassword: this.onShowPassword.bind(this), showPassword: this.showPassword, loginButtonRef: (el) => (this.loginButtonElement = el), helpButtonElement: this.getButton('HELP', () => this.onForgotPassword()), magicButtonElement: this.getButton('MAGIC', () => this.magicLinkModalRequested.emit(true)), ssoLoginButtonElement: this.getButton('SSO-DEFAULT', () => this.onAdvancedLogin()), clearInput: this.clearInput.bind(this), isWhitelabel: this.isWhitelabel }), h(LoginOptions, { ssoOnly: this.ssoOnly, hideGoogleLogin: this.hideGoogleLogin, hideAdvancedLogin: this.hideAdvancedLogin, hasCustomBackground: this.hasCustomBackground, dividerColor: this.primaryColor, googleLoginButtonElement: this.getButton('GOOGLE', () => this.onGoogleLogin()), ssoLoginButtonElement: this.getButton('SSO', () => this.onAdvancedLogin()) }))), h(Footer, { hasCustomBackground: this.hasCustomBackground, copyrightMessage: this.copyrightMessage, textColor: this.primaryColor, version: this.version, onClick: () => {
         if (this.ssoOnly) {
           this.ssoOnly = false;

package/dist/design-system/yoo-lottie.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, j as Build, k as getAssetPath, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { i as isChromatic, t as translate } from './overlays-fc8b6c29.js';
+import { i as isChromatic, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 var lottie = createCommonjsModule(function (module, exports) {
 (typeof navigator !== "undefined") && (function (global, factory) {