@yoobic/yobi 8.7.31 → 8.7.33

package/dist/design-system/yoo-camera-preview-dialog.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, f as forceUpdate, h, j as getAssetPath, e as Host, g as getElement } from './index-23b437f1.js';
-import { cx as registerPlugin, l as isNativeMobile, v as addFilePrefix, as as isImage, ag as getSession, e0 as PhotoLibrary, w as closeModal, t as translate } from './index-56657403.js';
-import './index-c3bcaec0.js';
-import { d as getPictureMaxSize } from './camera-helpers-03901e6f.js';
-import { a as showSlidesMedia, g as getAppContext } from './common-helpers-97d3c675.js';
-import './index-95d3486f.js';
+import { cx as registerPlugin, l as isNativeMobile, v as addFilePrefix, as as isImage, ag as getSession, e1 as PhotoLibrary, w as closeModal, t as translate } from './index-9d95c89f.js';
+import './index-80dd22e6.js';
+import { d as getPictureMaxSize } from './camera-helpers-63b0edbd.js';
+import { a as showSlidesMedia, g as getAppContext } from './common-helpers-3c17567f.js';
+import './index-c6cd74b1.js';
 import './lodash-04b11500.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const CameraPreview = registerPlugin('CameraPreview', {
-    web: () => import('./web-1b0d144a.js').then((m) => new m.CameraPreviewWeb()),
+    web: () => import('./web-b6ecafe3.js').then((m) => new m.CameraPreviewWeb()),
 });
 
 function getFlashModeIconName(flashMode) {

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { t as translate } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { t as translate } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardBattleResultCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:3rem 1fr 3rem;-ms-flex-align:center;align-items:center}:host p{margin:0}:host yoo-truncate{--line-height:1;width:100%;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .score{font-weight:bold;text-align:center}:host .score .lost{color:var(--danger, #d44333)}:host .score .won{color:var(--success, #3aa76d)}:host .score .result{line-height:1}";

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { ak as getUserDisplayName, ae as translateMulti, t as translate } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { ak as getUserDisplayName, ae as translateMulti, t as translate } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardBattleCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-gap:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host header{display:grid;grid-auto-flow:column;-ms-flex-pack:justify;justify-content:space-between;height:1.5rem;color:var(--dark, #000000)}:host main yoo-icon{fill:var(--text-color, #807f83)}:host footer{display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--spacing-08, 0.5rem)}:host .info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .info yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host([mode=compact]) main,:host([mode=compact]) footer{font-size:var(--font-size-12, 0.75rem)}:host([mode=compact]) header{grid-gap:var(--spacing-04, 0.25rem)}:host([mode=compact]) yoo-avatar{justify-self:center}:host([mode=large]),:host(:not([mode])){grid-template-columns:auto minmax(0, 1fr)}:host([mode=large]) header,:host(:not([mode])) header{grid-gap:var(--spacing-16, 1rem)}:host(.no-answers) footer{display:none}:host(.no-course) main .info{display:none}:host(.no-email) .email{display:none}:host(.no-points) yoo-tag{display:none}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { eP as getEventTypeColor, eL as getEventStatusInfo, eM as getCalendarParticipantStatusColor, t as translate } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { eQ as getEventTypeColor, eM as getEventStatusInfo, eN as getCalendarParticipantStatusColor, t as translate } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCalendarCss = "svg:not(:root){overflow:hidden}:host([color=accent]){background-color:var(--accent, #276ef1)}:host([color=accent]) .heading,:host([color=accent]) .description{color:var(--#ffffff)}:host([color=app-color]){background-color:var(--app-color, #5a30f4)}:host([color=app-color]) .heading,:host([color=app-color]) .description{color:var(--#ffffff)}:host([color=energized]){background-color:var(--energized, #ffc043)}:host([color=energized]) .heading,:host([color=energized]) .description{color:var(--#ffffff)}:host([color=info]){background-color:var(--info, #d84c96)}:host([color=info]) .heading,:host([color=info]) .description{color:var(--#ffffff)}:host([color=success]){background-color:var(--success, #3aa76d)}:host([color=success]) .heading,:host([color=success]) .description{color:var(--#ffffff)}:host([color=warning]){background-color:var(--warning, #ed6e33)}:host([color=warning]) .heading,:host([color=warning]) .description{color:var(--#ffffff)}:host([color=wood]){background-color:var(--wood, #99644c)}:host([color=wood]) .heading,:host([color=wood]) .description{color:var(--#ffffff)}:host([color=anthracite]){background-color:var(--anthracite, #1a1a1a)}:host([color=anthracite]) .heading,:host([color=anthracite]) .description{color:var(--#ffffff)}:host([color=danger]){background-color:var(--danger, #d44333)}:host([color=danger]) .heading,:host([color=danger]) .description{color:var(--#ffffff)}:host([color=stable]){background-color:var(--stable, #adadad)}:host([color=stable]) .heading,:host([color=stable]) .description{color:var(--#ffffff)}:host([color=dark]){background-color:var(--dark, #000000)}:host([color=dark]) .heading,:host([color=dark]) .description{color:var(--#ffffff)}:host([color=accent-10]){background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host([color=accent-10]) .heading,:host([color=accent-10]) .description{color:var(--accent, #276ef1)}:host([color=app-color-10]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]) .heading,:host([color=app-color-10]) .description{color:var(--app-color, #5a30f4)}:host([color=energized-10]){background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]) .heading,:host([color=energized-10]) .description{color:var(--energized, #ffc043)}:host([color=info-10]){background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]) .heading,:host([color=info-10]) .description{color:var(--info, #d84c96)}:host([color=dark-10]){background-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host([color=dark-10]) .heading,:host([color=dark-10]) .description{color:var(--dark, #000000)}:host([color=success-10]){background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]) .heading,:host([color=success-10]) .description{color:var(--dark, #000000)}:host([color=warning-10]){background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]) .heading,:host([color=warning-10]) .description{color:var(--warning, #ed6e33)}:host([color=wood-10]){background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host([color=wood-10]) .heading,:host([color=wood-10]) .description{color:var(--wood, #99644c)}:host([color=anthracite-10]){background-color:var(--anthracite-10, rgba(26, 26, 26, 0.1))}:host([color=anthracite-10]) .heading,:host([color=anthracite-10]) .description{color:var(--anthracite, #1a1a1a)}:host([color=danger-10]){background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]) .heading,:host([color=danger-10]) .description{color:var(--danger, #d44333)}:host([color=stable-10]){background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]) .heading,:host([color=stable-10]) .description{color:var(--dark, #000000)}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .description-container .flex-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .description-container .flex-container yoo-truncate{--max-lines:1}:host .description-container .flex-container .icon{-webkit-margin-end:var(--spacing-04, 0.25rem);margin-inline-end:var(--spacing-04, 0.25rem)}:host .description-container .flex-container .description{font-size:var(--font-size-12, 0.75rem)}:host .description-container .break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host .heading,:host .description{color:var(--light, #ffffff)}:host .heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .heading-content yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .heading{--max-lines:1;font-size:var(--font-size-14, 0.875rem)}:host(.web){min-width:8rem}:host(.disabled){cursor:not-allowed}:host(.events:not(.join)){background:var(--light, #ffffff) !important;border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.events.decline) .heading{text-decoration:line-through}:host(.todo.finished) .heading{text-decoration:line-through}:host(.todo.archived),:host(.todo.finished){opacity:0.6}:host(.campaigns.finished) .heading{text-decoration:line-through}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { j as execHandlerAndStopEvent } from './common-helpers-97d3c675.js';
+import './index-80dd22e6.js';
+import { j as execHandlerAndStopEvent } from './common-helpers-3c17567f.js';
 import { i as isNil, e as compact } from './lodash-04b11500.js';
-import { t as translate, ae as translateMulti, P as getCssColor } from './index-56657403.js';
-import './index-95d3486f.js';
+import { t as translate, ae as translateMulti, P as getCssColor } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCampaignCss = "svg:not(:root){overflow:hidden}:host yoo-kpi-card{--value-direction:column;--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:normal;--value-separator:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host yoo-tag:first-of-type{margin-left:calc(var(--spacing-08, 0.5rem) * -1)}:host yoo-truncate{--max-lines:2;margin-bottom:var(--spacing-04, 0.25rem)}:host .top-container{display:var(--card-campaign-top-container-display, block)}:host .indicators{display:var(--card-campaign-indicators-display, flex);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .create-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.feed) yoo-kpi-card{--value-font-size:var(--font-size-36, 2.25rem);--value-font-weight:bold;--value-title-font-size:var(--font-size-14, 0.875rem);margin-top:var(--spacing-08, 0.5rem)}:host(.feed) .outer-container .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host(.feed) .outer-container .bottom-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}:host(.feed) .outer-container .bottom-container .view-all{color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.feed) .outer-container.service .top-container{-ms-flex-pack:unset !important;justify-content:unset !important}:host(.feed) .outer-container.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.feed) .outer-container.empty .restricted-icon{margin:var(--spacing-16, 1rem)}:host(.feed) .outer-container.empty .empty-text{margin-right:var(--spacing-16, 1rem)}:host(.feed) .outer-container.empty .empty-text .empty-heading{color:var(--text-color, #807f83)}:host(.feed) .outer-container.empty yoo-animated-illustration{max-height:7rem}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-97d3c675.js';
-import { co as showActionSheet, P as getCssColor, H as isWeb, af as dateFormat, t as translate } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-3c17567f.js';
+import { co as showActionSheet, P as getCssColor, H as isWeb, af as dateFormat, t as translate } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCellCss = "svg:not(:root){overflow:hidden}:host{--display-after-image:none;--position-image-container:unset;--opacity-image:1;cursor:pointer}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-08, 0.5rem) 0.5rem;border:0}:host .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:7rem;max-width:80px;height:7rem;max-height:80px;text-align:center;-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem);display:inline-block;width:100%;max-width:80px;height:100%;max-height:80px;opacity:var(--opacity-image)}:host .outer-container .image-container.badge{width:60px;height:60px;-webkit-box-shadow:none;box-shadow:none}:host .outer-container .image-container.badge .image{border-radius:none;-webkit-box-shadow:none;box-shadow:none}:host .outer-container .image-container .image-overlay{position:absolute;top:15%;right:15%;bottom:auto;left:auto;display:var(--display-after-image);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);-webkit-clip-path:circle(12px at center);clip-path:circle(12px at center)}:host .outer-container .image-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-36, 2.25rem);border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:0.5625rem;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .text-container .text,:host .outer-container .text-container .subheading,:host .outer-container .text-container .text-truncate,:host .outer-container .text-container .date-label{text-align:center}:host .outer-container .text-container .text.badge{font-size:var(--font-size-12, 0.75rem)}:host .outer-container .text-container .text-truncate,:host .outer-container .text-container .subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:5rem}:host .outer-container .text-container .subheading{color:var(--stable, #adadad)}:host .outer-container .text-container .date-label{color:var(--app-color, #5a30f4)}:host .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .icon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff)}:host .outer-container .icon-overlay.top-right{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;font-size:var(--icon-size-01, 1rem)}:host .outer-container .icon-overlay.bottom-left,:host .outer-container .icon-overlay.bottom-right{bottom:var(--spacing-04, 0.25rem);-ms-flex-align:end;align-items:flex-end;font-size:var(--icon-size-01, 1rem)}:host .outer-container .icon-overlay.bottom-left{left:var(--spacing-04, 0.25rem);-ms-flex-pack:start;justify-content:flex-start}:host .outer-container .icon-overlay.bottom-right{right:var(--spacing-04, 0.25rem);-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .icon-overlay .icon-overlay-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.0625rem;height:1.0625rem;padding:0.125rem;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));border-radius:50%}:host .outer-container .validated{position:absolute;top:5px;right:auto;bottom:auto;left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px;background-color:var(--success, #3aa76d);border:3px solid var(--light, #ffffff);border-radius:50%}:host .outer-container .validated.danger{background-color:var(--danger, #d44333)}@media only screen and (max-width: 370px){:host(.files) .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:5rem !important;height:5rem !important}}:host(.files) .outer-container{margin-bottom:1rem;padding:0 0.5rem 0 0.5rem;overflow:hidden;border-radius:4px}:host(.files) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--stable-light, #f1f1f1)}:host(.files) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:var(--font-size-20, 1.25rem);border:none;border-radius:50%}:host(.files) .outer-container .text-container{color:var(--dark, #000000)}:host(.files.framed:not(.horizontal)) .outer-container .image-container .icon-container{background:var(--light, #ffffff);border-radius:0}:host(.files.framed.horizontal) .outer-container .image-container{height:var(--spacing-64, 4rem);-webkit-box-shadow:none;box-shadow:none}:host(.files.framed.horizontal) .outer-container .image-container .icon-container{border:none}:host(.files.framed.horizontal) .outer-container .text-container{margin-top:0}:host(.filesFolders) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--stable-light, #f1f1f1)}:host(.filesFolders) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:var(--font-size-20, 1.25rem);border:none;border-radius:50%}:host(.filesFolders) .outer-container .image-container .image{background-position-y:50%;background-size:contain !important}:host(.filesFolders.folder) .outer-container .image-container{-webkit-box-shadow:unset;box-shadow:unset}:host(.filesFolders.folder) .outer-container .image-container .icon-container{border:none}:host(.apps){display:block;padding:0.5rem;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.apps) .outer-container .image-container .image{width:50%;height:50%;margin:auto;margin-top:2rem}:host(.photos),:host(.giphy),:host(.unsplash),:host(.aiimage){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host(.photos) .outer-container,:host(.giphy) .outer-container,:host(.unsplash) .outer-container,:host(.aiimage) .outer-container{position:relative;width:100%;height:100%;padding:0}:host(.photos) .outer-container .image-container,:host(.giphy) .outer-container .image-container,:host(.unsplash) .outer-container .image-container,:host(.aiimage) .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:100%;max-width:120px;height:100%;max-height:120px}:host(.photos) .outer-container .image-container .image,:host(.giphy) .outer-container .image-container .image,:host(.unsplash) .outer-container .image-container .image,:host(.aiimage) .outer-container .image-container .image{width:100%;max-width:120px;height:100%;max-height:120px;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);opacity:var(--opacity-image)}:host(.photos) .outer-container .image-container .image-overlay,:host(.giphy) .outer-container .image-container .image-overlay,:host(.unsplash) .outer-container .image-container .image-overlay,:host(.aiimage) .outer-container .image-container .image-overlay{position:absolute;top:15%;right:15%;bottom:auto;left:auto;display:var(--display-after-image);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);-webkit-clip-path:circle(12px at center);clip-path:circle(12px at center)}:host(.photos) .outer-container .image-container .icon-container,:host(.giphy) .outer-container .image-container .icon-container,:host(.unsplash) .outer-container .image-container .icon-container,:host(.aiimage) .outer-container .image-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-36, 2.25rem);border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host(.photos) .outer-container .text-container,:host(.giphy) .outer-container .text-container,:host(.unsplash) .outer-container .text-container,:host(.aiimage) .outer-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:0.5625rem;font-size:var(--font-size-12, 0.75rem)}:host(.photos) .outer-container .text-container .text,:host(.giphy) .outer-container .text-container .text,:host(.unsplash) .outer-container .text-container .text,:host(.aiimage) .outer-container .text-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:5rem;text-align:center}:host(.photos) .outer-container .action-container,:host(.giphy) .outer-container .action-container,:host(.unsplash) .outer-container .action-container,:host(.aiimage) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host(.photos) .outer-container .action-container .icon-action,:host(.giphy) .outer-container .action-container .icon-action,:host(.unsplash) .outer-container .action-container .icon-action,:host(.aiimage) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host(.giphy) .outer-container .text-container,:host(.unsplash) .outer-container .text-container,:host(.aiimage) .outer-container .text-container{margin-top:0;margin-bottom:0.3rem}:host(.giphy) .outer-container .image-container,:host(.unsplash) .outer-container .image-container,:host(.aiimage) .outer-container .image-container{-webkit-box-shadow:none;box-shadow:none}:host(.photos.framed) .outer-container .image-container,:host(.giphy.framed) .outer-container .image-container,:host(.unsplash.framed) :host(.aiimage.framed) .outer-container .image-container{max-width:100px;max-height:100px}:host(.photos.web) .outer-container,:host(.giphy.web) .outer-container{position:unset}:host(.photos.web) .icon-overlay .icon-overlay-container,:host(.giphy.web) .icon-overlay .icon-overlay-container{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host(.courses) .outer-container,:host(.plans) .outer-container{width:6.125rem}:host(.courses) .outer-container .image-container,:host(.plans) .outer-container .image-container{max-width:unset;height:10.125rem;max-height:unset;-o-object-fit:contain;object-fit:contain;border-radius:4px}:host(.courses) .outer-container .image-container yoo-img,:host(.plans) .outer-container .image-container yoo-img{max-width:unset !important;max-height:unset !important}:host(.courses) .outer-container .image-container yoo-img yoo-icon,:host(.plans) .outer-container .image-container yoo-img yoo-icon{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);padding:0.5rem;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);background:var(--stable, #adadad);border:none;border-radius:50%}:host(.badges) .outer-container{width:80px}:host(.file-uploader) :host(.force-select) .outer-container{padding:0}:host(.file-uploader) :host(.force-select) .outer-container .text-container{display:none}:host(.file-uploader.files) .outer-container .image-container{max-width:6.5rem;-webkit-box-shadow:none;box-shadow:none}:host(.file-uploader.files) .outer-container .image-container .icon-container{border:none;border-radius:none}:host(.file-uploader.files) .outer-container .text-container{margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem)}:host(.broadcasts){--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%)}:host(.broadcasts) .outer-container{height:100%;padding:0}:host(.broadcasts) .outer-container span.timeago{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:1;color:var(--light, #ffffff)}:host(.broadcasts) .outer-container .image-container{position:relative;width:100%;min-width:100%;height:100%;max-height:100%}:host(.broadcasts) .outer-container .image-container .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcasts) .outer-container .image-container yoo-img{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}:host(.broadcasts) .outer-container .image-container .user-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:var(--spacing-16, 1rem);z-index:2;-ms-flex-direction:column;flex-direction:column;width:100%}:host(.broadcasts) .outer-container .image-container .user-container .subheading{margin-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.icons) .outer-container.icon-only{padding-top:var(--spacing-04, 0.25rem)}:host(.icons) .outer-container.icon-only .image-container{width:3rem;height:3rem;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:none;box-shadow:none}:host(.icons) .outer-container.icon-only .image-container .icon-container{border:none;border-radius:0}:host(.autocomplete) .outer-container .image-container .play{display:-ms-flexbox;display:flex;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host(.autocomplete-web-display) .outer-container .image-container{width:2rem;height:2rem;-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete-web-display) .outer-container .image-container .image-overlay{margin-top:var(--spacing-08, 0.5rem)}:host(.autocomplete-web-display) .outer-container .image-container .icon-container{border:none}:host(.autocomplete-web-display) .outer-container .text-container{font-size:var(--font-size-12, 0.75rem)}:host(.autocomplete-mobile-display) .outer-container .image-container{-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete-mobile-display) .outer-container .image-container .play{padding:var(--spacing-24, 1.5rem)}:host(.autocomplete-mobile-display) .outer-container .image-container .icon-container{border:none}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { ak as getUserDisplayName } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { ak as getUserDisplayName } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardChatCss = "svg:not(:root){overflow:hidden}:host{display:grid;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-card-list-image{background-color:var(--light, #ffffff)}:host #content{width:100%;overflow:hidden}:host #content #heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host #content #heading yoo-truncated-line{width:calc(100% - (var(--logo-06, 4rem) + var(--spacing-08, 0.5rem)));font-size:var(--font-size-18, 1.125rem)}:host #content #heading span{display:contents;height:var(--spacing-24, 1.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);white-space:nowrap}:host #content #subcontent,:host #content #message{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}:host #content #subcontent{font-size:var(--font-size-16, 1rem)}:host #content #subcontent>span{display:-ms-flexbox;display:flex}:host #content #subcontent>span .sender{max-width:var(--spacing-96, 6rem)}:host #content #message yoo-truncated-line{width:100%;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host #content #message yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host(.web) #content #heading yoo-truncated-line{font-size:var(--font-size-16, 1rem)}:host(.web) #content #heading span{font-size:var(--font-size-14, 0.875rem)}:host(.web) #content #subcontent{font-size:var(--font-size-16, 1rem)}:host(.web) #content #message yoo-truncated-line{font-size:var(--font-size-16, 1rem)}:host(.web.popup) #content #heading yoo-truncated-line{font-size:var(--font-size-14, 0.875rem)}:host(.web.popup) #content #heading span{font-size:var(--font-size-12, 0.75rem)}:host(.web.popup) #content #subcontent{font-size:var(--font-size-14, 0.875rem)}:host(.web.popup) #content #message yoo-truncated-line{font-size:var(--font-size-14, 0.875rem)}";

package/dist/design-system/yoo-card-course-row-compact.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { i as isNil, Y as clamp, b as isNumber } from './lodash-04b11500.js';
-import { ae as translateMulti } from './index-56657403.js';
-import './index-95d3486f.js';
+import { ae as translateMulti } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCourseRowCompactCss = "svg:not(:root){overflow:hidden}:host([dir=ltr]) yoo-img yoo-items{left:0}:host([dir=rtl]) yoo-img yoo-items{right:0}:host{display:-ms-flexbox;display:flex}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:3rem;height:2.25rem}:host yoo-img yoo-items{position:absolute;top:0}:host yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem);max-width:7.5rem}:host yoo-tag{--padding:0;-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host yoo-truncate{--max-lines:2;font-weight:bold}:host .indicators{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .information{-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem)}";

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getFromOfflineStorage } from './local-forage-67a0bc6c.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { h as hasRating } from './entities-helpers-8b94a924.js';
+import './index-80dd22e6.js';
+import { g as getFromOfflineStorage } from './local-forage-2821e007.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { h as hasRating } from './entities-helpers-ecf32941.js';
 import { i as isNil, E as get } from './lodash-04b11500.js';
-import { f6 as isCourseComplete, bE as isOffline, f7 as getPlanStartDate, ab as getPlanDueDate, af as dateFormat, t as translate, r as pipes, U as isDateAfter, ae as translateMulti, H as isWeb, ad as getLearningPathCourseProgress, ac as getCourseProgress, aa as getCourseFinishedItemsCount, a9 as getPlanTotalItemsCount, f8 as isPlanRatingEnabled, f9 as showRatingDialog, P as getCssColor } from './index-56657403.js';
+import { f7 as isCourseComplete, bE as isOffline, f8 as getPlanStartDate, ab as getPlanDueDate, af as dateFormat, t as translate, r as pipes, U as isDateAfter, ae as translateMulti, H as isWeb, ad as getLearningPathCourseProgress, ac as getCourseProgress, aa as getCourseFinishedItemsCount, a9 as getPlanTotalItemsCount, f9 as isPlanRatingEnabled, fa as showRatingDialog, P as getCssColor } from './index-9d95c89f.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 
 const cardCourseRowCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-truncate{--max-lines:2}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:6.625rem;height:5rem;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-tag[no-background]{--padding:0}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;padding:var(--spacing-12, 0.75rem) 0;background:var(--light-10, rgba(255, 255, 255, 0.1))}:host .outer-container.web{-ms-flex-align:initial;align-items:initial}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;width:100%;min-width:0;margin:0;-webkit-margin-start:var(--spacing-12, 0.75rem);margin-inline-start:var(--spacing-12, 0.75rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.web-content-container{margin:0;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem);padding-bottom:0;border-bottom:none}:host .outer-container .content-container.web-content-container .info-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.web-content-container .time{color:var(--app-color, #5a30f4)}:host .outer-container .content-container.web-content-container .description-row{--line-height:1;display:block;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem) !important}:host .outer-container .content-container.web-content-container yoo-progress-bar{max-width:210px;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;row-gap:var(--spacing-02, 0.125rem)}:host .outer-container .content-container .inner-container .progress-calendar-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .inner-container .progress-calendar-container .lesson-count{margin:var(--spacing-04, 0.25rem) 0 0 var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .end-date-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .end-date-container .end-date{margin-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:end;align-items:flex-end;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container .rating-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .rating-container .rating-content yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .info-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .content-container .inner-container .info-row .left-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;overflow:hidden}:host .outer-container .content-container .inner-container .info-row .left-part .type-tag{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;padding-bottom:var(--spacing-08, 0.5rem);overflow:hidden}:host .outer-container .content-container .inner-container .info-row .left-part .type-tag yoo-tag{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row .left-part .info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;overflow:hidden}:host .outer-container .content-container .inner-container .info-row .left-part .info yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row.web{gap:var(--spacing-16, 1rem)}:host .outer-container .content-container .inner-container .info-row.web div>yoo-icon{margin-right:var(--spacing-24, 1.5rem)}:host .outer-container .content-container .inner-container .info-row:not(.web){gap:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .info-row yoo-tag{overflow:hidden}:host .outer-container .content-container .inner-container .info-row yoo-icon.enabled{color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .info-row yoo-icon.disabled{color:var(--stable, #adadad)}:host .outer-container .content-container .inner-container .title-row{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container .content-container .inner-container .description-row{min-height:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date{display:-ms-flexbox;display:flex;margin:5px 0}:host .outer-container .content-container .inner-container .course-points-date .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date .date .date-label{color:var(--dark, #000000)}:host([size=extra-small]) .outer-container{padding:var(--spacing-12, 0.75rem) 0}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)[size=extra-small]) yoo-img{width:5.4rem;height:4rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)[size=extra-small]) .outer-container .content-container .inner-container .title-row{--line-height:1.5;font-size:var(--font-size-16, 1rem)}:host([size=small]) yoo-tag[no-background]{font-size:var(--font-size-16, 1rem)}:host([size=small]) .outer-container{padding:var(--spacing-08, 0.5rem) 0}:host([size=small]) .outer-container .content-container .inner-container .title-row{font-weight:var(--font-weight-700, 700)}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)[size=small]) yoo-img{width:8rem;height:6rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)[size=small]) .outer-container .content-container .inner-container .title-row{--line-height:1.6;font-size:var(--font-size-20, 1.25rem)}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-truncate{--max-lines:1}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container{height:auto}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container{max-height:12rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container{margin-top:0}:host(.web.grid-cell:not(.autocomplete-selection-mode):not(.selected-content)) .outer-container .content-container{width:100%}:host(.selection-mode) .outer-container .content-container{padding-right:var(--spacing-24, 1.5rem)}:host(.autocomplete-selection-mode) .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.selected-content) yoo-img{width:2rem;height:1.5rem;-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem)}:host(.selected-content) .outer-container{-ms-flex-align:initial;align-items:initial;height:1.5rem;padding:0;border-bottom:none}:host(.selected-content) .outer-container .content-container{width:100%;margin:0;padding-bottom:0}:host(.selected-content) .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .inner-container .title-row{font-weight:normal}:host(.selected-content) .outer-container .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.mobile.courses:not(.vertical-line)) .outer-container{padding-top:var(--spacing-24, 1.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--border-color)}:host(.mobile.courses:not(.vertical-line)) .outer-container .content-container{width:100%}:host(.mobile.courses:not(.vertical-line)) .outer-container .content-container yoo-progress-bar{margin-right:var(--spacing-08, 0.5rem)}:host(.web.calendar) .content-container .title-row{font-size:var(--spacing-16, 1rem)}:host(.mobile.calendar) .outer-container{-ms-flex-align:initial;align-items:initial}:host(.mobile.calendar) .outer-container yoo-progress-bar{max-width:8rem}:host(.mobile.calendar) .outer-container .lesson-count{margin:0 0 0 var(--spacing-04, 0.25rem) !important}:host(.mobile.calendar.framed) yoo-img{width:4rem;height:3rem}:host(.mobile.calendar.framed) .outer-container{border-bottom:unset !important}:host(.no-border-bottom.mobile) .outer-container{-ms-flex-align:initial;align-items:initial;border-bottom:none}:host(.no-border-bottom.mobile) .outer-container .content-container{padding-bottom:0}:host(.vertical-line) .outer-container{margin:var(--spacing-16, 1rem) auto var(--spacing-16, 1rem) auto;padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:0 1px 4px 0 var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 1px 4px 0 var(--dark-10, rgba(0, 0, 0, 0.1))}:host(.vertical-line) .outer-container .inner-container .title-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.vertical-line) .outer-container .inner-container .title-row yoo-button{margin-right:var(--spacing-24, 1.5rem)}:host(.vertical-line.next) .outer-container{background:var(--app-color-10, rgba(90, 48, 244, 0.1));border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.vertical-line.locked) .outer-container{background:var(--stable-ultralight, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.vertical-line.locked) .outer-container .inner-container .title-row{color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host(.mobile.vertical-line) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:calc(100vw - var(--spacing-96, 6rem));margin:var(--spacing-08, 0.5rem) auto var(--spacing-16, 1rem) auto;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem)}:host(.mobile.vertical-line) .outer-container yoo-img{width:5rem;height:3.75rem;margin-right:var(--spacing-08, 0.5rem)}:host(.mobile.vertical-line) .outer-container .content-container{-ms-flex:2;flex:2;margin:auto}:host(.mobile.vertical-line) .outer-container .content-container .inner-container{margin-top:calc(var(--spacing-08) * -1)}:host(.mobile.vertical-line) .outer-container .content-container .inner-container .info-row>div{-ms-flex-direction:column;flex-direction:column;gap:0;-ms-flex-align:start;align-items:start}";
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { E as get } from './lodash-04b11500.js';
-import { a9 as getPlanTotalItemsCount, aa as getCourseFinishedItemsCount, ab as getPlanDueDate, ac as getCourseProgress, i as isChromatic, t as translate, ad as getLearningPathCourseProgress, ae as translateMulti, af as dateFormat } from './index-56657403.js';
-import './index-95d3486f.js';
+import { a9 as getPlanTotalItemsCount, aa as getCourseFinishedItemsCount, ab as getPlanDueDate, ac as getCourseProgress, i as isChromatic, t as translate, ad as getLearningPathCourseProgress, ae as translateMulti, af as dateFormat } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCourseCss = "svg:not(:root){overflow:hidden}:host([dir=ltr]) .outer-container .image-container .image yoo-items{right:var(--spacing-16, 1rem)}:host([dir=ltr]) .outer-container.small .image yoo-items{right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .outer-container .image-container .image yoo-items{left:var(--spacing-16, 1rem)}:host([dir=rtl]) .outer-container.small .image yoo-items{left:var(--spacing-08, 0.5rem)}:host{cursor:pointer}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .outer-container{margin-right:0.325rem;margin-bottom:var(--spacing-16, 1rem);margin-left:0.325rem;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .image-container{position:relative;height:16.875rem;margin-top:var(--spacing-08, 0.5rem);margin-bottom:0.8rem}:host .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem) var(--border-radius-04, 0.25rem) 0 0;width:100%;height:100%}:host .outer-container .image-container .image yoo-items{position:absolute;top:var(--spacing-16, 1rem)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .course-title{padding-top:var(--spacing-04, 0.25rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .course-title yoo-truncate{--max-lines:1}:host .outer-container .content-container .course-description{position:relative;margin:var(--spacing-04, 0.25rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);line-height:normal;white-space:normal;--max-lines:2}:host .outer-container .content-container .course-points{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .content-container .course-info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-04, 0.25rem) 0;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.profile-summary .course-title,:host .outer-container .content-container.profile-summary .course-info{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.profile-summary .course-title{margin:0;padding-top:var(--spacing-02, 0.125rem);padding-bottom:var(--spacing-08, 0.5rem);text-align:left}:host .outer-container.summary yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.small{position:relative;height:100%;margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.small yoo-truncate{--line-height:normal}:host .outer-container.small yoo-progress-bar{--progress-value-color:var(--light, #ffffff);--progress-value-font-size:var(--font-size-12, 0.75rem);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .outer-container.small yoo-tag{font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .content-container{position:absolute;bottom:0;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem)}:host .outer-container.small .course-description{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .course-info{padding:0}:host .outer-container.small .course-points{-ms-flex-order:-1;order:-1;margin:0}:host .outer-container.small .course-title{overflow:hidden;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .outer-container.small .course-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.small .image{--border-radius:var(--border-radius-08, 0.5rem);position:relative}:host .outer-container.small .image:after{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(69%, rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.7)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)), rgba(0, 0, 0, 0.49) 69%, rgba(0, 0, 0, 0.7));border-radius:var(--border-radius-08, 0.5rem);content:\"\"}:host .outer-container.small .image yoo-items{top:var(--spacing-08, 0.5rem)}:host .outer-container.small .image-container{height:100%;margin:0}:host .outer-container.medium{margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.medium .image-container{height:11.25rem;margin:0}:host .outer-container.large .image-container{height:16.875rem}:host([dir=ltr].offline) .outer-container{opacity:0.7}:host([dir=ltr].offline)::before,:host([dir=ltr].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";right:0}:host([dir=ltr].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host([dir=rtl].offline) .outer-container{opacity:0.7}:host([dir=rtl].offline)::before,:host([dir=rtl].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";left:0}:host([dir=rtl].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host(.small) .outer-container{display:-ms-flexbox;display:flex;margin:0;padding-bottom:0}:host(.small) .outer-container .image-container{-ms-flex-negative:0;flex-shrink:0;width:8.125rem;height:5.5625rem;margin:0;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .content-container{margin:0}:host(.small) .outer-container .content-container yoo-progress-bar{display:none}:host(.small) .outer-container .content-container .course-title{font-weight:var(--font-weight-700, 700)}:host(.no-lessons) .lessons{display:none}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { ae as translateMulti, ak as getUserDisplayName, bP as fromNow, t as translate } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { ae as translateMulti, ak as getUserDisplayName, bP as fromNow, t as translate } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardFeedRowCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:minmax(0, 1fr) 4rem;gap:var(--spacing-16, 1rem)}:host yoo-img{height:4rem}:host .details{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;overflow:hidden}:host .indicators{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .information{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-02, 0.125rem)}:host .information>yoo-truncate{--max-lines:2}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

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

@@ -1,10 +1,10 @@
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-23b437f1.js';
-import { f as isIntersectionObserverSupported, i as intersectionObserve } from './index-c3bcaec0.js';
-import { g as getButton } from './button.factory-51309ec2.js';
-import { j as execHandlerAndStopEvent, o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-97d3c675.js';
+import { f as isIntersectionObserverSupported, i as intersectionObserve } from './index-80dd22e6.js';
+import { g as getButton } from './button.factory-eea59a81.js';
+import { j as execHandlerAndStopEvent, o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-3c17567f.js';
 import { c as cloneDeep, i as isNil, e as compact, B as isEmpty } from './lodash-04b11500.js';
-import { E as EventType } from './index-95d3486f.js';
-import { ag as getSession, t as translate, aJ as capitalizeFirstLetter, eY as isCampaignFeed, P as getCssColor, af as dateFormat, aT as dateSub, ae as translateMulti, ax as replaceAllLinks, d0 as setSecuredContent, aE as parseMarkDown, dt as secureUrlsFromContent, b9 as getUUID, H as isWeb, co as showActionSheet, cl as isMedia, aw as replaceAtTagToMentionTag, eZ as removeTextStyle, ep as isFieldWithNoValue, e_ as isCampaignTodo, e$ as hasAttachment, aq as isVideo, w as closeModal, ak as getUserDisplayName, au as dispatchCustomEvent } from './index-56657403.js';
+import { E as EventType } from './index-c6cd74b1.js';
+import { ag as getSession, t as translate, aJ as capitalizeFirstLetter, eZ as isCampaignFeed, P as getCssColor, af as dateFormat, aT as dateSub, ae as translateMulti, ax as replaceAllLinks, d1 as setSecuredContent, aE as parseMarkDown, du as secureUrlsFromContent, b9 as getUUID, H as isWeb, co as showActionSheet, cl as isMedia, aw as replaceAtTagToMentionTag, e_ as removeTextStyle, eq as isFieldWithNoValue, e$ as isCampaignTodo, f0 as hasAttachment, aq as isVideo, w as closeModal, ak as getUserDisplayName, au as dispatchCustomEvent } from './index-9d95c89f.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const EventAttendance = ({ info, count, handler }) => {
@@ -102,7 +102,7 @@ const CardEvent = ({ configs }) => {
   ]);
 };
 
-const cardFeedCss = "/*!\n * froala_editor v4.0.18 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2023 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 li img.fr-dii.fr-fil{margin-right:20px}.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}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}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)}svg:not(:root){overflow:hidden}: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-animated-illustration{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;-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start: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-tag,:host .event-container .right-part .heading yoo-tag{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end: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;-webkit-margin-start:auto;margin-inline-start: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 .feed-top{margin-top:var(--spacing-16, 1rem)}: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{cursor:pointer;-webkit-margin-end:var(--spacing-12, 0.75rem);margin-inline-end:var(--spacing-12, 0.75rem)}: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 .tags-container{width:100%}:host .outer-container .feed-top .left-part .tags-container yoo-tag{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 .block-container yoo-animated-illustration{width:100%;height:12rem}: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{z-index:4;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);cursor:pointer}: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-16, 1rem);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.button.half{padding-bottom:var(--spacing-16, 1rem)}: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{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end: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([dir=ltr].offline) .outer-container{opacity:0.7}:host([dir=ltr].offline)::before,:host([dir=ltr].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";right:0}:host([dir=ltr].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host([dir=rtl].offline) .outer-container{opacity:0.7}:host([dir=rtl].offline)::before,:host([dir=rtl].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";left:0}:host([dir=rtl].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-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)){padding:var(--spacing-08, 0.5rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem);--icons-container-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}:host([dir=ltr]) .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)}:host([dir=ltr]) .media-tags-container.top{top:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.right{right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .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}:host([dir=ltr]) .media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=ltr]) .media-tags-container.left{left:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container yoo-tag,:host([dir=ltr]) .media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=ltr]) .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)}:host([dir=ltr]) .media-icon-container.top{top:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.right{right:var(--spacing-16, 1rem)}:host([dir=ltr]) .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}:host([dir=ltr]) .media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=ltr]) .media-icon-container.left{left:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-icon-container yoo-tag,:host([dir=ltr]) .media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=rtl]) .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)}:host([dir=rtl]) .media-tags-container.top{top:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.right{right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.middle{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:1;border-radius:0}:host([dir=rtl]) .media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=rtl]) .media-tags-container.left{left:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container yoo-tag,:host([dir=rtl]) .media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=rtl]) .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)}:host([dir=rtl]) .media-icon-container.top{top:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.right{right:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.middle{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:1;border-radius:0}:host([dir=rtl]) .media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=rtl]) .media-icon-container.left{left:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-icon-container yoo-tag,:host([dir=rtl]) .media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.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-tag.community{display:none}:host(:not(.modal-mode)){cursor:pointer}:host(.audio) .outer-container yoo-form-carousel{padding:0;--icons-container-padding:0}:host(.modal-mode.web.audio:not(.detail-view):not(.preview-mode)){padding:var(--spacing-08, 0.5rem) 0}:host(.modal-mode.web.audio:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0}:host(.web.audio:not(.modal-mode):not(.multiple-audio)) .outer-container yoo-form-carousel{padding:0 var(--spacing-16, 1rem);--icons-container-padding:0}:host(.web.audio:not(.modal-mode).multiple-audio) .outer-container yoo-form-carousel{padding:0;--icons-container-padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web.audio) yoo-form-carousel{--icons-container-padding:0 var(--spacing-24, 1.5rem)}:host(.modal-mode.web.audio.multiple-audio) .outer-container{margin:var(--spacing-16, 1rem) 0}:host(.modal-mode.web.audio.multiple-audio) .outer-container yoo-form-carousel{--icons-container-padding:0 var(--spacing-40, 2.5rem)}:host(.modal-mode.web.audio.multiple-audio) .outer-container .feed-top,:host(.modal-mode.web.audio.multiple-audio) .outer-container .feed-description{-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem)}:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container{margin:var(--spacing-16, 1rem)}:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container .feed-top,:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container .feed-description{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}:host(.mobile.audio) .outer-container yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}.fr-view table{display:block;overflow-x:auto;white-space:nowrap}";
+const cardFeedCss = "/*!\n * froala_editor v4.0.18 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2023 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 li img.fr-dii.fr-fil{margin-right:20px}.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}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}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)}svg:not(:root){overflow:hidden}: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-animated-illustration{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;-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start: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-tag,:host .event-container .right-part .heading yoo-tag{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end: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;-webkit-margin-start:auto;margin-inline-start: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 .feed-top{margin-top:var(--spacing-16, 1rem)}: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{cursor:pointer;-webkit-margin-end:var(--spacing-12, 0.75rem);margin-inline-end:var(--spacing-12, 0.75rem)}: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 .tags-container{width:100%}:host .outer-container .feed-top .left-part .tags-container yoo-tag{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 .block-container yoo-animated-illustration{width:100%;height:12rem}: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{z-index:4;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);cursor:pointer}: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-16, 1rem);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.button.half{padding-bottom:var(--spacing-16, 1rem)}: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{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end: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([dir=ltr].offline) .outer-container{opacity:0.7}:host([dir=ltr].offline)::before,:host([dir=ltr].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";right:0}:host([dir=ltr].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host([dir=rtl].offline) .outer-container{opacity:0.7}:host([dir=rtl].offline)::before,:host([dir=rtl].offline)::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";left:0}:host([dir=rtl].offline)::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-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)){padding:var(--spacing-08, 0.5rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem);--icons-container-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}:host([dir=ltr]) .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)}:host([dir=ltr]) .media-tags-container.top{top:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.right{right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .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}:host([dir=ltr]) .media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=ltr]) .media-tags-container.left{left:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-tags-container yoo-tag,:host([dir=ltr]) .media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=ltr]) .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)}:host([dir=ltr]) .media-icon-container.top{top:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.right{right:var(--spacing-16, 1rem)}:host([dir=ltr]) .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}:host([dir=ltr]) .media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=ltr]) .media-icon-container.left{left:var(--spacing-16, 1rem)}:host([dir=ltr]) .media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=ltr]) .media-icon-container yoo-tag,:host([dir=ltr]) .media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=rtl]) .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)}:host([dir=rtl]) .media-tags-container.top{top:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.right{right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.middle{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:1;border-radius:0}:host([dir=rtl]) .media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=rtl]) .media-tags-container.left{left:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-tags-container yoo-tag,:host([dir=rtl]) .media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host([dir=rtl]) .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)}:host([dir=rtl]) .media-icon-container.top{top:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.right{right:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.middle{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:1;border-radius:0}:host([dir=rtl]) .media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}:host([dir=rtl]) .media-icon-container.left{left:var(--spacing-16, 1rem)}:host([dir=rtl]) .media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host([dir=rtl]) .media-icon-container yoo-tag,:host([dir=rtl]) .media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.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;width:100%;height:var(--spacing-48, 3rem);overflow-y:scroll}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container .inner-container{display:-ms-flexbox;display:flex;margin:0 auto;padding:0 var(--spacing-16, 1rem)}: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-tag.community{display:none}:host(:not(.modal-mode)){cursor:pointer}:host(.audio) .outer-container yoo-form-carousel{padding:0;--icons-container-padding:0}:host(.modal-mode.web.audio:not(.detail-view):not(.preview-mode)){padding:var(--spacing-08, 0.5rem) 0}:host(.modal-mode.web.audio:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0}:host(.web.audio:not(.modal-mode):not(.multiple-audio)) .outer-container yoo-form-carousel{padding:0 var(--spacing-16, 1rem);--icons-container-padding:0}:host(.web.audio:not(.modal-mode).multiple-audio) .outer-container yoo-form-carousel{padding:0;--icons-container-padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web.audio) yoo-form-carousel{--icons-container-padding:0 var(--spacing-24, 1.5rem)}:host(.modal-mode.web.audio.multiple-audio) .outer-container{margin:var(--spacing-16, 1rem) 0}:host(.modal-mode.web.audio.multiple-audio) .outer-container yoo-form-carousel{--icons-container-padding:0 var(--spacing-40, 2.5rem)}:host(.modal-mode.web.audio.multiple-audio) .outer-container .feed-top,:host(.modal-mode.web.audio.multiple-audio) .outer-container .feed-description{-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem)}:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container{margin:var(--spacing-16, 1rem)}:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container .feed-top,:host(.modal-mode.web.audio:not(.multiple-audio)) .outer-container .feed-description{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}:host(.mobile.audio) .outer-container yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}.fr-view table{display:block;overflow-x:auto;white-space:nowrap}";
 
 const YooCardFeedComponent = class {
   constructor(hostRef) {
@@ -283,6 +283,7 @@ const YooCardFeedComponent = class {
       allowSwipeDownDismiss: false,
       isFeed: true,
       isModalMode: this.modalMode,
+      truncateSlides: true,
       mediaDimension: this.entry.mediaDimension,
       preventScaledUp: this.detailView,
       instant: true
@@ -781,14 +782,14 @@ const YooCardFeedComponent = class {
   renderCardCampaign() {
     return (h("div", { class: "card-container" }, h(CardCampaign, { configs: this.entry.campaignConfigs }), (!this.entry.campaignConfigs.isEmpty && !this.entry.campaignConfigs.isService) ?
       h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, translate('VIEWALL'))
-      : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.missionDetailHandler) ?
+      : null, (!this.entry.campaignConfigs.isEmpty && !this.entry.campaignConfigs.isService && this.entry.campaignConfigs.missionDetailHandler) ?
       h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, translate('VIEW'))
       : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.isService && this.entry.campaignConfigs.createHandler) ?
       h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, translate('CREATEREQUEST'))
       : null));
   }
   renderThumbnailView() {
-    return (h("div", { class: "thumbnail-view-container" }, this.entry.mediaSrc.map((src, index) => {
+    return (h("div", { class: "thumbnail-view-container" }, h("div", { class: "inner-container" }, this.entry.mediaSrc.map((src, index) => {
       var _a, _b;
       return (h("yoo-img", { class: {
           selected: this.currentSlideIndex === index
@@ -798,7 +799,7 @@ const YooCardFeedComponent = class {
           this.currentSlideIndex = index;
           this.slideChanges.emit(this.currentSlideIndex);
         } }));
-    })));
+    }))));
   }
   renderVideo(source) {
     return (h("yoo-videoplayer-core", { videoPlayerCoreParameters: {