@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$2 = require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const button_factory = require('./button.factory-0133597a.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const index$2 = require('./index-fc264952.js');
+const button_factory = require('./button.factory-a01664d3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const index$1 = require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-1ff4deca.js');
+require('./index-933cab98.js');
 
 const EventActions = ({ actions, extraClasses }) => {
   return (index.h("div", { class: { 'event-action-container': true, ...extraClasses } }, actions.map((button) => {
@@ -31,11 +32,11 @@ const EventAttendance = ({ info, count, handler }) => {
     var _a;
     let text = '';
     if (users.length === 1) {
-      const firstUsername = ((_a = users[0]) === null || _a === void 0 ? void 0 : _a._id) === index$1.getSession().userId ? index$1.translate('YOOBICYOU') : index$1.capitalizeFirstLetter(users[0].firstName);
-      text = index$1.translate(users[0]._id === index$1.getSession().userId ? 'YOOBICYOUAREGOING' : 'YOOBICISGOING', { name: firstUsername });
+      const firstUsername = ((_a = users[0]) === null || _a === void 0 ? void 0 : _a._id) === overlays.getSession().userId ? overlays.translate('YOOBICYOU') : overlays.capitalizeFirstLetter(users[0].firstName);
+      text = overlays.translate(users[0]._id === overlays.getSession().userId ? 'YOOBICYOUAREGOING' : 'YOOBICISGOING', { name: firstUsername });
     }
     else {
-      text = index$1.translate('YOOBICAREGOING', { count: users.length });
+      text = overlays.translate('YOOBICAREGOING', { count: users.length });
     }
     return [
       users.slice(0, 2).map(user => {
@@ -44,7 +45,7 @@ const EventAttendance = ({ info, count, handler }) => {
       index.h("span", { class: "text" }, text)
     ];
   };
-  return (index.h("div", { class: "attendance", onClick: (ev) => { commonHelpers.execHandlerAndStopEvent(ev, () => handler ? handler() : null); } }, users.length ? renderGoing() : index.h("span", { class: "text" }, index$1.translate('YOOBICEVENTUSERSINVITE', { count }))));
+  return (index.h("div", { class: "attendance", onClick: (ev) => { commonHelpers.execHandlerAndStopEvent(ev, () => handler ? handler() : null); } }, users.length ? renderGoing() : index.h("span", { class: "text" }, overlays.translate('YOOBICEVENTUSERSINVITE', { count }))));
 };
 
 const CardAnnouncement = ({ configs }) => {
@@ -58,58 +59,58 @@ const CardCampaign = ({ configs }) => {
 };
 const CardIncentive = ({ configs }) => {
   if (configs.isEmpty) {
-    const customColor = index$1.getCssColor('app-color');
+    const customColor = overlays.getCssColor('app-color');
     return (index.h("div", { class: "outer-container empty incentive" },
       index.h("yoo-tag", { customColor: customColor, size: "extra-large", icon: "lock" }),
-      index.h("span", { class: "empty-text" }, index$1.translate('RESTRICTEDINCENTIVE'))));
+      index.h("span", { class: "empty-text" }, overlays.translate('RESTRICTEDINCENTIVE'))));
   }
   return ([
     index.h("div", { class: "incentives-container" },
       index.h("yoo-entity", { item: { ...configs.incentive, ...{ extraClasses: 'no-footer' } }, displayType: "card-incentive" })),
-    configs.viewHandler ? index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, configs.viewHandler) }, index$1.translate('VIEWINCENTIVE')) : null
+    configs.viewHandler ? index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, configs.viewHandler) }, overlays.translate('VIEWINCENTIVE')) : null
   ]);
 };
 const CardEvent = ({ configs }) => {
   var _a;
   const startDate = new Date(configs.startDate);
   const endDate = new Date(configs.endDate);
-  const startDay = index$1.dateFormat(startDate, 'D');
-  const endDay = index$1.dateFormat(endDate, 'D');
+  const startDay = overlays.dateFormat(startDate, 'D');
+  const endDay = overlays.dateFormat(endDate, 'D');
   const isSameDay = startDay === endDay;
   const format = configs.allDay ? 'ddd DD MMM' : 'ddd DD MMM LT';
   const endformat = isSameDay ? (configs.allDay ? null : 'LT') : format;
-  const isPublic = configs.eventType === index$2.EventType.PUBLIC;
+  const isPublic = configs.eventType === index$1.EventType.PUBLIC;
   return ([
     index.h("div", { class: "row" },
       index.h("div", { class: "left-part" },
         index.h("div", { class: "box" },
-          index.h("div", { class: "month" }, index$1.dateFormat(startDate, 'MMM').toUpperCase()),
+          index.h("div", { class: "month" }, overlays.dateFormat(startDate, 'MMM').toUpperCase()),
           index.h("div", { class: "day" }, startDay),
-          !isSameDay && index.h("div", { class: "month end" }, index$1.dateFormat(endDate, 'MMM').toUpperCase()),
+          !isSameDay && index.h("div", { class: "month end" }, overlays.dateFormat(endDate, 'MMM').toUpperCase()),
           !isSameDay && index.h("div", { class: "day" }, endDay))),
       index.h("div", { class: "right-part" },
         index.h("span", { class: "heading" },
           index.h("yoo-icon", { size: "small", color: "text-color", name: isPublic ? 'feed' : 'email' }),
-          index$1.translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`)),
+          overlays.translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`)),
         index.h("span", { class: "title" }, configs.title),
-        index.h("span", { class: "date dark" }, `${index$1.dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${index$1.translate('YOOBICTO').toLowerCase()} ${index$1.dateFormat(endDate, endformat)}`) : ''}`),
+        index.h("span", { class: "date dark" }, `${overlays.dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${overlays.translate('YOOBICTO').toLowerCase()} ${overlays.dateFormat(endDate, endformat)}`) : ''}`),
         configs.location && (index.h("div", { class: "preview-container" },
           index.h("yoo-avatar", { imgSrc: configs.location.imageData, iconText: configs.location.title, size: "extra-small" }),
           index.h("span", null, configs.location.title))),
         configs.address && index.h("span", { class: "address" }, configs.address),
-        configs.virtualRoomUrl && index.h("yoo-truncate", { class: "url", innerHTML: index$1.replaceAllLinks(configs.virtualRoomUrl) }),
-        configs.description && index.h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: index$1.replaceAllLinks(configs.description) }),
-        ((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${index$1.translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
+        configs.virtualRoomUrl && index.h("yoo-truncate", { class: "url", innerHTML: overlays.replaceAllLinks(configs.virtualRoomUrl) }),
+        configs.description && index.h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: overlays.replaceAllLinks(configs.description) }),
+        ((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${overlays.translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
         configs.type && index.h("span", { class: "dark flex" },
-          `${index$1.translate('YOOBICCATEGORY')}: `,
-          index.h("span", { class: "type", innerHTML: index$1.translate(configs.type) })),
+          `${overlays.translate('YOOBICCATEGORY')}: `,
+          index.h("span", { class: "type", innerHTML: overlays.translate(configs.type) })),
         (configs.totalUserCount > 0 || configs.eventInfo) && index.h(EventAttendance, { info: configs.eventInfo, count: configs.totalUserCount, handler: configs.eventHandler }),
         index.h("slot", { name: "event-document" }))),
     index.h("slot", { name: "event-action" })
   ]);
 };
 
-const cardFeedCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host{--card-feed-media-height:100%;--block-card-media-height:var(--card-media-height, 14.375rem);--card-feed-radius:var(--spacing-08, 0.5rem);--block-icon-size:var(--font-size-48, 3rem);--item-margins:0.9375rem;--card-max-width:100%;--custom-icon-margin-left:-1.25rem;max-width:var(--card-max-width)}:host yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem)}:host .incentives-container{margin-bottom:var(--spacing-16, 1rem)}:host .card-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa)}:host .card-container yoo-button:not(:first-of-type){padding-top:var(--spacing-08, 0.5rem)}:host .card-container .outer-container.empty.incentive{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-16, 1rem)}:host .card-container .outer-container.empty.incentive yoo-tag{margin:0 var(--spacing-16, 1rem)}:host .campaign-container{padding:var(--spacing-16, 1rem) 0}:host .event-container{padding:var(--spacing-16, 1rem)}:host .campaign-container,:host .event-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .campaign-container .row,:host .event-container .row{display:-ms-flexbox;display:flex;width:100%}:host .campaign-container .left-part .box,:host .event-container .left-part .box{-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border:1px solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .campaign-container .left-part .month,:host .event-container .left-part .month{color:var(--danger, #d44333);font-weight:bold;line-height:var(--font-size-24, 1.5rem)}:host .campaign-container .left-part .end,:host .event-container .left-part .end{margin-top:var(--spacing-16, 1rem)}:host .campaign-container .left-part .day,:host .event-container .left-part .day{color:var(--dark, #000000);font-size:var(--font-size-32, 2rem);line-height:var(--font-size-32, 2rem)}:host .campaign-container .right-part,:host .event-container .right-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:0;padding-left:var(--spacing-16, 1rem)}:host .campaign-container .right-part .heading,:host .event-container .right-part .heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .heading yoo-badge,:host .event-container .right-part .heading yoo-badge{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container,:host .event-container .right-part .preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container yoo-avatar,:host .event-container .right-part .preview-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container span,:host .event-container .right-part .preview-container span{color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container.author yoo-avatar,:host .event-container .right-part .preview-container.author yoo-avatar{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .flex,:host .event-container .right-part .flex{display:-ms-flexbox;display:flex;white-space:pre-wrap}:host .campaign-container .right-part .dark,:host .event-container .right-part .dark{color:var(--dark, #000000)}:host .campaign-container .right-part .title,:host .event-container .right-part .title{color:var(--dark, #000000);font-weight:bold;line-height:var(--spacing-16, 1rem)}:host .campaign-container .right-part .description,:host .event-container .right-part .description{color:var(--stable, #adadad)}:host .campaign-container .right-part .type p,:host .event-container .right-part .type p{margin:0;padding:0}:host .campaign-container .right-part .attendance,:host .event-container .right-part .attendance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .attendance .text,:host .event-container .right-part .attendance .text{padding-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .campaign-container .right-part .attendance .text:hover,:host .event-container .right-part .attendance .text:hover{text-decoration:underline}:host .campaign-container .right-part .url,:host .event-container .right-part .url{--max-lines:1}:host .event-action-container{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:33% 33% 33%;padding-top:var(--spacing-16, 1rem)}:host .event-action-container.single-row{grid-template-columns:auto}:host .event-action-container .flex{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .event-action-container .flex yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .event-action-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .right-icon-container{display:-ms-flexbox;display:flex;margin-left:auto}:host .scheduled-date{width:auto;padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .feed-top,:host .outer-container .content-container>*{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>yoo-links-preview,:host .outer-container .content-container>yoo-announcement-heading{padding:0px}:host .outer-container.audio{margin:var(--spacing-16, 1rem);padding:0}:host .outer-container.audio .feed-top,:host .outer-container.audio .content-container>*{padding-right:0;padding-left:0}:host .outer-container mark{color:var(--dark, #000000) !important;background-color:transparent}:host .outer-container .feed-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:start;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .feed-top yoo-avatar{margin-right:0.8rem;cursor:pointer}:host .outer-container .feed-top .left-part{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}:host .outer-container .feed-top .left-part yoo-badge{width:100%;margin-bottom:var(--spacing-24, 1.5rem);cursor:pointer}:host .outer-container .feed-top .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-title-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-heading-inner-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .feed-top .feed-heading .feed-subheading{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-subheading.pointer{cursor:pointer}:host .outer-container .feed-top .feed-heading .feed-subheading.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{white-space:pre}:host .outer-container .feed-top .feed-heading .feed-subheading .feed-group{color:var(--dark, #000000)}:host .outer-container .feed-top .feed-menu{margin-right:-0.625rem;padding-right:var(--spacing-04, 0.25rem);padding-left:var(--spacing-32, 2rem);cursor:pointer}:host .outer-container .block-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:var(--block-card-media-height);margin-bottom:var(--spacing-16, 1rem);padding-top:var(--item-margins);color:var(--text-color, #807f83);font-size:var(--block-icon-size);background:var(--stable-light, #f1f1f1)}:host .outer-container .block-container.text{--card-feed-media-height:4.0625rem}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag){width:100%}:host .outer-container .content-container>*:not(yoo-tag).half{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;padding-right:0;padding-left:0}:host .outer-container .content-container>*:not(yoo-tag).left{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag).right{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-icons yoo-form-carousel{--pagination-height:var(--spacing-32, 2rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons yoo-form-carousel:not(.multiple){--pagination-height:0}:host .outer-container .content-container.no-tags.no-icons yoo-links-preview{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags.no-icons.no-img .feed-mention-actions{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags:not(.no-img) .feed-description,:host .outer-container .content-container.no-tags:not(.no-img) .question-title{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons.no-tags.no-first-comment{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .shared-container{width:calc(100% - 2rem);margin:var(--spacing-16, 1rem);padding:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .content-container yoo-form-carousel,:host .outer-container .content-container .media-outer-container{--card-feed-radius:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;cursor:pointer}:host .outer-container .content-container .media-outer-container{height:var(--card-feed-media-height)}:host .outer-container .content-container .poll-container{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .header{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host .outer-container .content-container .poll-container .content{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .content:last-child{padding-bottom:0}:host .outer-container .content-container .attachment-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container>*{display:none}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container div:first-child{display:block}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container .feed-plan{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container .header{display:none}:host .outer-container .content-container:first-child{padding-top:0}:host .outer-container .content-container .feed-icons{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .feed-icons.has-toggle{margin-top:0}:host .outer-container .content-container .feed-icons.no-icons{min-height:var(--spacing-16, 1rem)}:host .outer-container .content-container .info-feed{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .content-container .info-feed span{margin-right:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .content-container.no-tags.has-translation-toggle .feed-description{margin-bottom:0}:host .outer-container .content-container.no-tags.has-translation-toggle .translate-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-tags.has-translation-toggle.no-img .translate-container{padding-top:0}:host .outer-container .content-container.no-img .feed-description:not(.fr-view),:host .outer-container .content-container.no-img .question-title:not(.fr-view){margin-bottom:0}:host .outer-container .content-container.no-img .feed-hashtags{padding-bottom:0}:host .outer-container .content-container.no-img .translate-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .question-title{font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .feed-description,:host .outer-container .content-container .question-title{position:relative;margin:0;overflow:hidden;color:var(--dark, #000000);white-space:normal;word-break:break-word}:host .outer-container .content-container .feed-description.photos,:host .outer-container .content-container .question-title.photos{color:var(--stable, #adadad)}:host .outer-container .content-container .fr-view blockquote{color:var(--dark, #000000) !important}:host .outer-container .content-container .feed-description{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .feed-description html,:host .outer-container .content-container .feed-description body,:host .outer-container .content-container .feed-description div:not([class^=fr-]),:host .outer-container .content-container .feed-description span:not([class^=fr-]),:host .outer-container .content-container .feed-description img:not([class^=fr-]),:host .outer-container .content-container .feed-description applet,:host .outer-container .content-container .feed-description object,:host .outer-container .content-container .feed-description iframe,:host .outer-container .content-container .feed-description h1,:host .outer-container .content-container .feed-description h2,:host .outer-container .content-container .feed-description h3,:host .outer-container .content-container .feed-description h4,:host .outer-container .content-container .feed-description h5,:host .outer-container .content-container .feed-description h6,:host .outer-container .content-container .feed-description p,:host .outer-container .content-container .feed-description blockquote,:host .outer-container .content-container .feed-description pre,:host .outer-container .content-container .feed-description a,:host .outer-container .content-container .feed-description abbr,:host .outer-container .content-container .feed-description acronym,:host .outer-container .content-container .feed-description address,:host .outer-container .content-container .feed-description big,:host .outer-container .content-container .feed-description cite,:host .outer-container .content-container .feed-description code,:host .outer-container .content-container .feed-description del,:host .outer-container .content-container .feed-description dfn,:host .outer-container .content-container .feed-description em,:host .outer-container .content-container .feed-description font,:host .outer-container .content-container .feed-description ins,:host .outer-container .content-container .feed-description kbd,:host .outer-container .content-container .feed-description q,:host .outer-container .content-container .feed-description s,:host .outer-container .content-container .feed-description samp,:host .outer-container .content-container .feed-description small,:host .outer-container .content-container .feed-description strike,:host .outer-container .content-container .feed-description strong,:host .outer-container .content-container .feed-description sub,:host .outer-container .content-container .feed-description sup,:host .outer-container .content-container .feed-description tt,:host .outer-container .content-container .feed-description var,:host .outer-container .content-container .feed-description dl,:host .outer-container .content-container .feed-description dt,:host .outer-container .content-container .feed-description dd,:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul,:host .outer-container .content-container .feed-description li,:host .outer-container .content-container .feed-description fieldset,:host .outer-container .content-container .feed-description form,:host .outer-container .content-container .feed-description label,:host .outer-container .content-container .feed-description legend,:host .outer-container .content-container .feed-description table,:host .outer-container .content-container .feed-description caption,:host .outer-container .content-container .feed-description tbody,:host .outer-container .content-container .feed-description tfoot,:host .outer-container .content-container .feed-description thead,:host .outer-container .content-container .feed-description tr,:host .outer-container .content-container .feed-description th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .feed-description blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .feed-description blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .feed-description p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul{margin:revert;padding:revert}:host .outer-container .content-container .feed-description h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .feed-description h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .feed-description h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .feed-description h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .feed-description h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .feed-description h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .feed-description strong{font-weight:bold}:host .outer-container .content-container .feed-description em{font-style:italic}:host .outer-container .content-container yoo-kpi{--chart-height:var(--spacing-96, 6rem)}:host .outer-container .content-container yoo-kpi:not(.allow-click){pointer-events:none}:host .outer-container .content-container .feed-hashtags{padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.2rem;cursor:pointer}:host .outer-container .content-container .feed-chart{padding-top:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .content-container .feed-chart .chart-title{color:var(--dark, #000000)}:host .outer-container .content-container .feed-chart .chart-total{color:var(--text-color, #807f83)}:host .outer-container .content-container .feed-bottom-action{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .outer-container .content-container .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host .outer-container .content-container .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .content-container .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .outer-container .content-container .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);cursor:pointer}:host .outer-container .content-container .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .feed-footer-actions{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:49% 49%;cursor:pointer}:host .outer-container .content-container .translate-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host .outer-container .content-container .translate-container html,:host .outer-container .content-container .translate-container body,:host .outer-container .content-container .translate-container div:not([class^=fr-]),:host .outer-container .content-container .translate-container span:not([class^=fr-]),:host .outer-container .content-container .translate-container img:not([class^=fr-]),:host .outer-container .content-container .translate-container applet,:host .outer-container .content-container .translate-container object,:host .outer-container .content-container .translate-container iframe,:host .outer-container .content-container .translate-container h1,:host .outer-container .content-container .translate-container h2,:host .outer-container .content-container .translate-container h3,:host .outer-container .content-container .translate-container h4,:host .outer-container .content-container .translate-container h5,:host .outer-container .content-container .translate-container h6,:host .outer-container .content-container .translate-container p,:host .outer-container .content-container .translate-container blockquote,:host .outer-container .content-container .translate-container pre,:host .outer-container .content-container .translate-container a,:host .outer-container .content-container .translate-container abbr,:host .outer-container .content-container .translate-container acronym,:host .outer-container .content-container .translate-container address,:host .outer-container .content-container .translate-container big,:host .outer-container .content-container .translate-container cite,:host .outer-container .content-container .translate-container code,:host .outer-container .content-container .translate-container del,:host .outer-container .content-container .translate-container dfn,:host .outer-container .content-container .translate-container em,:host .outer-container .content-container .translate-container font,:host .outer-container .content-container .translate-container ins,:host .outer-container .content-container .translate-container kbd,:host .outer-container .content-container .translate-container q,:host .outer-container .content-container .translate-container s,:host .outer-container .content-container .translate-container samp,:host .outer-container .content-container .translate-container small,:host .outer-container .content-container .translate-container strike,:host .outer-container .content-container .translate-container strong,:host .outer-container .content-container .translate-container sub,:host .outer-container .content-container .translate-container sup,:host .outer-container .content-container .translate-container tt,:host .outer-container .content-container .translate-container var,:host .outer-container .content-container .translate-container dl,:host .outer-container .content-container .translate-container dt,:host .outer-container .content-container .translate-container dd,:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul,:host .outer-container .content-container .translate-container li,:host .outer-container .content-container .translate-container fieldset,:host .outer-container .content-container .translate-container form,:host .outer-container .content-container .translate-container label,:host .outer-container .content-container .translate-container legend,:host .outer-container .content-container .translate-container table,:host .outer-container .content-container .translate-container caption,:host .outer-container .content-container .translate-container tbody,:host .outer-container .content-container .translate-container tfoot,:host .outer-container .content-container .translate-container thead,:host .outer-container .content-container .translate-container tr,:host .outer-container .content-container .translate-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .translate-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .translate-container blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .translate-container p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul{margin:revert;padding:revert}:host .outer-container .content-container .translate-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .translate-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .translate-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .translate-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .translate-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .translate-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .translate-container strong{font-weight:bold}:host .outer-container .content-container .translate-container em{font-style:italic}:host .outer-container .content-container .translate-container.active .inner-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .content-container .translate-container .text-container{width:100%;margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .feed-hashtags{color:var(--app-color, #5a30f4)}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.web){width:100%;--card-max-width:33.125rem}:host(.web) .outer-container .content-container .shared-container{width:100%}:host(.web) .outer-container .feed-top.community .feed-menu{height:auto}:host(.web) .outer-container .feed-top .feed-menu{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.75rem;margin:0;padding:0}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{display:-ms-flexbox;display:flex}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading yoo-icon{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .feed-top .feed-group{white-space:pre-wrap}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .content-container:not(.no-img){--custom-icon-margin-left:-2.1rem}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .outer-container .content-container .shared-container{width:calc(100% - 1.5rem)}:host(.modal-mode) .outer-container{border:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-icon-container,:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-tags-container{display:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .attachment-inner-container>*{display:block}:host(.links-preview) .outer-container .feed-top{display:none}:host(.links-preview) .outer-container .content-container{padding:0 !important}:host(.links-preview) .outer-container .content-container.no-img .feed-description,:host(.links-preview) .outer-container .content-container.no-img .question-title{margin-bottom:var(--spacing-16, 1rem)}.feed-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:3;width:auto;height:3.4375rem;padding-right:var(--spacing-16, 1rem);overflow:hidden;color:var(--stable-alt, #d0d0d0);cursor:pointer}.feed-icon:last-of-type{padding-right:0}.feed-icon.custom-icon{width:3.4375rem;margin-left:var(--custom-icon-margin-left);padding-right:0}.feed-icon.right{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0;padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}.feed-icon.right .icon-text{-ms-flex-item-align:center;align-self:center;padding-right:var(--spacing-04, 0.25rem)}.feed-icon.right yoo-icon{margin-right:var(--spacing-02, 0.125rem)}.feed-icon.right yoo-icon.hide-content{margin-left:0}.media-tags-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000)}.media-tags-container.top{top:var(--spacing-08, 0.5rem)}.media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}.media-tags-container.right{right:var(--spacing-08, 0.5rem)}.media-tags-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-tags-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-tags-container.left{left:var(--spacing-08, 0.5rem)}.media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-tags-container yoo-tag,.media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000);-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}.media-icon-container.top{top:var(--spacing-16, 1rem)}.media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}.media-icon-container.right{right:var(--spacing-16, 1rem)}.media-icon-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-icon-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-icon-container.left{left:var(--spacing-16, 1rem)}.media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-icon-container yoo-tag,.media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host(.questions.web) .outer-container{padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 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(.preview-mode.modal-mode) .outer-container>*,:host(.no-pointer) .outer-container>*{pointer-events:none}:host(.preview-mode.modal-mode) .event-container .event-action-container,:host(.no-pointer) .event-container .event-action-container{pointer-events:none}:host(.event-mode.modal-mode) .outer-container,:host(.preview-mode.modal-mode) .outer-container{margin:var(--spacing-24, 1.5rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem);padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.event-mode.modal-mode) .outer-container.audio,:host(.preview-mode.modal-mode) .outer-container.audio{padding:var(--spacing-16, 1rem)}:host(.event-mode.modal-mode) .outer-container yoo-form-carousel,:host(.preview-mode.modal-mode) .outer-container yoo-form-carousel{padding:0;pointer-events:initial}:host(.detail-view.web){--custom-icon-margin-left:-1.25rem;--card-max-width:100%}:host(.detail-view.web) .outer-container{display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.detail-view.web) .outer-container .left-container{position:relative;-ms-flex-negative:0;flex-shrink:0;width:35rem;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container yoo-icon.close{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:2;padding:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .left-container .main-view-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-80, 5rem) 0;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container .main-view-container yoo-img{cursor:-webkit-zoom-in;cursor:zoom-in}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container{position:absolute;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;height:var(--spacing-48, 3rem)}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4);-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(.detail-view.web) .outer-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--light, #ffffff)}:host(.detail-view.web) .outer-container .right-container .feed-description{margin-bottom:0}:host(.detail-view.web) .outer-container .right-container .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-group yoo-icon{fill:var(--stable, #adadad)}:host(.detail-view.web) .outer-container .right-container .feed-top{margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host(.shared-feed.preview-mode.modal-mode) .outer-container{margin:0;-webkit-box-shadow:none;box-shadow:none}:host(.custom-model) .outer-container .feed-top{margin-bottom:0}:host(.custom-model) .outer-container .uifield-container yoo-form-dynamic{margin-bottom:0;border-radius:0}:host(.community) .left-part yoo-badge.community{display:none}:host(:not(.modal-mode)){cursor:pointer}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";
+const cardFeedCss = "/*!\n * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host{--card-feed-media-height:100%;--block-card-media-height:var(--card-media-height, 14.375rem);--card-feed-radius:var(--spacing-08, 0.5rem);--block-icon-size:var(--font-size-48, 3rem);--item-margins:0.9375rem;--card-max-width:100%;--custom-icon-margin-left:-1.25rem;max-width:var(--card-max-width)}:host yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem)}:host .incentives-container{margin-bottom:var(--spacing-16, 1rem)}:host .card-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa)}:host .card-container yoo-button:not(:first-of-type){padding-top:var(--spacing-08, 0.5rem)}:host .card-container .outer-container.empty.incentive{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-16, 1rem)}:host .card-container .outer-container.empty.incentive yoo-tag{margin:0 var(--spacing-16, 1rem)}:host .campaign-container{padding:var(--spacing-16, 1rem) 0}:host .event-container{padding:var(--spacing-16, 1rem)}:host .campaign-container,:host .event-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .campaign-container .row,:host .event-container .row{display:-ms-flexbox;display:flex;width:100%}:host .campaign-container .left-part .box,:host .event-container .left-part .box{-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border:1px solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .campaign-container .left-part .month,:host .event-container .left-part .month{color:var(--danger, #d44333);font-weight:bold;line-height:var(--font-size-24, 1.5rem)}:host .campaign-container .left-part .end,:host .event-container .left-part .end{margin-top:var(--spacing-16, 1rem)}:host .campaign-container .left-part .day,:host .event-container .left-part .day{color:var(--dark, #000000);font-size:var(--font-size-32, 2rem);line-height:var(--font-size-32, 2rem)}:host .campaign-container .right-part,:host .event-container .right-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:0;padding-left:var(--spacing-16, 1rem)}:host .campaign-container .right-part .heading,:host .event-container .right-part .heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .heading yoo-badge,:host .event-container .right-part .heading yoo-badge{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container,:host .event-container .right-part .preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container yoo-avatar,:host .event-container .right-part .preview-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container span,:host .event-container .right-part .preview-container span{color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container.author yoo-avatar,:host .event-container .right-part .preview-container.author yoo-avatar{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .flex,:host .event-container .right-part .flex{display:-ms-flexbox;display:flex;white-space:pre-wrap}:host .campaign-container .right-part .dark,:host .event-container .right-part .dark{color:var(--dark, #000000)}:host .campaign-container .right-part .title,:host .event-container .right-part .title{color:var(--dark, #000000);font-weight:bold;line-height:var(--spacing-16, 1rem)}:host .campaign-container .right-part .description,:host .event-container .right-part .description{color:var(--stable, #adadad)}:host .campaign-container .right-part .type p,:host .event-container .right-part .type p{margin:0;padding:0}:host .campaign-container .right-part .attendance,:host .event-container .right-part .attendance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .attendance .text,:host .event-container .right-part .attendance .text{padding-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .campaign-container .right-part .attendance .text:hover,:host .event-container .right-part .attendance .text:hover{text-decoration:underline}:host .campaign-container .right-part .url,:host .event-container .right-part .url{--max-lines:1}:host .event-action-container{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:33% 33% 33%;padding-top:var(--spacing-16, 1rem)}:host .event-action-container.single-row{grid-template-columns:auto}:host .event-action-container .flex{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .event-action-container .flex yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .event-action-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .right-icon-container{display:-ms-flexbox;display:flex;margin-left:auto}:host .scheduled-date{width:auto;padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .feed-top,:host .outer-container .content-container>*{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>yoo-links-preview,:host .outer-container .content-container>yoo-announcement-heading{padding:0px}:host .outer-container.audio{margin:var(--spacing-16, 1rem);padding:0}:host .outer-container.audio .feed-top,:host .outer-container.audio .content-container>*{padding-right:0;padding-left:0}:host .outer-container mark{color:var(--dark, #000000) !important;background-color:transparent}:host .outer-container .feed-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:start;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .feed-top yoo-avatar{margin-right:0.8rem;cursor:pointer}:host .outer-container .feed-top .left-part{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}:host .outer-container .feed-top .left-part yoo-badge{width:100%;margin-bottom:var(--spacing-24, 1.5rem);cursor:pointer}:host .outer-container .feed-top .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-title-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-heading-inner-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .feed-top .feed-heading .feed-subheading{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-subheading.pointer{cursor:pointer}:host .outer-container .feed-top .feed-heading .feed-subheading.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{white-space:pre}:host .outer-container .feed-top .feed-heading .feed-subheading .feed-group{color:var(--dark, #000000)}:host .outer-container .feed-top .feed-menu{margin-right:-0.625rem;padding-right:var(--spacing-04, 0.25rem);padding-left:var(--spacing-32, 2rem);cursor:pointer}:host .outer-container .block-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:var(--block-card-media-height);margin-bottom:var(--spacing-16, 1rem);padding-top:var(--item-margins);color:var(--text-color, #807f83);font-size:var(--block-icon-size);background:var(--stable-light, #f1f1f1)}:host .outer-container .block-container.text{--card-feed-media-height:4.0625rem}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag){width:100%}:host .outer-container .content-container>*:not(yoo-tag).half{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;padding-right:0;padding-left:0}:host .outer-container .content-container>*:not(yoo-tag).left{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag).right{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-icons yoo-form-carousel{--pagination-height:var(--spacing-32, 2rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons yoo-form-carousel:not(.multiple){--pagination-height:0}:host .outer-container .content-container.no-tags.no-icons yoo-links-preview{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags.no-icons.no-img .feed-mention-actions{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags:not(.no-img) .feed-description,:host .outer-container .content-container.no-tags:not(.no-img) .question-title{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons.no-tags.no-first-comment{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .shared-container{width:calc(100% - 2rem);margin:var(--spacing-16, 1rem);padding:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .content-container yoo-form-carousel,:host .outer-container .content-container .media-outer-container{--card-feed-radius:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;cursor:pointer}:host .outer-container .content-container .media-outer-container{height:var(--card-feed-media-height)}:host .outer-container .content-container .poll-container{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .header{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host .outer-container .content-container .poll-container .content{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .content:last-child{padding-bottom:0}:host .outer-container .content-container .attachment-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container>*{display:none}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container div:first-child{display:block}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container .feed-plan{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container .header{display:none}:host .outer-container .content-container:first-child{padding-top:0}:host .outer-container .content-container .feed-icons{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .feed-icons.has-toggle{margin-top:0}:host .outer-container .content-container .feed-icons.no-icons{min-height:var(--spacing-16, 1rem)}:host .outer-container .content-container .info-feed{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .content-container .info-feed span{margin-right:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .content-container.no-tags.has-translation-toggle .feed-description{margin-bottom:0}:host .outer-container .content-container.no-tags.has-translation-toggle .translate-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-tags.has-translation-toggle.no-img .translate-container{padding-top:0}:host .outer-container .content-container.no-img .feed-description:not(.fr-view),:host .outer-container .content-container.no-img .question-title:not(.fr-view){margin-bottom:0}:host .outer-container .content-container.no-img .feed-hashtags{padding-bottom:0}:host .outer-container .content-container.no-img .translate-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .question-title{font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .feed-description,:host .outer-container .content-container .question-title{position:relative;margin:0;overflow:hidden;color:var(--dark, #000000);white-space:normal;word-break:break-word}:host .outer-container .content-container .feed-description.photos,:host .outer-container .content-container .question-title.photos{color:var(--stable, #adadad)}:host .outer-container .content-container .fr-view blockquote{color:var(--dark, #000000) !important}:host .outer-container .content-container .feed-description{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .feed-description html,:host .outer-container .content-container .feed-description body,:host .outer-container .content-container .feed-description div:not([class^=fr-]),:host .outer-container .content-container .feed-description span:not([class^=fr-]),:host .outer-container .content-container .feed-description img:not([class^=fr-]),:host .outer-container .content-container .feed-description applet,:host .outer-container .content-container .feed-description object,:host .outer-container .content-container .feed-description iframe,:host .outer-container .content-container .feed-description h1,:host .outer-container .content-container .feed-description h2,:host .outer-container .content-container .feed-description h3,:host .outer-container .content-container .feed-description h4,:host .outer-container .content-container .feed-description h5,:host .outer-container .content-container .feed-description h6,:host .outer-container .content-container .feed-description p,:host .outer-container .content-container .feed-description blockquote,:host .outer-container .content-container .feed-description pre,:host .outer-container .content-container .feed-description a,:host .outer-container .content-container .feed-description abbr,:host .outer-container .content-container .feed-description acronym,:host .outer-container .content-container .feed-description address,:host .outer-container .content-container .feed-description big,:host .outer-container .content-container .feed-description cite,:host .outer-container .content-container .feed-description code,:host .outer-container .content-container .feed-description del,:host .outer-container .content-container .feed-description dfn,:host .outer-container .content-container .feed-description em,:host .outer-container .content-container .feed-description font,:host .outer-container .content-container .feed-description ins,:host .outer-container .content-container .feed-description kbd,:host .outer-container .content-container .feed-description q,:host .outer-container .content-container .feed-description s,:host .outer-container .content-container .feed-description samp,:host .outer-container .content-container .feed-description small,:host .outer-container .content-container .feed-description strike,:host .outer-container .content-container .feed-description strong,:host .outer-container .content-container .feed-description sub,:host .outer-container .content-container .feed-description sup,:host .outer-container .content-container .feed-description tt,:host .outer-container .content-container .feed-description var,:host .outer-container .content-container .feed-description dl,:host .outer-container .content-container .feed-description dt,:host .outer-container .content-container .feed-description dd,:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul,:host .outer-container .content-container .feed-description li,:host .outer-container .content-container .feed-description fieldset,:host .outer-container .content-container .feed-description form,:host .outer-container .content-container .feed-description label,:host .outer-container .content-container .feed-description legend,:host .outer-container .content-container .feed-description table,:host .outer-container .content-container .feed-description caption,:host .outer-container .content-container .feed-description tbody,:host .outer-container .content-container .feed-description tfoot,:host .outer-container .content-container .feed-description thead,:host .outer-container .content-container .feed-description tr,:host .outer-container .content-container .feed-description th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .feed-description blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .feed-description blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .feed-description p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul{margin:revert;padding:revert}:host .outer-container .content-container .feed-description h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .feed-description h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .feed-description h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .feed-description h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .feed-description h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .feed-description h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .feed-description strong{font-weight:bold}:host .outer-container .content-container .feed-description em{font-style:italic}:host .outer-container .content-container yoo-kpi{--chart-height:var(--spacing-96, 6rem)}:host .outer-container .content-container yoo-kpi:not(.allow-click){pointer-events:none}:host .outer-container .content-container .feed-hashtags{padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.2rem;cursor:pointer}:host .outer-container .content-container .feed-chart{padding-top:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .content-container .feed-chart .chart-title{color:var(--dark, #000000)}:host .outer-container .content-container .feed-chart .chart-total{color:var(--text-color, #807f83)}:host .outer-container .content-container .feed-bottom-action{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .outer-container .content-container .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host .outer-container .content-container .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .content-container .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .outer-container .content-container .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);cursor:pointer}:host .outer-container .content-container .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .feed-footer-actions{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:49% 49%;cursor:pointer}:host .outer-container .content-container .translate-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host .outer-container .content-container .translate-container html,:host .outer-container .content-container .translate-container body,:host .outer-container .content-container .translate-container div:not([class^=fr-]),:host .outer-container .content-container .translate-container span:not([class^=fr-]),:host .outer-container .content-container .translate-container img:not([class^=fr-]),:host .outer-container .content-container .translate-container applet,:host .outer-container .content-container .translate-container object,:host .outer-container .content-container .translate-container iframe,:host .outer-container .content-container .translate-container h1,:host .outer-container .content-container .translate-container h2,:host .outer-container .content-container .translate-container h3,:host .outer-container .content-container .translate-container h4,:host .outer-container .content-container .translate-container h5,:host .outer-container .content-container .translate-container h6,:host .outer-container .content-container .translate-container p,:host .outer-container .content-container .translate-container blockquote,:host .outer-container .content-container .translate-container pre,:host .outer-container .content-container .translate-container a,:host .outer-container .content-container .translate-container abbr,:host .outer-container .content-container .translate-container acronym,:host .outer-container .content-container .translate-container address,:host .outer-container .content-container .translate-container big,:host .outer-container .content-container .translate-container cite,:host .outer-container .content-container .translate-container code,:host .outer-container .content-container .translate-container del,:host .outer-container .content-container .translate-container dfn,:host .outer-container .content-container .translate-container em,:host .outer-container .content-container .translate-container font,:host .outer-container .content-container .translate-container ins,:host .outer-container .content-container .translate-container kbd,:host .outer-container .content-container .translate-container q,:host .outer-container .content-container .translate-container s,:host .outer-container .content-container .translate-container samp,:host .outer-container .content-container .translate-container small,:host .outer-container .content-container .translate-container strike,:host .outer-container .content-container .translate-container strong,:host .outer-container .content-container .translate-container sub,:host .outer-container .content-container .translate-container sup,:host .outer-container .content-container .translate-container tt,:host .outer-container .content-container .translate-container var,:host .outer-container .content-container .translate-container dl,:host .outer-container .content-container .translate-container dt,:host .outer-container .content-container .translate-container dd,:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul,:host .outer-container .content-container .translate-container li,:host .outer-container .content-container .translate-container fieldset,:host .outer-container .content-container .translate-container form,:host .outer-container .content-container .translate-container label,:host .outer-container .content-container .translate-container legend,:host .outer-container .content-container .translate-container table,:host .outer-container .content-container .translate-container caption,:host .outer-container .content-container .translate-container tbody,:host .outer-container .content-container .translate-container tfoot,:host .outer-container .content-container .translate-container thead,:host .outer-container .content-container .translate-container tr,:host .outer-container .content-container .translate-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .translate-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .translate-container blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .translate-container p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul{margin:revert;padding:revert}:host .outer-container .content-container .translate-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .translate-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .translate-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .translate-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .translate-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .translate-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .translate-container strong{font-weight:bold}:host .outer-container .content-container .translate-container em{font-style:italic}:host .outer-container .content-container .translate-container.active .inner-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .content-container .translate-container .text-container{width:100%;margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .feed-hashtags{color:var(--app-color, #5a30f4)}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.web){width:100%;--card-max-width:33.125rem}:host(.web) .outer-container .content-container .shared-container{width:100%}:host(.web) .outer-container .feed-top.community .feed-menu{height:auto}:host(.web) .outer-container .feed-top .feed-menu{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.75rem;margin:0;padding:0}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{display:-ms-flexbox;display:flex}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading yoo-icon{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .feed-top .feed-group{white-space:pre-wrap}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .content-container:not(.no-img){--custom-icon-margin-left:-2.1rem}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .outer-container .content-container .shared-container{width:calc(100% - 1.5rem)}:host(.modal-mode) .outer-container{border:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-icon-container,:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-tags-container{display:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .attachment-inner-container>*{display:block}:host(.links-preview) .outer-container .feed-top{display:none}:host(.links-preview) .outer-container .content-container{padding:0 !important}:host(.links-preview) .outer-container .content-container.no-img .feed-description,:host(.links-preview) .outer-container .content-container.no-img .question-title{margin-bottom:var(--spacing-16, 1rem)}.feed-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:3;width:auto;height:3.4375rem;padding-right:var(--spacing-16, 1rem);overflow:hidden;color:var(--stable-alt, #d0d0d0);cursor:pointer}.feed-icon:last-of-type{padding-right:0}.feed-icon.custom-icon{width:3.4375rem;margin-left:var(--custom-icon-margin-left);padding-right:0}.feed-icon.right{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0;padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}.feed-icon.right .icon-text{-ms-flex-item-align:center;align-self:center;padding-right:var(--spacing-04, 0.25rem)}.feed-icon.right yoo-icon{margin-right:var(--spacing-02, 0.125rem)}.feed-icon.right yoo-icon.hide-content{margin-left:0}.media-tags-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000)}.media-tags-container.top{top:var(--spacing-08, 0.5rem)}.media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}.media-tags-container.right{right:var(--spacing-08, 0.5rem)}.media-tags-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-tags-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-tags-container.left{left:var(--spacing-08, 0.5rem)}.media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-tags-container yoo-tag,.media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000);-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}.media-icon-container.top{top:var(--spacing-16, 1rem)}.media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}.media-icon-container.right{right:var(--spacing-16, 1rem)}.media-icon-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-icon-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-icon-container.left{left:var(--spacing-16, 1rem)}.media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-icon-container yoo-tag,.media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host(.questions.web) .outer-container{padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 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(.preview-mode.modal-mode) .outer-container>*,:host(.no-pointer) .outer-container>*{pointer-events:none}:host(.preview-mode.modal-mode) .event-container .event-action-container,:host(.no-pointer) .event-container .event-action-container{pointer-events:none}:host(.event-mode.modal-mode) .outer-container,:host(.preview-mode.modal-mode) .outer-container{margin:var(--spacing-24, 1.5rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem);padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.event-mode.modal-mode) .outer-container.audio,:host(.preview-mode.modal-mode) .outer-container.audio{padding:var(--spacing-16, 1rem)}:host(.event-mode.modal-mode) .outer-container yoo-form-carousel,:host(.preview-mode.modal-mode) .outer-container yoo-form-carousel{padding:0;pointer-events:initial}:host(.detail-view.web){--custom-icon-margin-left:-1.25rem;--card-max-width:100%}:host(.detail-view.web) .outer-container{display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.detail-view.web) .outer-container .left-container{position:relative;-ms-flex-negative:0;flex-shrink:0;width:35rem;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container yoo-icon.close{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:2;padding:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .left-container .main-view-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-80, 5rem) 0;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container .main-view-container yoo-img{cursor:-webkit-zoom-in;cursor:zoom-in}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container{position:absolute;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;height:var(--spacing-48, 3rem)}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4);-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(.detail-view.web) .outer-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--light, #ffffff)}:host(.detail-view.web) .outer-container .right-container .feed-description{margin-bottom:0}:host(.detail-view.web) .outer-container .right-container .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-group yoo-icon{fill:var(--stable, #adadad)}:host(.detail-view.web) .outer-container .right-container .feed-top{margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host(.shared-feed.preview-mode.modal-mode) .outer-container{margin:0;-webkit-box-shadow:none;box-shadow:none}:host(.custom-model) .outer-container .feed-top{margin-bottom:0}:host(.custom-model) .outer-container .uifield-container yoo-form-dynamic{margin-bottom:0;border-radius:0}:host(.community) .left-part yoo-badge.community{display:none}:host(:not(.modal-mode)){cursor:pointer}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";
 
 const YooCardFeedComponent = class {
   constructor(hostRef) {
@@ -141,10 +142,10 @@ const YooCardFeedComponent = class {
   componentWillLoad() {
     var _a;
     if ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.description) {
-      this.entry.description = index$1.setSecuredContent(this.entry.description);
+      this.entry.description = overlays.setSecuredContent(this.entry.description);
     }
     this.isPhotos = this.host.classList.contains('photos');
-    if (index$1.isNullOrUndefined(this.preventAutoPlayMedia)) {
+    if (overlays.isNullOrUndefined(this.preventAutoPlayMedia)) {
       this.preventAutoPlayMedia = this.modalMode;
     }
     this.initView();
@@ -216,7 +217,7 @@ const YooCardFeedComponent = class {
   }
   isCreator() {
     var _a, _b;
-    return ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) === index$1.getSession().userId;
+    return ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) === overlays.getSession().userId;
   }
   onMediaClicked(ev) {
     if (!this.previewMode && this.host.classList.contains('shared-feed')) {
@@ -245,12 +246,12 @@ const YooCardFeedComponent = class {
     var _a;
     ev.stopPropagation();
     if (this.modalMode && this.isCreator() && ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.keys)) {
-      index$1.getAsyncExtraData({ type: 'user-list', params: { keys: ev.detail.users } });
+      overlays.getAsyncExtraData({ type: 'user-list', params: { keys: ev.detail.users } });
     }
   }
   observeVisibility() {
-    if (index$1.isIntersectionObserverSupported()) {
-      this.observer = index$1.intersectionObserve(this.host, (nodes) => {
+    if (index$2.isIntersectionObserverSupported()) {
+      this.observer = index$2.intersectionObserve(this.host, (nodes) => {
         nodes.forEach((node) => {
           if (node.isIntersecting) {
             this.removeIntersectionObserver();
@@ -299,14 +300,14 @@ const YooCardFeedComponent = class {
       } }, index.h("yoo-empty-state", { type: "waiting" }), this.hasMediaTags() && this.renderMediaTags()));
   }
   renderMarkDescription() {
-    return (index.h("div", null, index$1.translate('DERIVEDFROM'), index.h("mark", null, " ", ' "' + index$1.translateMulti(this.entry.fieldTitle) + '" '), index$1.translate('YOOBICIN')));
+    return (index.h("div", null, overlays.translate('DERIVEDFROM'), index.h("mark", null, " ", ' "' + overlays.translateMulti(this.entry.fieldTitle) + '" '), overlays.translate('YOOBICIN')));
   }
   renderText() {
     var _a;
     const preventNewLine = (_a = this.entry.description) === null || _a === void 0 ? void 0 : _a.includes('name="slide"');
-    const content = index$1.parseMarkDown(index$1.replaceAllLinks(this.entry.description, preventNewLine), true);
+    const content = overlays.parseMarkDown(overlays.replaceAllLinks(this.entry.description, preventNewLine), true);
     return this.modalMode ? index.h("div", { ref: (el) => this.textElement = el, onClick: (ev) => { var _a; return commonHelpers.openImageDetailFromRTE(this.textElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); }, innerHTML: content }) :
-      index.h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: index$1.replaceAllLinks(this.entry.description, preventNewLine) });
+      index.h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: overlays.replaceAllLinks(this.entry.description, preventNewLine) });
   }
   renderEntryDescription() {
     return (index.h("div", { class: {
@@ -340,7 +341,7 @@ const YooCardFeedComponent = class {
   }
   renderFeedTags() {
     var _a, _b, _c;
-    return (index.h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${index$1.translateMulti(a).toLowerCase()} ` }))));
+    return (index.h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${overlays.translateMulti(a).toLowerCase()} ` }))));
   }
   renderTopActions() {
     return (index.h("div", { class: "info-feed" }, this.entry.topActions.map((a) => (index.h("span", { onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, a.handler) }, a.text)))));
@@ -348,7 +349,7 @@ const YooCardFeedComponent = class {
   renderChart() {
     return (index.h("div", { class: "feed-chart" }, this.entry.chartDefinition.title && index.h("div", { class: "chart-title" }, this.entry.chartDefinition.title), index.h("yoo-kpi", { class: { 'allow-click': this.modalMode && this.isCreator() }, chartClass: "feed-chart", style: { height: this.entry.chartBarTotal * 70 + 'px' }, hideIfEmpty: true, definition: this.entry.chartDefinition, config: this.entry.chartConfig, isFullScreen: this.modalMode, onKpiClick: (ev) => this.onKpiClick(ev) }), this.entry.chartTotal > 0 && (index.h("div", { onClick: (ev) => {
         this.onPollVoteClicked(ev);
-      }, class: "chart-total" }, this.entry.chartTotal.toLocaleString(), " ", index$1.translate('VOTES').toLowerCase()))));
+      }, class: "chart-total" }, this.entry.chartTotal.toLocaleString(), " ", overlays.translate('VOTES').toLowerCase()))));
   }
   renderBottomActionText(item) {
     return (index.h("div", { class: 'action ' + (item.cssClass || '') }, item.icon && index.h("yoo-icon", { name: item.icon, color: item.iconColor, size: "medium" }), item.text));
@@ -398,13 +399,13 @@ const YooCardFeedComponent = class {
     const actions = icon.subIcons.map((subIcon) => {
       return { text: subIcon.text, icon: subIcon.icon, handler: () => subIcon.handler() };
     });
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       return (index.h("span", { slot: "start", class: "feed-icon" }, index.h("yoo-context-menu", { contentButtons: actions }, index.h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }))));
     }
     else {
       return (index.h("span", { slot: "start", class: "feed-icon", onClick: (ev) => {
           ev.stopPropagation();
-          index$1.showActionSheet(actions);
+          overlays.showActionSheet(actions);
         } }, index.h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' })));
     }
   }
@@ -419,11 +420,11 @@ const YooCardFeedComponent = class {
     ];
   }
   onShowActions(ev) {
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       ev.stopPropagation();
       ev.preventDefault();
       if (this.hasActions()) {
-        index$1.showActionSheet(this.entry.actions);
+        overlays.showActionSheet(this.entry.actions);
       }
     }
   }
@@ -561,9 +562,9 @@ const YooCardFeedComponent = class {
   renderSharedIn() {
     const multiGroups = this.entry.groups.length > 1;
     return [
-      index$1.isWeb(this.host) ? '' : index$1.translate('SHAREDIN'),
+      overlays.isWeb(this.host) ? '' : overlays.translate('SHAREDIN'),
       index.h("span", { class: "feed-group" }, ` ${multiGroups ? this.entry.groups.length : this.entry.groups[0]} `),
-      multiGroups && index$1.translate('GROUPS')
+      multiGroups && overlays.translate('GROUPS')
     ];
   }
   renderFeedSubheading() {
@@ -572,7 +573,7 @@ const YooCardFeedComponent = class {
       this.hasSubheadings()
         ? this.entry.subheadings.map((sub) => (sub ? index.h("span", { class: "feed-subheading" }, sub) : null))
         : null,
-      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, index$1.isWeb(this.host) ? index.h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : index.h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
+      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, overlays.isWeb(this.host) ? index.h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : index.h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
     ];
   }
   renderFeedDates() {
@@ -589,7 +590,7 @@ const YooCardFeedComponent = class {
     var _a;
     return (index.h("div", { class: "feed-top" }, index.h("div", { class: "feed-heading" }, ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.heading) && (index.h("span", { class: "feed-title-container" }, this.renderAvatar('small'), index.h("span", { class: "text" }, this.entry.heading), this.hasActions() && (index.h("yoo-context-menu", { class: "flex", contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { name: "download", color: "stable-alt" }))))), index.h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())));
   }
-  renderAvatar(size = index$1.isWeb(this.host) ? 'large' : 'medium') {
+  renderAvatar(size = overlays.isWeb(this.host) ? 'large' : 'medium') {
     var _a, _b, _c;
     return (index.h("yoo-avatar", { onClick: (ev) => {
         this.onUserClicked(ev);
@@ -599,7 +600,7 @@ const YooCardFeedComponent = class {
     var _a, _b, _c, _d, _e, _f;
     return (index.h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } }, index.h("div", { class: "left-part" }, ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && index.h("yoo-badge", { class: "community", color: "app-color", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev), text: this.entry.community.name, shape: "rectangle" }), (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(), index.h("div", { class: "feed-heading" }, ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (index.h("span", { class: "feed-title-container" }, index.h("span", { class: "text" }, this.entry.heading))), index.h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())), this.hasActions() &&
       !this.detailView &&
-      (index$1.isWeb(this.host) ? (index.h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
+      (overlays.isWeb(this.host) ? (index.h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
   }
   renderFooterActions() {
     return index.h("div", { class: "feed-footer-actions" }, this.entry.footerActions.map((item) => button_factory.getButton(item)));
@@ -612,14 +613,14 @@ const YooCardFeedComponent = class {
       description = description.replace(/<br[^>]*>/g, '');
     }
     const mentionedBy = this.entry.firstComment.user || null;
-    const hasImage = index$1.isMedia(description) || description.includes('<ionic-chat-image');
+    const hasImage = overlays.isMedia(description) || description.includes('<ionic-chat-image');
     let firstCommentText = (_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.firstComment) === null || _c === void 0 ? void 0 : _c.text;
     if (firstCommentText && this.entry.firstComment.mentions) {
-      firstCommentText = index$1.replaceAtTagToMentionTag(firstCommentText, this.entry.firstComment.mentions);
+      firstCommentText = overlays.replaceAtTagToMentionTag(firstCommentText, this.entry.firstComment.mentions);
     }
     return (index.h("div", { class: "feed-mention-actions", onClick: (ev) => {
         this.onFirstCommentClicked(ev);
-      } }, mentionedBy && index.h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? index.h("span", { class: "app-color" }, index$1.translate('VIEWMEDIA')) : index.h("span", { class: "first-comment-text" }, index$1.removeTextStyle(firstCommentText))));
+      } }, mentionedBy && index.h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? index.h("span", { class: "app-color" }, overlays.translate('VIEWMEDIA')) : index.h("span", { class: "first-comment-text" }, overlays.removeTextStyle(firstCommentText))));
   }
   renderFiles(documents) {
     return (index.h("div", { class: "feed-document-container" }, index.h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents })));
@@ -627,7 +628,7 @@ const YooCardFeedComponent = class {
   renderPlan() {
     return (index.h("div", { class: "feed-plan" }, index.h("yoo-form-plan", { class: "dark", secondaryView: true, plan: this.entry.plan, planRef: this.entry.plan._id, feedRef: this.entry.feedRef, checkPermission: true, onClick: (ev) => {
         var _a;
-        if ((_a = index$1.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
+        if ((_a = overlays.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
           this.onEmbeddedEntityClicked(this.entry.plan, 'plans', ev);
         }
       } })));
@@ -639,14 +640,14 @@ const YooCardFeedComponent = class {
   }
   renderAttachment(extraClasses) {
     var _a;
-    return (index.h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` }, index.h("div", { class: "header" }, index.h("yoo-icon", { name: "attachment", color: "dark", size: "small" }), index$1.translate('ATTACHMENTS')), index.h("div", { class: "attachment-inner-container" }, ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents), this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(), this.entry.question && this.renderWiki())));
+    return (index.h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` }, index.h("div", { class: "header" }, index.h("yoo-icon", { name: "attachment", color: "dark", size: "small" }), overlays.translate('ATTACHMENTS')), index.h("div", { class: "attachment-inner-container" }, ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents), this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(), this.entry.question && this.renderWiki())));
   }
   renderPoll() {
     var _a, _b;
-    return (index.h("div", { class: "poll-container" }, index.h("div", { class: "header" }, this.entry.pollIsLong ? index$1.translate('POLLLINKEXISTING') : index$1.translate('POLLTITLE')), index.h("div", { class: "content" }, index$1.translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
+    return (index.h("div", { class: "poll-container" }, index.h("div", { class: "header" }, this.entry.pollIsLong ? overlays.translate('POLLLINKEXISTING') : overlays.translate('POLLTITLE')), index.h("div", { class: "content" }, overlays.translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
       _b.map((item) => {
         if (item) {
-          return [index.h("div", { class: "header" }, index$1.translate('ANSWER')), index.h("div", { class: "content" }, index$1.translate(item))];
+          return [index.h("div", { class: "header" }, overlays.translate('ANSWER')), index.h("div", { class: "content" }, overlays.translate(item))];
         }
       })));
   }
@@ -659,7 +660,7 @@ const YooCardFeedComponent = class {
         'no-tags': !((_b = this.entry) === null || _b === void 0 ? void 0 : _b.tags),
         'no-icons': !this.hasFeedIcons(),
         'no-first-comment': !((_c = this.entry) === null || _c === void 0 ? void 0 : _c.firstComment),
-        'has-translation-toggle': !index$1.isNullOrUndefined(this.entry.translationCallback)
+        'has-translation-toggle': !overlays.isNullOrUndefined(this.entry.translationCallback)
       } }, (_d = this.orderItem) === null || _d === void 0 ? void 0 : _d.map((item) => this.renderDynamic(item))));
   }
   onTranslateToggle(ev) {
@@ -687,11 +688,11 @@ const YooCardFeedComponent = class {
     return (index.h("div", { class: {
         'translate-container fr-view': true,
         active: this.showTranslatedText
-      } }, index.h("div", { class: "inner-container" }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text-container", innerHTML: index$1.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, index$1.translate('HIDETRANSLATION')) : index$1.translate('SEETRANSLATION')))));
+      } }, index.h("div", { class: "inner-container" }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text-container", innerHTML: overlays.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, overlays.translate('HIDETRANSLATION')) : overlays.translate('SEETRANSLATION')))));
   }
   renderSharedEvent(configs, slotName) {
     var _a, _b;
-    return (index.h("div", { class: "event-container", slot: slotName }, index.h(CardEvent, { configs: configs }), !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { slot: "event-document" }, this.renderFiles(configs.documents)), !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { slot: "event-action" }, index.h(EventActions, { extraClasses: { 'single-row': !index$1.isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
+    return (index.h("div", { class: "event-container", slot: slotName }, index.h(CardEvent, { configs: configs }), !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { slot: "event-document" }, this.renderFiles(configs.documents)), !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { slot: "event-action" }, index.h(EventActions, { extraClasses: { 'single-row': !overlays.isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
   }
   renderScheduledDate() {
     return (index.h("yoo-tag", { color: "energized", class: "scheduled-date" }, index.h("yoo-icon", { slot: "start", name: "calendar", size: "small", color: "light" }), this.entry.scheduledDate));
@@ -700,7 +701,7 @@ const YooCardFeedComponent = class {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (((_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.uiFields) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
       !lodash.isEmpty((_e = (_d = this.entry) === null || _d === void 0 ? void 0 : _d.uiFields) === null || _e === void 0 ? void 0 : _e.data) &&
-      this.entry.uiFields.fields.some((f) => index$1.isFieldWithNoValue(f) || !index$1.isNullOrUndefined(this.entry.uiFields.data[f.name]))
+      this.entry.uiFields.fields.some((f) => overlays.isFieldWithNoValue(f) || !overlays.isNullOrUndefined(this.entry.uiFields.data[f.name]))
       && !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('map')) && !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('grid-cell'))) {
       return (index.h("div", { class: "uifield-container" }, index.h("yoo-form-dynamic", { class: "inline in-card secondary", scrollable: false, forceReadonly: true, slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
     }
@@ -736,7 +737,7 @@ const YooCardFeedComponent = class {
       case 'chart':
         return this.entry.chartDefinition && this.renderChart();
       case 'attachment':
-        return index$1.hasAttachment(this.entry) && this.renderAttachment(item.params);
+        return overlays.hasAttachment(this.entry) && this.renderAttachment(item.params);
       case 'bottom-actions':
         return this.entry.bottomActions && this.renderActions(this.entry.bottomActions);
       case 'middle-actions':
@@ -756,7 +757,7 @@ const YooCardFeedComponent = class {
       case 'shared-event':
         return this.entry.eventConfigs && this.renderSharedEvent(this.entry.eventConfigs);
       case 'shared-campaign': {
-        const isAnnouncement = index$1.isCampaignAnnouncement((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription);
+        const isAnnouncement = overlays.isCampaignAnnouncement((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription);
         return this.entry.campaignConfigs && (isAnnouncement ? this.renderCardAnnouncement() : this.renderCardCampaign());
       }
       case 'shared-incentive':
@@ -773,11 +774,11 @@ const YooCardFeedComponent = class {
   }
   renderCardCampaign() {
     return (index.h("div", { class: "card-container" }, index.h(CardCampaign, { configs: this.entry.campaignConfigs }), (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableCount > 1 && !this.entry.campaignConfigs.isService) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, index$1.translate('VIEWALL'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, overlays.translate('VIEWALL'))
       : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableMission && this.entry.campaignConfigs.missionDetailHandler) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, index$1.translate('VIEW'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, overlays.translate('VIEW'))
       : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.isService && this.entry.campaignConfigs.createHandler) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, index$1.translate('CREATEREQUEST'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, overlays.translate('CREATEREQUEST'))
       : null));
   }
   renderThumbnailView() {
@@ -811,19 +812,19 @@ const YooCardFeedComponent = class {
   renderMainView() {
     var _a, _b;
     const mediaSrc = ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a[this.currentSlideIndex]) || ((_b = this.entry.mediaSrc) === null || _b === void 0 ? void 0 : _b[0]);
-    const isTypeVideo = index$1.isVideo(mediaSrc);
+    const isTypeVideo = overlays.isVideo(mediaSrc);
     return (index.h("div", { class: "main-view-container" }, isTypeVideo ? this.renderVideo(mediaSrc) : this.renderMainViewImage(mediaSrc)));
   }
   renderDetailView() {
     var _a;
     return [
-      index.h("div", { class: "left-container" }, index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => index$1.closeModal(null) }), this.renderMainView(), ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
+      index.h("div", { class: "left-container" }, index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => overlays.closeModal(null) }), this.renderMainView(), ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
       index.h("div", { class: "right-container" }, this.renderDetailViewHeader(), index.h("yoo-ion-content", null, this.renderContent()), index.h("slot", { name: "bottom" }))
     ];
   }
   renderSharedFeed() {
     const entry = this.entry.sharedFeed;
-    entry.heading = index$1.getUserDisplayName(entry.user);
+    entry.heading = overlays.getUserDisplayName(entry.user);
     return (index.h("div", { class: "shared-container" }, index.h("yoo-card-feed", { class: "shared-feed", previewMode: this.previewMode, detailView: this.detailView, modalMode: this.modalMode, entry: entry, onEmbeddedEntityClicked: (ev) => this.onEmbeddedEntityClicked(ev.detail.entity, ev.detail.entityType, ev), onSharedUserClicked: (ev) => {
         ev.stopPropagation();
         this.sharedUserClicked.emit(true);