@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-card-list-simple.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const cardListHelpers = require('./card-list-helpers-1e88e6d3.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardListSimpleCss = ":host{--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--inner-text-color:var(--dark, #000000);display:block;height:100%;cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;min-height:44px;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0px;color:var(--inner-text-color);font-size:var(--font-size-18, 1.125rem);line-height:1.5;word-break:break-word}:host .outer-container .text *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .text .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--spacing-08, 0.5rem);padding:0}:host .outer-container .image-container .flag-container{width:100%;height:100%}:host(.language) .outer-container{-ms-flex-align:center;align-items:center}:host(.language) .outer-container .image-container{width:1.5rem;height:1.5rem;overflow:hidden;font-size:var(--font-size-36, 2.25rem);border-radius:var(--border-radius-16, 1rem)}:host(.language) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:auto;padding:0}:host(.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-choice) .outer-container{padding:0}:host(.form-choice) .outer-container .text{padding-top:0;white-space:normal;word-break:break-word}:host(.form-choice) .outer-container .text .heading{margin:var(--spacing-16, 1rem) 0}:host(.selection-mode.mobile) .outer-container .text{margin-right:var(--spacing-32, 2rem)}:host(.web) .outer-container{min-height:auto;background:transparent}:host(.web) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.small.selected-content) .outer-container .text{font-size:var(--font-size-12, 0.75rem)}:host(.medium.selected-content) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.large.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.small.autocomplete-selection-mode) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .heading{font-size:var(--font-size-16, 1rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .subheading-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.groups.web) .outer-container .text .subheading-container{display:-ms-flexbox;display:flex}:host(.groups.web) .outer-container .text .subheading-container .subheading{padding-right:var(--spacing-16, 1rem)}:host(.products.outofstock){opacity:0.5}:host(.autocomplete) .outer-container .image-container .play{position:absolute}:host(.web.pages) .outer-container{border-bottom:none}:host(.mobile.autocomplete-selection-mode) .outer-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}";
 
@@ -54,7 +55,7 @@ const YooCardListSimpleComponent = class {
     var _a, _b, _c;
     const isAutocompleteVideoEntry = this.host.classList.contains('autocomplete') && this.host.classList.contains('files') && (((_a = this.entry.heading) === null || _a === void 0 ? void 0 : _a.endsWith('.mp4')) || ((_b = this.entry.heading) === null || _b === void 0 ? void 0 : _b.endsWith('.mov')));
     const avatarSize = this.entry.avatarSize ? this.entry.avatarSize : 'medium';
-    const filesWebAvatarSize = this.host.classList.contains('autocomplete-selection-mode') && this.host.classList.contains('files') && index$1.isWeb(this.host) && 'medium';
+    const filesWebAvatarSize = this.host.classList.contains('autocomplete-selection-mode') && this.host.classList.contains('files') && overlays.isWeb(this.host) && 'medium';
     const avatarFrame = this.entry.avatarFrame ? this.entry.avatarFrame : 'circle';
     const avatarClass = { main: true, fit: this.host.classList.contains('products') };
     return ((_c = this.entry.users) === null || _c === void 0 ? void 0 : _c.length) === 1 ? (index.h("yoo-avatar", { isOnline: this.entry.isOnline, size: avatarSize, frame: avatarFrame, class: avatarClass, instant: this.entry.isGridCell, imgSrc: this.entry.imgSrc, user: this.entry.users[0], isVip: this.entry.vip, vipNotification: this.entry.hasPending, color: this.entry.iconColor })) : ([

package/dist/cjs/yoo-card-list.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
 const cardListHelpers = require('./card-list-helpers-1e88e6d3.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardListCss = ".bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{display:block;height:100%;background:var(--card-list-background);cursor:pointer}:host yoo-tag.distance{--padding:0;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:0.25rem;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:var(--justify-content-content-container);justify-content:var(--justify-content-content-container);-ms-flex-pack:center;justify-content:center;width:100%;margin-right:var(--margin-content-container-right);margin-left:var(--margin-content-container-left);overflow:hidden}:host .outer-container .content-container.has-image{margin-left:0}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-02, 0.125rem);font-size:var(--font-size-16, 1rem);line-height:1.5}:host .outer-container .content-container .heading-container .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container yoo-avatars{margin-right:0.125rem}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1;min-width:0;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .card-heading .heading-circle{display:inline-block;width:0.5rem;height:0.5rem;margin-right:0.2rem;border-radius:50%}:host .outer-container .content-container .heading-container .card-heading *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .content-container .heading-container .card-heading .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-02, 0.125rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .subheading-container html,:host .outer-container .content-container .subheading-container body,:host .outer-container .content-container .subheading-container div:not([class^=fr-]),:host .outer-container .content-container .subheading-container span:not([class^=fr-]),:host .outer-container .content-container .subheading-container img:not([class^=fr-]),:host .outer-container .content-container .subheading-container applet,:host .outer-container .content-container .subheading-container object,:host .outer-container .content-container .subheading-container iframe,:host .outer-container .content-container .subheading-container h1,:host .outer-container .content-container .subheading-container h2,:host .outer-container .content-container .subheading-container h3,:host .outer-container .content-container .subheading-container h4,:host .outer-container .content-container .subheading-container h5,:host .outer-container .content-container .subheading-container h6,:host .outer-container .content-container .subheading-container p,:host .outer-container .content-container .subheading-container blockquote,:host .outer-container .content-container .subheading-container pre,:host .outer-container .content-container .subheading-container a,:host .outer-container .content-container .subheading-container abbr,:host .outer-container .content-container .subheading-container acronym,:host .outer-container .content-container .subheading-container address,:host .outer-container .content-container .subheading-container big,:host .outer-container .content-container .subheading-container cite,:host .outer-container .content-container .subheading-container code,:host .outer-container .content-container .subheading-container del,:host .outer-container .content-container .subheading-container dfn,:host .outer-container .content-container .subheading-container em,:host .outer-container .content-container .subheading-container font,:host .outer-container .content-container .subheading-container ins,:host .outer-container .content-container .subheading-container kbd,:host .outer-container .content-container .subheading-container q,:host .outer-container .content-container .subheading-container s,:host .outer-container .content-container .subheading-container samp,:host .outer-container .content-container .subheading-container small,:host .outer-container .content-container .subheading-container strike,:host .outer-container .content-container .subheading-container strong,:host .outer-container .content-container .subheading-container sub,:host .outer-container .content-container .subheading-container sup,:host .outer-container .content-container .subheading-container tt,:host .outer-container .content-container .subheading-container var,:host .outer-container .content-container .subheading-container dl,:host .outer-container .content-container .subheading-container dt,:host .outer-container .content-container .subheading-container dd,:host .outer-container .content-container .subheading-container ol,:host .outer-container .content-container .subheading-container ul,:host .outer-container .content-container .subheading-container li,:host .outer-container .content-container .subheading-container fieldset,:host .outer-container .content-container .subheading-container form,:host .outer-container .content-container .subheading-container label,:host .outer-container .content-container .subheading-container legend,:host .outer-container .content-container .subheading-container table,:host .outer-container .content-container .subheading-container caption,:host .outer-container .content-container .subheading-container tbody,:host .outer-container .content-container .subheading-container tfoot,:host .outer-container .content-container .subheading-container thead,:host .outer-container .content-container .subheading-container tr,:host .outer-container .content-container .subheading-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .subheading-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;margin-top:0.5rem;padding-right:0.3rem}:host .outer-container .content-container .avatar-container yoo-avatar{margin-right:0.75rem;margin-left:0.15rem}:host .outer-container .content-container .action-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .content-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .slot-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.firefox) .content-container{margin-bottom:0}:host(.web):not(.framed) .outer-container{padding-top:1rem;padding-bottom:1rem;background-color:transparent}:host(.web) .outer-container .card-list-image-container.large{min-width:3.875rem}:host(.web) .outer-container .card-list-image-container.medium{min-width:2.875rem}:host(.web) .outer-container .card-list-image-container.small{min-width:2.375rem}:host(.web) .outer-container .content-container .top-container .badges-container.show-more{position:relative;overflow:visible}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button{position:absolute;top:0;right:0;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:2rem;height:1.125rem;font-size:var(--font-size-18, 1.125rem)}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button yoo-icon{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.locations) .outer-container .content-container .top-container .heading-container .date-card-text{padding-right:var(--spacing-16, 1rem)}:host(.locations.map) .outer-container{-ms-flex-align:center;align-items:center;background:var(--light, #ffffff)}:host(.collapsible) .outer-container,:host(.locations.no-kpi:not(.framed)) .outer-container{-ms-flex-align:start;align-items:flex-start;width:auto;border-bottom:none;border-radius:0.5rem}:host(.collapsible) .outer-container .content-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container{margin:0.5rem 0 0;border:none}:host(.collapsible) .outer-container .content-container .top-container .heading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .heading-container{-ms-flex-pack:justify;justify-content:space-between;padding-top:0 !important;padding-right:var(--spacing-08, 0.5rem)}:host(.collapsible) .outer-container .content-container .top-container .subheading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.collapsible) .outer-container .content-container{margin-top:0}:host(.locations.no-kpi.map) .outer-container{-ms-flex-align:start;align-items:flex-start;max-width:18.75rem}:host(.locations.no-kpi:not(.framed)) yoo-tag.distance{margin-right:0.75rem}:host(.web.framed) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.android) .outer-container .content-container .top-container .heading-container .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.25rem) * 2);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host{--margin-content-container-left:0;--margin-content-container-right:0;--padding-content-container:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) 0;--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--overflow-card-heading-text:hidden;--text-overflow-card-heading-text:ellipsis;--white-space-card-heading-text:normal;--padding-right-card-heading:unset;--max-height-heading:48px;--card-list-background:none;--justify-content-content-container:flex-start;--max-card-heading-height:26px;--height-lessons-outer-container:2.5rem;--heading-font-size:var(--font-size-14, 0.875rem)}:host yoo-truncate{--max-lines:2}:host .heart-icon{width:var(--icon-size-05, 4rem)}:host .heart-icon yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-05, 4rem);margin:auto}:host .heart-icon yoo-lottie yoo-icon{top:1.3rem}:host .outer-container{padding-top:var(--spacing-04, 0.25rem)}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .video-container{width:100%;max-height:350px;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .rank-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-width:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .heading-container yoo-tag.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container .progress-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .progress-box .icon-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;line-height:15px}:host .outer-container .content-container .tags-container yoo-tag,:host .outer-container .content-container .tags-container .card-icon{margin:0.2rem var(--spacing-08, 0.5rem) 0.0625rem 0.0625rem}:host .outer-container .content-container .tags-container .hashtag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.4375rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);-webkit-transform:translateY(0.125rem);transform:translateY(0.125rem)}:host .outer-container .content-container .tags-container .card-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .tags-container .card-icon yoo-icon{margin-right:0.4375rem}:host .outer-container .content-container .tags-container .row-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;line-height:1rem}:host .outer-container .content-container .top-container .video-container{display:-ms-inline-flexbox;display:inline-flex;height:230px}:host .outer-container .content-container .top-container .heading-container .date-card-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .content-container .top-container .heading-container .points-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .top-container .heading-container .points-container .points{padding:0 0.35rem}:host .outer-container .content-container .top-container .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host .outer-container .image-video-preview{width:12.5rem;height:6.25rem;padding:var(--spacing-08, 0.5rem);pointer-events:none}:host .outer-container .image-video-preview yoo-img{--border-radius:var(--border-radius-08, 0.5rem);height:100%}:host(.current) .outer-container .rank-container{color:var(--app-color, #5a30f4)}:host(.current) .outer-container .content-container .leaderboard .heading-container .card-heading{color:var(--app-color, #5a30f4)}:host(.current.mobile.leaderboard){background-color:var(--app-color, #5a30f4) !important}:host(.current.mobile.leaderboard) .outer-container .rank-container{color:var(--light, #ffffff)}:host(.current.mobile.leaderboard) .outer-container .content-container .leaderboard .heading-container .card-heading{color:var(--light, #ffffff)}:host(.leaderboard.userranks){height:var(--spacing-40, 2.5rem)}:host(.leaderboard.userranks) .outer-container{height:100%;padding:0 !important}:host(.leaderboard.userranks) .icon-container{color:var(--app-color, #5a30f4) !important}:host(.mobile.leaderboard){padding-left:var(--spacing-16, 1rem);color:var(--dark, #000000);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-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));opacity:1}:host(.secondary-view){--border-bottom-outer-container:0px;background:transparent}:host(.secondary-view) .outer-container{padding-top:var(--spacing-08, 0.5rem)}:host(.secondary-view) .outer-container .question-content{border-bottom:var(--border-bottom-outer-container)}:host(.secondary-view) .outer-container .content-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.secondary-view) .outer-container .content-container .heading-container .date-card-text{display:block;padding:0;line-height:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.secondary-view) .outer-container .content-container .translate-container{position:relative;margin-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host(.secondary-view) .outer-container .content-container .translate-container.active{margin-left:var(--spacing-04, 0.25rem);padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.secondary-view) .outer-container .content-container .translate-container .text{margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host(.secondary-view) .outer-container .content-container .translate-container .text html,:host(.secondary-view) .outer-container .content-container .translate-container .text body,:host(.secondary-view) .outer-container .content-container .translate-container .text div:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text span:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text img:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text applet,:host(.secondary-view) .outer-container .content-container .translate-container .text object,:host(.secondary-view) .outer-container .content-container .translate-container .text iframe,:host(.secondary-view) .outer-container .content-container .translate-container .text h1,:host(.secondary-view) .outer-container .content-container .translate-container .text h2,:host(.secondary-view) .outer-container .content-container .translate-container .text h3,:host(.secondary-view) .outer-container .content-container .translate-container .text h4,:host(.secondary-view) .outer-container .content-container .translate-container .text h5,:host(.secondary-view) .outer-container .content-container .translate-container .text h6,:host(.secondary-view) .outer-container .content-container .translate-container .text p,:host(.secondary-view) .outer-container .content-container .translate-container .text blockquote,:host(.secondary-view) .outer-container .content-container .translate-container .text pre,:host(.secondary-view) .outer-container .content-container .translate-container .text a,:host(.secondary-view) .outer-container .content-container .translate-container .text abbr,:host(.secondary-view) .outer-container .content-container .translate-container .text acronym,:host(.secondary-view) .outer-container .content-container .translate-container .text address,:host(.secondary-view) .outer-container .content-container .translate-container .text big,:host(.secondary-view) .outer-container .content-container .translate-container .text cite,:host(.secondary-view) .outer-container .content-container .translate-container .text code,:host(.secondary-view) .outer-container .content-container .translate-container .text del,:host(.secondary-view) .outer-container .content-container .translate-container .text dfn,:host(.secondary-view) .outer-container .content-container .translate-container .text em,:host(.secondary-view) .outer-container .content-container .translate-container .text font,:host(.secondary-view) .outer-container .content-container .translate-container .text ins,:host(.secondary-view) .outer-container .content-container .translate-container .text kbd,:host(.secondary-view) .outer-container .content-container .translate-container .text q,:host(.secondary-view) .outer-container .content-container .translate-container .text s,:host(.secondary-view) .outer-container .content-container .translate-container .text samp,:host(.secondary-view) .outer-container .content-container .translate-container .text small,:host(.secondary-view) .outer-container .content-container .translate-container .text strike,:host(.secondary-view) .outer-container .content-container .translate-container .text strong,:host(.secondary-view) .outer-container .content-container .translate-container .text sub,:host(.secondary-view) .outer-container .content-container .translate-container .text sup,:host(.secondary-view) .outer-container .content-container .translate-container .text tt,:host(.secondary-view) .outer-container .content-container .translate-container .text var,:host(.secondary-view) .outer-container .content-container .translate-container .text dl,:host(.secondary-view) .outer-container .content-container .translate-container .text dt,:host(.secondary-view) .outer-container .content-container .translate-container .text dd,:host(.secondary-view) .outer-container .content-container .translate-container .text ol,:host(.secondary-view) .outer-container .content-container .translate-container .text ul,:host(.secondary-view) .outer-container .content-container .translate-container .text li,:host(.secondary-view) .outer-container .content-container .translate-container .text fieldset,:host(.secondary-view) .outer-container .content-container .translate-container .text form,:host(.secondary-view) .outer-container .content-container .translate-container .text label,:host(.secondary-view) .outer-container .content-container .translate-container .text legend,:host(.secondary-view) .outer-container .content-container .translate-container .text table,:host(.secondary-view) .outer-container .content-container .translate-container .text caption,:host(.secondary-view) .outer-container .content-container .translate-container .text tbody,:host(.secondary-view) .outer-container .content-container .translate-container .text tfoot,:host(.secondary-view) .outer-container .content-container .translate-container .text thead,:host(.secondary-view) .outer-container .content-container .translate-container .text tr,:host(.secondary-view) .outer-container .content-container .translate-container .text th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host(.secondary-view) .outer-container .content-container .translate-container .text blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host(.secondary-view) .outer-container .content-container .translate-container .text blockquote:last-of-type blockquote p:last-of-type,:host(.secondary-view) .outer-container .content-container .translate-container .text p:last-of-type{padding-top:0;padding-bottom:0}:host(.secondary-view) .outer-container .content-container .translate-container .text ol,:host(.secondary-view) .outer-container .content-container .translate-container .text ul{margin:revert;padding:revert}:host(.secondary-view) .outer-container .content-container .translate-container .text h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host(.secondary-view) .outer-container .content-container .translate-container .text h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host(.secondary-view) .outer-container .content-container .translate-container .text h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host(.secondary-view) .outer-container .content-container .translate-container .text h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host(.secondary-view) .outer-container .content-container .translate-container .text h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host(.secondary-view) .outer-container .content-container .translate-container .text h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host(.secondary-view) .outer-container .content-container .translate-container .text strong{font-weight:bold}:host(.secondary-view) .outer-container .content-container .translate-container .text em{font-style:italic}:host(.secondary-view) .outer-container .content-container .subheading-container{display:block;max-height:initial;overflow:visible;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:20px;white-space:pre-wrap;word-wrap:break-word}:host(.secondary-view) .outer-container .content-container .subheading-container html,:host(.secondary-view) .outer-container .content-container .subheading-container body,:host(.secondary-view) .outer-container .content-container .subheading-container div:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container span:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container img:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container applet,:host(.secondary-view) .outer-container .content-container .subheading-container object,:host(.secondary-view) .outer-container .content-container .subheading-container iframe,:host(.secondary-view) .outer-container .content-container .subheading-container h1,:host(.secondary-view) .outer-container .content-container .subheading-container h2,:host(.secondary-view) .outer-container .content-container .subheading-container h3,:host(.secondary-view) .outer-container .content-container .subheading-container h4,:host(.secondary-view) .outer-container .content-container .subheading-container h5,:host(.secondary-view) .outer-container .content-container .subheading-container h6,:host(.secondary-view) .outer-container .content-container .subheading-container p,:host(.secondary-view) .outer-container .content-container .subheading-container blockquote,:host(.secondary-view) .outer-container .content-container .subheading-container pre,:host(.secondary-view) .outer-container .content-container .subheading-container a,:host(.secondary-view) .outer-container .content-container .subheading-container abbr,:host(.secondary-view) .outer-container .content-container .subheading-container acronym,:host(.secondary-view) .outer-container .content-container .subheading-container address,:host(.secondary-view) .outer-container .content-container .subheading-container big,:host(.secondary-view) .outer-container .content-container .subheading-container cite,:host(.secondary-view) .outer-container .content-container .subheading-container code,:host(.secondary-view) .outer-container .content-container .subheading-container del,:host(.secondary-view) .outer-container .content-container .subheading-container dfn,:host(.secondary-view) .outer-container .content-container .subheading-container em,:host(.secondary-view) .outer-container .content-container .subheading-container font,:host(.secondary-view) .outer-container .content-container .subheading-container ins,:host(.secondary-view) .outer-container .content-container .subheading-container kbd,:host(.secondary-view) .outer-container .content-container .subheading-container q,:host(.secondary-view) .outer-container .content-container .subheading-container s,:host(.secondary-view) .outer-container .content-container .subheading-container samp,:host(.secondary-view) .outer-container .content-container .subheading-container small,:host(.secondary-view) .outer-container .content-container .subheading-container strike,:host(.secondary-view) .outer-container .content-container .subheading-container strong,:host(.secondary-view) .outer-container .content-container .subheading-container sub,:host(.secondary-view) .outer-container .content-container .subheading-container sup,:host(.secondary-view) .outer-container .content-container .subheading-container tt,:host(.secondary-view) .outer-container .content-container .subheading-container var,:host(.secondary-view) .outer-container .content-container .subheading-container dl,:host(.secondary-view) .outer-container .content-container .subheading-container dt,:host(.secondary-view) .outer-container .content-container .subheading-container dd,:host(.secondary-view) .outer-container .content-container .subheading-container ol,:host(.secondary-view) .outer-container .content-container .subheading-container ul,:host(.secondary-view) .outer-container .content-container .subheading-container li,:host(.secondary-view) .outer-container .content-container .subheading-container fieldset,:host(.secondary-view) .outer-container .content-container .subheading-container form,:host(.secondary-view) .outer-container .content-container .subheading-container label,:host(.secondary-view) .outer-container .content-container .subheading-container legend,:host(.secondary-view) .outer-container .content-container .subheading-container table,:host(.secondary-view) .outer-container .content-container .subheading-container caption,:host(.secondary-view) .outer-container .content-container .subheading-container tbody,:host(.secondary-view) .outer-container .content-container .subheading-container tfoot,:host(.secondary-view) .outer-container .content-container .subheading-container thead,:host(.secondary-view) .outer-container .content-container .subheading-container tr,:host(.secondary-view) .outer-container .content-container .subheading-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host(.secondary-view) .outer-container .content-container .subheading-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host(.secondary-view) .outer-container .content-container .subheading-container blockquote:last-of-type blockquote p:last-of-type,:host(.secondary-view) .outer-container .content-container .subheading-container p:last-of-type{padding-top:0;padding-bottom:0}:host(.secondary-view) .outer-container .content-container .subheading-container ol,:host(.secondary-view) .outer-container .content-container .subheading-container ul{margin:revert;padding:revert}:host(.secondary-view) .outer-container .content-container .subheading-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host(.secondary-view) .outer-container .content-container .subheading-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host(.secondary-view) .outer-container .content-container .subheading-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host(.secondary-view) .outer-container .content-container .subheading-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host(.secondary-view) .outer-container .content-container .subheading-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host(.secondary-view) .outer-container .content-container .subheading-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host(.secondary-view) .outer-container .content-container .subheading-container strong{font-weight:bold}:host(.secondary-view) .outer-container .content-container .subheading-container em{font-style:italic}:host(.secondary-view) .outer-container .content-container .subheading-container.comment-image{--border-radius:var(--border-radius-16, 1rem);margin-top:9px;overflow:hidden}:host(.secondary-view) .outer-container .content-container .subheading-container span.with-markdown{white-space:normal}:host(.secondary-view) .outer-container .content-container .subheading-container span.with-markdown img{width:100%;max-width:initial !important}:host(.secondary-view) .outer-container .content-container .top-container{padding:var(--spacing-08, 0.5rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:var(--border-radius-04, 0.25rem)}:host(.secondary-view) .outer-container .content-container .top-container .card-heading{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%;padding-right:var(--spacing-08, 0.5rem)}:host(.secondary-view) .outer-container .content-container .top-container .card-heading .card-heading-text{font-weight:var(--font-weight-700, 700)}:host(.secondary-view) .outer-container .content-container .top-container .heading-container .heading-title{display:block}:host(.secondary-view) .outer-container .content-container .top-container .heading-container .heading-title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.secondary-view) .outer-container .content-container .top-container span{display:block;font-size:var(--font-size-16, 1rem)}:host(.secondary-view) .outer-container .content-container .slot-container yoo-img{margin-right:auto}:host(.secondary-view) .tags-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-top:-0.85rem;margin-left:1.875rem;font-size:var(--font-size-14, 0.875rem)}:host(.secondary-view) .tags-container .card-icon.right{margin-left:auto}:host(.secondary-view) .tags-container .card-icon.right yoo-icon{margin:0}:host(.secondary-view) .tags-container .row-action{width:100%;margin-top:-0.875rem;margin-left:1.25rem}:host(.secondary-view) .tags-container .row-action span{color:var(--dark, #000000)}:host(.secondary-view) .tags-container .bottom-action{margin-right:1.25rem;color:var(--text-color, #807f83)}:host(.questionsAnswers) .tags-container{margin-left:2.8125rem}:host(.questionsAnswers) .tags-container .card-icon:not(.heart-icon){margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 0}:host(.questionsAnswers) .tags-container .row-action{margin-top:var(--spacing-08, 0.5rem);margin-left:0}:host(.entitycomments) .tags-container,:host(.feedsComments) .tags-container{margin-left:1.75rem}:host(.userranks) .outer-container{-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0 !important;background-color:transparent;border-bottom:0}:host(.userranks) .heading-container{word-wrap:break-word}:host(.active) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host(.hoverable):hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host(.filesFolders) .outer-container .content-container .subheading-container,:host(.files) .outer-container .content-container .subheading-container{margin:0;font-size:var(--font-size-12, 0.75rem)}:host(.filesFolders) .outer-container .content-container .subheading-container em,:host(.files) .outer-container .content-container .subheading-container em{color:var(--dark, #000000);font-weight:bold;background:#FDFB2F}:host(.locations.external) .outer-container .content-container .subheading-container{white-space:normal}:host(.products) .outer-container .content-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}:host(.productweightpair) .outer-container .content-container .heading-container .date-card-text{color:var(--dark, #000000)}:host(.catalog-display.history) .outer-container .content-container{text-align:left}:host(.catalog-display.history) .outer-container .content-container .top-container .price{font-size:var(--font-size-12, 0.75rem)}:host(.catalog-display.history) .outer-container .content-container .top-container .tags-container{padding-bottom:var(--spacing-04, 0.25rem)}:host(.catalog-display){width:100%}:host(.catalog-display) .outer-container{-ms-flex-align:start;align-items:flex-start;font-size:var(--font-size-14, 0.875rem);border:none !important}:host(.catalog-display) .outer-container .content-container{-ms-flex-pack:center;justify-content:center;margin-left:1rem;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.catalog-display) .outer-container .content-container .top-container .card-heading{font-size:var(--font-size-14, 0.875rem)}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container{min-height:1rem;max-height:0.8rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);line-height:1rem}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container .subheading-grey{color:var(--stable, #adadad)}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container .subheading-price{color:var(--dark, #000000)}:host(.catalog-display) .outer-container .content-container .top-container .price{color:var(--text-color, #807f83)}:host(.catalog-display) .outer-container .content-container .top-container .tags-container{overflow:initial;line-height:normal}:host(.catalog-display.no-border) .outer-container .content-container{border-bottom:none}:host(.productbatch.archived) .outer-container .content-container{opacity:0.5}:host(.offline:not(.missions)) .outer-container{opacity:0.7}:host(.offline:not(.missions))::before,:host(.offline:not(.missions))::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline:not(.missions))::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.notifications) .outer-container{padding-top:var(--spacing-04, 0.25rem)}:host(.notes) .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.125rem) * 1);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}:host(.no-text-break) .outer-container .content-container .top-container .heading-container .card-heading{white-space:normal}:host(.lessons.web) .outer-container{height:var(--height-lessons-outer-container);min-height:0;margin:var(--spacing-04, 0.25rem) 0;padding-left:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.lessons.web) .outer-container .content-container{border-bottom:none}:host(.lessons.web) .outer-container .content-container .top-container{display:-ms-flexbox;display:flex}:host(.lessons.web) .outer-container .content-container .heading-container{-ms-flex:1;flex:1;width:75%;padding-right:var(--spacing-08, 0.5rem);font-size:var(--heading-font-size)}:host(.lessons.web) .outer-container .content-container .heading-container .card-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:0}:host(.lessons.web.finished) .outer-container{background-color:var(--app-color, #5a30f4)}:host(.lessons.web.finished) .outer-container .card-heading,:host(.lessons.web.finished) .outer-container .icon-container{color:var(--light-10, rgba(255, 255, 255, 0.1))}:host(.lessons.web.locked) .outer-container{background-color:var(--stable-alt, #d0d0d0)}:host(.lessons.web.locked) .outer-container .card-heading{color:var(--text-color, #807f83)}:host(.lessons.web.locked) .outer-container .top-container yoo-avatar{margin:0 0.75rem}:host(.missions.finished:not(.grid-cell)) .outer-container{padding-bottom:var(--spacing-16, 1rem)}:host(.courseselection) .outer-container .content-container{-ms-flex-pack:center;justify-content:center;margin-left:0}:host(.courseselection) .outer-container .content-container .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.courseselection) .outer-container .content-container .top-container .heading-container{-ms-flex-order:2;order:2;font-size:var(--font-size-16, 1rem)}:host(.courseselection) .outer-container .content-container .top-container .subheading-container{-ms-flex-order:1;order:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.courseselection) .outer-container .content-container .top-container .subheading-container .todo{font-size:var(--font-size-14, 0.875rem)}:host(.courseselection) .outer-container .content-container .top-container .tags-container{padding-bottom:0}:host(.questions) .outer-container{padding-bottom:0;border-bottom:0}:host(.questions) .outer-container .content-container .top-container .heading-container{max-height:1.25rem;margin-bottom:0}:host(.questions) .outer-container .content-container .top-container .heading-container .card-heading .heading-title{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-04, 0.25rem)}:host(.questions) .question-container.no-img{padding-top:var(--spacing-04, 0.25rem)}:host(.questions) .question-container.no-img .question-content{height:auto}:host(.questions) .question-container .question-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:98px;margin-left:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-bottom-outer-container)}:host(.questions) .question-container .question-content .question-title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);word-break:break-word}:host(.questions) .question-container .question-content .question-icons{display:-ms-flexbox;display:flex;color:var(--stable-alt, #d0d0d0);font-size:var(--icon-size-01, 1rem)}:host(.questions) .question-container .question-content .question-icons .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host(.questions) .question-container .question-content .question-icons .inner-container yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.questions) .question-container .question-content .subheadings{display:-ms-flexbox;display:flex;color:var(--text-color, #807f83)}:host(.questions) .question-container .question-content .subheadings .subheading-container{padding-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .question-content .subheadings .date-card-text{margin-right:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .question-content .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}:host(.questions) .question-container .question-content .tags-container .hashtag{margin-right:0.4375rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .image-video-preview{min-width:7.5rem;height:98px;padding:var(--spacing-08, 0.5rem);pointer-events:none}:host(.questions) .question-container .image-video-preview yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host(.questions) .question-container .image-video-preview yoo-videoplayer-core{overflow:hidden;border-radius:var(--border-radius-08, 0.5rem)}:host(.card-feed) .outer-container{display:none}:host(.card-feed) .question-container{-ms-flex-pack:initial !important;justify-content:initial !important;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:none !important;-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15))}:host(.card-feed) .question-container .image-video-preview{-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:130px;height:89px;padding-right:var(--spacing-16, 1rem)}:host(.card-feed) .question-container .image-video-preview yoo-videoplayer-core{overflow:hidden;border-radius:5px}:host(.card-feed) .question-container .question-content{-ms-flex-pack:initial !important;justify-content:initial !important;-ms-flex-order:2;order:2;margin-left:0;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.selected-content) .question-container{padding:0}:host(.selected-content) .question-container .image-video-preview{min-width:2rem;height:1.5rem;padding-left:0}:host(.selected-content) .question-container .question-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:auto;margin:0;padding-bottom:0;border-bottom:none}:host(.selected-content) .question-container .question-content .question-title{margin:0;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.selected-content) .outer-container .content-container .heading-container{margin-bottom:var(--spacing-02, 0.125rem)}:host(.selected-content) .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .uifield-container{display:none}:host(.web.grid-cell){overflow:hidden}:host(.web.grid-cell) .outer-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web.grid-cell) .outer-container .content-container .tags-container{-ms-flex-wrap:initial;flex-wrap:initial}:host(.mobile.autocomplete-selection-mode) .question-container .question-title{font-size:var(--font-size-16, 1rem)}:host(.mobile.autocomplete-selection-mode) .subheading-container{margin-right:var(--spacing-32, 2rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.no-border-bottom.mobile) .question-container .question-content{border-bottom:none}:host(.item-disabled){cursor:default}:host(.kanban) .outer-container{padding-top:0;padding-bottom:0}:host(.web.videocallusers) .outer-container{padding-top:0;padding-bottom:0}:host(.web.firefox) .outer-container{height:auto}:host(.violetproducts) .outer-container,:host(.violetbasketitems) .outer-container{-ms-flex-align:center;align-items:center}:host(.violetproducts) .outer-container yoo-icon.arrow,:host(.violetbasketitems) .outer-container yoo-icon.arrow{margin-top:var(--spacing-04, 0.25rem);margin-right:var(--spacing-04, 0.25rem);margin-bottom:auto}:host(.violetproducts) .content-container,:host(.violetbasketitems) .content-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.form-permission) .outer-container{height:auto}:host(.pages) .outer-container{-ms-flex-align:center;align-items:center}:host(.missions.feed) .outer-container{border-bottom:none !important}:host(.calendarEvents) .outer-container .content-container .heading-container{margin-bottom:unset}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container .dot-event,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container .dot-event{margin-right:var(--spacing-04, 0.25rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container .icon-event,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container .icon-event{margin-right:var(--spacing-08, 0.5rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .title{font-weight:bold;font-size:var(--font-size-16, 1rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .time{color:var(--app-color, #5a30f4)}:host(.course-info) .outer-container,:host(.learning-manager) .outer-container{padding-top:var(--spacing-16, 1rem)}";
 
@@ -57,8 +58,8 @@ const YooCardListComponent = class {
           icon: 'download',
           isVisible: () => !!imagePath,
           handler: () => {
-            if ((index$1.isImage(imagePath) || index$1.isVideo(imagePath)) && typeof imagePath === 'string') {
-              index$1.downloadFile(imagePath);
+            if ((overlays.isImage(imagePath) || overlays.isVideo(imagePath)) && typeof imagePath === 'string') {
+              overlays.downloadFile(imagePath);
             }
           }
         }
@@ -77,7 +78,7 @@ const YooCardListComponent = class {
     var _a;
     const renderUserHeading = this.isQuestionCardList() && ((_a = this.entry.users) === null || _a === void 0 ? void 0 : _a.length) > 0;
     if (this.host.classList.contains('feeds')) {
-      this.entry.heading = this.entry.heading.replace(/(<img([^>]+)>)/ig, ` ${index$1.translate('IMAGE')} `);
+      this.entry.heading = this.entry.heading.replace(/(<img([^>]+)>)/ig, ` ${overlays.translate('IMAGE')} `);
       this.entry.heading = commonHelpers.removeHtmlFromString(this.entry.heading);
     }
     return renderUserHeading ? `${this.entry.users[0].firstName} ${this.entry.users[0].lastName}` : this.entry.heading;
@@ -99,7 +100,7 @@ const YooCardListComponent = class {
     return (index.h("div", { class: "points-container" }, index.h("yoo-icon", { name: "star", size: "small", color: "app-color" }), index.h("div", { class: "points" }, this.entry.points, this.entry.maxPoints ? `/${this.entry.maxPoints}` : '')));
   }
   renderInlineUsers() {
-    return index.h("yoo-avatars", { class: "card-list", size: "extra-small", layout: "stack", users: this.entry.usersInline, maxDisplay: MAX_AVATAR_DISPLAY, withTooltip: index$1.isWeb(this.host) });
+    return index.h("yoo-avatars", { class: "card-list", size: "extra-small", layout: "stack", users: this.entry.usersInline, maxDisplay: MAX_AVATAR_DISPLAY, withTooltip: overlays.isWeb(this.host) });
   }
   renderHeading() {
     this.entry.users = lodash.compact(this.entry.users);
@@ -136,7 +137,7 @@ const YooCardListComponent = class {
   }
   renderHeadingContainerBottom() {
     var _a, _b, _c, _d;
-    const showMoreButton = !lodash.isEmpty(this.entry.actions) && index$1.isWeb(this.host);
+    const showMoreButton = !lodash.isEmpty(this.entry.actions) && overlays.isWeb(this.host);
     const showTagContainer = (!lodash.isEmpty(this.entry.tagElements) && !lodash.isEmpty(this.entry)) ||
       !lodash.isEmpty(this.entry.tags) ||
       !lodash.isEmpty(this.entry.icons) ||
@@ -149,7 +150,7 @@ const YooCardListComponent = class {
           if (tag && !lodash.isString(tag) && tag.tag) {
             tag = tag.tag;
           }
-          return index.h("span", { class: "hashtag", innerHTML: `#${index$1.translateMulti(tag)}` });
+          return index.h("span", { class: "hashtag", innerHTML: `#${overlays.translateMulti(tag)}` });
         }), !this.isQuestionCardList()
         ? (_c = this.entry.icons) === null || _c === void 0 ? void 0 : _c.map(({ icon, color, handler, value }) => icon ? (index.h("span", { class: { 'card-icon': true, 'heart-icon': icon === 'heart' } }, icon === 'heart' ?
           index.h("yoo-lottie", { initialFrame: color === 'danger' ? 50 : null, onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, handler), type: "heart", autoplay: color === 'danger' }, index.h("yoo-icon", { slot: "placeholder", name: "heart", color: color, size: "medium" })) :
@@ -184,7 +185,7 @@ const YooCardListComponent = class {
     return (index.h("div", { class: {
         'translate-container': true,
         active: this.showTranslatedText
-      } }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text", innerHTML: index$1.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, index$1.translate('HIDETRANSLATION')) : index$1.translate('SEETRANSLATION'))));
+      } }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text", innerHTML: overlays.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, overlays.translate('HIDETRANSLATION')) : overlays.translate('SEETRANSLATION'))));
   }
   renderHeadingContainerContent() {
     var _a, _b, _c;
@@ -220,11 +221,11 @@ const YooCardListComponent = class {
         if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
           return;
         }
-        if ((index$1.isCloudinaryLink(item) || index$1.isUnsplashUrl(item) || item.endsWith('.gif')) && !this.entry.forceTextHeading) {
+        if ((overlays.isCloudinaryLink(item) || overlays.isUnsplashUrl(item) || item.endsWith('.gif')) && !this.entry.forceTextHeading) {
           return this.renderMedia(item);
         }
         else {
-          return index$1.isWeb(this.host) && !preventToolTip && !((_b = index$1.getSession()) === null || _b === void 0 ? void 0 : _b.isExternal) ? (index.h("yoo-tooltip", { content: itemText, placement: "bottom", delay: [1500, 0] }, this.renderSubheading(itemText, extraIcon))) : (this.renderSubheading(itemText, extraIcon));
+          return overlays.isWeb(this.host) && !preventToolTip && !((_b = overlays.getSession()) === null || _b === void 0 ? void 0 : _b.isExternal) ? (index.h("yoo-tooltip", { content: itemText, placement: "bottom", delay: [1500, 0] }, this.renderSubheading(itemText, extraIcon))) : (this.renderSubheading(itemText, extraIcon));
         }
       }
       else if (item) {
@@ -239,7 +240,7 @@ const YooCardListComponent = class {
     var _a, _b, _c;
     let userRole;
     if ((_b = (_a = this.entry.users) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.role) {
-      userRole = index$1.translate(this.entry.users[0].role);
+      userRole = overlays.translate(this.entry.users[0].role);
     }
     if (this.isQuestionCardList() && !forceSubheadingRender && ((_c = this.entry.users) === null || _c === void 0 ? void 0 : _c.length) > 0) {
       return index.h("div", { class: "subheading-container" }, `${userRole ? `${userRole} • ` : ''}${this.entry.date}`);
@@ -249,10 +250,10 @@ const YooCardListComponent = class {
     }
   }
   renderSubheading(itemText, extraIcon) {
-    return (index.h("div", { class: "subheading-container" }, extraIcon, index.h("span", { class: { 'with-markdown': this.isRenderBadgeOutside }, innerHTML: this.isRenderBadgeOutside ? index$1.replaceAllLinks(index$1.parseMarkDown(itemText), true) : itemText })));
+    return (index.h("div", { class: "subheading-container" }, extraIcon, index.h("span", { class: { 'with-markdown': this.isRenderBadgeOutside }, innerHTML: this.isRenderBadgeOutside ? overlays.replaceAllLinks(overlays.parseMarkDown(itemText), true) : itemText })));
   }
   renderRightVideoImage() {
-    const isVideo = index$1.isPresent(this.entry.rightVideoSrc);
+    const isVideo = overlays.isPresent(this.entry.rightVideoSrc);
     return (index.h("div", { class: {
         'image-video-preview': true,
         video: isVideo
@@ -262,16 +263,16 @@ const YooCardListComponent = class {
     return (this.entry.tagElements || this.entry.tags || this.entry.icons || this.entry.bottomActions) && !this.entry.isCollapsible;
   }
   renderMedia(item) {
-    if (index$1.isVideo(item)) {
+    if (overlays.isVideo(item)) {
       return this.renderVideo(item);
     }
-    return (index.h("yoo-img", { class: "subheading-container comment-image", instant: this.entry.isGridCell, type: this.entry.allowOrientation ? 'default' : 'background', src: new index$1.Cloudinary(item).quality('eco').getUrl(), scaledUp: this.entry.allowOrientation, scaledUpInWidth: this.entry.allowOrientation, ref: (el) => (this.imgRef = el), onClick: () => this.imageClicked(item) }));
+    return (index.h("yoo-img", { class: "subheading-container comment-image", instant: this.entry.isGridCell, type: this.entry.allowOrientation ? 'default' : 'background', src: new overlays.Cloudinary(item).quality('eco').getUrl(), scaledUp: this.entry.allowOrientation, scaledUpInWidth: this.entry.allowOrientation, ref: (el) => (this.imgRef = el), onClick: () => this.imageClicked(item) }));
   }
   renderUIFields() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (((_b = (_a = this.entry.uiFields) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       !lodash.isEmpty((_c = this.entry.uiFields) === null || _c === void 0 ? void 0 : _c.data) &&
-      this.entry.uiFields.fields.some((f) => index$1.isFieldWithNoValue(f) || !index$1.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
+      this.entry.uiFields.fields.some((f) => overlays.isFieldWithNoValue(f) || !overlays.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (index.h("div", { class: "uifield-container" }, index.h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, isPdf: this.entry.isPdf, onDataChanged: (ev) => {
@@ -292,7 +293,7 @@ const YooCardListComponent = class {
         ...commonHelpers.getAppContext(this.host),
         map: this.isMap,
         vip: this.entry.vip,
-        firefox: index$1.isFirefox(),
+        firefox: overlays.isFirefox(),
         'secondary-view': this.isRenderBadgeOutside
       } }, !(this.isQuestionCardList() && this.host.classList.contains('selected-content')) && (index.h("div", { class: { 'outer-container': true }, ref: (el) => (this.outerDiv = el) }, this.entry.rank && this.entry.points !== undefined && index.h("div", { class: "rank-container" }, this.entry.rank), (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText || this.host.classList.contains('calendarEvents')) && (index.h("div", { class: { 'card-list-image-container': true, [this.entry.avatarSize]: true } }, index.h("yoo-card-list-image", { class: this.host.classList.value, entry: this.entry, isMap: this.isMap }))), index.h("div", { class: {
         'content-container': true,

package/dist/cjs/yoo-card-location.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardLocationCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .container{--address-max-lines:1;--title-max-lines:2;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:var(--spacing-08, 0.5rem)}:host h1,:host p{margin:0}:host header{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem)}:host h1{font-weight:normal;font-size:var(--font-size-16, 1rem);overflow:hidden}@supports (display: -webkit-box){:host h1{display:-webkit-box;-webkit-line-clamp:var(--title-max-lines);-webkit-box-orient:vertical}}:host p{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host p.address{overflow:hidden}@supports (display: -webkit-box){:host p.address{display:-webkit-box;-webkit-line-clamp:var(--address-max-lines);-webkit-box-orient:vertical}}:host p:not(.address){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .distance{--padding:0;margin-left:auto}:host .distance :not([hidden]){display:var(--tag-visibility, \"initial\")}:host .information{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-02, 0.125rem)}:host yoo-kpi-card{--grid-auto-flow:inherit;--grid-template-columns:repeat(4, minmax(0, 1fr));--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:var(--font-weight-400, 400);--value-margin:var(--spacing-04, 0.25rem) 0 0;--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);--variation-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host(.grid-cell){margin-top:var(--spacing-08, 0.5rem)}";
 
@@ -27,10 +28,10 @@ const YooCardLocationComponent = class {
     const heading = (_a = this.heading) === null || _a === void 0 ? void 0 : _a.trim();
     const { src: image, instant: isImageInstantlyLoaded } = this.image || {};
     const { date: visit, relative: isVisitRelative } = this.visit || {};
-    const hasDistance = index$1.isPresent(this.distance) && this.distance >= 0;
+    const hasDistance = overlays.isPresent(this.distance) && this.distance >= 0;
     const hasVisits = this.visits >= 0;
     const hasKpis = !!((_b = this.kpis) === null || _b === void 0 ? void 0 : _b.length);
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), index.h("div", { class: "information" }, index.h("header", null, index.h("br", { hidden: this.bookmarked || !!heading || hasDistance }), index.h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), index.h("h1", { hidden: !heading, class: "heading-title" }, heading), index.h("yoo-tag", { class: "distance", hidden: !hasDistance }, index.h("yoo-icon", { name: "pin", size: "small", slot: "start" }), index$1.pipes.distance.transform(this.distance))), index.h("p", { class: "address", hidden: !this.address }, this.address), index.h("p", { hidden: !this.visit }, visit && (index$1.translate('LASTVISIT') + ' ' + index$1.pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : 'L LT'))), index.h("p", { hidden: !hasVisits }, index$1.translate('VISITCOUNT'), ": ", this.visits))), hasKpis && index.h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
+    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), index.h("div", { class: "information" }, index.h("header", null, index.h("br", { hidden: this.bookmarked || !!heading || hasDistance }), index.h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), index.h("h1", { hidden: !heading, class: "heading-title" }, heading), index.h("yoo-tag", { class: "distance", hidden: !hasDistance }, index.h("yoo-icon", { name: "pin", size: "small", slot: "start" }), overlays.pipes.distance.transform(this.distance))), index.h("p", { class: "address", hidden: !this.address }, this.address), index.h("p", { hidden: !this.visit }, visit && (overlays.translate('LASTVISIT') + ' ' + overlays.pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : 'L LT'))), index.h("p", { hidden: !hasVisits }, overlays.translate('VISITCOUNT'), ": ", this.visits))), hasKpis && index.h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
   }
 };
 YooCardLocationComponent.style = cardLocationCss;

package/dist/cjs/yoo-card-media.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardMediaCss = ":host{--left-container-width:35rem;--right-container-width:100%;--image-height:unset;--text-content-spacing-top:var(--spacing-02, 0.125rem);--text-content-spacing-left:var(--spacing-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-audio-player{--range-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));position:absolute;bottom:var(--spacing-08, 0.5rem);width:calc(100% - 0.75rem);margin:0 auto;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-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 yoo-audio-player.svg{width:100%;padding:0 var(--spacing-16, 1rem)}:host yoo-context-menu{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host yoo-form-checkbox{position:absolute;top:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem)}:host yoo-icon.play{position:absolute}:host yoo-img{width:100%;height:var(--image-height)}:host yoo-img.audio{background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-img.video::after{position:absolute;width:100%;height:100%;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));content:\"\"}:host yoo-items{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .avatar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}:host .avatar yoo-avatar{margin-right:var(--text-content-spacing-left)}:host .description>*+*{margin-top:var(--text-content-spacing-top)}:host .description strong{display:block}:host .footer{position:relative;padding:var(--spacing-08, 0.5rem)}:host .footer>*+*:not(yoo-context-menu){margin-top:var(--text-content-spacing-top)}:host .footer .description{margin-right:var(--spacing-24, 1.5rem)}:host .main{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .main .description{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff)}:host .stable{color:var(--stable, #adadad)}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([overlaid]) .footer{display:-ms-flexbox;display:flex;height:1.5rem}:host(:not([overlaid])) .footer{height:7.5rem;background-color:var(--stable-ultralight, #fafafa)}:host([size=small]){width:7.5rem;padding:0 var(--spacing-04, 0.25rem)}:host([size=small]) yoo-img{--image-height:7.5rem}:host([size=medium]){width:8.25rem;padding:0 var(--spacing-08, 0.5rem)}:host([size=medium]) yoo-img{--image-height:6.125rem}:host([size=large]){width:17.5rem;padding:0 var(--spacing-08, 0.5rem)}:host([size=large]) yoo-img{--image-height:13.125rem}:host(:hover:not([mode=fullscreen])) .footer,:host([mode=selection]) .footer{background-color:var(--stable-light, #f1f1f1)}:host(:hover:not([mode=fullscreen])) .main::after,:host([mode=selection]) .main::after{position:absolute;z-index:50;width:100%;height:100%;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));content:\"\"}:host(:hover:not([mode=fullscreen])) .main>*:not(yoo-img):not(yoo-icon):not(yoo-audio-player),:host([mode=selection]) .main>*:not(yoo-img):not(yoo-icon):not(yoo-audio-player){z-index:100}:host(:hover:not([size=large])) yoo-tag:not([icon=tick]):not([icon=close]),:host([mode=selection]:not([size=large])) yoo-tag:not([icon=tick]):not([icon=close]){display:none}:host(:not(:hover):not([mode=selection])) yoo-form-checkbox,:host(:not(:hover):not([mode=selection])) .main .description{display:none}:host([overlaid]:not(:hover):not([mode=selection])) yoo-context-menu{display:none}:host([mode=fullscreen]){--text-content-spacing-top:var(--spacing-08, 0.5rem);--text-content-spacing-left:var(--spacing-08, 0.5rem);--hover-opacity:0;--right-container-width:17.5rem;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;padding:0;overflow:hidden;font-size:var(--font-size-16, 1rem);text-align:left;background:var(--dark, #000000);cursor:initial}:host([mode=fullscreen]) yoo-image{--image-height:unset}:host([mode=fullscreen]) yoo-audio-player{--range-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff);position:absolute;bottom:calc(50% - 10rem)}:host([mode=fullscreen]) yoo-icon[name=close]{position:absolute;top:max(var(--safe-area-inset-top), var(--spacing-16, 1rem));left:max(var(--safe-area-inset-left), var(--spacing-16, 1rem));z-index:99}:host([mode=fullscreen]) yoo-items{top:max(var(--safe-area-inset-top), var(--spacing-16, 1rem));right:max(var(--safe-area-inset-right), var(--spacing-16, 1rem));z-index:99}:host([mode=fullscreen]) .main{position:relative;-ms-flex-negative:0;flex-shrink:0;width:var(--left-container-width);height:100%;background:var(--dark, #000000)}:host([mode=fullscreen]) .main .hover-container{z-index:51;opacity:var(--hover-opacity)}:host([mode=fullscreen]) .main:hover{--hover-opacity:1}:host([mode=fullscreen]) .main:hover::after(:not(.video):not(.audio)){position:absolute;z-index:50;width:100%;height:100%;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));content:\"\"}:host([mode=fullscreen]) .footer{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--right-container-width);height:auto;padding:var(--spacing-16, 1rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff)}:host([mode=fullscreen]) .footer .avatar{display:-ms-flexbox;display:flex}:host([mode=fullscreen]) .footer .avatar yoo-context-menu{position:relative;right:initial;bottom:initial;margin-left:auto;padding-left:var(--spacing-04, 0.25rem)}:host([mode=fullscreen]) .footer .avatar yoo-tooltip{overflow:hidden}:host([mode=fullscreen]) .footer .avatar,:host([mode=fullscreen]) .footer .description .avatar{margin-top:0;font-size:var(--font-size-16, 1rem);cursor:pointer}:host([mode=fullscreen]) .footer .description{margin-right:0}:host([mode=fullscreen]) .footer .description .subheading{margin-top:var(--spacing-04, 0.25rem)}:host([mode=fullscreen]) .footer .description .avatar{margin-top:var(--spacing-08, 0.5rem)}:host([mode=fullscreen]) .footer .tags-container{margin-top:var(--spacing-16, 1rem);padding-top:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host([mode=fullscreen]) .footer .tags-container yoo-tag{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([mode=fullscreen]) .footer .tags-container yoo-tooltip{max-width:100%}:host(.custommodels) .footer,:host(.missiondescriptiontemplates) .footer,:host(.missiondescriptions) .footer{height:auto}:host(.mobile),:host(.no-footer){--left-container-width:100%}:host(.mobile[type=photo]) yoo-items{margin-top:-0.25rem;margin-right:var(--spacing-32, 2rem)}";
 
@@ -172,21 +173,21 @@ const YooCardMediaComponent = class {
   renderDescription() {
     return (index.h("div", { class: "description", onClick: () => {
         this.descriptionClicked.emit(true);
-      } }, this.headlined && index.h("strong", { class: "truncated" }, index$1.translateMulti(this.headline)), this.subheading && index.h("div", { class: "subheading" }, index$1.translateMulti(this.subheading)), this.owned &&
+      } }, this.headlined && index.h("strong", { class: "truncated" }, overlays.translateMulti(this.headline)), this.subheading && index.h("div", { class: "subheading" }, overlays.translateMulti(this.subheading)), this.owned &&
       this.renderAvatar(this.userImage, this.userFullName, false, () => {
         this.userClicked.emit(true);
       }), this.placed && index.h("div", { class: { stable: !this.overlaid, truncated: !this.isFullscreenMode } }, this.location), this.dated && index.h("div", { class: { stable: !this.overlaid, truncated: true } }, this.date.toLocaleDateString())));
   }
   renderBadges() {
-    return (index.h("yoo-items", { spacing: 4 }, this.hasValidation && index.h("yoo-tag", { color: this.validationColor, icon: this.validationIcon, iconOnlyColor: "dark-40" }), this.annotated && index.h("yoo-tag", { color: "accent", icon: "photo-annotated", iconOnlyColor: "dark-40" }), this.flagged && index.h("yoo-tag", { color: "energized", icon: "flag", iconOnlyColor: "dark-40" }), this.tagged && (index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), content: this.filteredTags.join(', '), placement: "bottom" }, index.h("yoo-tag", { color: "dark", icon: this.size === 'large' ? undefined : 'tag', iconOnlyColor: "light-40" }, this.size === 'large' && index.h("yoo-icon", { size: "small", slot: "start", name: "tag", color: "light-40" }), this.size === 'large' && this.filteredTags.length.toString())))));
+    return (index.h("yoo-items", { spacing: 4 }, this.hasValidation && index.h("yoo-tag", { color: this.validationColor, icon: this.validationIcon, iconOnlyColor: "dark-40" }), this.annotated && index.h("yoo-tag", { color: "accent", icon: "photo-annotated", iconOnlyColor: "dark-40" }), this.flagged && index.h("yoo-tag", { color: "energized", icon: "flag", iconOnlyColor: "dark-40" }), this.tagged && (index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), content: this.filteredTags.join(', '), placement: "bottom" }, index.h("yoo-tag", { color: "dark", icon: this.size === 'large' ? undefined : 'tag', iconOnlyColor: "light-40" }, this.size === 'large' && index.h("yoo-icon", { size: "small", slot: "start", name: "tag", color: "light-40" }), this.size === 'large' && this.filteredTags.length.toString())))));
   }
   renderContextMenu() {
     return (index.h("yoo-context-menu", { contentButtons: this.actions }, index.h("yoo-icon", { size: "medium", name: "more", color: "stable" })));
   }
   renderTags(tags) {
     return (index.h("div", { class: "tags-container" }, tags === null || tags === void 0 ? void 0 : tags.map((tag) => {
-      const translatedTag = index$1.translateMulti(tag);
-      return (index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), content: translatedTag }, index.h("yoo-tag", { color: "stable-light" }, translatedTag)));
+      const translatedTag = overlays.translateMulti(tag);
+      return (index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), content: translatedTag }, index.h("yoo-tag", { color: "stable-light" }, translatedTag)));
     })));
   }
   renderImg() {
@@ -197,7 +198,7 @@ const YooCardMediaComponent = class {
   }
   renderMain() {
     const isAudio = this.type === 'audio';
-    return (index.h("div", { class: "main" }, this.isFullscreenMode && !isAudio && index.h("slot", { name: "main" }), (!this.isFullscreenMode || isAudio) && this.renderImg(), !this.isFullscreenMode && index.h("yoo-form-checkbox", { value: this.selected, onClick: ev => ev.stopPropagation(), onInputChanged: ev => this.onSelect(ev) }), this.hasBadge && this.renderBadges(), isAudio && index.h("yoo-audio-player", { ref: el => this.audioPlayerElement = el, displayTimeOnly: true, src: this.src }), this.type === 'video' && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: this.size === 'large' ? 'extra-extra-large' : 'medium' }), this.describedOnOverlay && this.renderDescription(), this.isFullscreenMode && this.renderHoverActions(), this.isFullscreenMode && this.showCloseButton && index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => index$1.closeModal(null)) })));
+    return (index.h("div", { class: "main" }, this.isFullscreenMode && !isAudio && index.h("slot", { name: "main" }), (!this.isFullscreenMode || isAudio) && this.renderImg(), !this.isFullscreenMode && index.h("yoo-form-checkbox", { value: this.selected, onClick: ev => ev.stopPropagation(), onInputChanged: ev => this.onSelect(ev) }), this.hasBadge && this.renderBadges(), isAudio && index.h("yoo-audio-player", { ref: el => this.audioPlayerElement = el, displayTimeOnly: true, src: this.src }), this.type === 'video' && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: this.size === 'large' ? 'extra-extra-large' : 'medium' }), this.describedOnOverlay && this.renderDescription(), this.isFullscreenMode && this.renderHoverActions(), this.isFullscreenMode && this.showCloseButton && index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => overlays.closeModal(null)) })));
   }
   renderFooter() {
     return (index.h("div", { class: "footer" }, this.isFullscreenMode && index.h("slot", { name: "footer" }), this.renderAvatar(this.locationImage, this.locatedWithTitle ? this.locationTitle : null, this.isFullscreenMode && this.actionable, () => {

package/dist/cjs/yoo-card-menu.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardMenuCss = ":host{--counter-color:var(--dark, #000000);--icon-color:var(--dark, #000000);--icon-background-color:transparent;--icon-margin-left:0;--icon-border-radius:0;--icon-padding:0;--arrow-margin:0 0 0 var(--spacing-08, 0.5rem);--container-box-shadow:0;--container-padding-bottom:0.4rem;--container-border-radius:0;--title-padding:0}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--container-padding-bottom);overflow:hidden;white-space:nowrap;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--container-border-radius);-webkit-box-shadow:var(--container-box-shadow);box-shadow:var(--container-box-shadow)}:host .outer-container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:var(--title-padding);color:var(--dark, #000000)}:host .outer-container yoo-icon.start{margin-right:var(--spacing-08, 0.5rem);margin-left:var(--icon-margin-left);padding:var(--icon-padding);background-color:var(--icon-background-color);border-radius:var(--icon-border-radius);fill:var(--icon-color)}:host .outer-container yoo-icon.end{margin:var(--arrow-margin)}:host .outer-container .counter{color:var(--counter-color)}:host(.web.selected) .outer-container{color:var(--app-color, #5a30f4)}:host(.web.selected) .outer-container .title,:host(.web.selected) .outer-container .counter{color:var(--app-color, #5a30f4)}:host(.web.selected) .outer-container yoo-icon{fill:var(--app-color, #5a30f4)}";
 
@@ -25,7 +26,7 @@ const YooCardMenuComponent = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.el) }, index.h("div", { class: "outer-container" }, index.h("yoo-icon", { class: "start", name: this.renderIcon(), size: this.sizeLeftIcon || 'medium' }), index.h("div", { class: "title" }, index$1.translateMulti(this.entry.title)), this.entry.count && index.h("div", { class: "counter" }, this.entry.count), index.h("yoo-icon", { class: "end", size: this.sizeLeftIcon || 'medium', name: this.typeRightIcon || 'right', color: "stable" }))));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.el) }, index.h("div", { class: "outer-container" }, index.h("yoo-icon", { class: "start", name: this.renderIcon(), size: this.sizeLeftIcon || 'medium' }), index.h("div", { class: "title" }, overlays.translateMulti(this.entry.title)), this.entry.count && index.h("div", { class: "counter" }, this.entry.count), index.h("yoo-icon", { class: "end", size: this.sizeLeftIcon || 'medium', name: this.typeRightIcon || 'right', color: "stable" }))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-notification.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardNotificationCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:4rem;padding:var(--spacing-04, 0.25rem) 0;cursor:pointer}:host .left-container{display:-ms-flexbox;display:flex;margin-left:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem)}:host .left-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);word-break:break-word}:host .left-container .text-container yoo-truncate{--max-lines:3}:host .left-container .text-container .title{font-weight:var(--font-weight-700, 700)}:host .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:4rem;margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-04, 0.25rem);padding-top:var(--spacing-08, 0.5rem)}:host .right-container .time{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);text-align:end}:host .right-container yoo-img,:host .right-container yoo-videoplayer-core{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin:var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem) auto}:host(.unread){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.unread) .right-container .time{color:var(--app-color, #5a30f4)}";
 
@@ -19,7 +20,7 @@ const YooCardNotificationComponent = class {
     this.instant = false;
   }
   renderRightMedia() {
-    return index$1.isVideo(this.imgSrc) ?
+    return overlays.isVideo(this.imgSrc) ?
       index.h("yoo-videoplayer-core", { blockControlAndAutoPlayOnTap: true, readonly: true, videoPlayerCoreParameters: {
           controls: false,
           cover: true,
@@ -31,7 +32,7 @@ const YooCardNotificationComponent = class {
       : index.h("yoo-img", { instant: this.instant, src: this.imgSrc });
   }
   render() {
-    return (index.h(index.Host, null, index.h("section", { class: "left-container" }, index.h("slot", { name: "item-left" }), index.h("div", { class: "text-container" }, this.notificationTitle && index.h("yoo-truncate", { class: "title" }, index$1.translateMulti(this.notificationTitle)), index.h("yoo-truncate", null, index$1.removeTextStyle(index$1.translateMulti(this.body))))), index.h("section", { class: "right-container" }, this.timeAgo && index.h("span", { class: "time" }, this.timeAgo), this.imgSrc && this.renderRightMedia())));
+    return (index.h(index.Host, null, index.h("section", { class: "left-container" }, index.h("slot", { name: "item-left" }), index.h("div", { class: "text-container" }, this.notificationTitle && index.h("yoo-truncate", { class: "title" }, overlays.translateMulti(this.notificationTitle)), index.h("yoo-truncate", null, overlays.removeTextStyle(overlays.translateMulti(this.body))))), index.h("section", { class: "right-container" }, this.timeAgo && index.h("span", { class: "time" }, this.timeAgo), this.imgSrc && this.renderRightMedia())));
   }
 };
 YooCardNotificationComponent.style = cardNotificationCss;

package/dist/cjs/yoo-card-placeholder.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const cardPlaceholderCss = ":host{display:block;width:100%}@-webkit-keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerDarkGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerDarkGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerGrayColor{0%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{fill:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGrayColor{0%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{fill:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerGrayTextColor{0%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGrayTextColor{0%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}}:host .outer-container{width:100%;background:var(--light, #ffffff)}:host .outer-container .masker{position:absolute;background:var(--light, #ffffff)}:host .outer-container.card-sticky{height:13.0625rem}:host .outer-container.card-sticky .animated-background{height:100%}:host .outer-container.card-sticky .animated-background .masker.category-content,:host .outer-container.card-sticky .animated-background .masker.title-content,:host .outer-container.card-sticky .animated-background .masker.button-content{left:var(--spacing-16, 1rem)}:host .outer-container.card-sticky .animated-background .masker.category-content{top:2.875rem;width:var(--spacing-40, 2.5rem);height:0.575rem}:host .outer-container.card-sticky .animated-background .masker.title-content{top:4.125rem;width:6.25rem;height:3.375rem}:host .outer-container.card-sticky .animated-background .masker.button-content{top:8.6875rem;width:4.625rem;height:1.5rem}:host .outer-container.card-sticky-plans{display:-ms-flexbox;display:flex;width:19.375rem;height:13.125rem;padding-right:var(--spacing-16, 1rem);background:transparent}:host .outer-container.card-sticky-plans .image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-sticky-plans .image-container .title{height:14%;background:var(--light, #ffffff);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-sticky-plans .image-container .title.first{width:60%;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container.card-sticky-plans .image-container .title.last{width:80%}:host .outer-container.card-feed{height:28.3125rem}:host .outer-container.card-feed .animated-background{height:100%}:host .outer-container.card-feed .animated-background .masker.feed-heading-left,:host .outer-container.card-feed .animated-background .masker.feed-heading-middle{left:2.25rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-left{top:0;width:0.59375rem;height:2.25rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-middle{top:1.0625rem;right:0;height:0.1875rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-right{top:0;right:0;left:11.8125rem;height:1.0625rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-right-2{top:var(--spacing-16, 1rem);right:0;left:21.1875rem;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-heading-bottom-2{top:var(--spacing-32, 2rem);right:0;left:2.25rem;height:0.0625rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-bottom{top:2.25rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-under-img-top{top:19.4375rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-under-img-middle{top:20.4375rem;left:2.0625rem;width:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-icon-left,:host .outer-container.card-feed .animated-background .masker.feed-icon-left-2{top:20.375rem;height:1.125rem}:host .outer-container.card-feed .animated-background .masker.feed-icon-left{left:1.125rem;width:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-icon-left-2{right:0;left:3.3125rem}:host .outer-container.card-feed .animated-background .masker.feed-icon-bottom{top:21.5rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-like-bottom{top:23.5625rem;right:0;left:0;height:0.1875rem}:host .outer-container.card-feed .animated-background .masker.feed-description-bottom{top:27.3125rem;right:0;bottom:0;left:0}:host .outer-container.card-course{width:unset;margin:0 0.325rem var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);overflow:-webkit-paged-x;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-course .inner-container{margin:0 var(--spacing-16, 1rem) var(--spacing-04, 0.25rem)}:host .outer-container.card-course .inner-container.course-image.pulsing{height:16.8rem;margin:0 0 2rem}:host .outer-container.card-course .inner-container.course-title.pulsing{width:65%;height:2rem}:host .outer-container.card-course .inner-container.course-content.pulsing{height:4rem}:host .outer-container.card-course .inner-container.course-badge{display:inline-block;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%}:host .outer-container.card-course .inner-container.course-badge .badge.pulsing{float:left;width:4rem;border-radius:var(--spacing-16, 1rem)}:host .outer-container.card-course .inner-container.course-badge .badge.pulsing yoo-icon{padding-left:var(--spacing-08, 0.5rem);fill:var(--light, #ffffff)}:host .outer-container.card-course .inner-container.course-badge .due-date.pulsing{float:right;width:40%;height:1.75rem;margin-right:var(--spacing-40, 2.5rem)}:host .outer-container.card-course .inner-container.course-lessons-count.pulsing{width:18%;height:var(--spacing-16, 1rem)}:host .outer-container.card-course .inner-container.course-progress.pulsing{height:0.5rem;margin-top:var(--spacing-16, 1rem)}:host .outer-container.card-course-category{background:transparent}:host .outer-container.card-course-category .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .outer-container.card-course-category .info-container yoo-icon.store{margin-right:0.5625rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-category .info-container .title{width:45%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-category .info-container yoo-icon.right{margin-left:auto;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-sticky-courses-small{display:-ms-flexbox;display:flex;width:10rem;height:8.125rem;padding-right:var(--spacing-8);background:transparent}:host .outer-container.card-sticky-courses-small .image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-sticky-courses-small .image-container .title{height:14%;background:var(--light, #ffffff);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-sticky-courses-small .image-container .title.first{width:60%;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container.card-sticky-courses-small .image-container .title.last{width:80%}:host .outer-container.card-course-row{display:-ms-flexbox;display:flex;height:7rem;margin-bottom:0.75rem;background:transparent}:host .outer-container.card-course-row .image-container{width:13rem;height:7rem;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.card-course-row .content-container{width:100%;margin:0 0.75rem}:host .outer-container.card-course-row .content-container .lesson-count-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem}:host .outer-container.card-course-row .content-container .lesson-count-row yoo-icon{padding-right:0.3rem;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-row .content-container .lesson-count-row .lesson-count{width:35%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .description-row{width:100%;height:var(--spacing-16, 1rem);margin-top:0.25rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .points-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem}:host .outer-container.card-course-row .content-container .points-row yoo-icon{padding-right:0.3rem;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-row .content-container .points-row .points{width:20%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .separator{margin-top:1.4375rem}:host .outer-container.card-questions{height:100%;background:transparent}:host .outer-container.card-questions .container{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-questions .container.top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-questions .container.top .avatar.pulsing{width:2.0625rem;height:2.0625rem;border-radius:50%}:host .outer-container.card-questions .container.top .user-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2;margin:0 var(--spacing-08, 0.5rem)}:host .outer-container.card-questions .container.top .user-info .name.pulsing{width:50%;height:0.8rem;margin-bottom:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.top .user-info .store.pulsing{width:40%;height:0.8rem;margin-top:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.top yoo-icon{float:right;margin-right:0.5625rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-questions .container.image.pulsing{max-width:100%;height:16.25rem;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-questions .container.question.pulsing{width:65%;height:1.5rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.subquestion{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:60%}:host .outer-container.card-questions .container.subquestion .post-date.pulsing{width:50%;height:1.3rem;margin-right:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.subquestion .answers-count.pulsing{width:40%;height:1.3rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .extra.pulsing{width:20%;height:1.2rem;padding-left:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-01, 0.0625rem);fill:var(--light, #ffffff)}:host .outer-container.card-question-answers{height:100%;background:transparent}:host .outer-container.card-question-answers .container{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-question-answers .container.top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-question-answers .container.top .avatar.pulsing{width:2.0625rem;height:2.0625rem;border-radius:50%}:host .outer-container.card-question-answers .container.top .user-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2;margin:0 var(--spacing-08, 0.5rem)}:host .outer-container.card-question-answers .container.top .user-info .name.pulsing{width:50%;height:0.8rem;margin-bottom:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.top .user-info .store.pulsing{width:40%;height:0.8rem;margin-top:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.answer.pulsing{height:1.5rem}:host .outer-container.card-question-answers .container.answer.pulsing.first{width:100%;margin-bottom:0.25rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.answer.pulsing.last{width:65%;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer{display:inline-block;-ms-flex-direction:row;flex-direction:row;width:100%}:host .outer-container.card-question-answers .container.subanswer .post-date.pulsing{float:left;width:30%;height:var(--spacing-16, 1rem);margin-right:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer .reply.pulsing{float:left;width:15%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer yoo-icon{float:right;margin-right:0.5625rem;font-size:var(--font-size-18, 1.125rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-list{height:3.375rem;margin-top:0.5rem}:host .outer-container.card-list .animated-background{height:100%;margin-right:var(--spacing-16, 1rem)}:host .outer-container.feedsComment{height:6.6875rem}:host .outer-container.feedsComment .animated-background .container-image{top:2.875rem;bottom:0;left:0;width:2.25rem}:host .outer-container.feedsComment .animated-background .container-top{top:0;right:0;left:0;height:var(--spacing-08, 0.5rem)}:host .outer-container.feedsComment .animated-background .container-left{top:0;bottom:0;left:2.25rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.feedsComment .animated-background .container-middle{top:1.75rem;right:0;left:2.25rem;height:0.5rem}:host .outer-container.feedsComment .animated-background .container-middle-2{top:4.5rem;right:0;left:2.25rem;height:0.5rem}:host .outer-container.feedsComment .animated-background .container-bottom{right:0;bottom:0;left:0;height:0.6875rem}:host .outer-container.channel .animated-background .container-image,:host .outer-container.missiondescriptions .animated-background .container-image,:host .outer-container.channels .animated-background .container-image,:host .outer-container.views .animated-background .container-image{top:0;left:0;width:2.8125rem;height:var(--spacing-16, 1rem)}:host .outer-container.channel .animated-background .container-image-2,:host .outer-container.missiondescriptions .animated-background .container-image-2,:host .outer-container.channels .animated-background .container-image-2,:host .outer-container.views .animated-background .container-image-2{bottom:0;left:0;width:2.8125rem;height:var(--spacing-16, 1rem)}:host .outer-container.channel .animated-background .container-left,:host .outer-container.missiondescriptions .animated-background .container-left,:host .outer-container.channels .animated-background .container-left,:host .outer-container.views .animated-background .container-left{top:0;bottom:0;left:2.8125rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.channel,:host .outer-container.missiondescriptions,:host .outer-container.channels{height:4.6875rem}:host .outer-container.channel .animated-background .container-top,:host .outer-container.missiondescriptions .animated-background .container-top,:host .outer-container.channels .animated-background .container-top{top:0;right:0;left:0;height:0.4375rem}:host .outer-container.channel .animated-background .container-middle,:host .outer-container.missiondescriptions .animated-background .container-middle,:host .outer-container.channels .animated-background .container-middle{top:1.75rem;right:0;left:2.8125rem;height:0.125rem}:host .outer-container.channel .animated-background .container-bottom,:host .outer-container.missiondescriptions .animated-background .container-bottom,:host .outer-container.channels .animated-background .container-bottom{right:0;bottom:0;left:0;height:0.5625rem}:host .outer-container.views{height:4.0625rem}:host .outer-container.views .container-top{top:0;right:0;left:2.8125rem;height:1.5rem}:host .outer-container.views .container-bottom{right:0;bottom:0;left:2.8125rem;height:1.5rem}:host .outer-container.views .container-right{top:1.5rem;right:0;left:15.1875rem;height:1.0625rem}:host .outer-container.users .container-top,:host .outer-container.notifications .container-top{top:0;right:0;left:2.8125rem;height:0.5625rem}:host .outer-container.users .container-left,:host .outer-container.notifications .container-left{top:0;bottom:0;left:2.8125rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.users .container-middle,:host .outer-container.notifications .container-middle{top:var(--spacing-32, 2rem);right:0;left:2.8125rem;height:0.2rem}:host .outer-container.users .container-bottom,:host .outer-container.notifications .container-bottom{right:0;bottom:0;left:2.8125rem;height:0.5625rem}:host .outer-container.users{height:3.6875rem}:host .outer-container.users .container-image{top:0;left:0;width:2.8125rem;height:var(--spacing-08, 0.5rem)}:host .outer-container.users .container-image-2{bottom:0;left:0;width:2.8125rem;height:var(--spacing-08, 0.5rem)}:host .outer-container.notifications{height:6.25rem}:host .outer-container.notifications .container-image{top:0;left:0;width:2.8125rem;height:1.0625rem}:host .outer-container.notifications .container-image-2{bottom:0;left:0;width:2.8125rem;height:1.0625rem}:host .outer-container.notifications .container-right{top:0.5625rem;right:5.5rem;left:9.6875rem;height:1.3125rem}:host .outer-container.missions,:host .outer-container.memolist,:host .outer-container.dashboards,:host .outer-container.locations{height:3.4375rem}:host .outer-container.missions .container-top,:host .outer-container.memolist .container-top,:host .outer-container.dashboards .container-top,:host .outer-container.locations .container-top{top:0;right:0;left:0;height:var(--spacing-08, 0.5rem)}:host .outer-container.missions .container-right,:host .outer-container.memolist .container-right,:host .outer-container.dashboards .container-right,:host .outer-container.locations .container-right{top:var(--spacing-08, 0.5rem);right:4rem;left:10rem;height:1.125rem}:host .outer-container.missions .container-right-2,:host .outer-container.memolist .container-right-2,:host .outer-container.dashboards .container-right-2,:host .outer-container.locations .container-right-2{top:2rem;right:0;left:3.5rem;height:1.125rem}:host .outer-container.missions .container-middle,:host .outer-container.memolist .container-middle,:host .outer-container.dashboards .container-middle,:host .outer-container.locations .container-middle{top:1.75rem;right:0;left:0;height:0.25rem}:host .outer-container.missions .container-bottom,:host .outer-container.memolist .container-bottom,:host .outer-container.dashboards .container-bottom,:host .outer-container.locations .container-bottom{right:0;bottom:0;left:0;height:var(--spacing-04, 0.25rem)}:host .outer-container.environnement{height:2.75rem}:host .outer-container.environnement .container-top{top:0;right:0;left:0;height:0.6875rem}:host .outer-container.environnement .container-right{top:0.6875rem;right:0;left:9.6875rem;height:1.3125rem}:host .outer-container.environnement .container-bottom{right:0;bottom:0;left:0;height:0.75rem}:host .outer-container.filesFolders,:host .outer-container.files{height:3.3125rem}:host .outer-container.filesFolders .container-image,:host .outer-container.files .container-image{top:0;left:0;width:var(--spacing-32, 2rem);height:0.4375rem}:host .outer-container.filesFolders .container-image-2,:host .outer-container.files .container-image-2{bottom:0;left:0;width:var(--spacing-32, 2rem);height:0.4375rem}:host .outer-container.filesFolders .container-top,:host .outer-container.files .container-top{top:0;right:0;left:var(--spacing-32, 2rem);height:var(--spacing-04, 0.25rem)}:host .outer-container.filesFolders .container-left,:host .outer-container.files .container-left{top:0;bottom:0;left:var(--spacing-32, 2rem);width:var(--spacing-08, 0.5rem)}:host .outer-container.filesFolders .container-right,:host .outer-container.files .container-right{top:0;right:0;bottom:0;left:9.6875rem}:host .outer-container.filesFolders .container-bottom,:host .outer-container.files .container-bottom{right:0;bottom:0;left:var(--spacing-32, 2rem);height:1.0625rem}:host .outer-container.card-list.lessons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:100%;margin:0.75rem 0;padding:var(--spacing-16, 1rem) 0;border-radius:0.5rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-list.lessons .icon-container.pulsing{width:2.0625rem;height:2.0625rem;margin:0 var(--spacing-16, 1rem);border-radius:50%}:host .outer-container.card-list.lessons .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2}:host .outer-container.card-list.lessons .info-container .title-container.pulsing{max-width:50%;min-height:1.375rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .info-container .order-container.pulsing{max-width:100%;min-height:1.125rem;margin:var(--spacing-04, 0.25rem) 0;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .info-container .remaining-points-container{display:inline-block;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-list.lessons .info-container .remaining-points-container yoo-icon{float:left;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-list.lessons .info-container .remaining-points-container .inner-text.pulsing{float:left;width:1.84375rem;min-height:var(--spacing-16, 1rem);margin:0.0625rem var(--spacing-04, 0.25rem) 0;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .extra-icon-container{min-width:2.0625rem;margin:0 var(--spacing-16, 1rem)}:host .outer-container.userranks{background:transparent}:host .outer-container.userranks .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .outer-container.userranks .info-container .rank-container{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);margin-right:var(--spacing-16, 1rem);margin-left:0.375rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container .avatar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin-right:var(--spacing-08, 0.5rem);border-radius:50%}:host .outer-container.userranks .info-container .name{width:45%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container yoo-icon.star{margin-right:0.5625rem;margin-left:auto;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.userranks .info-container .points{width:10%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container yoo-icon.right{margin-left:0.8rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-cell{height:7.5rem;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container.card-cell.header{width:80%;height:var(--spacing-16, 1rem);margin-left:var(--spacing-04, 0.25rem)}:host .outer-container.card-cell .animated-background{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:100%}:host .outer-container.card-cell .animated-background .masker{position:relative;width:var(--spacing-04, 0.25rem);height:100%}:host .outer-container.card-battle{width:100%;margin-top:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.card-battle .top-container{display:-ms-flexbox;display:flex;padding:0.75rem 0.5rem 0}:host .outer-container.card-battle .top-container .avatar{width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem);margin-right:var(--spacing-16, 1rem);border-radius:50%}:host .outer-container.card-battle .top-container .content-container{-ms-flex:1;flex:1}:host .outer-container.card-battle .top-container .content-container .opponent-name{width:75%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle .top-container .content-container .course-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.card-battle .top-container .content-container .course-container yoo-icon{padding-right:var(--spacing-04, 0.25rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-battle .top-container .content-container .course-container .course-name{width:50%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle .top-container .points-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-24, 1.5rem);border-radius:0.8125rem}:host .outer-container.card-battle .top-container .points-container yoo-icon{padding-left:var(--spacing-04, 0.25rem);fill:var(--light, #ffffff)}:host .outer-container.card-battle .bottom-container{padding:0.75rem 0.5rem}:host .outer-container.card-battle .bottom-container .inner-container{height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle-result .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.card-battle-result .inner-container .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .outer-container.card-battle-result .inner-container .column.participant{width:var(--spacing-64, 4rem)}:host .outer-container.card-battle-result .inner-container .column.participant .avatar{width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem);border-radius:50%}:host .outer-container.card-battle-result .inner-container .column.participant .username{width:var(--spacing-64, 4rem);margin-top:var(--spacing-04, 0.25rem)}:host .outer-container.card-battle-result .inner-container .column.participant .username .user{height:var(--spacing-16, 1rem)}:host .outer-container.card-battle-result .inner-container .column.score{-ms-flex-positive:1;flex-grow:1}:host .outer-container.card-battle-result .inner-container .column.score .text{width:var(--spacing-64, 4rem);height:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-battle-result .inner-container .column.score .result{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container.card-battle-result .inner-container .column.score .result .number{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host .outer-container.card-battle-result .inner-container .column.score .result .dash{margin:0 var(--spacing-04, 0.25rem);font-weight:bold;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayTextColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayTextColor 2s infinite ease-in-out}:host .separator{height:0.0625rem;-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}:host .separator.first{margin:var(--spacing-08, 0.5rem) 0}:host .separator.last{margin-top:var(--spacing-08, 0.5rem)}:host .animated-background{position:relative;background:var(--gradient-placeholder, linear-gradient(to right, #f1f1f1, rgba(241, 241, 241, 0.8)));background-size:50rem 6.5rem;-webkit-animation-name:pulseHolderShimmerDarkGray;animation-name:pulseHolderShimmerDarkGray;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .pulsing{-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}:host .pulsing.stripe{width:100%;height:5rem;margin-bottom:var(--spacing-16, 1rem)}:host .pulsing.stripe.header{width:30%;height:var(--spacing-16, 1rem);margin-bottom:0.5rem}:host .pulsing.stripe.header.info,:host .pulsing.stripe.header.success,:host .pulsing.stripe.header.energized,:host .pulsing.stripe.header.app-color{-webkit-animation:pulseHolderShimmerDarkGray 2s infinite ease-in-out;animation:pulseHolderShimmerDarkGray 2s infinite ease-in-out}:host .pulsing.stripe.search{width:75%}:host .pulsing.stripe.full-width{width:100%}:host(.no-margin) .outer-container.card-list{margin-top:0}:host(.no-margin) .outer-container.card-list .animated-background{margin-right:0}";
 

package/dist/cjs/yoo-card-plan.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const cardPlanCss = ":host(.web){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:1rem;padding-bottom:1rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);border-bottom:solid 0.0625rem var(--stable-light, #f1f1f1)}:host(.web) .image-container{padding-right:var(--spacing-08, 0.5rem)}:host(.web) .image-container .image{--border-radius:var(--border-radius-02, 0.125rem);width:4.125rem;height:2.8125rem}:host(.web) .content-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:row;flex-flow:row;overflow:hidden}";
 
@@ -16,7 +17,7 @@ const YooCardPlanComponent = class {
     index.registerInstance(this, hostRef);
   }
   renderLeftContainer() {
-    return (index.h("div", { class: "left-container" }, this.entry.heading && index.h("div", { class: "header" }, index$1.translateMulti(this.entry.heading)), this.entry.tagElements && (index.h("div", { class: "tags-container" }, this.entry.tagElements.map((tag) => {
+    return (index.h("div", { class: "left-container" }, this.entry.heading && index.h("div", { class: "header" }, overlays.translateMulti(this.entry.heading)), this.entry.tagElements && (index.h("div", { class: "tags-container" }, this.entry.tagElements.map((tag) => {
       return index.h("yoo-tag", { color: tag.color, size: tag.size, innerHTML: tag.innerHTML });
     })))));
   }