@yoobic/yobi 8.3.3 → 8.4.0-0

package/dist/design-system/yoo-card-file.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { ar as pipes, ai as isImage, ag as isVideo, dD as isAudio, fb as getIconName, fc as getIconColor, dM as getMimeType, fm as toPng, eW as getType } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { ar as pipes, aV as isImageUrl, ai as isImage, ag as isVideo, dD as isAudio, eV as getType, fa as getIconName, fb as getIconColor, fm as toPng } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const cardFileCss = ":host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host .thumbnail{border-radius:var(--border-radius-04, 0.25rem)}:host .thumbnail:first-child{margin:0 auto}:host .thumbnail yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host .details{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host .details #file-name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .details #file-size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}";
+const cardFileCss = ":host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host section:first-of-type{border-radius:var(--border-radius-04, 0.25rem)}:host section:first-of-type yoo-icon{margin:0 auto}:host section:first-of-type yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host section:last-of-type{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host section:last-of-type #name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host section:last-of-type #size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type*=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type*=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host([loading]){height:4.875rem}:host([loading]) div{-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}@-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))}}:host([loading]) div#ph-icon{width:60%;height:var(--spacing-32, 2rem);margin:0 auto;border-radius:0 var(--spacing-16, 1rem) 0 0}:host([loading]) section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem);-ms-flex-align:end;align-items:end;height:100%}:host([loading]) section div{height:45%}:host([loading]) section div:first-of-type{width:50%}:host([loading]) section div:last-of-type{width:25%}";
 
 const YooCardFileComponent = class {
   constructor(hostRef) {
@@ -15,6 +15,10 @@ const YooCardFileComponent = class {
      */
     this.isVisible = true;
   }
+  async onFileChanged() {
+    this.localFile = this.file;
+    await this.localFile && this.prepareFile();
+  }
   get fileName() {
     var _a, _b, _c;
     return this.customFileName || ((_a = this.localFile) === null || _a === void 0 ? void 0 : _a['localURL']) || ((_b = this.localFile) === null || _b === void 0 ? void 0 : _b['_filename']) || ((_c = this.localFile) === null || _c === void 0 ? void 0 : _c['name']) || new Date().toISOString();
@@ -24,61 +28,59 @@ const YooCardFileComponent = class {
     const file = typeof ((_b = (_a = this.localFile) === null || _a === void 0 ? void 0 : _a['name']) === null || _b === void 0 ? void 0 : _b[0]) !== 'string' ? (_d = (_c = this.localFile) === null || _c === void 0 ? void 0 : _c['name']) === null || _d === void 0 ? void 0 : _d[0] : this.localFile;
     return pipes.fileSize.transform(file === null || file === void 0 ? void 0 : file.size);
   }
-  get isImage() {
-    return this.type === 'photo' || isImage(this.fileSrc);
-  }
-  get isVideo() {
-    return this.type === 'video' || isVideo(this.fileSrc);
-  }
-  get isAudio() {
-    return this.type === 'audio' || isAudio(this.localFile);
+  get isType() {
+    var _a, _b, _c;
+    return {
+      image: this.type === 'photo' || ((_a = this.fileType) === null || _a === void 0 ? void 0 : _a.includes('image')) || isImageUrl(this.fileSrc) || isImage(this.fileSrc),
+      video: this.type === 'video' || ((_b = this.fileType) === null || _b === void 0 ? void 0 : _b.includes('video')) || isVideo(this.fileSrc),
+      audio: this.type === 'audio' || ((_c = this.fileType) === null || _c === void 0 ? void 0 : _c.includes('audio')) || isAudio(this.fileSrc)
+    };
   }
   get hasIcon() {
     return !!this.iconName && this.iconName !== 'image';
   }
   async componentWillLoad() {
-    this.localFile = this.file;
-    await this.localFile && this.prepareFile();
-  }
-  async onFileChanged() {
-    this.localFile = this.file;
-    await this.localFile && this.prepareFile();
+    await this.prepareFile();
   }
   async prepareFile() {
-    this.iconName = getIconName(this.localFile);
-    this.iconColor = getIconColor(this.localFile);
-    this.fileSrc = this.localFile['_downloadURL'] || this.localFile;
-    if (typeof this.localFile === 'string') {
-      const mimeType = getMimeType(this.localFile);
+    var _a;
+    this.isLoading = true;
+    this.fileSrc = ((_a = this.file) === null || _a === void 0 ? void 0 : _a['_downloadURL']) || this.file;
+    if (typeof this.file === 'string') {
       try {
-        const response = await fetch(this.localFile);
-        const blobData = await response.blob();
-        const fileName = this.localFile.split('/').pop();
-        blobData && (this.localFile = new File([blobData], fileName, { type: mimeType }));
+        const response = await fetch(this.file);
+        const blobData = await (response === null || response === void 0 ? void 0 : response.blob());
+        const fileName = this.file.split('/').pop();
+        blobData && (this.localFile = new File([blobData], fileName, { type: blobData === null || blobData === void 0 ? void 0 : blobData.type }));
       }
       catch (err) {
-        // do nothing
+        this.localFile = this.file;
       }
     }
+    else {
+      this.localFile = this.file;
+    }
+    this.fileType = this.type || getType(this.localFile);
+    this.iconName = getIconName(this.localFile);
+    this.iconColor = getIconColor(this.localFile);
+    await new Promise((resolve) => {
+      setTimeout(() => {
+        this.isLoading = false;
+        resolve();
+      }, 750);
+    });
   }
   renderFileIcon() {
-    return this.hasIcon && !this.isImage && (h("yoo-icon", { name: this.iconName, color: this.iconColor }));
+    return this.hasIcon && !this.isType.image && (h("yoo-icon", { name: this.iconName, color: this.iconColor }));
   }
   renderClose() {
     return this.isClosable && h("yoo-icon", { name: "close" });
   }
   renderDetails() {
-    return h("section", { class: "details" }, this.fileName && h("span", { id: "file-name", innerHTML: this.fileName }), this.fileSize && h("span", { id: "file-size", innerHTML: this.fileSize }));
+    return h("section", null, this.fileName && h("span", { id: "name", innerHTML: this.fileName }), this.fileSize && h("span", { id: "size", innerHTML: this.fileSize }));
   }
   renderThumbnail() {
-    let thumbnail = null;
-    if (this.isVideo) {
-      thumbnail = toPng(this.fileSrc);
-    }
-    if (this.isImage) {
-      thumbnail = this.fileSrc;
-    }
-    return h("section", { class: "thumbnail" }, this.hasIcon && !this.isImage && !this.isVideo && h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isImage || this.isVideo) && h("yoo-img", { src: thumbnail }));
+    return h("section", null, this.hasIcon && !this.isType.image && !this.isType.video && h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isType.image || this.isType.video) && h("yoo-img", { src: this.isType.video ? toPng(this.fileSrc) : this.fileSrc }));
   }
   renderDocumentCard() {
     return [this.renderClose(),
@@ -90,10 +92,13 @@ const YooCardFileComponent = class {
     return h("yoo-audio-player", { isVisible: this.isVisible, src: this.fileSrc });
   }
   renderContent() {
-    return this.isAudio ? this.renderAudioCard() : this.renderDocumentCard();
+    return this.isType.audio ? this.renderAudioCard() : this.renderDocumentCard();
+  }
+  renderLoading() {
+    return [h("div", { id: "ph-icon" }), h("section", null, h("div", null), h("div", null))];
   }
   render() {
-    return (h(Host, { ...{ type: this.type || getType(this.localFile) } }, this.renderContent()));
+    return h(Host, { ...{ type: this.fileType, loading: this.isLoading } }, this.isLoading ? this.renderLoading() : this.renderContent());
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/design-system/yoo-card-image.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { Z as translateMulti } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-inbox.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { y as isEmpty } from './lodash-653c0bcd.js';
-import { aI as isPresent, cO as isToday, ar as pipes, t as translate, eh as isFieldWithNoValue, X as isNullOrUndefined, K as getCssColor, cP as fromToday } from './overlays-670969b7.js';
+import { aI as isPresent, cO as isToday, ar as pipes, t as translate, eh as isFieldWithNoValue, X as isNullOrUndefined, K as getCssColor, cP as fromToday } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card-incentive-rank.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { a3 as getSession, A as isWeb, a7 as getUserDisplayName } from './overlays-670969b7.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { a3 as getSession, A as isWeb, a7 as getUserDisplayName } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-incentive.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { C as get } from './lodash-653c0bcd.js';
-import { d as dateRangeState } from './common-helpers-2339195f.js';
-import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-5bdc4a22.js';
-import { a3 as getSession, t as translate } from './overlays-670969b7.js';
+import { d as dateRangeState } from './common-helpers-980d9808.js';
+import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-5867649b.js';
+import { a3 as getSession, t as translate } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card-kanban.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-214cd526.js';
+import './index-0621f7f2.js';
 
 const cardKanbanCss = ":host .outer-container:hover{background-color:var(--dark-10, rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:15.5rem;padding:var(--spacing-08, 0.5rem);line-height:1.9;background-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-truncate{-ms-flex:1;flex:1;color:var(--dark, #000000);line-height:1.65;--max-lines:2}:host .outer-container .row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .row.infos{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .row.ref{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .row.left{-ms-flex:1;flex:1}:host .outer-container .row.left .sub-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .row.right{padding-left:var(--spacing-16, 1rem)}";
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
 import { Z as TLineState } from './index-eec8505b.js';
-import './index-214cd526.js';
+import './index-0621f7f2.js';
 import { C as get } from './lodash-653c0bcd.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { eM as canBeRetried, cA as isContentOnly, Z as translateMulti, t as translate, eN as isLessonCompleted, eO as getLessonTypeIcon, A as isWeb } from './overlays-670969b7.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { eL as canBeRetried, cA as isContentOnly, Z as translateMulti, t as translate, eM as isLessonCompleted, eN as getLessonTypeIcon, A as isWeb } from './overlays-54d1b9f8.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardLessonCss = ":host{position:relative;display:-ms-flexbox;display:flex;min-height:4.25rem;border-left:transparent solid var(--border-width-04, 0.25rem);cursor:pointer}:host yoo-truncate{--line-height:1.875rem !important;--max-lines:2}:host .info-container{width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) 0;word-break:break-word}:host .info-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .info-container .title-container .title{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}:host .info-container .title-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-left:var(--spacing-32, 2rem)}:host .info-container .bottom-info-container .remaining-points-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .info-container .bottom-info-container .remaining-points-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container .extra-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:var(--spacing-04, 0.25rem)}:host(.underline) .info-container{border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.item-disabled){cursor:default}:host([highlighted]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-left:var(--app-color, #5a30f4) solid var(--border-width-04, 0.25rem)}:host([state=finished]),:host([state=locked]){color:var(--stable, #adadad)}:host([state=locked]){cursor:default}";

package/dist/design-system/yoo-card-list-collapsible.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { e as showPhotoEditor, g as getAppContext } from './common-helpers-2339195f.js';
-import { eP as mapKpiData, aS as gsapTo, av as isCloudinaryLink, dR as isFirefox, A as isWeb } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { e as showPhotoEditor, g as getAppContext } from './common-helpers-980d9808.js';
+import { eO as mapKpiData, aS as gsapTo, av as isCloudinaryLink, dR as isFirefox, A as isWeb } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-list-color.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { O as isFinite } from './lodash-653c0bcd.js';
-import { Z as translateMulti, A as isWeb, t as translate } from './overlays-670969b7.js';
+import { Z as translateMulti, A as isWeb, t as translate } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card-list-image.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
 
 const cardListImageCss = ":host .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;height:100%;padding-right:var(--spacing-04, 0.25rem)}:host .image-container yoo-form-checkbox{position:absolute;top:0.5rem;left:0.5rem}:host .image-container .bottom-left,:host .image-container .bottom-right,:host .image-container .top-left,:host .image-container .top-right{position:absolute;z-index:1}:host .image-container .bottom-left{bottom:0.5rem;left:0}:host .image-container .bottom-right{right:0.5rem;bottom:0}:host .image-container .top-left{top:0;left:0}:host .image-container .top-left.active{top:2rem}:host .image-container .top-right{top:-0.2rem;right:0.1rem}:host .image-container yoo-avatar,:host .image-container yoo-avatars,:host .image-container yoo-img{margin-left:var(--spacing-08, 0.5rem)}:host .image-container yoo-avatar[size=large],:host .image-container yoo-avatars,:host .image-container yoo-img{margin-right:var(--spacing-08, 0.5rem)}:host .image-container yoo-avatar:not([size=large]){margin-right:var(--spacing-08, 0.5rem)}:host(.selected-content) .image-container{width:2rem;padding-right:0}:host(.locations) .image-container .top-left{left:0}:host(.collapsible) .image-container,:host(.locations.no-kpi:not(.framed)) .image-container{margin:var(--spacing-08, 0.5rem);padding-right:0}:host(.collapsible) .image-container yoo-avatar,:host(.locations.no-kpi:not(.framed)) .image-container yoo-avatar{margin:0}:host(.locations.no-kpi.map) .image-container{margin:var(--spacing-08, 0.5rem)}:host(.vip) .image-container yoo-avatar{--border-initial:var(--border-width-02, 0.125rem) solid var(--light, #ffffff);--image-shadow:0 0 0 3px var(--energized, #ffc043);margin-left:3px}:host(.open) .image-container{max-height:4.375rem;margin:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host(.open) .image-container yoo-avatar{-ms-flex-item-align:start;align-self:flex-start;margin:0}:host(.questionsAnswers) .image-container,:host(.feedsComments) .image-container,:host(.entitycomments) .image-container{padding-right:var(--spacing-04, 0.25rem)}:host(.questionsAnswers) .image-container yoo-avatar,:host(.feedsComments) .image-container yoo-avatar,:host(.entitycomments) .image-container yoo-avatar{-ms-flex-item-align:start;align-self:flex-start;margin-right:var(--spacing-04, 0.25rem);margin-left:0}:host(.catalog-display) .image-container yoo-avatar,:host(.charttype) .image-container yoo-avatar{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;margin-left:0 !important}:host(.productbatch.archived) .image-container{opacity:0.5}:host(.productbatch.archived) .image-container .top-left{left:2.1rem}:host(.notifications) .image-container{-ms-flex-direction:column;flex-direction:column}:host(.files.autocomplete-selection-mode) .image-container{-ms-flex-align:center;align-items:center}:host(.autocomplete) .image-container{-ms-flex-align:center;align-items:center}:host(.autocomplete) .image-container .play{position:absolute;margin-right:var(--spacing-08, 0.5rem)}:host(.notes) yoo-avatar{margin-left:0}:host(.chat) .image-container{padding-right:0}:host(.chat) .image-container yoo-avatar,:host(.chat) .image-container yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}";
 

package/dist/design-system/yoo-card-list-simple.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { t as toggleElementTapped } from './card-list-helpers-4e01192d.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { A as isWeb } from './overlays-670969b7.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { A as isWeb } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-list.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { n as compact, y as isEmpty, q as isString, a as isNumber } from './lodash-653c0bcd.js';
 import { t as toggleElementTapped } from './card-list-helpers-4e01192d.js';
-import { e as showPhotoEditor, u as removeHtmlFromString, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-2339195f.js';
-import { ai as isImage, ag as isVideo, aj as downloadFile, t as translate, A as isWeb, Z as translateMulti, ap as replaceAllLinks, av as isCloudinaryLink, dE as isUnsplashUrl, a3 as getSession, ax as parseMarkDown, aI as isPresent, U as Cloudinary, eh as isFieldWithNoValue, X as isNullOrUndefined, dR as isFirefox } from './overlays-670969b7.js';
+import { e as showPhotoEditor, t as removeHtmlFromString, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-980d9808.js';
+import { ai as isImage, ag as isVideo, aj as downloadFile, t as translate, A as isWeb, Z as translateMulti, ap as replaceAllLinks, av as isCloudinaryLink, dE as isUnsplashUrl, a3 as getSession, ax as parseMarkDown, aI as isPresent, U as Cloudinary, eh as isFieldWithNoValue, X as isNullOrUndefined, dR as isFirefox } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card-location.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { aI as isPresent, ar as pipes, t as translate } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { aI as isPresent, ar as pipes, t as translate } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-media.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { s as setColorSVG, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-2339195f.js';
-import { Z as translateMulti, A as isWeb, p as closeModal } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { s as setColorSVG, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-980d9808.js';
+import { Z as translateMulti, A as isWeb, p as closeModal } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-menu.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { Z as translateMulti } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-notification.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { ag as isVideo, Z as translateMulti, eJ as removeTextStyle } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { ag as isVideo, Z as translateMulti, eI as removeTextStyle } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-placeholder.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-b1ce6cd4.js';
+import { r as registerInstance, h } from './index-24530c1f.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/design-system/yoo-card-plan.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { Z as translateMulti } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-progress.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { O as isFinite, q as isString } from './lodash-653c0bcd.js';
-import { de as isAnimationsDisabled, t as translate } from './overlays-670969b7.js';
+import { de as isAnimationsDisabled, t as translate } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card-recommendation.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { C as get } from './lodash-653c0bcd.js';
-import { g as getFromOfflineStorage } from './localForage-705e6c3b.js';
-import { bm as isOffline, t as translate, Z as translateMulti, eO as getLessonTypeIcon } from './overlays-670969b7.js';
+import { g as getFromOfflineStorage } from './localForage-c32f0e70.js';
+import { bm as isOffline, t as translate, Z as translateMulti, eN as getLessonTypeIcon } from './overlays-54d1b9f8.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-eec8505b.js';
 

package/dist/design-system/yoo-card-sticky.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { Z as translateMulti, af as showActionSheet, A as isWeb, ah as isGif, eJ as removeTextStyle } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { Z as translateMulti, af as showActionSheet, A as isWeb, ah as isGif, eI as removeTextStyle } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-card-template.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
 import { b as isFunction } from './lodash-653c0bcd.js';
 
 const cardTemplateCss = ":host(:hover){-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host{position:relative;display:grid;grid-template-rows:6rem 2.88rem 2.88rem 2.115rem;height:13.875rem;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .title{overflow:hidden;margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}@supports (display: -webkit-box){:host .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .description{overflow:hidden;margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}:host .icons{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .icons yoo-icon{margin-left:var(--spacing-05);cursor:pointer}:host yoo-img{position:relative}:host yoo-img::after{position:absolute;width:100%;height:100%;background:var(--dark-20, rgba(0, 0, 0, 0.2));content:\"\"}:host .tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .tags yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host(.selected){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";

package/dist/design-system/yoo-card-video.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
 import { o as CardVideoView } from './index-eec8505b.js';
-import './index-214cd526.js';
+import './index-0621f7f2.js';
 import { C as CardVideoRatio } from './card-video.interface-5572358c.js';
-import { a8 as getClosestImageRatio, t as translate, a3 as getSession } from './overlays-670969b7.js';
+import { a8 as getClosestImageRatio, t as translate, a3 as getSession } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-b1ce6cd4.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-24530c1f.js';
 
 const cardCss = ":host{--transform-avatar:none;--display-avatar:inline-flex;--border-initial:0.0625rem solid var(--stable-light, #f1f1f1);--border-color-online:var(--light, #ffffff);--box-shadow:none;--inner-border:none;--image-shadow:unset;--grayed-background:var(--stable-light, #f1f1f1);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:var(--transform-avatar);transform:var(--transform-avatar)}yoo-img{height:100%}.component-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}.component-states-container{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}.framing-container{position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:var(--inner-border);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.online-indicator,.offline-indicator{position:absolute;right:0;bottom:0;z-index:2;border:var(--border-width-03, 0.1875rem) solid var(--border-color-online);border-radius:50%}.online-indicator{background-color:var(--success, #3aa76d)}.offline-indicator{background-color:var(--stable-alt, #d0d0d0)}.text-container{position:absolute;top:50%;left:50%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);white-space:nowrap;text-transform:uppercase;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notifications-wrapper{position:absolute;top:0rem;right:0rem;z-index:2;-webkit-box-shadow:0 0 0 0.3125rem var(--light, #ffffff);box-shadow:0 0 0 0.3125rem var(--light, #ffffff)}.notifications-wrapper.dot{-webkit-box-shadow:none;box-shadow:none}.notifications-wrapper.long{border-radius:var(--border-radius-16, 1rem)}.notifications-wrapper.short{border-radius:50%}.new-story-indicator{z-index:2;border-color:var(--app-color, #5a30f4);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.viewed-story-indicator{z-index:2;border-color:var(--stable-alt, #d0d0d0);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.live-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.live-indicator-container .live-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:2.875rem;height:1rem;color:var(--light, #ffffff);font-size:0.75rem;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--danger, #d44333);border-radius:var(--spacing-04, 0.25rem)}.live-indicator-container .live-indicator-wrapper .live-icon{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem);margin:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border-radius:50%}.recorded-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.recorded-indicator-container .recorded-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:1rem;height:1rem;font-size:var(--font-size-16, 1rem) !important;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:25%}.vip-indicator{position:absolute;top:-0.3125rem;right:-0.3125rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-width-05, 0.3125rem) solid var(--light, #ffffff);border-radius:50%}.vip-notification{position:absolute}.no-store-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:var(--stable, #adadad)}.grayed{background-color:var(--grayed-background)}:host([size=extra-small]){width:1rem;height:1rem}:host([size=extra-small]) .counter{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem) !important}:host([size=extra-small]) .online-indicator,:host([size=extra-small]) .offline-indicator{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem);border:var(--border-width-01, 0.0625rem) solid var(--border-color-online)}:host([size=extra-small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset}:host([size=extra-small]) .text-container{font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .new-story-indicator,:host([size=extra-small]) .viewed-story-indicator{width:0.8125rem;height:0.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset}:host([size=extra-small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .vip-indicator{display:none}:host([size=extra-small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=extra-small]) .notifications-wrapper.dot{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]){width:1.5rem;height:1.5rem}:host([size=small]) .online-indicator,:host([size=small]) .offline-indicator{width:0.1875rem;height:0.1875rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=small]) .text-container{font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .new-story-indicator,:host([size=small]) .viewed-story-indicator{width:1.25rem;height:1.25rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset}:host([size=small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .vip-indicator{display:none}:host([size=small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]){width:2rem;height:2rem}:host([size=medium]) .online-indicator,:host([size=medium]) .offline-indicator{width:0.375rem;height:0.375rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=medium]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=medium]) .text-container{font-size:var(--font-size-16, 1rem)}:host([size=medium]) .new-story-indicator,:host([size=medium]) .viewed-story-indicator{width:1.8125rem;height:1.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset}:host([size=medium]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:var(--font-size-16, 1rem)}:host([size=medium]) .vip-indicator{display:none}:host([size=medium]) .vip-notification{top:0;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]){width:3rem;height:3rem}:host([size=large]) .online-indicator,:host([size=large]) .offline-indicator{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host([size=large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=large]) .text-container{font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .new-story-indicator,:host([size=large]) .viewed-story-indicator{width:2.75rem;height:2.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}:host([size=large]) .vip-indicator{display:none}:host([size=large]) .notifications-wrapper{height:1.25rem}:host([size=large]) .notifications-wrapper.short{width:1.25rem}:host([size=large]) .live-indicator-container .live-indicator-wrapper{width:2.75rem}:host([size=large]) .recorded-indicator-container{right:0.875rem}:host([size=large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .vip-notification{top:0.0625rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]){width:4rem;height:4rem}:host([size=extra-large]) .online-indicator,:host([size=extra-large]) .offline-indicator{width:0.75rem;height:0.75rem}:host([size=extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-large]) .text-container{font-size:var(--font-size-24, 1.5rem)}:host([size=extra-large]) .new-story-indicator,:host([size=extra-large]) .viewed-story-indicator{width:3.75rem;height:3.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-large]) .live-indicator-container{right:0.375rem}:host([size=extra-large]) .recorded-indicator-container{right:1.375rem}:host([size=extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:4rem;height:4rem;font-size:var(--font-size-24, 1.5rem)}:host([size=extra-extra-large]){width:5rem;height:5rem}:host([size=extra-extra-large]) .online-indicator,:host([size=extra-extra-large]) .offline-indicator{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host([size=extra-extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-extra-large]) .text-container{font-size:var(--font-size-32, 2rem)}:host([size=extra-extra-large]) .new-story-indicator,:host([size=extra-extra-large]) .viewed-story-indicator{width:4.75rem;height:4.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-extra-large]) .live-indicator-container{right:0.8125rem}:host([size=extra-extra-large]) .recorded-indicator-container{right:1.875rem}:host([size=extra-extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:5rem;height:5rem;font-size:var(--font-size-32, 2rem)}:host([frame=circle]) .framing-container{border-radius:50%}:host([frame=circle]) .framing-container yoo-img{--border-radius:50%}:host([frame=square]) .framing-container,:host([frame=transparent-square]) .framing-container{border-radius:0}:host([frame=square]) .framing-container yoo-img,:host([frame=transparent-square]) .framing-container yoo-img{--border-radius:0%}:host([frame=rounded-square]) .framing-container{border-radius:10%}:host([frame=rounded-square]) .framing-container yoo-img{--border-radius:10%}:host(.inline){display:inline-block;margin-right:0.5rem}:host(.readonly){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.files-autocomplete) .component-container .framing-container{background-color:transparent}:host(.folder) .component-container .framing-container{background-color:unset !important}:host(.no-indicator-box-shadow) .framing-container{padding:var(--spacing-04, 0.25rem)}:host(.no-indicator-box-shadow) .new-story-indicator,:host(.no-indicator-box-shadow) .viewed-story-indicator,:host(.no-indicator-box-shadow) .framing-container{-webkit-box-shadow:none;box-shadow:none}:host{display:block}:host .outer-container{width:100%;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:2px;-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .outer-container .image-container{position:relative;-ms-flex-pack:center;justify-content:center;height:10rem}:host .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host .outer-container .image-container .image{width:100%;height:100%;background:var(--light, #ffffff)}:host .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:0.3rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;background:var(--light, #ffffff)}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1}:host .outer-container .content-container .subheading-container{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}: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;color:var(--dark, #000000);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}:host .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host.horizontal .outer-container,:host.list-mode .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:30rem}:host.horizontal .outer-container .status-container,:host.list-mode .outer-container .status-container{width:0.0625em;height:unset}:host.horizontal .outer-container .image-container,:host.list-mode .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:10rem}:host.horizontal .outer-container .image-container yoo-form-checkbox,:host.list-mode .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host.horizontal .outer-container .image-container yoo-avatar,:host.list-mode .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host.horizontal .outer-container .content-container,:host.list-mode .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:20rem;padding:0.5rem}:host.horizontal .outer-container .content-container.center,:host.list-mode .outer-container .content-container.center{-ms-flex-pack:center;justify-content:center}:host.horizontal .outer-container .content-container .slot-container,:host.list-mode .outer-container .content-container .slot-container{-ms-flex-pack:justify;justify-content:space-between}:host.horizontal .outer-container .content-container .slot-container .inner-container,:host.list-mode .outer-container .content-container .slot-container .inner-container{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.list-mode) .outer-container{max-width:none}:host(.list-mode) .outer-container .image-container{width:unset}:host(.list-mode) .outer-container .image-container yoo-avatar{-webkit-transform:scale(0.7);transform:scale(0.7)}:host(.list-mode) .outer-container .status-container{display:none}:host(.list-mode) .outer-container .content-container{width:100%}:host(.list-mode) .outer-container .content-container .top-container .heading-container .card-heading{font-weight:var(--font-weight-700, 700)}:host(.list-mode) .outer-container .content-container .top-container .heading-container .date-card{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.active) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.hoverable):hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent) .outer-container .status-container{background:var(--accent, #276ef1)}:host(.accent) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.dark) .outer-container .status-container{background:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.warning) .outer-container .status-container{background:var(--warning, #ed6e33)}:host(.warning) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.warning).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.success) .outer-container .status-container{background:var(--success, #3aa76d)}:host(.success) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.success).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.app-color) .outer-container .status-container{background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.app-color).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.info) .outer-container .status-container{background:var(--info, #d84c96)}:host(.info) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.info).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.danger) .outer-container .status-container{background:var(--danger, #d44333)}:host(.danger) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.danger).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.g) .outer-container .status-container{background:var(--g)}:host(.g) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.g).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.no-status) .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}";
 

package/dist/design-system/yoo-chart-micro.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
 
 const chartMicroCss = ":host .container{padding:1rem}:host .container .value{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .container .title{padding-top:0.5rem;color:var(--text-color, #807f83)}";
 

package/dist/design-system/yoo-chart.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import { r as resizeObserve } from './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import { r as resizeObserve } from './index-0621f7f2.js';
 import { ac as merge } from './lodash-653c0bcd.js';
 import { h as highcharts } from './highcharts-c1be7540.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { K as getCssColor, eT as FileSaver_min, C as debounce, eU as getMonths, e4 as getWeekDays, t as translate, i as isChromatic, cv as isIonic, aH as dateIsValid, ak as dateFormat } from './overlays-670969b7.js';
+import { K as getCssColor, eS as FileSaver_min, C as debounce, eT as getMonths, e4 as getWeekDays, t as translate, i as isChromatic, cv as isIonic, aH as dateIsValid, ak as dateFormat } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 
 function fixChartCategories(options) {