@yoobic/yobi 8.2.0-2 → 8.2.0-5

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

@@ -1,9 +1,9 @@
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-019c1b1a.js';
-import { _ as getSession, t as translate, az as capitalizeFirstLetter, y as getCssColor, Z as dateFormat, at as replaceAllLinks, T as translateMulti, cN as setSecuredContent, R as isNullOrUndefined, E as getAsyncExtraData, ck as isIntersectionObserverSupported, cl as intersectionObserve, au as parseMarkDown, o as isWeb, af as showActionSheet, c5 as isMedia, aq as replaceAtTagToMentionTag, eG as removeTextStyle, dM as getPermissions, ee as isFieldWithNoValue, eH as isCampaignAnnouncement, eI as hasAttachment, ag as isVideo, I as closeModal, a7 as getUserDisplayName } from './index-dde1f033.js';
+import { _ as getSession, t as translate, az as capitalizeFirstLetter, y as getCssColor, Z as dateFormat, at as replaceAllLinks, T as translateMulti, cN as setSecuredContent, R as isNullOrUndefined, E as getAsyncExtraData, ck as isIntersectionObserverSupported, cl as intersectionObserve, au as parseMarkDown, o as isWeb, af as showActionSheet, c5 as isMedia, aq as replaceAtTagToMentionTag, eG as removeTextStyle, dM as getPermissions, ee as isFieldWithNoValue, eH as isCampaignAnnouncement, eI as hasAttachment, ag as isVideo, I as closeModal, a7 as getUserDisplayName } from './index-504f216f.js';
 import { z as cloneDeep, v as isEmpty } from './lodash-494e728c.js';
 import { g as getButton } from './button.factory-319699ea.js';
-import { k as execHandlerAndStopEvent, c as showSlidesMedia, b as getAppContext } from './common-helpers-d99b3c41.js';
-import { E as EventType } from './index-21c7d38e.js';
+import { k as execHandlerAndStopEvent, c as showSlidesMedia, b as getAppContext } from './common-helpers-b49fc758.js';
+import { E as EventType } from './index-93c86f26.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const EventActions = ({ actions, extraClasses }) => {
@@ -112,7 +112,7 @@ const CardEvent = ({ configs }) => {
   ]);
 };
 
-const cardFeedCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host{--card-feed-media-height:100%;--block-card-media-height:var(--card-media-height, 14.375rem);--card-feed-radius:var(--spacing-08, 0.5rem);--block-icon-size:var(--font-size-48, 3rem);--item-margins:0.9375rem;--card-max-width:100%;--custom-icon-margin-left:-1.25rem;max-width:var(--card-max-width);cursor:pointer}:host yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem)}:host .incentives-container{margin-bottom:var(--spacing-16, 1rem)}:host .card-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa)}:host .card-container yoo-button:not(:first-of-type){padding-top:var(--spacing-08, 0.5rem)}:host .card-container .outer-container.empty.incentive{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-16, 1rem)}:host .card-container .outer-container.empty.incentive yoo-tag{margin:0 var(--spacing-16, 1rem)}:host .campaign-container{padding:var(--spacing-16, 1rem) 0}:host .event-container{padding:var(--spacing-16, 1rem)}:host .campaign-container,:host .event-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .campaign-container .row,:host .event-container .row{display:-ms-flexbox;display:flex;width:100%}:host .campaign-container .left-part .box,:host .event-container .left-part .box{-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border:1px solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .campaign-container .left-part .month,:host .event-container .left-part .month{color:var(--danger, #d44333);font-weight:bold;line-height:var(--font-size-24, 1.5rem)}:host .campaign-container .left-part .end,:host .event-container .left-part .end{margin-top:var(--spacing-16, 1rem)}:host .campaign-container .left-part .day,:host .event-container .left-part .day{color:var(--dark, #000000);font-size:var(--font-size-32, 2rem);line-height:var(--font-size-32, 2rem)}:host .campaign-container .right-part,:host .event-container .right-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:0;padding-left:var(--spacing-16, 1rem)}:host .campaign-container .right-part .heading,:host .event-container .right-part .heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .heading yoo-badge,:host .event-container .right-part .heading yoo-badge{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container,:host .event-container .right-part .preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container yoo-avatar,:host .event-container .right-part .preview-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container span,:host .event-container .right-part .preview-container span{color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container.author yoo-avatar,:host .event-container .right-part .preview-container.author yoo-avatar{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .flex,:host .event-container .right-part .flex{display:-ms-flexbox;display:flex;white-space:pre-wrap}:host .campaign-container .right-part .dark,:host .event-container .right-part .dark{color:var(--dark, #000000)}:host .campaign-container .right-part .title,:host .event-container .right-part .title{color:var(--dark, #000000);font-weight:bold;line-height:var(--spacing-16, 1rem)}:host .campaign-container .right-part .description,:host .event-container .right-part .description{color:var(--stable, #adadad)}:host .campaign-container .right-part .type p,:host .event-container .right-part .type p{margin:0;padding:0}:host .campaign-container .right-part .attendance,:host .event-container .right-part .attendance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .attendance .text,:host .event-container .right-part .attendance .text{padding-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .campaign-container .right-part .attendance .text:hover,:host .event-container .right-part .attendance .text:hover{text-decoration:underline}:host .campaign-container .right-part .url,:host .event-container .right-part .url{--max-lines:1}:host .event-action-container{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:33% 33% 33%;padding-top:var(--spacing-16, 1rem)}:host .event-action-container.single-row{grid-template-columns:auto}:host .event-action-container .flex{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .event-action-container .flex yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .event-action-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .right-icon-container{display:-ms-flexbox;display:flex;margin-left:auto}:host .scheduled-date{width:auto;padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .feed-top,:host .outer-container .content-container>*{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>yoo-links-preview,:host .outer-container .content-container>yoo-announcement-heading{padding:0px}:host .outer-container.audio{margin:var(--spacing-16, 1rem);padding:0}:host .outer-container.audio .feed-top,:host .outer-container.audio .content-container>*{padding-right:0;padding-left:0}:host .outer-container mark{color:var(--dark, #000000) !important;background-color:transparent}:host .outer-container .feed-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:start;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .feed-top yoo-avatar{margin-right:0.8rem}:host .outer-container .feed-top .left-part{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}:host .outer-container .feed-top .left-part yoo-badge{width:100%;margin-bottom:var(--spacing-24, 1.5rem)}: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.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)}:host .outer-container .block-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:var(--block-card-media-height);margin-bottom:var(--spacing-16, 1rem);padding-top:var(--item-margins);color:var(--text-color, #807f83);font-size:var(--block-icon-size);background:var(--stable-light, #f1f1f1)}:host .outer-container .block-container.text{--card-feed-media-height:4.0625rem}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag){width:100%}:host .outer-container .content-container>*:not(yoo-tag).half{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;padding-right:0;padding-left:0}:host .outer-container .content-container>*:not(yoo-tag).left{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag).right{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-icons yoo-form-carousel{--pagination-height:var(--spacing-32, 2rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons yoo-form-carousel:not(.multiple){--pagination-height:0}:host .outer-container .content-container.no-tags.no-icons yoo-links-preview{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags.no-icons.no-img .feed-mention-actions{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags:not(.no-img) .feed-description,:host .outer-container .content-container.no-tags:not(.no-img) .question-title{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons.no-tags.no-first-comment{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .shared-container{width:calc(100% - 2rem);margin:var(--spacing-16, 1rem);padding:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .content-container yoo-form-carousel,:host .outer-container .content-container .media-outer-container{--card-feed-radius:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0}:host .outer-container .content-container .media-outer-container{height:var(--card-feed-media-height)}:host .outer-container .content-container .poll-container{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .header{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host .outer-container .content-container .poll-container .content{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .content:last-child{padding-bottom:0}:host .outer-container .content-container .attachment-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container>*{display:none}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container div:first-child{display:block}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container .feed-plan{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container .header{display:none}:host .outer-container .content-container:first-child{padding-top:0}:host .outer-container .content-container .feed-icons{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .feed-icons.has-toggle{margin-top:0}:host .outer-container .content-container .feed-icons.no-icons{min-height:var(--spacing-16, 1rem)}:host .outer-container .content-container .info-feed{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .content-container .info-feed span{margin-right:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .content-container.no-tags.has-translation-toggle .feed-description{margin-bottom:0}:host .outer-container .content-container.no-tags.has-translation-toggle .translate-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-tags.has-translation-toggle.no-img .translate-container{padding-top:0}:host .outer-container .content-container.no-img .feed-description:not(.fr-view),:host .outer-container .content-container.no-img .question-title:not(.fr-view){margin-bottom:0}:host .outer-container .content-container.no-img .feed-hashtags{padding-bottom:0}:host .outer-container .content-container.no-img .translate-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .question-title{font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .feed-description,:host .outer-container .content-container .question-title{position:relative;margin:0;overflow:hidden;color:var(--dark, #000000);white-space:normal;word-break:break-word}:host .outer-container .content-container .feed-description.photos,:host .outer-container .content-container .question-title.photos{color:var(--stable, #adadad)}:host .outer-container .content-container .fr-view blockquote{color:var(--dark, #000000) !important}:host .outer-container .content-container .feed-description{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .feed-description html,:host .outer-container .content-container .feed-description body,:host .outer-container .content-container .feed-description div:not([class^=fr-]),:host .outer-container .content-container .feed-description span:not([class^=fr-]),:host .outer-container .content-container .feed-description img:not([class^=fr-]),:host .outer-container .content-container .feed-description applet,:host .outer-container .content-container .feed-description object,:host .outer-container .content-container .feed-description iframe,:host .outer-container .content-container .feed-description h1,:host .outer-container .content-container .feed-description h2,:host .outer-container .content-container .feed-description h3,:host .outer-container .content-container .feed-description h4,:host .outer-container .content-container .feed-description h5,:host .outer-container .content-container .feed-description h6,:host .outer-container .content-container .feed-description p,:host .outer-container .content-container .feed-description blockquote,:host .outer-container .content-container .feed-description pre,:host .outer-container .content-container .feed-description a,:host .outer-container .content-container .feed-description abbr,:host .outer-container .content-container .feed-description acronym,:host .outer-container .content-container .feed-description address,:host .outer-container .content-container .feed-description big,:host .outer-container .content-container .feed-description cite,:host .outer-container .content-container .feed-description code,:host .outer-container .content-container .feed-description del,:host .outer-container .content-container .feed-description dfn,:host .outer-container .content-container .feed-description em,:host .outer-container .content-container .feed-description font,:host .outer-container .content-container .feed-description ins,:host .outer-container .content-container .feed-description kbd,:host .outer-container .content-container .feed-description q,:host .outer-container .content-container .feed-description s,:host .outer-container .content-container .feed-description samp,:host .outer-container .content-container .feed-description small,:host .outer-container .content-container .feed-description strike,:host .outer-container .content-container .feed-description strong,:host .outer-container .content-container .feed-description sub,:host .outer-container .content-container .feed-description sup,:host .outer-container .content-container .feed-description tt,:host .outer-container .content-container .feed-description var,:host .outer-container .content-container .feed-description dl,:host .outer-container .content-container .feed-description dt,:host .outer-container .content-container .feed-description dd,:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul,:host .outer-container .content-container .feed-description li,:host .outer-container .content-container .feed-description fieldset,:host .outer-container .content-container .feed-description form,:host .outer-container .content-container .feed-description label,:host .outer-container .content-container .feed-description legend,:host .outer-container .content-container .feed-description table,:host .outer-container .content-container .feed-description caption,:host .outer-container .content-container .feed-description tbody,:host .outer-container .content-container .feed-description tfoot,:host .outer-container .content-container .feed-description thead,:host .outer-container .content-container .feed-description tr,:host .outer-container .content-container .feed-description th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .feed-description blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .feed-description blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .feed-description p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul{margin:revert;padding:revert}:host .outer-container .content-container .feed-description h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .feed-description h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .feed-description h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .feed-description h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .feed-description h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .feed-description h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .feed-description strong{font-weight:bold}:host .outer-container .content-container .feed-description em{font-style:italic}:host .outer-container .content-container yoo-kpi{--chart-height:var(--spacing-96, 6rem)}:host .outer-container .content-container yoo-kpi:not(.allow-click){pointer-events:none}:host .outer-container .content-container .feed-hashtags{padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.2rem}:host .outer-container .content-container .feed-chart{padding-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .feed-chart .chart-title{color:var(--dark, #000000)}:host .outer-container .content-container .feed-chart .chart-total{color:var(--text-color, #807f83)}:host .outer-container .content-container .feed-bottom-action{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .outer-container .content-container .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host .outer-container .content-container .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .content-container .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .outer-container .content-container .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .feed-footer-actions{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:49% 49%}:host .outer-container .content-container .translate-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host .outer-container .content-container .translate-container html,:host .outer-container .content-container .translate-container body,:host .outer-container .content-container .translate-container div:not([class^=fr-]),:host .outer-container .content-container .translate-container span:not([class^=fr-]),:host .outer-container .content-container .translate-container img:not([class^=fr-]),:host .outer-container .content-container .translate-container applet,:host .outer-container .content-container .translate-container object,:host .outer-container .content-container .translate-container iframe,:host .outer-container .content-container .translate-container h1,:host .outer-container .content-container .translate-container h2,:host .outer-container .content-container .translate-container h3,:host .outer-container .content-container .translate-container h4,:host .outer-container .content-container .translate-container h5,:host .outer-container .content-container .translate-container h6,:host .outer-container .content-container .translate-container p,:host .outer-container .content-container .translate-container blockquote,:host .outer-container .content-container .translate-container pre,:host .outer-container .content-container .translate-container a,:host .outer-container .content-container .translate-container abbr,:host .outer-container .content-container .translate-container acronym,:host .outer-container .content-container .translate-container address,:host .outer-container .content-container .translate-container big,:host .outer-container .content-container .translate-container cite,:host .outer-container .content-container .translate-container code,:host .outer-container .content-container .translate-container del,:host .outer-container .content-container .translate-container dfn,:host .outer-container .content-container .translate-container em,:host .outer-container .content-container .translate-container font,:host .outer-container .content-container .translate-container ins,:host .outer-container .content-container .translate-container kbd,:host .outer-container .content-container .translate-container q,:host .outer-container .content-container .translate-container s,:host .outer-container .content-container .translate-container samp,:host .outer-container .content-container .translate-container small,:host .outer-container .content-container .translate-container strike,:host .outer-container .content-container .translate-container strong,:host .outer-container .content-container .translate-container sub,:host .outer-container .content-container .translate-container sup,:host .outer-container .content-container .translate-container tt,:host .outer-container .content-container .translate-container var,:host .outer-container .content-container .translate-container dl,:host .outer-container .content-container .translate-container dt,:host .outer-container .content-container .translate-container dd,:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul,:host .outer-container .content-container .translate-container li,:host .outer-container .content-container .translate-container fieldset,:host .outer-container .content-container .translate-container form,:host .outer-container .content-container .translate-container label,:host .outer-container .content-container .translate-container legend,:host .outer-container .content-container .translate-container table,:host .outer-container .content-container .translate-container caption,:host .outer-container .content-container .translate-container tbody,:host .outer-container .content-container .translate-container tfoot,:host .outer-container .content-container .translate-container thead,:host .outer-container .content-container .translate-container tr,:host .outer-container .content-container .translate-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .translate-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .translate-container blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .translate-container p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul{margin:revert;padding:revert}:host .outer-container .content-container .translate-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .translate-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .translate-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .translate-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .translate-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .translate-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .translate-container strong{font-weight:bold}:host .outer-container .content-container .translate-container em{font-style:italic}:host .outer-container .content-container .translate-container.active .inner-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .content-container .translate-container .text-container{width:100%;margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .feed-hashtags{color:var(--app-color, #5a30f4)}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.web){width:100%;--card-max-width:33.125rem}:host(.web) .outer-container .content-container .shared-container{width:100%}:host(.web) .outer-container .feed-top.community .feed-menu{height:auto}:host(.web) .outer-container .feed-top .feed-menu{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.75rem;margin:0;padding:0}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{display:-ms-flexbox;display:flex}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading yoo-icon{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .feed-top .feed-group{white-space:pre-wrap}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .content-container:not(.no-img){--custom-icon-margin-left:-2.1rem}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .outer-container .content-container .shared-container{width:calc(100% - 1.5rem)}:host(.modal-mode) .outer-container{border:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-outer-container .media-icon-container,:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-outer-container .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)}.feed-icon:last-of-type{padding-right:0}.feed-icon.custom-icon{width:3.4375rem;margin-left:var(--custom-icon-margin-left);padding-right:0}.feed-icon.right{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0;padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}.feed-icon.right .icon-text{-ms-flex-item-align:center;align-self:center;padding-right:var(--spacing-04, 0.25rem)}.feed-icon.right yoo-icon{margin-right:var(--spacing-02, 0.125rem)}.feed-icon.right yoo-icon.hide-content{margin-left:0}.media-tags-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000)}.media-tags-container.top{top:var(--spacing-08, 0.5rem)}.media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}.media-tags-container.right{right:var(--spacing-08, 0.5rem)}.media-tags-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-tags-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-tags-container.left{left:var(--spacing-08, 0.5rem)}.media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-tags-container yoo-tag,.media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000);-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}.media-icon-container.top{top:var(--spacing-16, 1rem)}.media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}.media-icon-container.right{right:var(--spacing-16, 1rem)}.media-icon-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-icon-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-icon-container.left{left:var(--spacing-16, 1rem)}.media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-icon-container yoo-tag,.media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host(.questions.web) .outer-container{padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.preview-mode.modal-mode) .outer-container>*{pointer-events:none}:host(.preview-mode.modal-mode) .event-container .event-action-container{pointer-events:none}:host(.event-mode.modal-mode) .outer-container,:host(.preview-mode.modal-mode) .outer-container{margin:var(--spacing-24, 1.5rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem);padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.event-mode.modal-mode) .outer-container.audio,:host(.preview-mode.modal-mode) .outer-container.audio{padding:var(--spacing-16, 1rem)}:host(.event-mode.modal-mode) .outer-container yoo-form-carousel,:host(.preview-mode.modal-mode) .outer-container yoo-form-carousel{padding:0;pointer-events:initial}:host(.detail-view.web){--custom-icon-margin-left:-1.25rem;--card-max-width:100%}:host(.detail-view.web) .outer-container{display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.detail-view.web) .outer-container .left-container{position:relative;-ms-flex-negative:0;flex-shrink:0;width:35rem;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container yoo-icon.close{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:2;padding:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .left-container .main-view-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-80, 5rem) 0;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container .main-view-container yoo-img{cursor:-webkit-zoom-in;cursor:zoom-in}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container{position:absolute;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;height:var(--spacing-48, 3rem)}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4);-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.detail-view.web) .outer-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--light, #ffffff)}:host(.detail-view.web) .outer-container .right-container .feed-description{margin-bottom:0}:host(.detail-view.web) .outer-container .right-container .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-group yoo-icon{fill:var(--stable, #adadad)}:host(.detail-view.web) .outer-container .right-container .feed-top{margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host(.shared-feed.preview-mode.modal-mode) .outer-container{margin:0;-webkit-box-shadow:none;box-shadow:none}:host(.custom-model) .outer-container .feed-top{margin-bottom:0}:host(.custom-model) .outer-container .uifield-container yoo-form-dynamic{margin-bottom:0;border-radius:0}:host(.community) .left-part yoo-badge.community{display:none}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";
+const cardFeedCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host{--card-feed-media-height:100%;--block-card-media-height:var(--card-media-height, 14.375rem);--card-feed-radius:var(--spacing-08, 0.5rem);--block-icon-size:var(--font-size-48, 3rem);--item-margins:0.9375rem;--card-max-width:100%;--custom-icon-margin-left:-1.25rem;max-width:var(--card-max-width)}:host yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem)}:host .incentives-container{margin-bottom:var(--spacing-16, 1rem)}:host .card-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa)}:host .card-container yoo-button:not(:first-of-type){padding-top:var(--spacing-08, 0.5rem)}:host .card-container .outer-container.empty.incentive{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-16, 1rem)}:host .card-container .outer-container.empty.incentive yoo-tag{margin:0 var(--spacing-16, 1rem)}:host .campaign-container{padding:var(--spacing-16, 1rem) 0}:host .event-container{padding:var(--spacing-16, 1rem)}:host .campaign-container,:host .event-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .campaign-container .row,:host .event-container .row{display:-ms-flexbox;display:flex;width:100%}:host .campaign-container .left-part .box,:host .event-container .left-part .box{-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border:1px solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .campaign-container .left-part .month,:host .event-container .left-part .month{color:var(--danger, #d44333);font-weight:bold;line-height:var(--font-size-24, 1.5rem)}:host .campaign-container .left-part .end,:host .event-container .left-part .end{margin-top:var(--spacing-16, 1rem)}:host .campaign-container .left-part .day,:host .event-container .left-part .day{color:var(--dark, #000000);font-size:var(--font-size-32, 2rem);line-height:var(--font-size-32, 2rem)}:host .campaign-container .right-part,:host .event-container .right-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:0;padding-left:var(--spacing-16, 1rem)}:host .campaign-container .right-part .heading,:host .event-container .right-part .heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .heading yoo-badge,:host .event-container .right-part .heading yoo-badge{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .heading yoo-icon,:host .event-container .right-part .heading yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container,:host .event-container .right-part .preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container yoo-avatar,:host .event-container .right-part .preview-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .preview-container span,:host .event-container .right-part .preview-container span{color:var(--dark, #000000)}:host .campaign-container .right-part .preview-container.author yoo-avatar,:host .event-container .right-part .preview-container.author yoo-avatar{padding-left:var(--spacing-04, 0.25rem)}:host .campaign-container .right-part .flex,:host .event-container .right-part .flex{display:-ms-flexbox;display:flex;white-space:pre-wrap}:host .campaign-container .right-part .dark,:host .event-container .right-part .dark{color:var(--dark, #000000)}:host .campaign-container .right-part .title,:host .event-container .right-part .title{color:var(--dark, #000000);font-weight:bold;line-height:var(--spacing-16, 1rem)}:host .campaign-container .right-part .description,:host .event-container .right-part .description{color:var(--stable, #adadad)}:host .campaign-container .right-part .type p,:host .event-container .right-part .type p{margin:0;padding:0}:host .campaign-container .right-part .attendance,:host .event-container .right-part .attendance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .campaign-container .right-part .attendance .text,:host .event-container .right-part .attendance .text{padding-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .campaign-container .right-part .attendance .text:hover,:host .event-container .right-part .attendance .text:hover{text-decoration:underline}:host .campaign-container .right-part .url,:host .event-container .right-part .url{--max-lines:1}:host .event-action-container{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:33% 33% 33%;padding-top:var(--spacing-16, 1rem)}:host .event-action-container.single-row{grid-template-columns:auto}:host .event-action-container .flex{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .event-action-container .flex yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .event-action-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .right-icon-container{display:-ms-flexbox;display:flex;margin-left:auto}:host .scheduled-date{width:auto;padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .feed-top,:host .outer-container .content-container>*{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>yoo-links-preview,:host .outer-container .content-container>yoo-announcement-heading{padding:0px}:host .outer-container.audio{margin:var(--spacing-16, 1rem);padding:0}:host .outer-container.audio .feed-top,:host .outer-container.audio .content-container>*{padding-right:0;padding-left:0}:host .outer-container mark{color:var(--dark, #000000) !important;background-color:transparent}:host .outer-container .feed-top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:start;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .feed-top yoo-avatar{margin-right:0.8rem;cursor:pointer}:host .outer-container .feed-top .left-part{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}:host .outer-container .feed-top .left-part yoo-badge{width:100%;margin-bottom:var(--spacing-24, 1.5rem);cursor:pointer}:host .outer-container .feed-top .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-title-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-heading-inner-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .feed-top .feed-heading .feed-subheading{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .feed-top .feed-heading .feed-subheading.pointer{cursor:pointer}:host .outer-container .feed-top .feed-heading .feed-subheading.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{white-space:pre}:host .outer-container .feed-top .feed-heading .feed-subheading .feed-group{color:var(--dark, #000000)}:host .outer-container .feed-top .feed-menu{margin-right:-0.625rem;padding-right:var(--spacing-04, 0.25rem);padding-left:var(--spacing-32, 2rem);cursor:pointer}:host .outer-container .block-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:var(--block-card-media-height);margin-bottom:var(--spacing-16, 1rem);padding-top:var(--item-margins);color:var(--text-color, #807f83);font-size:var(--block-icon-size);background:var(--stable-light, #f1f1f1)}:host .outer-container .block-container.text{--card-feed-media-height:4.0625rem}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag){width:100%}:host .outer-container .content-container>*:not(yoo-tag).half{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;padding-right:0;padding-left:0}:host .outer-container .content-container>*:not(yoo-tag).left{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host .outer-container .content-container>*:not(yoo-tag).right{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-icons yoo-form-carousel{--pagination-height:var(--spacing-32, 2rem);margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons yoo-form-carousel:not(.multiple){--pagination-height:0}:host .outer-container .content-container.no-tags.no-icons yoo-links-preview{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags.no-icons.no-img .feed-mention-actions{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-tags:not(.no-img) .feed-description,:host .outer-container .content-container.no-tags:not(.no-img) .question-title{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container.no-icons.no-tags.no-first-comment{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .shared-container{width:calc(100% - 2rem);margin:var(--spacing-16, 1rem);padding:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .content-container yoo-form-carousel,:host .outer-container .content-container .media-outer-container{--card-feed-radius:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;cursor:pointer}:host .outer-container .content-container .media-outer-container{height:var(--card-feed-media-height)}:host .outer-container .content-container .poll-container{padding-top:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .header{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host .outer-container .content-container .poll-container .content{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .content-container .poll-container .content:last-child{padding-bottom:0}:host .outer-container .content-container .attachment-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container>*{display:none}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container div:first-child{display:block}:host .outer-container .content-container .attachment-container.first-content-only .attachment-inner-container .feed-plan{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .attachment-container .header{display:none}:host .outer-container .content-container:first-child{padding-top:0}:host .outer-container .content-container .feed-icons{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .feed-icons.has-toggle{margin-top:0}:host .outer-container .content-container .feed-icons.no-icons{min-height:var(--spacing-16, 1rem)}:host .outer-container .content-container .info-feed{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .content-container .info-feed span{margin-right:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .content-container.no-tags.has-translation-toggle .feed-description{margin-bottom:0}:host .outer-container .content-container.no-tags.has-translation-toggle .translate-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container.no-tags.has-translation-toggle.no-img .translate-container{padding-top:0}:host .outer-container .content-container.no-img .feed-description:not(.fr-view),:host .outer-container .content-container.no-img .question-title:not(.fr-view){margin-bottom:0}:host .outer-container .content-container.no-img .feed-hashtags{padding-bottom:0}:host .outer-container .content-container.no-img .translate-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .question-title{font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .feed-description,:host .outer-container .content-container .question-title{position:relative;margin:0;overflow:hidden;color:var(--dark, #000000);white-space:normal;word-break:break-word}:host .outer-container .content-container .feed-description.photos,:host .outer-container .content-container .question-title.photos{color:var(--stable, #adadad)}:host .outer-container .content-container .fr-view blockquote{color:var(--dark, #000000) !important}:host .outer-container .content-container .feed-description{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .feed-description html,:host .outer-container .content-container .feed-description body,:host .outer-container .content-container .feed-description div:not([class^=fr-]),:host .outer-container .content-container .feed-description span:not([class^=fr-]),:host .outer-container .content-container .feed-description img:not([class^=fr-]),:host .outer-container .content-container .feed-description applet,:host .outer-container .content-container .feed-description object,:host .outer-container .content-container .feed-description iframe,:host .outer-container .content-container .feed-description h1,:host .outer-container .content-container .feed-description h2,:host .outer-container .content-container .feed-description h3,:host .outer-container .content-container .feed-description h4,:host .outer-container .content-container .feed-description h5,:host .outer-container .content-container .feed-description h6,:host .outer-container .content-container .feed-description p,:host .outer-container .content-container .feed-description blockquote,:host .outer-container .content-container .feed-description pre,:host .outer-container .content-container .feed-description a,:host .outer-container .content-container .feed-description abbr,:host .outer-container .content-container .feed-description acronym,:host .outer-container .content-container .feed-description address,:host .outer-container .content-container .feed-description big,:host .outer-container .content-container .feed-description cite,:host .outer-container .content-container .feed-description code,:host .outer-container .content-container .feed-description del,:host .outer-container .content-container .feed-description dfn,:host .outer-container .content-container .feed-description em,:host .outer-container .content-container .feed-description font,:host .outer-container .content-container .feed-description ins,:host .outer-container .content-container .feed-description kbd,:host .outer-container .content-container .feed-description q,:host .outer-container .content-container .feed-description s,:host .outer-container .content-container .feed-description samp,:host .outer-container .content-container .feed-description small,:host .outer-container .content-container .feed-description strike,:host .outer-container .content-container .feed-description strong,:host .outer-container .content-container .feed-description sub,:host .outer-container .content-container .feed-description sup,:host .outer-container .content-container .feed-description tt,:host .outer-container .content-container .feed-description var,:host .outer-container .content-container .feed-description dl,:host .outer-container .content-container .feed-description dt,:host .outer-container .content-container .feed-description dd,:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul,:host .outer-container .content-container .feed-description li,:host .outer-container .content-container .feed-description fieldset,:host .outer-container .content-container .feed-description form,:host .outer-container .content-container .feed-description label,:host .outer-container .content-container .feed-description legend,:host .outer-container .content-container .feed-description table,:host .outer-container .content-container .feed-description caption,:host .outer-container .content-container .feed-description tbody,:host .outer-container .content-container .feed-description tfoot,:host .outer-container .content-container .feed-description thead,:host .outer-container .content-container .feed-description tr,:host .outer-container .content-container .feed-description th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .feed-description blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .feed-description blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .feed-description p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .feed-description ol,:host .outer-container .content-container .feed-description ul{margin:revert;padding:revert}:host .outer-container .content-container .feed-description h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .feed-description h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .feed-description h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .feed-description h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .feed-description h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .feed-description h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .feed-description strong{font-weight:bold}:host .outer-container .content-container .feed-description em{font-style:italic}:host .outer-container .content-container yoo-kpi{--chart-height:var(--spacing-96, 6rem)}:host .outer-container .content-container yoo-kpi:not(.allow-click){pointer-events:none}:host .outer-container .content-container .feed-hashtags{padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.2rem;cursor:pointer}:host .outer-container .content-container .feed-chart{padding-top:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .content-container .feed-chart .chart-title{color:var(--dark, #000000)}:host .outer-container .content-container .feed-chart .chart-total{color:var(--text-color, #807f83)}:host .outer-container .content-container .feed-bottom-action{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .outer-container .content-container .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host .outer-container .content-container .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .content-container .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .outer-container .content-container .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);cursor:pointer}:host .outer-container .content-container .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .feed-footer-actions{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:49% 49%;cursor:pointer}:host .outer-container .content-container .translate-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host .outer-container .content-container .translate-container html,:host .outer-container .content-container .translate-container body,:host .outer-container .content-container .translate-container div:not([class^=fr-]),:host .outer-container .content-container .translate-container span:not([class^=fr-]),:host .outer-container .content-container .translate-container img:not([class^=fr-]),:host .outer-container .content-container .translate-container applet,:host .outer-container .content-container .translate-container object,:host .outer-container .content-container .translate-container iframe,:host .outer-container .content-container .translate-container h1,:host .outer-container .content-container .translate-container h2,:host .outer-container .content-container .translate-container h3,:host .outer-container .content-container .translate-container h4,:host .outer-container .content-container .translate-container h5,:host .outer-container .content-container .translate-container h6,:host .outer-container .content-container .translate-container p,:host .outer-container .content-container .translate-container blockquote,:host .outer-container .content-container .translate-container pre,:host .outer-container .content-container .translate-container a,:host .outer-container .content-container .translate-container abbr,:host .outer-container .content-container .translate-container acronym,:host .outer-container .content-container .translate-container address,:host .outer-container .content-container .translate-container big,:host .outer-container .content-container .translate-container cite,:host .outer-container .content-container .translate-container code,:host .outer-container .content-container .translate-container del,:host .outer-container .content-container .translate-container dfn,:host .outer-container .content-container .translate-container em,:host .outer-container .content-container .translate-container font,:host .outer-container .content-container .translate-container ins,:host .outer-container .content-container .translate-container kbd,:host .outer-container .content-container .translate-container q,:host .outer-container .content-container .translate-container s,:host .outer-container .content-container .translate-container samp,:host .outer-container .content-container .translate-container small,:host .outer-container .content-container .translate-container strike,:host .outer-container .content-container .translate-container strong,:host .outer-container .content-container .translate-container sub,:host .outer-container .content-container .translate-container sup,:host .outer-container .content-container .translate-container tt,:host .outer-container .content-container .translate-container var,:host .outer-container .content-container .translate-container dl,:host .outer-container .content-container .translate-container dt,:host .outer-container .content-container .translate-container dd,:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul,:host .outer-container .content-container .translate-container li,:host .outer-container .content-container .translate-container fieldset,:host .outer-container .content-container .translate-container form,:host .outer-container .content-container .translate-container label,:host .outer-container .content-container .translate-container legend,:host .outer-container .content-container .translate-container table,:host .outer-container .content-container .translate-container caption,:host .outer-container .content-container .translate-container tbody,:host .outer-container .content-container .translate-container tfoot,:host .outer-container .content-container .translate-container thead,:host .outer-container .content-container .translate-container tr,:host .outer-container .content-container .translate-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .translate-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host .outer-container .content-container .translate-container blockquote:last-of-type blockquote p:last-of-type,:host .outer-container .content-container .translate-container p:last-of-type{padding-top:0;padding-bottom:0}:host .outer-container .content-container .translate-container ol,:host .outer-container .content-container .translate-container ul{margin:revert;padding:revert}:host .outer-container .content-container .translate-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host .outer-container .content-container .translate-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host .outer-container .content-container .translate-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host .outer-container .content-container .translate-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host .outer-container .content-container .translate-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host .outer-container .content-container .translate-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host .outer-container .content-container .translate-container strong{font-weight:bold}:host .outer-container .content-container .translate-container em{font-style:italic}:host .outer-container .content-container .translate-container.active .inner-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .content-container .translate-container .text-container{width:100%;margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .feed-hashtags{color:var(--app-color, #5a30f4)}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.web){width:100%;--card-max-width:33.125rem}:host(.web) .outer-container .content-container .shared-container{width:100%}:host(.web) .outer-container .feed-top.community .feed-menu{height:auto}:host(.web) .outer-container .feed-top .feed-menu{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.75rem;margin:0;padding:0}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading span.pre-wrap{display:-ms-flexbox;display:flex}:host(.web) .outer-container .feed-top .feed-heading .feed-subheading yoo-icon{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .feed-top .feed-group{white-space:pre-wrap}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) yoo-form-carousel{padding:0 var(--spacing-16, 1rem)}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .content-container:not(.no-img){--custom-icon-margin-left:-2.1rem}:host(.modal-mode.web:not(.detail-view):not(.preview-mode)) .outer-container .content-container .shared-container{width:calc(100% - 1.5rem)}:host(.modal-mode) .outer-container{border:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-icon-container,:host(.modal-mode) .outer-container .content-container:not(.broadcast) .media-tags-container{display:none}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .header yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host(.modal-mode) .outer-container .content-container:not(.broadcast) .attachment-container .attachment-inner-container>*{display:block}:host(.links-preview) .outer-container .feed-top{display:none}:host(.links-preview) .outer-container .content-container{padding:0 !important}:host(.links-preview) .outer-container .content-container.no-img .feed-description,:host(.links-preview) .outer-container .content-container.no-img .question-title{margin-bottom:var(--spacing-16, 1rem)}.feed-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:3;width:auto;height:3.4375rem;padding-right:var(--spacing-16, 1rem);overflow:hidden;color:var(--stable-alt, #d0d0d0);cursor:pointer}.feed-icon:last-of-type{padding-right:0}.feed-icon.custom-icon{width:3.4375rem;margin-left:var(--custom-icon-margin-left);padding-right:0}.feed-icon.right{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0;padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}.feed-icon.right .icon-text{-ms-flex-item-align:center;align-self:center;padding-right:var(--spacing-04, 0.25rem)}.feed-icon.right yoo-icon{margin-right:var(--spacing-02, 0.125rem)}.feed-icon.right yoo-icon.hide-content{margin-left:0}.media-tags-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000)}.media-tags-container.top{top:var(--spacing-08, 0.5rem)}.media-tags-container.bottom{bottom:var(--spacing-08, 0.5rem)}.media-tags-container.right{right:var(--spacing-08, 0.5rem)}.media-tags-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-tags-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-tags-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-tags-container.left{left:var(--spacing-08, 0.5rem)}.media-tags-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-tags-container yoo-tag,.media-tags-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}.media-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99;color:var(--dark, #000000);-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}.media-icon-container.top{top:var(--spacing-16, 1rem)}.media-icon-container.bottom{bottom:var(--spacing-16, 1rem)}.media-icon-container.right{right:var(--spacing-16, 1rem)}.media-icon-container.middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;border-radius:0}.media-icon-container.middle.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.media-icon-container.middle yoo-icon.large{font-size:var(--icon-size-05, 4rem)}.media-icon-container.left{left:var(--spacing-16, 1rem)}.media-icon-container.multiple yoo-tag{padding-right:var(--spacing-08, 0.5rem)}.media-icon-container yoo-tag,.media-icon-container yoo-icon{z-index:inherit;display:-ms-flexbox;display:flex}:host(.questions.web) .outer-container{padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.preview-mode.modal-mode) .outer-container>*{pointer-events:none}:host(.preview-mode.modal-mode) .event-container .event-action-container{pointer-events:none}:host(.event-mode.modal-mode) .outer-container,:host(.preview-mode.modal-mode) .outer-container{margin:var(--spacing-24, 1.5rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem) var(--spacing-02, 0.125rem);padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.event-mode.modal-mode) .outer-container.audio,:host(.preview-mode.modal-mode) .outer-container.audio{padding:var(--spacing-16, 1rem)}:host(.event-mode.modal-mode) .outer-container yoo-form-carousel,:host(.preview-mode.modal-mode) .outer-container yoo-form-carousel{padding:0;pointer-events:initial}:host(.detail-view.web){--custom-icon-margin-left:-1.25rem;--card-max-width:100%}:host(.detail-view.web) .outer-container{display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.detail-view.web) .outer-container .left-container{position:relative;-ms-flex-negative:0;flex-shrink:0;width:35rem;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container yoo-icon.close{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:2;padding:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .left-container .main-view-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-80, 5rem) 0;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.detail-view.web) .outer-container .left-container .main-view-container yoo-img{cursor:-webkit-zoom-in;cursor:zoom-in}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container{position:absolute;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;height:var(--spacing-48, 3rem)}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent}:host(.detail-view.web) .outer-container .left-container .thumbnail-view-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4);-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.detail-view.web) .outer-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--light, #ffffff)}:host(.detail-view.web) .outer-container .right-container .feed-description{margin-bottom:0}:host(.detail-view.web) .outer-container .right-container .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-group yoo-icon{fill:var(--stable, #adadad)}:host(.detail-view.web) .outer-container .right-container .feed-top{margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.detail-view.web) .outer-container .right-container .feed-top .feed-heading .feed-title-container yoo-icon{padding-left:var(--spacing-16, 1rem)}:host(.shared-feed.preview-mode.modal-mode) .outer-container{margin:0;-webkit-box-shadow:none;box-shadow:none}:host(.custom-model) .outer-container .feed-top{margin-bottom:0}:host(.custom-model) .outer-container .uifield-container yoo-form-dynamic{margin-bottom:0;border-radius:0}:host(.community) .left-part yoo-badge.community{display:none}:host(:not(.modal-mode)){cursor:pointer}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";
 
 const YooCardFeedComponent = class {
   constructor(hostRef) {
@@ -582,7 +582,7 @@ const YooCardFeedComponent = class {
       this.hasSubheadings()
         ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" }, sub) : null))
         : null,
-      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading truncate", onClick: () => this.onGroupClicked() }, isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
+      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
     ];
   }
   renderFeedDates() {

package/dist/esm/yoo-card-file.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { W as pipes, ai as isImage, ag as isVideo, dt as isAudio, f8 as getIconName, f9 as getIconColor, dx as getMimeType, fj as toPng, eS as getType } from './index-dde1f033.js';
+import { W as pipes, ai as isImage, ag as isVideo, dt as isAudio, f8 as getIconName, f9 as getIconColor, dx as getMimeType, fj as toPng, eS as getType } from './index-504f216f.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardFileCss = ":host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host .thumbnail{border-radius:var(--border-radius-04, 0.25rem)}:host .thumbnail:first-child{margin:0 auto}:host .thumbnail yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host .details{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host .details #file-name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .details #file-size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}";
 

package/dist/esm/yoo-card-image.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti } from './index-dde1f033.js';
+import { T as translateMulti } from './index-504f216f.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardImageCss = ":host{--description-align-items:center;--description-justify-content:center;--description-text-align:center;--image-overlay:var(--dark-40, rgba(0, 0, 0, 0.4));--inner-spacing:var(--spacing-16, 1rem);--subtitle-font-size:var(--font-size-12, 0.75rem);--subtitle-font-weight:normal;--subtitle-line-clamp:1;--subtitle-line-height:1.5;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:bold;--title-line-clamp:1;--title-line-height:1.5;position:relative;display:block;height:100%;color:var(--light, #ffffff);background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-img,:host .outer-container{border-radius:inherit}:host yoo-img,:host yoo-img::after,:host .description{position:absolute;top:0;right:0;bottom:0;left:0}:host p,:host h1{margin:0}:host p{overflow:hidden;font-weight:var(--subtitle-font-weight);font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height)}@supports (display: -webkit-box){:host p{display:-webkit-box;-webkit-line-clamp:var(--subtitle-line-clamp);-webkit-box-orient:vertical}}:host h1{overflow:hidden;font-weight:var(--title-font-weight);font-size:var(--title-font-size);line-height:var(--title-line-height)}@supports (display: -webkit-box){:host h1{display:-webkit-box;-webkit-line-clamp:var(--title-line-clamp);-webkit-box-orient:vertical}}:host yoo-badge{position:absolute;top:var(--inner-spacing);right:var(--inner-spacing)}:host yoo-icon{position:absolute;top:var(--inner-spacing);left:var(--inner-spacing)}:host yoo-avatar{position:absolute;top:var(--inner-spacing);left:var(--inner-spacing)}:host yoo-img{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--dark-10)), color-stop(99%, rgba(0, 0, 0, 0.7)));background-image:linear-gradient(to bottom, var(--dark-10) 50%, rgba(0, 0, 0, 0.7) 99%)}:host yoo-img::after{background:var(--image-overlay);content:\"\"}:host .description{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:var(--description-align-items);align-items:var(--description-align-items);-ms-flex-pack:var(--description-justify-content);justify-content:var(--description-justify-content);margin:var(--inner-spacing);text-align:var(--description-text-align)}:host([heading-position]){background-color:var(--light, #ffffff);-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([heading-position]) yoo-img{height:60%}:host([heading-position]) yoo-icon{left:50%;padding:var(--inner-spacing);background-color:var(--app-color, #5a30f4);border:var(--border-width-04, 0.25rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([heading-position]) .description{padding-top:var(--inner-spacing);text-align:center}:host([heading-position]) .description h1{display:block;margin:auto;color:var(--dark, #000000);font-weight:var(--title-font-weigh);font-size:var(--title-font-size);line-height:inherit}:host([heading-position=below]) yoo-img{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host([heading-position=below]) yoo-icon{top:60%}:host([heading-position=below]) .description{top:60%}:host([heading-position=above]) yoo-img{top:40%;border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}:host([heading-position=above]) yoo-icon{top:40%}:host([heading-position=above]) .description{height:40%}";
 

package/dist/esm/yoo-card-inbox.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
-import { aE as isPresent, cA as isToday, W as pipes, t as translate, ee as isFieldWithNoValue, R as isNullOrUndefined, y as getCssColor, cB as fromToday } from './index-dde1f033.js';
+import { aE as isPresent, cA as isToday, W as pipes, t as translate, ee as isFieldWithNoValue, R as isNullOrUndefined, y as getCssColor, cB as fromToday } from './index-504f216f.js';
 import { v as isEmpty } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardInboxCss = ":host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host .outer-container .header .unread-state{opacity:1}:host .outer-container .header .unread-state.read{opacity:0}:host .outer-container .header yoo-truncate{margin-right:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem)}:host .outer-container .header yoo-truncate.with-margin-bottom{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .header yoo-truncate span{word-break:break-word}:host .outer-container .header .sup{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:end;align-items:flex-end;margin-left:auto;padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .header .sup div{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center}:host .outer-container .header yoo-icon[name=circle1]{height:var(--spacing-32, 2rem);margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem))}:host .outer-container .content yoo-progress-bar{--font-size-16:var(--font-size-12, 0.75rem);--svg-width:1rem;--stroke-width-circle:2;margin:0}:host .outer-container .content .tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host .outer-container .content .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content .sub-item-detail{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:1.5rem 1fr;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content .note{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .highlight{position:absolute;top:calc(var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));bottom:var(--spacing-08, 0.5rem);left:calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));width:1px}:host .outer-container yoo-avatar,:host .outer-container yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}";
 

package/dist/esm/yoo-card-incentive-rank.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
-import { _ as getSession, o as isWeb, a7 as getUserDisplayName } from './index-dde1f033.js';
+import { _ as getSession, o as isWeb, a7 as getUserDisplayName } from './index-504f216f.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardIncentiveRankCss = ":host .row{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:var(--spacing-48, 3rem);margin-left:var(--spacing-24, 1.5rem);border-bottom:1px solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .row.web{padding-right:var(--spacing-16, 1rem)}:host .row .pointer{position:absolute;left:-3.5rem;width:3px;height:var(--spacing-48, 3rem);background-color:var(--app-color, #5a30f4);visibility:hidden}:host .row.active{color:var(--app-color, #5a30f4)}:host .row.active .pointer{visibility:visible}:host .row.active .name,:host .row.active .result{color:var(--app-color, #5a30f4)}:host .row .place{width:var(--spacing-24, 1.5rem);margin-left:-2rem;text-align:center}:host .row .avatar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:50px}:host .row .avatar.winner{width:70px}:host .row .avatar yoo-avatar{margin-left:var(--spacing-04, 0.25rem)}:host .row .name{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .row .name,:host .row .result{color:var(--dark, #000000)}:host .row .result{-ms-flex:1;flex:1;white-space:nowrap;text-align:right}:host .row .progress{-ms-flex:1;flex:1;text-align:right}";
 

package/dist/esm/yoo-card-incentive.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h } from './index-019c1b1a.js';
-import { _ as getSession, t as translate } from './index-dde1f033.js';
+import { _ as getSession, t as translate } from './index-504f216f.js';
 import { A as get } from './lodash-494e728c.js';
-import { d as dateRangeState } from './common-helpers-d99b3c41.js';
-import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-1d5b64b9.js';
+import { d as dateRangeState } from './common-helpers-b49fc758.js';
+import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-ac1361bc.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardIncentiveCss = ":host .outer-container{margin-top:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .image{height:270px;border-top-left-radius:var(--spacing-08, 0.5rem);border-top-right-radius:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container{padding:var(--spacing-16, 1rem)}:host .outer-container .inner-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .inner-container .description{display:-webkit-box;margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) 0;overflow:hidden;font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem);-webkit-line-clamp:2;-webkit-box-orient:vertical}:host .outer-container .inner-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .types>div,:host .outer-container .inner-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .inner-container .types>div yoo-icon,:host .outer-container .inner-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .footer .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .footer .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .footer .progress{-ms-flex:1;flex:1;color:var(--dark, #000000);text-align:right}:host(.no-footer) .footer{display:none}";
 

package/dist/esm/yoo-card-kanban.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
-import './index-dde1f033.js';
+import { b as getAppContext } from './common-helpers-b49fc758.js';
+import './index-504f216f.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardKanbanCss = ":host .outer-container:hover{background-color:var(--dark-10, rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:15.5rem;padding:var(--spacing-08, 0.5rem);line-height:1.9;background-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-truncate{-ms-flex:1;flex:1;color:var(--dark, #000000);line-height:1.65;--max-lines:2}:host .outer-container .row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .row.infos{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .row.ref{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .row.left{-ms-flex:1;flex:1}:host .outer-container .row.left .sub-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .row.right{padding-left:var(--spacing-16, 1rem)}";
 

package/dist/esm/yoo-card-lesson.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { V as TLineState } from './index-21c7d38e.js';
-import { eJ as canBeRetried, cn as isContentOnly, T as translateMulti, t as translate, eK as isLessonCompleted, eL as getLessonTypeIcon, o as isWeb } from './index-dde1f033.js';
+import { V as TLineState } from './index-93c86f26.js';
+import { eJ as canBeRetried, cn as isContentOnly, T as translateMulti, t as translate, eK as isLessonCompleted, eL as getLessonTypeIcon, o as isWeb } from './index-504f216f.js';
 import { A as get } from './lodash-494e728c.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import { b as getAppContext } from './common-helpers-b49fc758.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardLessonCss = ":host{position:relative;display:-ms-flexbox;display:flex;min-height:4.25rem;border-left:transparent solid var(--border-width-04, 0.25rem);cursor:pointer}:host yoo-truncate{--line-height:1.875rem !important;--max-lines:2}:host .info-container{width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) 0;word-break:break-word}:host .info-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .info-container .title-container .title{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}:host .info-container .title-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-left:var(--spacing-32, 2rem)}:host .info-container .bottom-info-container .remaining-points-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .info-container .bottom-info-container .remaining-points-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container .extra-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:var(--spacing-04, 0.25rem)}:host(.underline) .info-container{border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.item-disabled){cursor:default}:host([highlighted]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-left:var(--app-color, #5a30f4) solid var(--border-width-04, 0.25rem)}:host([state=finished]),:host([state=locked]){color:var(--stable, #adadad)}:host([state=locked]){cursor:default}";

package/dist/esm/yoo-card-list-collapsible.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { eM as mapKpiData, aK as gsapTo, ar as isCloudinaryLink, dI as isFirefox, o as isWeb } from './index-dde1f033.js';
-import { h as showPhotoEditor, b as getAppContext } from './common-helpers-d99b3c41.js';
+import { eM as mapKpiData, aK as gsapTo, ar as isCloudinaryLink, dI as isFirefox, o as isWeb } from './index-504f216f.js';
+import { h as showPhotoEditor, b as getAppContext } from './common-helpers-b49fc758.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardListCollapsibleCss = ":host{display:block;height:100%;background:var(--card-list-background);cursor:pointer}:host yoo-tag.distance{--padding:0;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:0.25rem;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:var(--justify-content-content-container);justify-content:var(--justify-content-content-container);-ms-flex-pack:center;justify-content:center;width:100%;margin-right:var(0);margin-left:var(0);overflow:hidden}:host .outer-container .content-container.has-image{margin-left:0}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-02, 0.125rem);font-size:var(--font-size-16, 1rem);line-height:1.5}:host .outer-container .content-container .heading-container .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container yoo-avatars{margin-right:0.125rem}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1;min-width:0;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .card-heading .heading-circle{display:inline-block;width:0.5rem;height:0.5rem;margin-right:0.2rem;border-radius:50%}:host .outer-container .content-container .heading-container .card-heading *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .content-container .heading-container .card-heading .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-02, 0.125rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .subheading-container html,:host .outer-container .content-container .subheading-container body,:host .outer-container .content-container .subheading-container div:not([class^=fr-]),:host .outer-container .content-container .subheading-container span:not([class^=fr-]),:host .outer-container .content-container .subheading-container img:not([class^=fr-]),:host .outer-container .content-container .subheading-container applet,:host .outer-container .content-container .subheading-container object,:host .outer-container .content-container .subheading-container iframe,:host .outer-container .content-container .subheading-container h1,:host .outer-container .content-container .subheading-container h2,:host .outer-container .content-container .subheading-container h3,:host .outer-container .content-container .subheading-container h4,:host .outer-container .content-container .subheading-container h5,:host .outer-container .content-container .subheading-container h6,:host .outer-container .content-container .subheading-container p,:host .outer-container .content-container .subheading-container blockquote,:host .outer-container .content-container .subheading-container pre,:host .outer-container .content-container .subheading-container a,:host .outer-container .content-container .subheading-container abbr,:host .outer-container .content-container .subheading-container acronym,:host .outer-container .content-container .subheading-container address,:host .outer-container .content-container .subheading-container big,:host .outer-container .content-container .subheading-container cite,:host .outer-container .content-container .subheading-container code,:host .outer-container .content-container .subheading-container del,:host .outer-container .content-container .subheading-container dfn,:host .outer-container .content-container .subheading-container em,:host .outer-container .content-container .subheading-container font,:host .outer-container .content-container .subheading-container ins,:host .outer-container .content-container .subheading-container kbd,:host .outer-container .content-container .subheading-container q,:host .outer-container .content-container .subheading-container s,:host .outer-container .content-container .subheading-container samp,:host .outer-container .content-container .subheading-container small,:host .outer-container .content-container .subheading-container strike,:host .outer-container .content-container .subheading-container strong,:host .outer-container .content-container .subheading-container sub,:host .outer-container .content-container .subheading-container sup,:host .outer-container .content-container .subheading-container tt,:host .outer-container .content-container .subheading-container var,:host .outer-container .content-container .subheading-container dl,:host .outer-container .content-container .subheading-container dt,:host .outer-container .content-container .subheading-container dd,:host .outer-container .content-container .subheading-container ol,:host .outer-container .content-container .subheading-container ul,:host .outer-container .content-container .subheading-container li,:host .outer-container .content-container .subheading-container fieldset,:host .outer-container .content-container .subheading-container form,:host .outer-container .content-container .subheading-container label,:host .outer-container .content-container .subheading-container legend,:host .outer-container .content-container .subheading-container table,:host .outer-container .content-container .subheading-container caption,:host .outer-container .content-container .subheading-container tbody,:host .outer-container .content-container .subheading-container tfoot,:host .outer-container .content-container .subheading-container thead,:host .outer-container .content-container .subheading-container tr,:host .outer-container .content-container .subheading-container th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .content-container .subheading-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;margin-top:0.5rem;padding-right:0.3rem}:host .outer-container .content-container .avatar-container yoo-avatar{margin-right:0.75rem;margin-left:0.15rem}:host .outer-container .content-container .action-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .content-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .slot-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.firefox) .content-container{margin-bottom:0}:host(.web):not(.framed) .outer-container{padding-top:1rem;padding-bottom:1rem;background-color:transparent}:host(.web) .outer-container .card-list-image-container.large{min-width:3.875rem}:host(.web) .outer-container .card-list-image-container.medium{min-width:2.875rem}:host(.web) .outer-container .card-list-image-container.small{min-width:2.375rem}:host(.web) .outer-container .content-container .top-container .badges-container.show-more{position:relative;overflow:visible}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button{position:absolute;top:0;right:0;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:2rem;height:1.125rem;font-size:var(--font-size-18, 1.125rem)}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button yoo-icon{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.locations) .outer-container .content-container .top-container .heading-container .date-card-text{padding-right:var(--spacing-16, 1rem)}:host(.locations.map) .outer-container{-ms-flex-align:center;align-items:center;background:var(--light, #ffffff)}:host(.collapsible) .outer-container,:host(.locations.no-kpi:not(.framed)) .outer-container{-ms-flex-align:start;align-items:flex-start;width:auto;border-bottom:none;border-radius:0.5rem}:host(.collapsible) .outer-container .content-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container{margin:0.5rem 0 0;border:none}:host(.collapsible) .outer-container .content-container .top-container .heading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .heading-container{-ms-flex-pack:justify;justify-content:space-between;padding-top:0 !important;padding-right:var(--spacing-08, 0.5rem)}:host(.collapsible) .outer-container .content-container .top-container .subheading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.collapsible) .outer-container .content-container{margin-top:0}:host(.locations.no-kpi.map) .outer-container{-ms-flex-align:start;align-items:flex-start;max-width:18.75rem}:host(.locations.no-kpi:not(.framed)) yoo-tag.distance{margin-right:0.75rem}:host(.web.framed) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.android) .outer-container .content-container .top-container .heading-container .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.25rem) * 2);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host{--border-bottom-outer-container:var(--border-radius-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--card-list-background:none;--justify-content-content-container:center}:host yoo-kpi-card{--grid-auto-flow:inherit;--grid-template-columns:repeat(4, minmax(0, 1fr));--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:var(--font-weight-400, 400);--value-margin:var(--spacing-04, 0.25rem) 0 0;--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);--variation-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container{padding-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .heading-container .card-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .collapse-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:1.375rem;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host .kpi-containers{height:0}:host(.vip) .outer-container{padding:var(--spacing-04, 0.25rem) 0}:host(.vip) .outer-container .subheading-container{line-height:1.75}:host(.vip) .outer-container .subheading-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.locations.collapsible){margin-right:var(--spacing-08, 0.5rem)}:host(.locations.collapsible) .outer-container{padding:var(--spacing-04, 0.25rem) 0}:host(.locations.collapsible) .outer-container .heading-container{padding-right:var(--spacing-08, 0.5rem)}:host(.locations.web) .outer-container{padding:0;border-radius:var(--border-radius-16, 1rem)}:host(.locations.web) .outer-container .top-container{padding-right:var(--spacing-16, 1rem)}:host(.locations.web.collapsible) .outer-container{background-color:var(--light, #ffffff)}:host(.locations.web.collapsible) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.locations.web.collapsible) .outer-container .content-container .top-container .subheading-container{font-size:var(--font-size-14, 0.875rem)}:host(.open) .outer-container{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host(.open) .outer-container .content-container{width:100%;border:none}:host(.open) .kpi-containers{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:auto;padding-top:0;border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}@media only screen and (min-width: 415px){:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:16%;flex-basis:16%}:host(.open) .kpi-containers .kpi-container.chromatic{-ms-flex-preferred-size:33%;flex-basis:33%}:host(.open) .kpi-containers div.separator:nth-child(12n){display:none}}@media only screen and (min-width: 321px) and (max-width: 414px){:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:33%;flex-basis:33%}:host(.open) .kpi-containers div.separator:nth-child(6n){display:none}}@media only screen and (max-width: 320px){:host(.open) .kpi-containers div.separator:nth-child(4n){display:none}:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:49%;flex-basis:49%}}:host(.locations.map.collapsed) .outer-container,:host(.locations.map.no-kpi) .outer-container{border-radius:3.1875rem}:host(.locations.map.collapsed) .outer-container .subheading-container:first-child,:host(.locations.map.no-kpi) .outer-container .subheading-container:first-child{max-width:60%}:host(.locations.map.collapsed) .outer-container .subheading-container:last-child,:host(.locations.map.no-kpi) .outer-container .subheading-container:last-child{max-width:90%}:host(.locations.map.collapsed) .outer-container{height:var(--spacing-64, 4rem);padding:0 var(--spacing-08, 0.5rem)}:host(.locations.map.collapsed) .outer-container .content-container{padding-top:0}:host(.locations.map.collapsed) .outer-container .content-container .top-container .heading-container{margin-bottom:var(--spacing-04, 0.25rem)}:host(.locations.map.collapsed) .outer-container .content-container .top-container .subheading-container{color:var(--stable, #adadad)}:host(.locations.map.open) .outer-container{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host(.locations.map.open) .outer-container .subheading-container{padding-right:var(--spacing-08, 0.5rem)}:host(.locations.map.open) .kpi-containers{margin:0;padding:var(--spacing-08, 0.5rem) 0;background:var(--light, #ffffff);border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}";
 

package/dist/esm/yoo-card-list-color.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti, o as isWeb, t as translate } from './index-dde1f033.js';
-import './lodash-494e728c.js';
+import { T as translateMulti, o as isWeb, t as translate } from './index-504f216f.js';
+import { M as isFinite } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
-const cardListColorCss = ":host{--title-padding-top:0;--title-margin-bottom:var(--spacing-16, 1rem);--card-border-radius:var(--border-radius-08, 0.5rem);display:block}:host p{margin:0}:host p.multi-truncated{overflow:hidden}@supports (display: -webkit-box){:host p.multi-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host p:not(.multi-truncated){overflow:hidden}@supports (display: -webkit-box){:host p:not(.multi-truncated){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}:host yoo-tooltip{height:100%}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--title-margin-bottom);padding:var(--spacing-16, 1rem);color:var(--dark, #000000);background:var(--light, #ffffff);border-radius:var(--card-border-radius);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container .heading-container{display:-ms-flexbox;display:flex;font-weight:bold}:host .outer-container .heading-container .icon-left{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .heading-container .icon-left yoo-icon:not([color]){fill:inherit}:host .outer-container .heading-container .icon-right{margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .heading-container .icon-right yoo-icon:not([color]){fill:inherit}:host .outer-container .heading-container .heading{-ms-flex:1;flex:1;overflow:hidden}@supports (display: -webkit-box){:host .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container .progress-container{padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .progress-container yoo-progress-bar{--progress-bar-color:var(--success, #3aa76d);--progress-value-color:var(--success, #3aa76d)}:host .outer-container .subheading-container{padding-top:var(--title-padding-top);color:var(--dark, #000000);text-align:left}:host .outer-container .subheading-container-description{color:var(--stable, #adadad);text-align:left}:host .outer-container .subheading-container-description .flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}:host .outer-container .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;line-height:0.9372rem}:host .outer-container .tags-container yoo-tag,:host .outer-container .tags-container .card-icon{margin-top:0.2rem;margin-right:var(--spacing-08, 0.5rem);margin-left:0.0625rem}:host .outer-container .tags-container .hashtag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.4375rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);-webkit-transform:translateY(0.125rem);transform:translateY(0.125rem)}:host .outer-container .tags-container .card-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container .tags-container .card-icon yoo-icon{margin-right:0.4375rem}:host .outer-container .tags-container .row-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;line-height:1rem}:host .outer-container yoo-badge{position:absolute;top:0.8rem;left:0.8rem}:host.last-of-row .outer-container{width:0.0625rem;padding:0;visibility:hidden}:host(.horizontal) .outer-container{width:10.5rem;max-width:10.5rem;min-height:4.5rem;margin-bottom:0}:host(.horizontal[size=small]) .outer-container{width:9rem;max-width:9rem;min-height:3rem;padding:var(--spacing-08, 0.5rem)}:host(.horizontal[size=small]) .outer-container .heading-container{font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host(.horizontal[size=medium]) .outer-container .heading-container{font-weight:normal;font-size:var(--font-size-16, 1rem)}:host(:not(.horizontal)) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}:host(.card-list) .outer-container{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));border-radius:0}:host(.dashboards) .outer-container,:host(.missiondescriptions) .outer-container{margin-bottom:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.dashboards) .outer-container .heading-container,:host(.missiondescriptions) .outer-container .heading-container{font-weight:normal}:host(.dashboards) .outer-container .heading-container .heading,:host(.missiondescriptions) .outer-container .heading-container .heading{overflow:hidden;white-space:unset;text-align:left}@supports (display: -webkit-box){:host(.dashboards) .outer-container .heading-container .heading,:host(.missiondescriptions) .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host(.dashboards.cell) .outer-container,:host(.missiondescriptions.cell) .outer-container{-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-16, 1rem)}:host(.dashboards.cell) .outer-container .heading-container,:host(.missiondescriptions.cell) .outer-container .heading-container{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--spacing-08, 0.5rem)}:host(.dashboards.cell) .outer-container .heading-container .heading,:host(.missiondescriptions.cell) .outer-container .heading-container .heading{grid-column-start:1;grid-column-end:3}:host(.dashboards.cell) .outer-container .heading-container .icon-right,:host(.missiondescriptions.cell) .outer-container .heading-container .icon-right{grid-row:1;grid-column:2}:host(.dashboards.cell) .outer-container .heading-container .icon-left,:host(.dashboards.cell) .outer-container .heading-container .icon-right,:host(.missiondescriptions.cell) .outer-container .heading-container .icon-left,:host(.missiondescriptions.cell) .outer-container .heading-container .icon-right{margin:0}:host(.missiondescriptions.framed) .outer-container{margin-bottom:0}:host(.missiondescriptions.framed) .progress-container,:host(.missiondescriptions.framed) .subheading-container-description,:host(.missiondescriptions.framed) .tags-container{display:none}@media (max-width: 370px){:host(.dashboards.framed) .outer-container .heading-container .heading,:host(.missiondescriptions.framed) .outer-container .heading-container .heading{overflow:hidden}@supports (display: -webkit-box){:host(.dashboards.framed) .outer-container .heading-container .heading,:host(.missiondescriptions.framed) .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}}:host(.campaigntypes) .outer-container,:host(.missiondescriptiontemplates) .outer-container{position:relative;min-height:15rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);-webkit-box-shadow:none;box-shadow:none}:host(.campaigntypes) .outer-container .heading-container .heading,:host(.missiondescriptiontemplates) .outer-container .heading-container .heading{font-size:var(--font-size-24, 1.5rem)}:host(.campaigntypes) .outer-container .subheading-container,:host(.missiondescriptiontemplates) .outer-container .subheading-container{color:var(--text-color, #807f83)}:host(.campaigntypes) .outer-container .image-container,:host(.missiondescriptiontemplates) .outer-container .image-container{position:absolute;right:0;bottom:0;height:9.375rem;margin:1rem}:host(.campaigntypes) .outer-container .image-container yoo-img,:host(.missiondescriptiontemplates) .outer-container .image-container yoo-img{height:9.375rem}@media only screen and (max-width: 1024px){:host(.campaigntypes) .outer-container .image-container,:host(.missiondescriptiontemplates) .outer-container .image-container{height:6.25rem}:host(.campaigntypes) .outer-container .image-container yoo-img,:host(.missiondescriptiontemplates) .outer-container .image-container yoo-img{height:6.25rem}}:host(.missiondescriptiontemplates) .outer-container .heading-container{-ms-flex-direction:column;flex-direction:column}:host(.missiondescriptiontemplates) .outer-container .heading-container .heading{white-space:normal}";
+const cardListColorCss = ":host{--title-padding-top:0;--title-margin-bottom:var(--spacing-16, 1rem);--card-border-radius:var(--border-radius-08, 0.5rem);--align-items:normal;--flex-direction:row;display:block}:host p{margin:0}:host p.multi-truncated{overflow:hidden}@supports (display: -webkit-box){:host p.multi-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host p:not(.multi-truncated){overflow:hidden}@supports (display: -webkit-box){:host p:not(.multi-truncated){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}:host yoo-tooltip{height:100%}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--title-margin-bottom);padding:var(--spacing-16, 1rem);color:var(--dark, #000000);background:var(--light, #ffffff);border-radius:var(--card-border-radius);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--flex-direction);flex-direction:var(--flex-direction);-ms-flex-align:var(--align-items);align-items:var(--align-items);font-weight:bold;background:var(--test-color)}:host .outer-container .heading-container .icon-left{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .heading-container .icon-left yoo-icon:not([color]){fill:inherit}:host .outer-container .heading-container .icon-right{margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .heading-container .icon-right yoo-icon:not([color]){fill:inherit}:host .outer-container .heading-container .icon-middle yoo-icon:not([color]){fill:inherit}:host .outer-container .heading-container .heading{-ms-flex:1;flex:1;overflow:hidden}@supports (display: -webkit-box){:host .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container .progress-container{padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .progress-container yoo-progress-bar{--progress-bar-color:var(--success, #3aa76d);--progress-value-color:var(--success, #3aa76d)}:host .outer-container .subheading-container{padding-top:var(--title-padding-top);color:var(--dark, #000000);text-align:left}:host .outer-container .subheading-container-description{color:var(--stable, #adadad);text-align:left}:host .outer-container .subheading-container-description .flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}:host .outer-container .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;line-height:0.9372rem}:host .outer-container .tags-container yoo-tag,:host .outer-container .tags-container .card-icon{margin-top:0.2rem;margin-right:var(--spacing-08, 0.5rem);margin-left:0.0625rem}:host .outer-container .tags-container .hashtag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.4375rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);-webkit-transform:translateY(0.125rem);transform:translateY(0.125rem)}:host .outer-container .tags-container .card-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container .tags-container .card-icon yoo-icon{margin-right:0.4375rem}:host .outer-container .tags-container .row-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;line-height:1rem}:host .outer-container yoo-badge{position:absolute;top:0.8rem;left:0.8rem}:host.last-of-row .outer-container{width:0.0625rem;padding:0;visibility:hidden}:host(.horizontal) .outer-container{width:10.5rem;max-width:10.5rem;min-height:4.5rem;margin-bottom:0}:host(.horizontal[size=small]) .outer-container{width:9rem;max-width:9rem;min-height:3rem;padding:var(--spacing-08, 0.5rem)}:host(.horizontal[size=small]) .outer-container .heading-container{font-weight:normal;font-size:var(--font-size-14, 0.875rem);background:var(--test-color)}:host(.horizontal[size=medium]) .outer-container .heading-container{font-weight:normal;font-size:var(--font-size-16, 1rem);background:var(--test-color)}:host(:not(.horizontal)) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}:host(.card-list) .outer-container{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));border-radius:0}:host(.dashboards) .outer-container,:host(.missiondescriptions) .outer-container{margin-bottom:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.dashboards) .outer-container .heading-container,:host(.missiondescriptions) .outer-container .heading-container{font-weight:normal;background:var(--test-color)}:host(.dashboards) .outer-container .heading-container .heading,:host(.missiondescriptions) .outer-container .heading-container .heading{overflow:hidden;white-space:unset;text-align:left}@supports (display: -webkit-box){:host(.dashboards) .outer-container .heading-container .heading,:host(.missiondescriptions) .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host(.dashboards.cell) .outer-container,:host(.missiondescriptions.cell) .outer-container{-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-16, 1rem)}:host(.dashboards.cell) .outer-container .heading-container,:host(.missiondescriptions.cell) .outer-container .heading-container{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--spacing-08, 0.5rem);background:var(--test-color)}:host(.dashboards.cell) .outer-container .heading-container .heading,:host(.missiondescriptions.cell) .outer-container .heading-container .heading{grid-column-start:1;grid-column-end:3}:host(.dashboards.cell) .outer-container .heading-container .icon-right,:host(.missiondescriptions.cell) .outer-container .heading-container .icon-right{grid-row:1;grid-column:2}:host(.dashboards.cell) .outer-container .heading-container [class^=icon],:host(.missiondescriptions.cell) .outer-container .heading-container [class^=icon]{margin:0}:host(.missiondescriptions.framed) .outer-container{margin-bottom:0}:host(.missiondescriptions.framed) .progress-container,:host(.missiondescriptions.framed) .subheading-container-description,:host(.missiondescriptions.framed) .tags-container{display:none}@media (max-width: 370px){:host(.dashboards.framed) .outer-container .heading-container .heading,:host(.missiondescriptions.framed) .outer-container .heading-container .heading{overflow:hidden}@supports (display: -webkit-box){:host(.dashboards.framed) .outer-container .heading-container .heading,:host(.missiondescriptions.framed) .outer-container .heading-container .heading{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}}:host(.campaigntypes) .outer-container,:host(.missiondescriptiontemplates) .outer-container{position:relative;min-height:15rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);-webkit-box-shadow:none;box-shadow:none}:host(.campaigntypes) .outer-container .heading-container .heading,:host(.missiondescriptiontemplates) .outer-container .heading-container .heading{font-size:var(--font-size-24, 1.5rem)}:host(.campaigntypes) .outer-container .subheading-container,:host(.missiondescriptiontemplates) .outer-container .subheading-container{color:var(--text-color, #807f83)}:host(.campaigntypes) .outer-container .image-container,:host(.missiondescriptiontemplates) .outer-container .image-container{position:absolute;right:0;bottom:0;height:9.375rem;margin:1rem}:host(.campaigntypes) .outer-container .image-container yoo-img,:host(.missiondescriptiontemplates) .outer-container .image-container yoo-img{height:9.375rem}@media only screen and (max-width: 1024px){:host(.campaigntypes) .outer-container .image-container,:host(.missiondescriptiontemplates) .outer-container .image-container{height:6.25rem}:host(.campaigntypes) .outer-container .image-container yoo-img,:host(.missiondescriptiontemplates) .outer-container .image-container yoo-img{height:6.25rem}}:host(.missiondescriptiontemplates) .outer-container .heading-container .heading{white-space:normal}";
 
 const YooCardListColorComponent = class {
   constructor(hostRef) {
@@ -14,24 +14,30 @@ const YooCardListColorComponent = class {
   }
   renderHeader() {
     var _a, _b, _c, _d;
+    const { iconTopMiddle, iconTopMiddleColor, iconTopRight, iconTopRightColor, iconTopLeft, iconTopLeftColor, color, heading } = this.entry;
     const bigIcon = ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('campaigntypes')) || ((_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('missiondescriptiontemplates'));
-    return (h("div", { class: "heading-container", style: { fill: this.entry.color } }, !!this.entry.iconTopLeft && (h("div", { class: "icon-left" }, h("yoo-icon", { size: bigIcon ? 'large' : 'medium', name: this.entry.iconTopLeft, color: this.entry.iconTopLeftColor }), this.notif && h("yoo-badge", { shape: "dot" }))), h("div", { class: "heading", innerHTML: translateMulti(this.entry.heading || '') }), !!this.entry.iconTopRight && (h("div", { class: "icon-right" }, h("yoo-icon", { size: "medium", name: this.entry.iconTopRight, color: this.entry.iconTopRightColor }), this.notif && h("yoo-badge", { shape: "dot" })))));
+    return (h("div", { class: "heading-container", style: { '--align-items': iconTopMiddle ? 'center' : 'normal', '--flex-direction': iconTopMiddle ? 'column-reverse' : 'row', fill: color } }, !!iconTopLeft && (h("div", { class: "icon-left" }, h("yoo-icon", { size: bigIcon ? 'large' : 'medium', name: iconTopLeft, color: iconTopLeftColor }), this.notif && h("yoo-badge", { shape: "dot" }))), h("div", { class: "heading", innerHTML: translateMulti(heading || '') }), !!iconTopRight && (h("div", { class: "icon-right" }, h("yoo-icon", { size: "medium", name: iconTopRight, color: iconTopRightColor }), this.notif && h("yoo-badge", { shape: "dot" }))), !!iconTopMiddle && (h("div", { class: "icon-middle" }, h("yoo-icon", { size: "medium", name: iconTopMiddle, color: iconTopMiddleColor }), this.notif && h("yoo-badge", { shape: "dot" })))));
   }
   renderSubHeader() {
-    return (this.entry.subHeading && (h("p", { class: { 'subheading-container': true, 'multi-truncated': !this.entry.subHeadingDescription }, innerHTML: translateMulti(this.entry.subHeading) })));
+    const { subHeading, subHeadingDescription } = this.entry;
+    return subHeading && h("p", { class: { 'subheading-container': true, 'multi-truncated': !subHeadingDescription }, innerHTML: translateMulti(subHeading) });
   }
   renderSubHeaderDescription() {
-    return (this.entry.subHeadingDescription && (h("p", { class: { 'subheading-container-description': true, 'multi-truncated': !this.entry.subHeading }, innerHTML: translateMulti(this.entry.subHeadingDescription) })));
+    const { subHeading, subHeadingDescription } = this.entry;
+    return subHeadingDescription && h("p", { class: { 'subheading-container-description': true, 'multi-truncated': !subHeading }, innerHTML: translateMulti(subHeadingDescription) });
   }
   renderProgress() {
-    return (this.entry.progress > 0 && (h("div", { class: "progress-container" }, h("yoo-progress-bar", { value: this.entry.progress || 0 }))));
+    const { progress } = this.entry;
+    return (isFinite(progress) &&
+      progress >= 0 && (h("div", { class: "progress-container" }, h("yoo-progress-bar", { value: progress || 0 }))));
   }
   renderTags() {
-    var _a, _b;
-    return (((_a = this.entry.tagElements) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "tags-container" }, (_b = this.entry.tagElements) === null || _b === void 0 ? void 0 : _b.map((tag) => (h("yoo-tag", { color: tag.color || 'stable', icon: tag.icon, innerHTML: tag.innerHTML, closable: tag.closable, size: tag.size, noBackground: tag.noBackground, customColor: tag.customColor }))))));
+    const { tagElements } = this.entry;
+    return ((tagElements === null || tagElements === void 0 ? void 0 : tagElements.length) > 0 && (h("div", { class: "tags-container" }, tagElements.map((tag) => (h("yoo-tag", { color: tag.color || 'stable', icon: tag.icon, innerHTML: tag.innerHTML, closable: tag.closable, size: tag.size, noBackground: tag.noBackground, customColor: tag.customColor }))))));
   }
   renderImage() {
-    return this.entry.imgSrc && h("div", { class: "image-container" }, h("yoo-img", { src: this.entry.imgSrc }));
+    const { imgSrc } = this.entry;
+    return (imgSrc && (h("div", { class: "image-container" }, h("yoo-img", { src: imgSrc }))));
   }
   render() {
     var _a;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb } from './index-dde1f033.js';
+import { o as isWeb } from './index-504f216f.js';
 import { t as toggleElementTapped } from './card-list-helpers-4e01192d.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import { b as getAppContext } from './common-helpers-b49fc758.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-93c86f26.js';
 
 const cardListSimpleCss = ":host{--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--inner-text-color:var(--dark, #000000);display:block;height:100%;cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;min-height:44px;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0px;color:var(--inner-text-color);font-size:var(--font-size-18, 1.125rem);line-height:1.5;word-break:break-word}:host .outer-container .text *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .text .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--spacing-08, 0.5rem);padding:0}:host .outer-container .image-container .flag-container{width:100%;height:100%}:host(.language) .outer-container{-ms-flex-align:center;align-items:center}:host(.language) .outer-container .image-container{width:1.5rem;height:1.5rem;overflow:hidden;font-size:var(--font-size-36, 2.25rem);border-radius:var(--border-radius-16, 1rem)}:host(.language) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:auto;padding:0}:host(.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-choice) .outer-container{padding:0}:host(.form-choice) .outer-container .text{padding-top:0;white-space:normal;word-break:break-word}:host(.form-choice) .outer-container .text .heading{margin:var(--spacing-16, 1rem) 0}:host(.selection-mode.mobile) .outer-container .text{margin-right:var(--spacing-32, 2rem)}:host(.web) .outer-container{min-height:auto;background:transparent}:host(.web) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.small.selected-content) .outer-container .text{font-size:var(--font-size-12, 0.75rem)}:host(.medium.selected-content) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.large.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.small.autocomplete-selection-mode) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .heading{font-size:var(--font-size-16, 1rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .subheading-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.groups.web) .outer-container .text .subheading-container{display:-ms-flexbox;display:flex}:host(.groups.web) .outer-container .text .subheading-container .subheading{padding-right:var(--spacing-16, 1rem)}:host(.products.outofstock){opacity:0.5}:host(.autocomplete) .outer-container .image-container .play{position:absolute}:host(.web.pages) .outer-container{border-bottom:none}:host(.mobile.autocomplete-selection-mode) .outer-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}";